.ginza{ margin-top:5vh;}

.ginza .text{background-color:#00cccb; padding:6vh 0; text-align:center; }

.ginza .text span{ color:#FFF; font-size:3vw; display:block;}

.ginza .text span:not(:last-child){ margin-bottom:2vh;}

.ginza .img{ width:600px; margin:auto; margin-top:5vh;}



.ginza .img img{ width:100%;}

.t2{ width:600px; margin:auto; text-align:center; font-size:4vh; line-height:130%; padding-top:2vh;}

.spa{ width:600px; margin:auto;text-align: center; padding-top:1vh; font-size:1.5vh;}

.spa span{}

.store_name{ padding-top:3vh;}

.store_name span{ color:#099; font-size:3vh; display:block; text-align:center; width:100%; line-height:170%;}

.a_cosme{background-color:#00cccb;}

.a_cosme div{ width:600px; margin:auto; padding:5vh 0; margin-top:5vh;}

.a_cosme div img{ width:100%;}

.a_cosme_shop{ width:600px; margin:auto; margin-top:5vh;}

.a_cosme_shop img{ width:100%;}

.embedsocial-hashtag{ width:70%; margin:auto;}

.blog div{
	background:#cab8d9;
	width:100%;
	padding:2vh 0;
	}


.blog div ul{ margin:auto; display:table; width:40%;}

.blog div ul li{ display: table-cell;  vertical-align:middle;}

.blog div ul li:nth-child(1){width:30%;}

.blog div ul li:nth-child(2){width:70%;}

.blog div ul li:nth-child(1) img{height:30vh; padding:3vh 0; display:block; margin:auto;}

.blog div ul li:nth-child(2) p{ color:#FFF; font-size:4vh; text-align:center;}

.blog div ul li:nth-child(2) p:nth-child(1){ margin-bottom:1vh;}

.blog div ul li:nth-child(2) p a img{ width:30vh; }

.blog div ul li:nth-child(2) p a{ display:block;}



.xmas div:nth-child(1){ background:#F33; color:#FFF; text-align:center; padding:3vh 0; font-size:4vw; color:#fff266;}
.xmas div:nth-child(2){background:#027773; color:#FFF; text-align:center; padding:2vh 0; font-size:1.5vw;}
.xmas div:nth-child(3){ width:400px; margin:auto; padding:3vh 0;}
.xmas div:nth-child(3) img{ width:100%;}
.xmas div:nth-child(4){ background:#027773; text-align:center; padding:4vh 0;}
.xmas div:nth-child(4) p{ line-height:130%;}
.xmas div:nth-child(4) p:not(:nth-child(3)){ color:#FFF; font-size:1.5vw;}
.xmas div:nth-child(4) p:nth-child(3){ color:#fff266; font-size:2.5vw;}
.xmas a{ display:block; width:500px; margin:auto; background:#2b8e8b; text-align:center; color:#FFF !important; border-radius:30px; font-size:2vw; padding:3vh 0; margin-top:2vh;}



.ac{ width:100%; background:#29a6a2; margin-top:5%;}

.ac img{ width:600px; margin:auto; display:block;}

.tryal p img{ display:none;}

.tryal a img{display:none;} 

.tryal{ width:100%;}


.tryal p:nth-child(1){ background:url(../img/try002.jpg) no-repeat center #2aa4a0; height:20vh; background-size:contain;}



.tryal a{ display:block; background:url(../img/try003.jpg) no-repeat center #e5e5e5; height:50vh; background-size:contain;}


.bba{ display: none;}

.media{ width:100%;}

.media div:nth-child(1){ text-align:center; font-size:2.5vw; background-color:#00cccb; padding:5% 0%; color:#FFF;}

.media div:nth-child(2){ width:700px; margin:auto;}

.media div:nth-child(2) img{ width:100%;}

.media div:nth-child(3){ text-align:center; font-size:2.5vw; background-color:#00cccb; padding:5% 0%; color:#FFF;}

.media div:nth-child(4){ width:700px; margin:auto;}

.media div:nth-child(4) a{ display:block;}

.media div:nth-child(4) a img{ width:100%;}

.lim_box{ margin-bottom:5%;}

.lim_img{ width:100%; margin-left:auto; margin-right:auto; height:40vh; background:url(../img/trial.jpg) center no-repeat; background-size: contain;}

.coupon_pc{
	background:#00cccb;
	color:#FFF;
	text-align:center;
	font-size:1.5vw;
	padding:5% 0%;
	}
	
.coupon_pc a{
	color:#FFF !important;
	display: inline-block;
	
	margin:auto;
	border:1px solid #FFF;
	padding:2% 5%;
	border-radius:10px;
}

.coupon_pc a span{ display:block; line-height:150%;}

.coupon_pc a span h{ text-decoration:underline;}

.coupon_pc p:nth-child(2){
	font-size:1vw;
	text-align:right;
	
	}

.coupon_sp{ display:none;}

.coupon_sp2{ display:none;}

.none{ display:none !important; }



/* lang */

.pro_name span{
	display:block;
	width:100%;
	text-align:center;
	
	}
.pro_name span:nth-child(1){
	color: #666;
	font-size:1vw;
	padding-top:5%;
	}
.pro_name span:nth-child(2){
	padding-bottom:5%;
	color: #666;
	font-size:1vw;
	}
.pro_name span:nth-child(3){
	color:#999;
	font-size:0.8vw;
	padding-bottom:3%;
	}


.video{ width:45%; display:table; margin-left:auto; margin-right:auto;}
.video p{ display:table-cell; vertical-align:middle;}

.video p:nth-child(2){ width:25%;}

.video p:nth-child(2) img{ width:100%;}
.video p:nth-child(1){ font-size:1vw; background-color:#00cccc;}
.video p:nth-child(1) span:nth-child(1){ color:#FFF; margin-bottom:2%;}
.video p:nth-child(1) span{ display:block; text-align:center;}

.video p:nth-child(3){ text-align: left;  line-height:130%;}
.video p:nth-child(3) h span{ text-decoration:underline; color:#00cccc;}
.video p:nth-child(3) h{ display:block;}
.video p:nth-child(3) h span a{ color:#00cccc !important;}


.link_ion{ margin-top:4%; text-align:center; width:100%; margin-left:auto; margin-right:auto;}
.link_ion a{ border:3px solid #099; padding:1% 7%; color: #099 !important; border-radius:10px;}

.lang_box{ position:absolute; font-size:70%; top:10%; right:0px; margin-right:1%; z-index:1;}

.lang_box div{ padding:10px;}
a.language{ float:left;}

#lang_j{ color:#FFF; background-color:#CCC;}
#lang_c{ color:#999; background-color:#fff;}


/* lang */

.dsp{ display:none;}



.comp_bg{
	background:url(../img/dna.jpg) left no-repeat;
	background-size:65%;
	}
	
.comp_bg2{
	background:url(../img/ele.jpg) right no-repeat;
	background-size:65%;
	}

.comp_bg3{
	background:url(../img/hito.jpg) left no-repeat;
	background-size:65%;
	}

.comp div p{
	font-size:200%;
	color: #099;
	padding-top:60px;
	padding-bottom:30px;
	}
	

.comp{
	width:100%;
	height:400px;
	}

.comp div{
	line-height:200%;
	
	}
	
.comp_right{
	position:absolute;
	right:15%;
	width:40%;
	}

.comp_left{
	position:absolute;
	left:15%;
	width:40%;
	}	  

	
.comp div span{color: #099;}






.pc{ display:block;}
.sp{ display:none;}


.pro_box{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	}

.pro_box_inner{
	width:46%;
	float:left;
	padding:0% 2%;
	margin-bottom:3%;
	}

.pro11 .pro_img{
	background-image: url("../img/new.png"),url("../img/pro11.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	}

.pro01 .pro_img{
	background-image: url("../img/no1.png"),url("../img/pro03.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	}


.pro_img{ width:95%;}

.pro_img img{
	width:100%;
	}

.pro_img2{ padding:20px 0px; width:500px; margin-left:auto; margin-right:auto;}

	.pro_img2 img{
	width:100%;
	}

.pro_name img{
	width:100%;
		
	}
		
.cart{
	width:250px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:2px solid #666;
	padding:20px 0px;
	margin-top:10px;
}

.cont{
	width:100%;
	border-bottom:1px solid #CCC;
	margin-bottom:30px;
	}

.inner{
	width:75%;
	margin-left:auto;
	margin-right:auto;
	}

.inner img{
	height:30px;
	padding-bottom:30px;
	padding-top:50px;
	}

.news ul li:nth-child(1) a{ color: #099; background: #ECFDFD;}

.news2{ height:30vh; overflow-x: hidden; overflow-y: scroll; width:50%; margin-left:auto; margin-right:auto; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;}
.news2 ul{ width:100%;}
.news2 ul li{width:100%; display:table; margin-bottom:2%;}
.news2 ul li p{ display:table-cell; vertical-align:middle;}
.news2 ul li p span{ display:block; margin-bottom:1%;}
.news2 ul li p:nth-child(1){ width:15%; text-align:left;}
.news2 ul li p:nth-child(2){ width:25%; text-align:center;}

.news2 ul li p:nth-child(2) img{ width:100%;}

.news2 ul li p:nth-child(2) span{background-color:#00cccc; border-radius:10px; color:#FFF;}

.news2 ul li p:nth-child(3){ width:60%; text-align: left;}
.news2 ul li p:nth-child(3) span{ margin-left:2%;}
.news2 ul li p:nth-child(3) span a{ color:#00cccc;  text-decoration:underline !important;}
.on{ display: block!important;}

.bg{background-color:#0CC;}

.bg2{background-color:#fff;}

span.under{border-bottom:1px solid #0CC;}





.menu{
	position:absolute;
	right:5%;
	top:5%;
	}

.last{ border-right:none !important;}

.menu ul li{
	float:left;
	padding:10px 20px;
	border-right:2px solid #ccc;
	color: #CCC;
	}



.cons{
	width:100%;
	text-align:center;
	line-height:250%;
	}

.cons img{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}

.ft img{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}




  

  
  .boder{ border:2px solid #900;}
  
  
.amb{
	width:100%;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	}

.amb_text{
	width:50%;
	height:100%;
	position:relative;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	}

.amb_text_box{ width:100%; }

.amb_text_box div{
	width:80%;
	padding-right:5%;
	}

.amb_text_box div h1{
	font-weight:bold;
	color:#c571ab;
	font-size:130%;
	line-height:150%;
	padding:30px 0px;
	}

.amb_text_box div h3{
	font-size:70%;
	line-height:170%;
	text-align:left;
	}
	
	h3 span{ color:#c571ab;}

h5{
	position:absolute;
	bottom:2%;
	right:2%;
	font-size:50% !important;
	color:#666;
	padding-top:10px;
	}

.amb_img{
	position:relative;
	width:50%;
	height:100%;
	background: url(../img/kaede2.jpg) center no-repeat;
	background-position:50% 30%;
	background-size:cover;
	}
	
.amb div{ float:right;} 

.amb_img div{
	text-align:right;
	font-style:oblique;
	font-size:80%;
	position: absolute;
	bottom:2%;
	right:2%;
	line-height:150%;
	}

.amb_text_box div h4{ display: none;}



.koko span{ display:block; font-size:5vh !important;}

.koko span:nth-child(1){ margin-bottom:2vh;}

.koko span:nth-child(2){ color:#FF0;}

@media (max-width: 1025px) {

.koko span{ display:inline; font-size:3.5vh !important;}

.koko span:nth-child(1){ margin-bottom:0.5vh;}


.ginza{ margin-top:5vh;}

.ginza .text{background-color:#00cccb; padding:6vh 0; text-align:center; }

.ginza .text span{ color:#FFF; font-size:6vw; display:block;}

.ginza .text span:not(:last-child){ margin-bottom:1vh;}

.ginza .img{ width:100%; margin:auto; margin-top:5vh;}

.ginza .img img{ width:100%;}

.t2{ width:90%; margin:auto; text-align:center; font-size:3vh; line-height:130%; padding-top:2vh;}

.t2 span{ display:block;}

.spa{ width:95%; margin:auto; padding-top:1vh; font-size:2vh;}

.spa span{ display:block; text-align:right; line-height:130%;}


.store_name{ padding-top:3vh;}

.store_name span{ color:#099; font-size:3vh; display:block; text-align:center; width:100%; line-height:170%;}

.a_cosme div{ width:60%; margin:auto; padding:3vh 0; margin-top:5vh;}

.a_cosme_shop{ width:100%; margin:auto; }

	
.embedsocial-hashtag{ width:90%; margin:auto;}


.blog div{
	background:#cab8d9;
	width:100%;
	padding:2vh 0;
	margin-top:5vh;
	}


.blog div ul{ margin:auto; display:table; width:90%;}

.blog div ul li{ display: table-cell;  vertical-align:middle;}

.blog div ul li:nth-child(1){width:30%;}

.blog div ul li:nth-child(2){width:70%;}

.blog div ul li:nth-child(1) img{height:30vh; padding:3vh 0; display:block; margin:auto;}

.blog div ul li:nth-child(2) p{ color:#FFF; font-size:3vh; text-align:center;}

.blog div ul li:nth-child(2) p:nth-child(1){ margin-bottom:1vh;}

.blog div ul li:nth-child(2) p a img{ width:90%; margin:auto; }



.xmas{ margin-top:3vh;}
.xmas div:nth-child(1){ background:#F33; color:#FFF; text-align:center; padding:3vh 0; font-size:6vw; color:#fff266;}
.xmas div:nth-child(2){background:#027773; color:#FFF; text-align:center; padding:2vh 0; font-size:4vw;}
.xmas div:nth-child(3){ width:80%; margin:auto; padding:3vh 0;}
.xmas div:nth-child(3) img{ width:100%;}
.xmas div:nth-child(4){ background:#027773; text-align:center; padding:4vh 0;}
.xmas div:nth-child(4) p{ line-height:150%;}
.xmas div:nth-child(4) p:not(:nth-child(3)){ color:#FFF; font-size:4vw;}
.xmas div:nth-child(4) p:nth-child(3){ color:#fff266; font-size:6vw;}
.xmas a{ display:block; width:80%; margin:auto; background:#2b8e8b; text-align:center; color:#FFF !important; border-radius:30px; font-size:5vw; padding:3vh 0; margin-top:2vh;}


.ac{ width:100%; background:#29a6a2; margin-top:5%;}

.ac img{ width:100%; display:block;}

.tryal p img{ width:100%; display:block;}

.tryal a img{width:100%; display:block;} 
.tryal{ margin-top:5%;}

.tryal p:nth-child(1){ background:none; height:auto;}

.tryal a{ display:block; background: none; height:auto;}


.bba{ display:block; position:absolute; width:19%; left:7%; top:12%;}

.media div:nth-child(1){ font-size:6vw;}

.media div:nth-child(1) span{ display:block; line-height:130%;}

.media div:nth-child(2){ width:90%; margin:auto;}

.media div:nth-child(2) img{ width:100%;}

.media div:nth-child(3){ font-size:6vw;}

.media div:nth-child(3) span{ display:block; line-height:130%;}

.media div:nth-child(4){ width:90%; margin:auto;}

.media div:nth-child(4) img{ width:100%;}



.coupon_pc{ display:none;}

.coupon_sp{ border:3px solid #26a2a2; display:block; margin-top:3%; text-align:center; font-size:4.5vw; padding:5% 0%; width:90%; margin-left:auto; margin-right:auto; border-radius:10px;}
.coupon_sp a{}
.coupon_sp span{ border:none; line-height:120%; display:block; color:#26a2a2; }
.coupon_sp span h{ display:block; line-height:120%;}

.coupon_sp span:nth-child(1) h:nth-child(1){ font-size:4vw;}
.coupon_sp span:nth-child(1) h:nth-child(2){ font-size:6vw;}
.coupon_sp span:nth-child(2) img{ width:50%; padding:5% 0%;}

.coupon_sp span:nth-child(3){ font-size:5vw; padding:0% 0% 5% 0%;}

.coupon_sp span:nth-child(3) h{ line-height:150%;}

.coupon_sp span:nth-child(3) h:nth-child(2),.coupon_sp span:nth-child(3) h:nth-child(3),.coupon_sp span:nth-child(3) h:nth-child(4){ background:#0C6; color:#FFF;}

.coupon_sp span:nth-child(3) h:nth-child(2){ padding-top:2%;}

.coupon_sp span:nth-child(3) h:nth-child(4){ padding-bottom:2%;}

.coupon_sp span:nth-child(3) h:last-child{ font-size:3vw;}

.coupon_sp span:nth-child(4){ font-size:3vw;}




.cart{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:1px solid #666;
	padding:20px 0px;
	margin-top:10px;
}


.pro_name span{
	display:block;
	width:100%;
	text-align:center;
	
	}
.pro_name span:nth-child(1){
	color: #666;
	font-size:4vw;
	padding-top:5%;
	}
.pro_name span:nth-child(2){
	padding-bottom:5%;
	color: #666;
	font-size:4vw;
	}
.pro_name span:nth-child(3){
	color:#999;
	font-size:1.5vw;
	padding-bottom:3%;
	}

.video{ width:90%; display: block; margin-left:auto; margin-right:auto; padding:5% 0%;}
.video p{ display: block; vertical-align:middle; text-align:center; padding:3% 0%;}


.video p:nth-child(1){ font-size:4vw; background-color:#00cccc;}
.video p:nth-child(1) span:nth-child(1){ color:#FFF; margin-bottom:2%;}
.video p:nth-child(1) span{ display: inline;}

.video p:nth-child(2){ width:50%; margin:auto;}
.video p:nth-child(2) img{ width:100%;}


.video p:nth-child(3){ text-align:center;  line-height:130%;}
.video p:nth-child(3) h span{ text-decoration:underline; color:#00cccc;}
.video p:nth-child(3) h{ display:block;}
.video p:nth-child(3) h span a{ color:#00cccc !important;}





.news2{ width:90%; margin-left:auto; margin-right:auto; height:40vh; overflow:scroll;}
.news2 ul{ width:100%;}
.news2 ul li{width:100%; margin-bottom:5%;}
.news2 ul li p{display:block; }
.news2 ul li p span{}
.news2 ul li p:nth-child(1){text-align:left; width:100%;}
.news2 ul li p:nth-child(2){text-align:center;  width:100%;}

.news2 ul li p:nth-child(2) img{ width:60%;}

.news2 ul li p:nth-child(2) span{background-color:#00cccc; border-radius:10px; color:#FFF;}

.news2 ul li p:nth-child(3){ text-align: left;  width:100%;}
.news2 ul li p:nth-child(3) span{ margin-left:0%;}
.news2 ul li p:nth-child(3) span a{ color:#00cccc;  text-decoration:underline !important;}

	
	/* lang */

.link_ion{ font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;  text-align:center; width:100%; margin-left:auto; margin-right:auto;}
.link_ion a{ border:3px solid #099; padding:5% 7%; color: #099 !important; border-radius:10px; display:block; width:70%; margin-left:auto; margin-right:auto;}




.lang_box{ position:absolute; font-size:70%; top:1%; right:0px; margin-right:15%; z-index:1;}

.lang_box div{ padding:10px;}
a.language{ float:left;}

#lang_j{ color:#FFF; background-color:#CCC;}
#lang_c{ color:#999; background-color:#fff;}


/* lang */


.comp_bg{
	background: url(../img/dna2.jpg) right no-repeat;
	background-size: cover;
	}

.comp_bg2{
	background: url(../img/ele2.jpg) right no-repeat;
	background-size: cover;
	}

.comp_bg3{
	background: url(../img/hito2.jpg) right no-repeat;
	background-size: cover;
	}

.comp{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	width:100%;
	height:auto;
	margin-bottom:5px;
	}
	
.comp div p h{ font-size:30%;}

.comp div{
	font-size:75%;
	position:static;
	line-height:150%;
	width:54%;
	margin-left:5%;
	padding-bottom:30px;
	} 
	 
.comp div p{
	padding-top:30px;
	padding-bottom:20px;
	font-size:160%;
	line-height:120%;
	font-weight:bold;
	}


.pro_img2{ padding:20px 0px; width:90%; }

.pro_box{
	width:90%;
	}

.pro_box_inner{
	width:50%;
	padding:0% 0%;
	margin-bottom:30px;
	}


.pc{ display:none;}
.sp{ display:block;}

	.grad-btn {
		opacity:0.6;
		background-color:#c571ab;
		color:#FFF;
		padding:2px 20%;
		}
		
.grad-item {
	position: relative;
    overflow: hidden;
    height: 10px; /*隠した状態の高さ*/
	}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}



.amb_text_box div{
	width:95%;
	padding-right:0%;
	margin-left:auto;
	margin-right:auto;
	}

.amb_text_box div h1{
	font-size:5vw;
	line-height:170%;
	padding:40px 0px 20px 0px;
	}

.amb_text_box div h3{ display:none;}

.amb_text_box div h4{
	display: block;
	font-size:80%;
	line-height:180%;
	padding-bottom:50px;
	}
	
	
h4 span{color:#c571ab;}

.amb_img div{
	font-style:oblique;
	font-size:60%;
	position:absolute;
	bottom:2%;
	right:2%;
	line-height:150%;
	}

.amb{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}	

.amb_text{
	width:100%;
	text-align:center;
	height:auto;
	}
	
.amb_text div{
	text-align:center;
	padding:0px 0px;
	}

	
.amb_img{
	width:100%;
	height:300px;
	background:url(../img/kaede2.jpg) center no-repeat; 
	background-position:50% 30%;
	background-size:cover;
	}
	
.amb div{ float:none;} 
	
.inner img{
	height:25px; 
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-bottom:30px;
	padding-top:50px;
	}
	
.use{ background:none;}
	

.pad{margin-right:0px;}
.howto{
	height:auto;
	width:96%;
	}
.howto img{
	width:48%;
	padding:1%;
	margin-top:1%;
	}
.boder{ border: none;}
	
.menu{ display:none;}



	



  
  

  

  
  .cons img{
	  width:100%;
	  margin-left:auto;
	  margin-right:auto;
	  display:block;
	  }

.ft img{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}


	}