@charset "UTF-8";


.touchDevice a:hover,
.touchDevice body#faq .entryBody article#qa dl.qa dt{ text-decoration:none !important;}

@media screen and (max-width: 1300px) {
	
	
}

@media screen and (max-width: 1100px) {
	
	/*html,body{font-size:12px;}*/
	
}


@media screen and (max-width: 1000px) {
	
	html,
	body{font-size:12px;}
	
	#main .bgBtn{ height: 80px !important; line-height:80px !important;}
	
	body#top #main{}
	
	.onlyPC{ display:none;}
	.onlySP{ display:block;}
	
	#pageTopBtn{ display:none;}
	
	table.normal{ }
	
	
	#headerTools{ position: fixed; top: 0; left: 0;    z-index: 500; width: 100%; height: 80px; }
body.headerToolsOff #headerTools{ }
#headerTools .ticker{}
#headerTools .ticker li{height: 80px; line-height: 80px;}
#headerTools .ticker li a{ }
#headerTools .ticker li img{ height: 30px;}
	
#headerTools .close{ position:absolute;  top: 0px; right: 0px; width: 80px; height: 80px;  margin-right: -5px;}
#headerTools .close hr{ content: ''; width: 30px; height: 4px;  }
	
	.globalInner{ width:100%; padding:0 30px; box-sizing:border-box;}
	
	#base > #main{ padding-top:160px;transition: padding-top 400ms cubic-bezier(.50,.0,.50,1);}
	
	body.headerToolsOff  #base > #main{ padding-top:100px;}
	
	main{ width:auto; padding:0 30px; box-sizing:border-box;}
	body.full main{ padding:0;}
	
	header#gHeader{ display:block;}
	header#gHeader{ padding:0; height:113px; overflow:hidden; position:relative;}
	header#gHeader h1,
	header#gHeader .siteMenu{ display:none;}
	
	header#gHeader .globalMenu{ height:auto; position:relative; top:0px; left:0; right:auto; border:solid 0px #e6e6e6;}
	header#gHeader > .globalInner{ height:auto; width:100%; padding:0 30px; box-sizing:border-box;}
	header#gHeader .globalMenu ul.menu { display:none;}
	
	
	header#gHeader .globalMenu .news{ position:absolute; top:0px; left:0px; width:100%; height:113px; overflow:hidden;}
	header#gHeader .globalMenu .news h2{ display:none;}
	header#gHeader .globalMenu .news ul{ padding:0 0px 0 60px; position:relative;}
	header#gHeader .globalMenu .news ul:before{ content:''; display:block; width:42px; height:34px;  position:absolute; top:42px; left:0px;background:url(img/svg/news.svg) center center no-repeat transparent; background-size:contain;}
	header#gHeader .globalMenu .news ul li{ font-size:1.2rem; position:relative !important;}
	
	




	header#gHeader .globalMenu .news ul li{ display:table-cell !important; vertical-align:middle; height:113px; line-height:1.4; margin-bottom:10px;}
	header#gHeader .globalMenu .news ul li:nth-of-type(2){ display:none;}
	
	header#gHeader .globalMenu .news .more{ display:none;}
	
	
	header#gHeader .globalMenu #newsTicker{ padding:0 0px 0 60px !important; position:relative; display:table; width:100%;}
	header#gHeader .globalMenu #newsTicker:before{ content:''; display:block; width:42px; height:34px;  position:absolute; top:42px; left:0px;background:url(img/svg/news.svg) center center no-repeat transparent; background-size:contain;}
	header#gHeader .globalMenu #newsTicker div{ display:inline-block; vertical-align:middle; height:113px; line-height:1.4; margin-bottom:10px; padding-left:60px; white-space: nowrap;}
	header#gHeader .globalMenu #newsTicker div a{ position:relative;}
	
	
	header#gHeader .globalMenu #newsTicker div span{display:table-cell; vertical-align:middle; height:113px; position:relative;}
	
	
	header#gHeader .globalMenu #newsTicker a.blank:after{
		content:'';
		display:block;
		width:12px;
		height:12px;
		position:absolute;
		top:0px;
		right:-15px;
		background:url(img/svg/link_blank.svg) center center no-repeat;
		background-size:contain;
	}

	
		
	div.tools .globalInner{ border-top:0;}
	div.tools .dir { font-size:1.0rem; padding-left: 0;}
	
	header#spHeader{ display:block; }
	header#spHeader .spMenuBtn{ display:block;}
	
	header#spHeader .mypage{ width:80px; height:100px; margin:0px !important; position:absolute; top:0px; right:160px;}	
	header#spHeader .mypage a{ display:block; height:0px; padding:100px 0 0 0px; overflow:hidden; background:url(img/svg/mypage_white.svg) center center no-repeat #000 !important; background-size:70% !important;}
	
	header#spHeader .cart{ width:80px; height:100px; margin:0px !important; position:absolute; top:0; right:80px;}	
	header#spHeader .cart a{ display:block; height:0px; padding:100px 0 0 0px; overflow:hidden; background:url(img/svg/cart.svg) center center no-repeat #000 !important; background-size:70% !important;}
	
		header#spHeader .lang{ width:80px; height:100px; margin:0px !important; position:absolute; top:0; right:0; overflow: hidden;}	
	header#spHeader .lang a{ display:block; height:0px; padding:100px 0 0 0px; overflow:hidden; background:url(img/svg/lang_white.svg) center center no-repeat #000 !important; background-size:70% !important;}

	
	
	
	footer{ height:auto; overflow:hidden;}
	footer .globalInner{ height:auto;}
	
	.touchDevice footer { height:auto !important; padding-bottom: 0px}
	.touchDevice  footer .globalInner{ height:auto !important; overflow:hidden;}
	
	body#products footer { height:auto !important; padding-bottom: 170px}
	body#products footer .globalInner{ height:auto !important; overflow:hidden;}
	
	.touchDevice body#products footer { height:auto !important; }
	.touchDevice body#products footer .globalInner{ height:auto !important; overflow:hidden;}
	
	
	
	footer .info{ height:auto; text-align:center; padding-bottom:120px;}
	footer .info .infoInner{ width:90%; margin:auto; max-width:none; position:relative;}
	footer .info .deli{ font-size:1.8rem;}
	footer .info .tel { margin:0 auto 20px auto; text-align:center; width:400px;}
	footer .info .tel .read{ text-align:center; font-size:1.2rem;}
	footer .info .tel .dial{ display:inline-block; font-size:2.2rem;}
	footer .info .tel .dial small{ text-align:left;}
	footer .info .tel .time{ text-align:center; font-size:0.9rem;}
	
	footer .info .contact{ margin:auto; position:relative; right:auto; bottom:auto; width:500px; height:73px;}
	footer .info .contact a{ display:block; height:73px; line-height:73px; text-align:center; font-size:1rem; }
	footer .info .contact a div{ display:inline-block; padding-left:40px; position:relative;}
	.touchDevice footer .info .contact a div .icon{ 
    width: 50px;
    height: 28px;
    left: -20px;
    top: 50%;
    margin-top: -14px;
	}
	
		
	footer .siteLink{ position: relative; left: 0; top: 0px; padding-top: 80px; font-size:0.85rem;}
	footer .siteLink li{}
	
	footer .guideLink{  position: relative; left: 0; top: 0px; font-size:0.85rem;}
	.touchDevice footer .guideLink{ }
	footer .guideLink li{}
	
	footer ul.arrowLink{}
	footer ul.arrowLink li{ margin-bottom:10px; display: inline-block;}
	footer ul.arrowLink li:after{ content:' / '; display: inline-block; padding: 0 10px;}
	footer ul.arrowLink li:last-child:after{display:none;}
	footer ul.arrowLink li a {display: inline-block;}
	
	.touchDevice footer ul.arrowLink li{ margin-bottom:15px;}
	ul.arrowLink li:last-child{ margin-bottom:15px;}

		
	footer .snsLink{  position:relative; right:auto; top:auto; padding-top: 80px;text-align: center; overflow: hidden;}
	footer .snsLink:before {text-align: center; margin-bottom: 20px; border: 0;}
	footer .snsLink li{ float:none; display: inline-block; width:100px; height:100px; margin-left:15px; margin-bottom: 15px;}
	footer .snsLink li:nth-of-type(1){ }
	footer .snsLink li:nth-of-type(2){  }
	footer .snsLink li:nth-of-type(3){}
	footer .snsLink li a{}
	footer .copy{ left:auto; bottom: 0; right: auto; line-height: 1; position: relative; text-align: center; padding: 80px 0 40px 0;}
	
	footer .siteLink{text-align: center;}
	footer .guideLink{text-align: center;}
	
	footer ul.arrowLink li a{ padding:0.2em 0; font-size: 1.2em;}
	footer ul.arrowLink li a:before{ display:none;}
	
	.fullVisualWrap .slide:before{}
	.fullVisualWrap .contents{}
	.ios .fullVisualWrap .contents h3{ font-size:2.0rem;}
	
	
	
	main > nav { display:none;}
	main > section.detail{ padding:0 0 0 0;}
	
	.touchDevice .detailFull .contentsWrap .fullTitle{ padding: 10px 0;}
	.touchDevice .detailFull .contentsWrap .fullTitle h2{ }
	.touchDevice .detailFull .contentsWrap .fullTitle span{font-size:0.9rem; display:block !important; float:none !important;}
	
	

	main > section.detail .detailWrap{ padding-bottom:130px;}
	main > section.detail .detailMain{padding-right:0;}
		
		
	main > section.detail .detailSub{ width:100%; position:relative; right:auto; top:0px;}
	
		
	.cart{ margin-bottom:30px;
	-moz-transition: -moz-all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: -webkit-all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: -o-all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition: -ms-all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
		
		}
	.cart.fix{ position:relative !important; top:0; width:100%;}
	
	.cart article{letter-spacing:0; position:relative; overflow:hidden;}
	.cart article.add{ padding:20px 0;height:auto;}
	.cart article.regularly{ padding:15px 0;height:auto;}
	
	
	.cart article.add .set{ margin-bottom:15px;}
	.cart article.add .set ul{}
	.cart article.add .set li{ position:relative; margin:0 10px 3px 0; display:inline-block; font-size:0.9rem; line-height:1.3; padding-left:1.5em;}
	.cart article.add .set li:before{ content:'→'; display:block; position:absolute; top:0; left:0;}
	.cart article.add .set li a{ }

	.cart article.add .inner { position:relative; min-height:70px; margin-bottom:20px;}
		.ios .cart article.add .inner { min-height:90px}
	
	.cart article.add .code{ line-height:1.2; margin-bottom:0px; font-size:0.8rem;}
	.cart article.add .price{ width:55%; font-size:1.8rem; line-height:1; margin-bottom:0px; padding:0; position:absolute; bottom:0;}
	.cart article.add .price small{  font-size:0.8rem;display:inline-block; padding-left:5px;}
	.cart article.add .quantity{ display:inline-block; font-size:0.8rem; padding:0; margin:0;}
	
	.cart article.add .quantity select{ width:auto; border:solid 1px #000; padding:2px 20px; background-color:#fff;
	border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius:0px;
		margin-left:5px;
		font-size:1.5rem;
		}
	.cart article.add .quantity select option{}
	
	
	
	
	.cart article.add .addCart{  width:44%; background-color:#000; position:absolute; bottom:0px; right:0px; margin:0;}
		
	.cart article.add .addCart a{ display:block; height:70px; line-height:73px; text-align:center; color:#fff;  letter-spacing:0em !important; text-indent:25px; font-size:1.2rem; }
	.cart article.add .addCart .iconCart{ width:24px; height:20px; position:absolute; top:25px; left:20px;}
	.cart article.add .addCart .iconCart svg{ width:100%; height:100%; fill:#fff; position:absolute; top:0px; left:0px;}
	
	.cart article.add .postage{ float:left; border:dotted 1px #fff; display:inline-block; padding:5px 0px; text-align:left; line-height:1.8; margin:0 30px 0x 0; font-size:0.8rem;}
	.cart article.add .link{ color:#bbbbbb; float:right; padding:10px 0 0 0px; font-size:0.8rem;}
	.cart article.add .link li{ margin:0 20px 5px 0; float:left;}
	.cart article.add .link li:last-child{ margin:0 0px 5px 0}
	.cart article.add .link li a{ color:#bbbbbb; line-height:1.2;}
	.cart article.add .link li a:before{}
	.cart article.add .link li a:hover{ }
	
	.cart article.regularly h5{  font-size:1.8rem; margin-bottom:10px; line-height:1;}
	
	.cart article.regularly .inner { position:relative; min-height:70px; margin-bottom:20px;}
		.ios .cart article.regularly .inner { min-height:90px}
	.cart article.regularly p{ line-height:1.6; margin-bottom:10px;}
	.cart article.regularly .point{ }
	.cart article.regularly .link{ float:none; padding:0px 0 0 0px; font-size:0.8rem;}
	.cart article.regularly .link li{ margin:0 20px 5px 0; float:none;}
	.cart article.regularly .link li:last-child{}
	.cart article.regularly .link li a{ line-height:1.2;}
	.cart article.regularly .link li a:before{}
	.cart article.regularly .link li a:hover{ }
	.cart article.regularly .code{ line-height:1.2; margin-bottom:0px; font-size:0.8rem;}
	.cart article.regularly .price{ width:55%; font-size:1.8rem; line-height:1; margin-bottom:0px; position:absolute; bottom:0;}
	.cart article.regularly .price small{  font-size:0.8rem;display:inline-block; padding-left:5px;}
	.cart article.regularly .quantity{ display:inline-block; font-size:0.8rem; padding:0; margin:0;}
	
	.cart article.regularly .quantity select{ width:auto; border:solid 1px #000; padding:2px 20px; background-color:#fff;
	border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius:0px;
		margin-left:5px;
		font-size:1.5rem;
		}
	
	
	.cart article.regularly .quantity select option{}
	
	.cart article.regularly .addCart{ width:44%; position:absolute; bottom:0px; right:0px; background-color:#9a9a9a; margin:0;}
	.cart article.regularly .addCart a{ display:block; height:70px; line-height:73px; text-align:center; color:#fff;  letter-spacing:0em !important; text-indent:25px; font-size:1.2rem; }
	.cart article.regularly .addCart .iconCart{ width:24px; height:20px; position:absolute; top:25px; left:20px;}
	.cart article.regularly .addCart .iconCart svg{ width:100%; height:100%; fill:#fff; position:absolute; top:0px; left:0px;}
	
	
	
	
	
	
	.ios body#top .detailFull .labelBox h3{ font-size:1.3rem; top:30px}
	.ios body#top #skincare #hadaare article:nth-child(1) h4{ font-size:1.2rem;}
	
	
	
	
	
	body#top .fullVisualWrap .contents h3{}

	body#top .itemWrap article.column3{ width:100%; margin-right:0;margin-bottom:5%;}
	body#top .itemWrap article.column3:nth-child(1) .image{ }
	body#top .itemWrap article.column3:nth-child(2) .image{ }
	
	body#top .itemWrap article.teikiBanner{ margin-bottom:5%;}
	body#top .itemWrap article.teikiBanner h4,
	body#top .itemWrap article.teikiBanner h5,
	body#top .itemWrap article.teikiBanner .image{ display:none;}
	body#top .itemWrap article.teikiBanner a{ padding-top:20%;display:block;  background:url(img/top/otoku_teiki_sp.png) center center no-repeat !important; background-size:contain !important;}
	
	
	body#top .itemWrap article.saleBanner{}
	
	
	
	
	
	body#top .itemWrap.typeB article.column3{ width:47.2%;}
	
	body#top .itemWrap.typeB article.itemBanner.column3:nth-child(odd){ margin-right:5.6%;}
	body#top .itemWrap.typeB article.itemBanner.column3:nth-child(even){ margin-right:0;}

	body#top .itemWrap.typeB article.column3:nth-child(3){ margin-right:0 !important;}

	body#top .contentsWrap .itemWrap.typeB article.fullBanner .image{padding-top:56.25%;}
	body#top .itemWrap.typeB article.fullBanner{ width:100%; margin-right:0;}
	body#top .itemWrap.typeB article.fullBanner h3,
	body#top .itemWrap.typeB article.fullBanner h4{ display:none;}
	body#top .itemWrap.typeB article.fullBanner .image{ padding-top:0 !important;height:150px;position:relative;}
	
	
	body#top #otoku article.fullBanner .inner{ width:90%; max-width:720px; height:148px; margin:auto; background:url(img/top/otoku_teiki_icon.png) left center no-repeat !important;}
	body#top #otoku article.fullBanner .inner .txt{  width:100%; height:150px; display:table; vertical-align:middle;}
	body#top #otoku article.fullBanner .inner .content{  padding-left:150px; width:100%; height:150px; display:table-cell; vertical-align:middle;}

	body#top #otoku article.fullBanner h5{ display:block !important;  border-bottom:solid 2px #e6e6e6; font-size:2.0rem; line-height:1; padding:0 0 15px 0;}
	body#top #otoku article.fullBanner h6{ display:block !important; font-size:1.0rem; line-height:1; padding-top:15px;}
	
	
	
	
	 

	
	body#about main > section.detail .detailWrap{ padding-bottom:0 !important;}
	body#about main > section.detail .detailMain article.full{ background:none !important;}
	body#about main > section.detail .detailMain article.full > .bg{ display:block; width:100%;height:400px !important;}
	
	body#about main > section.detail .detailMain article.full:nth-of-type(1) > .bg{ background:url(./img/about/0_sp.jpg) center center no-repeat; background-size:auto 100%;
	width: 100%;

}
	body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner .en{ font-size: 2.0rem;}
	
	body#about main > section.detail .detailMain article.full .inner { height:auto !important;}
	
	body#about main > section.detail .detailMain article.full .inner h3{font-size: 1.8rem;}
	
	body#about main > section.detail .detailMain article.full .inner .fRight{ float:none !important;}
	body#about main > section.detail .detailMain article.full .inner .contentWrap{ width:100% !important; height:auto; display:block;}
	
	body#about main > section.detail .detailMain article.full{ background-image:none !important;}
	body#about main > section.detail .detailMain article.full .content{ width:100% !important; left:0 !important; padding:40px 40px 160px 40px !important;}
	
	body#about main > section.detail .detailMain article.full:nth-child(5) .content{ padding-bottom:50px !important;}
	
	
	
	
	
	
	
	
	
	
	
	
	body#items main > section.detail .detailMain .fullTitle { height:auto;line-height:1.5; padding:10px 15px; margin-bottom:30px;}
	body#items main > section.detail .detailMain .fullTitle h3{ display:block; padding:0; margin:0;}

	body#items main > section.detail .detailMain .fullTitle .text{  font-size:0.9rem;  display:block; float:none; padding-right:0px; margin:0;}
	
	
	body#items main > section.detail .detailMain article.items{  margin-bottom: 40px; min-height:180px;}
body#items main > section.detail .detailMain article.items .thumbImage{ width: 180px; height: 180px; }

body#items main > section.detail .detailMain article.items .thumbImage a{width: 180px; height: 180px;}

body#items main > section.detail .detailMain article.items .data{ padding-left: 200px;}

body#items main > section.detail .detailMain article.items .data .enTitle{ padding-top: 0px;}
body#items main > section.detail .detailMain article.items .data .jpTitle{ margin-bottom: 25px;}

body#items main > section.detail .detailMain article.items .data .enName{ margin-bottom: 0px;}
body#items main > section.detail .detailMain article.items .data .jpName{ margin-bottom: 15px;    font-size: 1.3em;}

body#items main > section.detail .detailMain article.items .data .enUse{    margin-bottom: 5px;}
body#items main > section.detail .detailMain article.items .data .jpUse{    padding-bottom: 5px;}


	body#items main > section.detail .detailMain .productsList{    grid-template-columns: 1fr; -ms-grid-template-columns: 1fr;}
	body#items main > section.detail .detailMain article.items{margin-bottom: 0px;}
	body#items main > section.detail .detailMain h4.typeName{ }
	.touchDevice body#items main > section.detail .detailMain h4.typeName  span{font-size:0.9rem; display:block !important; float:none !important;}




	body#stores .entryBody dl.store dt{ width:100%; float:none; margin-bottom:20px;}
	
	body#stores .entryBody dl.store dd.map{ width:100% !important; float:none; }
	
	body#guide .entryBody  ul.contentsNav{ padding-top:20px;}
	body#guide .entryBody  ul.contentsNav li:nth-child(3n){ margin-right:0;}
	body#guide .entryBody  ul.contentsNav li{ width:49.5%; margin-right:1% !important;}
	
	body#guide .entryBody  ul.contentsNav li:nth-child(2n){ margin-right:0px !important;}
	
	body#guide .entryBody  ul.contentsNav li a span{ height:66px;}
	body#guide .entryBody article#payment table.responsive .logo{ width:auto; text-align:left;height:70px; display:table-cell; vertical-align:middle;}
	body#guide .entryBody article#payment table.responsive .logo img{ width:auto; height:70px; margin:0 10px 0 0px;  display:inline-block; clear:none;}
	body#guide .entryBody article#payment table.responsive .logo img.visa{height:40px; margin-bottom:15px; }
	body#guide .entryBody article#payment table.responsive .logo img.master{height:40px; margin-bottom:15px;}
	
	
	
	
	body#deals .entryBody  ul.contentsNav{ padding-top:20px;}
	body#deals .entryBody  ul.contentsNav li:nth-child(3n){ margin-right:0;}
	body#deals .entryBody  ul.contentsNav li{ width:49.5%; margin-right:1% !important;}
	
	body#deals .entryBody  ul.contentsNav li:nth-child(2n){ margin-right:0px !important;}
	body#deals .entryBody  ul.contentsNav{ padding-top:20px;}
	
	body#deals .entryBody .teikiImage {width: 100%;}
	
	
	body#events .entryBody article.events dl{ }
	body#events .entryBody article.events dt{ position:relative !important; width:95% !important;}
	body#events .entryBody article.events dt:hover{ }
	body#events .entryBody article.events dd{}
	
	body#events .entryBody article.events dd.date{ padding:10px 40px 0 0px !important; max-height:auto;}
	body#events .entryBody article.events dd.more{ display:none;}
	
	body#events .entryBody article.events dl.open dd.date{height:40px; max-height:0px;}
		
	
	
	body#products main > section.detail .detailMain .detail img { width:100%; height:auto;}
	
	
	
	
	
}



@media screen and (max-width: 750px) { /* SP */
	html.touchDevice,
	.touchDevice body{ font-size:22px !important; }
	
	#container,
	header#spHeader{ min-width:480px;}
	
	

	


	body#top .detailFull .contentsWrap h3{margin-bottom:20px;}
	
	#coverMenu nav.open { font-size:1.3rem;}
	
	
.iconCart,
.iconEx,
.iconWow,
.iconComment,
.iconLove,
.iconItems,
.iconStar,
.iconBad,
.iconMoist,
.iconAllinone,
.iconSP,
.iconUV,
.iconClown,
.iconHand{ position:relative; padding-left:50px !important; min-height:40px; line-height:40px !important;}


.iconCart{}
.iconEx{}
.iconWow{}
.iconComment{ }
.iconLove{ }
.iconItems{ }
.iconStar{ }
.iconClown{}
.iconHand{}

.iconCart:before,
.iconEx:before,
.iconWow:before,
.iconComment:before,
.iconLove:before,
.iconItems:before,
.iconStar:before,
.iconBad:before,
.iconMoist:before,
.iconAllinone:before,
.iconSP:before,
.iconUV:before,
.iconClown:before,
.iconHand:before{
		width:40px;
		height:40px;
		top:50%;
		margin-top:-20px;
}


	
	div.tools .dir *{ font-size:1.0rem !important;}

	main > section.detail h3.title, 
	main > section.detail .entryBody h3.info{ }
	
	
	
	body#top .fullVisualWrap .contents h3{ line-height:1.6; font-size:1.8rem !important;}
	
	
	
	
	
	body#top .detailFull .sbannerBox{}
	body#top .detailFull .sbannerBox .image.pc{ display:none;}
	body#top .detailFull .sbannerBox .image.sp{ padding-top:29%; height:0; display:block;}


	body#top .detailFull .labelBox h3{ position:absolute; top:40px; line-height:1.5; font-size:1.2rem;}


	
	.itemTools{ position:relative; overflow:hidden; padding:25px 40px; text-align:center;}
	
	.itemTools h5{ display:inline-block;position:relative; top:0px; left:auto; padding-right:0px !important; padding-left:0px !important;}
	
	.itemTools h5:before{
		
			
	}
	.itemTools .tags{  }
	.itemTools .tags ul{ padding:0 20px 0 20px; float:none; text-align:center;}
	.itemTools .tags ul li{display:inline-block; float:none; margin-bottom:5px;}
	.itemTools .tags ul li.clearPoint{ clear:none;}
	
	
	.itemTools .tags ul li:not(.clearList):after{
			content:"/";
			display:inline-block;
			width:auto;
			height:auto;
			margin-top:-5px;
			padding:0 10px;
			
	}
	
	.itemTools .tags ul li:last-child:after{ display:none !important;}
	

	.itemWrap.productList article.products{ width:47%; margin-bottom: 10%;}
	.itemWrap.productList article.products:nth-child(3n) { }
	.itemWrap.productList article.products:nth-child(2n) { }
	
	.itemWrap.productList article.products span.saleIconPer{
		width: 80px;
    height: 80px;
  
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
	}
	
	
	.sp body#products.archive main .itemWrap.productList article:nth-child(3n){margin:0 6% 6% 0 !important;} 
	.sp body#products.archive main .itemWrap.productList article:nth-child(2n){ margin-right:0 !important;} 

	.sp body#products.single main > section.detail .detailMain .related .itemWrap.productList article:nth-child(2n){margin-right:0px !important;} 

	
	

	body#top .itemWrap{ text-align:center;margin-bottom:0;}
	body#top .itemWrap article.item{ position:relative;background-color:#eee; width:47%; height:auto; display:inline-block; margin:0 6% 6% 0;}


	
	body#top .itemWrap article.item.full{ width:100%; margin-right:0;}
	
	body#top .itemWrap article.item:nth-child(3n) { margin-right:6%;}
	body#top .itemWrap article.item:nth-child(2n) { margin-right:0;}
	
	body#top .titleWrap{ padding-right:0 !important; margin-bottom:20px !important}
	body#top .titleWrap .icons{ position:relative !important; top:0px !important; right:0; margin-bottom:0px;}
	

	body#top .detailFull .contentsWrap .titleRead{ margin-bottom:20px;}
	
	body#top .itemWrap article.item.w2 .more span{ display:block;}
	
	
	body#top #recommend .itemWrap article h4{ font-size:1.3rem;}
	
	body#top #skincare #basic article:nth-child(1) { width:47% !important; margin-right:6%;}
	body#top #skincare #basic article:nth-child(2) { width:47% !important;  margin-right:0;}
	
	body#top #skincare #basic article:nth-child(1) a,
	body#top #skincare #basic article:nth-child(2) a{ padding-top:100%;}
	
	
	body#top #skincare #basic article:nth-child(1) h4{  position:absolute; top:25px; left:0px; padding:0 20px; font-size:1.2rem;  line-height:1.8; text-align:left;}

	

	
	body#top #skincare #uruoi article:nth-child(3){ margin-left:26.5%; margin-right:0;}
	
	
	
	body#top #skincare #hadaare article:nth-child(1) { width:100% !important; margin-right:0;}
	body#top #skincare #hadaare article:nth-child(2) { width:47% !important;  margin-right:0; margin-left:27%;}
	
	body#top #skincare #hadaare article:nth-child(1) a{ padding-top:45.8333%;}
	body#top #skincare #hadaare article:nth-child(2) a{ padding-top:100%;}
	
	
	body#top #skincare #hadaare article:nth-child(1) h4{ position:absolute; top:15% !important; left:0px; padding:0 20px; font-size:1.8rem;  line-height:1.8; text-align:center;}
	
	body#top #skincare #hadaare article:nth-child(2) h4{font-size:1.0rem;top:10% !important;}
	
	body#top #allinone{ width:47%; margin-right:6%; float:left;}
	body#top #specialcare{ width:47%; margin-right:0%; float:left;}
	body#top #uv{ width:47%; margin-left:26.5%; margin-right:0; margin-bottom:60px;}
	
	
	

	body#top #allinone .itemWrap article,
	body#top #specialcare .itemWrap article,
	body#top #uv .itemWrap article{ overflow:hidden; background-color:#999;}
	
	
	body#top #haircare article:nth-child(1){ margin-bottom:0;}
	
	body#top #haircare  .itemWrap article{ margin-right:0 !important;}
	body#top #haircare  .itemWrap article h4{top:18%; width:100%;}
	body#top #haircare  .itemWrap article .more{ width:100%; padding:0;}
	body#top #haircare  .itemWrap article .more span{ width:300px;}
	
	body#top #foods  .itemWrap article{ margin-right:0 !important;}
	body#top #foods article:nth-child(2){ margin-bottom:0;}
	
	body#top #foods .itemWrap article h4{ top:18%; width:100%; }
	body#top #foods .itemWrap article .more{ width:100%; padding:0;}
	body#top #foods .itemWrap article .more span{ width:300px;}
	
	
	
	
	body#top #ranking .itemWrap article.products{ min-height:450px;}
	
	
	body#top #ranking .itemWrap article.products:nth-child(4){ display:block;}
	
	
	
	
	body#top #ranking .itemWrap article.products:after{
		display:block;
		position:absolute;
		top:10px;
		left:10px;
		width:80px;
		height:80px;
		line-height:80px;
		font-size:1.5rem;
		text-align:center;
		color:#fff;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius:50%;
		box-sizing:border-box;
		z-index:10;
	} 
	
	
	
	
	body#products.single main > section.detail .detailMain h3 br{ display:none;}
	
	body#about main > section.detail .detailMain article.full .inner h3{ white-space:normal;}
	
	
	
	body#about main > section.detail .detailMain .toList{ margin-right:0px;}
	body#about main > section.detail .detailMain .toTop{ margin-left:0px;}
	
	
	/*body#deals .entryBody .five ul li{ width:100%; height:auto; border-right:0 !important;}
	body#deals .entryBody .five ul li .no{ font-size:1rem;}
	
	body#deals .entryBody .five ul li .no{
	font-size:1rem;
	
	top:30px;
	margin-top:0px;
	left:40px;
	}
	
	
	body#deals .entryBody .five ul li .inner{ display:table-cell; height:auto; padding:20px 40px 20px 140px; vertical-align:middle; position:relative;}
	body#deals .entryBody .five ul li:nth-of-type(1){ width:100%;}
	
	body#deals .entryBody .five ul li h5{ margin:0; font-size:1.6rem; line-height:1.2; margin-bottom:5px;}
	body#deals .entryBody .five ul li h5 small{ font-size:1.6rem;}
	body#deals .entryBody .five ul li p{ margin:0; line-height:1.4;}

	body#deals .entryBody .flow ul.step li{ width:100%; margin:0 0 60px 0;}
	
	
	body#deals .entryBody .flow ul.step li:nth-of-type(1):after,
	body#deals .entryBody .flow ul.step li:nth-of-type(2):after{
		content:'';
		display:block;
		width:50px;
		height:50px;
		background:url(img/svg/arrow_r_beige.svg) center center no-repeat;
		background-size:80%;
		position:absolute;
		left:50%;
		top:auto;
		bottom:-55px;
		margin-left:-25px;
		margin-top:0px;
		
		-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
		
		
	}*/
	
	body#deals .entryBody a.bgBtn{line-height: 80px;}
	
	body#deals .entryBody .five ul li{ width:100%; height:auto; border-right:0 !important; letter-spacing:0;}
	body#deals .entryBody .five ul li .no{ font-size:1rem;}
	
	body#deals .entryBody .five ul li .no{
	font-size:1rem;
	
	top:auto;
	margin-top:auto;
	left:40px;
	}
	
	
	body#deals .entryBody .five ul li .inner{ display:table-cell; height:auto; padding:20px 40px 20px 140px; vertical-align:top; position:relative;}
	body#deals .entryBody .five ul li:nth-of-type(1){ width:100%; }
	
	body#deals .entryBody .five ul li h5{ margin:0; font-size:1.4rem; line-height:1.2; margin-bottom:5px;}
	body#deals .entryBody .five ul li h5 small{ font-size:1.4rem;}
	body#deals .entryBody .five ul li p{ margin:0; line-height:1.4;}

	body#deals .entryBody .flow ul.step li{ width:100%; margin:0 0 60px 0;}
	
	
	
	body#deals .entryBody #sampleset article h4 .inBox{ display:inline-block;}
	
	body#deals .entryBody #sampleset article .souryou{ position:relative; overflow:visible; height:auto;}
	body#deals .entryBody #sampleset article .souryou .text{ margin-bottom:0px;height:auto;}
	body#deals .entryBody #sampleset article .souryou .more{ clear: both; position:relative; top:0px; right:auto; left:0; float: none; margin-bottom:10px;}
	body#deals .entryBody #sampleset article .souryou .more a{  line-height:80px; width: 100%;}
	
	
	
	body#deals .entryBody .sampleSet h4.title span{ display:inline-block; float:none; clear:both;}
	
	body#deals table.setDetail td{ display:block; border-top:0; border-bottom:dotted 1px #dadada;}
	body#deals table.setDetail td span{ width:80px;}
	body#deals table.setDetail tr:last-child td:last-child{ border-bottom:0;}
	body#deals .entryBody #sampleset article .souryou .muryou{ font-size:1rem;}
	
	
		
	
	
	
}













@media (max-width: 767px) {
   /* (E)スマートフォン以下専用スタイル */
      ：　：　：
}
@media (min-width: 768px) and (max-width: 959px) {
   /* (F)タブレット専用スタイル */
      ：　：　：
}
@media (min-width: 960px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
      ：　：　：
}
@media (min-width: 1281px) {
   /* (H)広いPC以上専用スタイル */
      ：　：　：
}









@media (max-width: 959px) {
   /* (E)スマートフォン以下専用スタイル */
   
  
	
	
	
}

@media (min-width: 960px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
      ：　：　：
}
@media (min-width: 1281px) {
   /* (H)広いPC以上専用スタイル */
      ：　：　：
}