/*html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }*/


.langs {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  position: absolute;
  top: 20px;
  right: 20px;
}
.langs a {
  color:  #999;
  font-size: 14px;
}
.langs a:hover {
  color:  #fff;
}
.langs a.active {
  color: #fff;
}
.langs .langs__jp {
  border-right: 1px solid #999;
  float: left;
  padding-right: 10px;
}
.langs .langs__en {
border-right: 1px solid #999;
  float: left;
  margin-left: 10px;
  padding-right: 10px;
}
.langs .langs__cn {
  float: left;
  margin-left: 10px;
}

/*5/16更新用*/
.langs2 {
  position: absolute;
  right: 20px;
  top: 20px;
}
.langs2 * {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.langs2 .langs2__title {
  display: none;
}
.langs2 .langs2__bg {
  display: none;
}
.langs2 .langs2__list {
  overflow: hidden;
}
.langs2 .langs2__list .langs2__list__item {
  border-right: 1px solid #999;
  float: left;
  padding : 3px 10px;
}
.langs2 .langs2__list .langs2__list__item:last-child {
  border: none;
}
.langs2 .langs2__list .langs2__list__item a {
  color: #999;
  font-size: 14px;
}
.langs2 .langs2__list .langs2__list__item a:hover,
.langs2 .langs2__list .langs2__list__item a.active {
  color: #fff;
}


/* showSuccess itemdetail*/

.langs2.detail{
right: 0;
}

.langs2.detail .langs2__list{
	float: right;
}

.langs2.detail .langs2__list .langs2__list__item a{
  color: #000;
  text-decoration: none;
}


.langs2.detail .langs2__list .langs2__list__item a:hover,
.langs2.detail .langs2__list .langs2__list__item a.active {
  color: #999;
}

.ja .langs2.detail .langs2__list .langs2__list__item.jp a,
.en .langs2.detail .langs2__list .langs2__list__item.eng a,
.zh_CN .langs2.detail .langs2__list .langs2__list__item.cnk a{
	  color: #999;
}

#cnk_page .mainContainer *{
	font-family: Arial, Helvetica,"Noto Sans SC", "Noto Sans JP", sans-serif ;
}

.zh_CN .itemdetail .langs2 *,
#cnk_page .mainContainer .langs ,
#cnk_page .mainContainer .langs2 *,
#cnk_page .concept__message__title,
#cnk_page .skincaresystem__title,
#cnk_page .news__title, 
#cnk_page .product__title, 
#cnk_page .makeuppattern__title, 
#cnk_page .howtomakeup__title{
  font-family: "Noto Serif SC", "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro",  "YuMincho", "游明朝", "游明朝体", serif;
}

.en .itemdetail .ingred__text .togglebox__text{
	word-wrap: break-word;
	overflow-wrap: break-word;
/*	text-align: left;*/
}

.zh_CN .breadcrumb{
	padding-top: 5px;
}



@media screen and (max-width: 736px) {
  .langs {
    display: none;
  }
  
/*5/16更新用*/
/*.langs2 {
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  width: 100%;
  z-index: 20;
}
.langs2 * {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.langs2 .langs2__title {
  cursor: pointer;
  display: block;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-right: 5%;
  position: relative;
  text-align: right;
}
.langs2 .langs2__title i {
  background-image: url(/images/linetop/lang_down.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 10px;
  height: 8px;
  width: 14px;
}
.langs2 .langs2__list {
  background-color: #fff;
  height: 0;
  overflow: hidden;
  position: relative;
  transition: 0.4s;
  width: 100%;
}
.langs2 .langs2__list .langs2__list__item {
  padding : 0;
  text-align: center;
  width: calc((100% / 3) - 2px);
}
.langs2 .langs2__list .langs2__list__item:last-child {
}
.langs2 .langs2__list .langs2__list__item a {
  color: #999;
  font-size: 14px;
  padding: 0;
}
.langs2 .langs2__list .langs2__list__item a:hover,
.langs2 .langs2__list .langs2__list__item a.active {
  color: #000;
}
.langs2.show {
}
.langs2.show .langs2__title i {
  background-image: url(/images/linetop/lang_up.png);
}
.langs2.show .langs2__list {
  height: auto;
  padding: 40px 0;
}*/

.langs2 {
  position: absolute;
  right: 5%;
  top: 0;
  transition: 0.4s;
}
.langs2 * {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.langs2 .langs2__title {
  cursor: pointer;
  display: block;
  margin-top: 10px;
  padding-bottom: 10px;
  position: relative;
  text-align: right;
}
.langs2 .langs2__title i {
  margin-left: 10px;
}
.langs2 .langs2__list {
  background-color: #EEE;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: 0.4s;
  width: 100%;
}
.langs2 .langs2__list .langs2__list__item {
  border-right: none;
  border-bottom: 1px solid #999;
  float: none;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.langs2 .langs2__list .langs2__list__item:last-child {
}
.langs2 .langs2__list .langs2__list__item.active {
  background-color: #ccc;
}
.langs2 .langs2__list .langs2__list__item a {
  color: #000;
  font-size: 14px;
  padding: 0;
}
.langs2 .langs2__list .langs2__list__item a:hover {
  color: #999;
}
.langs2 .langs2__list .langs2__list__item a.active {
  color: #000;
}
.langs2 .langs2__list .langs2__list__item.active a:hover {
  color: #000;
}
.langs2.show {
}
.langs2.show .langs2__list {
  height: 111px;
  opacity: 1;
}
.langs2.show .langs2__list .langs2__list__item {
}

.langs2.detail{
	width: 100%;
	padding-top: 0;
	top: 35px;
	left: 0;
	}
.langs2.detail .langs2__title{
	right: 5%;
	width: 105px;
	position: absolute;
	top: 2px;
	}


.langs2.detail .langs2__list {
	right: 5%;
	top: 37px;
	width: 105px;
	position: absolute;
	background-color: #EEE;
	}


.ja .langs2.detail .langs2__list .langs2__list__item.jp,
.en .langs2.detail .langs2__list .langs2__list__item.eng,
.zh_CN .langs2.detail .langs2__list .langs2__list__item.cnk{
	background-color: #CCC;
	
	}
	
.ja .langs2.detail .langs2__list .langs2__list__item.jp a,
.en .langs2.detail .langs2__list .langs2__list__item.eng a,
.zh_CN .langs2.detail .langs2__list .langs2__list__item.cnk a{
    color: #000;
}

	

}