html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,button,input,select,textarea{
margin:0;padding:0; border:0; font-size:100%; /*background:transparent;*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
ul li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup{vertical-align:text-top; font-size:75%; vertical-align:super;}
sub{vertical-align:text-bottom; font-size:75%;}
small{/*font-size:85%;*/}
input,textarea,select{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit;}
a,button{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0; border:0;}
i{font-style:normal;}
button,input[type=submit],input[type=button],input[type=reset]{cursor:pointer;}
/* inherited from original style */
body{
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;*/
	font-family: "FOT-UD角ゴ_スモール Pr6N R",sans-serif;
	font-size:14px; color:#333;}
a{color:#676666; text-decoration:none; outline:none; transition:all .2s ease-in;}
a img,
button{transition:all .2s ease-in;}
a:hover{text-decoration:underline;}
a:visited,a:active{color:#676666;}
a:hover,button:hover{opacity:.5;}
a:hover img{opacity:0.75;}

#webfont-reference{
	display: block;
	overflow: hidden;
	height: 0;
}
.tks{
	font-family: "FOT-筑紫A丸ゴシック Std D";
}
/* main */
#product-main{
	/*font-family: "筑紫A丸ゴシック";*/
	font-family: "FOT-UD角ゴ_スモール Pr6N R";
}

#product-main h1{
	font-family: "FOT-筑紫A丸ゴシック Std D";
}

#product-main .review-box h3{
	font-family: "UDKakugo_SmallPr6N-M",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

#product-main p{
	font-size: 0.95rem;
}

/* pagebody */
#pageBody{
	padding-top: 60px;
}

#pageBody.index{
	padding-top: 20px;
}

/* title obi*/
#product-main .product-title{
	width: 100%;
	height: 200px;
	text-align: center;
	line-height: 30px;
}

#product-main .product-title.lineup{
	padding-top: 75px;
	background-color: #f9f8f2;
}

#product-main .product-title.tansanawa{
	padding-top: 69px;
	background-color: #fdf1f7;
}

#product-main .product-title.lotion{
	padding-top: 69px;
	background-color: #eaf3fa;
}

#product-main .product-title.orange{
	padding-top: 69px;
	background-color: #fdf0ef;
}

#product-main .product-title.controlcare{
	padding-top: 48px;
}

#product-main .product-title.dualphase-poreclear{
	padding-top: 48px;
}

#product-main .product-title.oilin{
	padding-top: 60px;
}

#product-main .product-title.milky{
	padding-top: 48px;
}

/* title */
#product-main .product-title.lineup h1{
	font-size: 34px;
	font-weight: normal;
	color:#af8400;
}
#product-main .product-title h1 span{
	font-size: 14px;
	color:#2b2b2b;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
}
#product-main .product-title h1 small{
	font-size: 20px;
}

#product-main .product-title.tansanawa h1{
	font-size: 30px;
	color:#f078af;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#product-main .product-title.lotion h1{
	font-size: 30px;
	color:#3586cd;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#product-main .product-title.orange h1{
	font-size: 30px;
	color:#ed6f66;
	font-weight: bold;
	letter-spacing: 0.1em;
}

/*
fig box
*/

.productFeature{text-align:center;}
.productFeature figure{margin-bottom:20px;}
.productFeature.term{margin:0;}
.productFeature.term p:last-child{margin-bottom:0;}

.productFeature ul{
	margin: 0 0 30px;
	padding: 0;
	font-size: 0;
}

.productFeature ul li{
	margin: 0 7px;
	padding: 0;
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 6px;
	box-sizing:border-box;
}

.productFeature ul li.empty{
	border: none !important;
}

.productFeature ul li.arukan{
	border: none !important;
}

.productFeature ul li p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100px;
	height: 100px;
	font-size: 13px !important;
	line-height: 1.42em;
}

.productFeature ul li.arukan p{
	vertical-align: bottom;
	text-align: left;
}

.productFeature.blue ul li p{
	color: #3586cd;
}

.productFeature.blue ul li{
	border: 1px solid #3586cd;
}

.productFeature.pink ul li p{
	color: #e54c90;
}

.productFeature.pink ul li{
	border: 1px solid #e54c90;
}

.productFeature.orange ul li p{
	color: #f66;
}

.productFeature.orange ul li{
	border: 1px solid #f66;
}


/* footer */
#footer{position:relative; z-index:31; clear:both; width:100%; height:122px; background-color:#fff; /* added 20160714 */;}
#footer-box{position:relative; width:970px; height:90px; margin:0 auto; background:url(/global/images/common/footer_logo.gif) 15px 18px no-repeat;}
.footer_popup{position:relative; z-index:31; clear:both; width:940px; height:90px; background-color:#fff;}
#footer-box_popup{position:relative; width:900px; height:90px; margin:0 auto; background:url(/global/images/common/footer_logo.gif) 15px 18px no-repeat;}
#footer-box ul, #footer-box_popup ul{position:absolute; right:0; top:20px;}
#footer-box li, #footer-box_popup li{float:left; margin-left:5px; padding-left:10px;}
#footer-box li a, #footer-box_popup li a{font-size:10.5px; color:#808080;}
#footer-box li a:hover, #footer-box_popup li a:hover{font-size:10.5px; color:#808080; text-decoration:underline;}
#footer-box li.top, #footer-box_popup li.top{margin-left:0px; padding-left:0px; background-image:none;}
#footer-box li.ft, #footer-box_popup li.ft{margin-left:0px; padding-left:0px; background-image:none;}
#footer-copy{font-size:9px; color:#808080; position:absolute; top:50px; right:0; text-align:right; line-height:140%; margin-bottom:40px/* orig 10px;*/}
/*
#toTop{width:110px; height:40px; position:absolute; top:-50px; right:-5px; background:#fff; text-align:center; line-height:40px; border-radius:5px;}
*/
/*
#toTop{width:60px; height:60px; position:fixed; top:auto; right:30px; bottom:30px; text-align:left; text-indent:100px; overflow:hidden; background:url(/images/common/pagetop.png) no-repeat center; display:none;}
#toTop.pink{width:60px; height:60px; position:fixed; top:auto; right:30px; bottom:30px; text-align:left; text-indent:100px; overflow:hidden; background:url(/images/common/pagetop_pink.png) no-repeat center; display:none;}*/
/* sp redirect */
/*
#spChange{text-align:center; display:none; clear:both; position:relative; z-index:5; background:url(/images/share/bg_sp_change.gif) no-repeat center center; width:300px; height:53px; padding:32px 18px 36px 421px; margin:0 auto;}
#spMessage{position:fixed; width:100%; height:100%; left:0; top:0; background:#fff; z-index:9999; display:none;}
#spMessageBox{border:2px solid #605316; height:500px; left:50%; margin:-250px 0 0 -400px; position:fixed; top:50%; width:800px; text-align:center;}
#spMessageQ{color:#605316; font-size:50px; margin:100px 0 75px;}
#spMessageX{position:fixed; left:50%; top:50%; margin:-295px 0 0 355px;}*/

/*
BASE LAYOUT
====================================================================== */
/* site header */

/*
#top{height:160px;}
#siteHeader{height:90px; position:relative;}
#siteHeader .siteLogo{width:118px; height:56px; position:absolute; left:50%; top:14px; margin:0 0 0 -59px;}
#siteHeader .lang{width:76px; height:20px; position:absolute; left:30px; top:30px;}
#siteHeader .lang li{width:34px; height:20px; float:left; position:relative;}
#siteHeader .lang li:first-child{margin-right:8px;}
#siteHeader .lang li:first-child:after{width:8px; height:20px; display:block; content:''; position:absolute; right:-8px; top:0; background:url(/images/common/nav-lang.png) no-repeat -34px 0;}
#siteHeader .lang li a{width:34px; height:20px; display:block; text-indent:40px; white-space:nowrap; overflow:hidden; background:url(/images/common/nav-lang.png) no-repeat;}
#siteHeader .lang li:first-child a{background-position:0 0;}
#siteHeader .lang li:last-child  a{background-position:-42px 0;}
.ja #siteHeader .lang li:first-child a{background-position:0 -20px;}
.en #siteHeader .lang li:last-child a {background-position:-42px -20px;}
#siteHeader .external{width:235px; height:44px; position:absolute; right:15px; top:23px;}
#siteHeader .external li{float:left;}
#siteHeader .external li:first-child{margin-right:20px; width:132px;}
#siteHeader .external li a,
#siteHeader .external li img{display:block;}

#siteHeader .external li:nth-child(2),
#siteHeader .external li:nth-child(3){width:40px; height:44px;}
#siteHeader .external li:nth-child(2) a,
#siteHeader .external li:nth-child(3) a{width:40px; height:44px; background:url(/images/common/btn-sns.png) no-repeat; text-indent:50px; white-space:nowrap; overflow:hidden;}
#siteHeader .external li:nth-child(3) a{background-position:-40px 0;}
*/

/* global navigations */

/*
#globalNav{height:70px; margin-bottom:40px;}
#globalNav ul{width:928px; height:70px; margin:0 auto;}
#globalNav ul li{float:left; width:232px; height:70px;}
#globalNav ul li a{background:url(/images/common/nav-global.png); text-indent:250px; white-space:nowrap; overflow:hidden; display:block; width:100%; height:69px; width:232px;}
#globalNav ul li:nth-child(1) a{background-position:0 0;}
#globalNav ul li:nth-child(2) a{background-position:-232px 0;}
#globalNav ul li:nth-child(3) a{background-position:-464px 0;}
#globalNav ul li:nth-child(4) a{background-position:-696px 0;}
*/

/*
body.about #globalNav ul li:nth-child(1) a{background-position:0 -70px;}
body.lineup #globalNav ul li:nth-child(2) a{background-position:-232px -70px;}
body.cm #globalNav ul li:nth-child(3) a{background-position:-464px -70px;}
#globalNav ul li:nth-child(4) a{background-position:-696px 0;}
*/


/* content container */
main{clear:both;}
/* item link slider */
#itemLinks{
	background:#f9f8f2;
	padding:60px 0;
	position:relative;
	clear:both;
}
#itemLinks ul{
	width:980px;
	height:230px;
	margin:0 auto;
	background:#fff;
	padding:30px 40px;
}
#itemLinks li{
	position:relative;
	height: 172px;
}
#itemLinks li a{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
}
#itemLinks li img{
	margin: 0 auto;
}
#itemLinks .slick-arrow{
	background:none transparent; width:52px;
	height:40px;
	text-indent:52px;
	white-space:nowrap;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute; top:50%;
	margin-top:-15px;
	transition:all .2s ease;
}
#itemLinks .slick-prev.slick-arrow{
	background-image:url(/images/lineup/slider_arrow_prev.png?1000);
	left:-33px;
	background-size: 52px 40px;
}
#itemLinks .slick-next.slick-arrow{
	background-image:url(/images/lineup/slider_arrow_next.png?1000);
	right:-33px;
	background-size: 52px 40px;
}
#itemLinks .slick-prev.slick-arrow:hover,
#itemLinks .slick-next.slick-arrow:hover{opacity:.5;}
/* loader */
#loader{width:100%; height:100%; position:fixed; left:0; top:0; background:url(/images/common/loader.gif) center center no-repeat #fff; z-index:20000;}
/* container internal */
section{clear:both;}
/* modal */
#modalBase{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(255,255,255,0.85); z-index:10000; display:none;}
#modalStage{position:fixed; left:50%; top:50%; z-index:10001; display:none; background-color:transparent;}
#modalStage.movie{width:980px; height:561px; margin:-350px 0 0 -490px; border-radius:5px; background-color:transparent;}
/*#modalStage.cChan{width:980px; height:640px; margin:-350px 0 0 -490px; border-radius:5px; background-color:transparent;}*/
#modalStage.cChan{width:980px; height:551px; margin:-350px 0 0 -490px; border-radius:5px; background-color:transparent;}
#modalStage.movie.cm{width:560px; height:315px; margin:-157px 0 0 -280px; border-radius:5px; background-color:transparent;}

#modalStage iframe{width:100%; height:100%; overflow:hidden;}
#modalStage a.close{background:url(/images/common/modal-close.png) no-repeat; width:28px; height:28px; display:block; position:fixed; right:40px; top:40px; z-index:10002; text-indent:100px; overflow:hidden; white-space:nowrap;}


/* extra small */
small.ex{font-size:12px;}

/*
clear fix
*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*features*/

.featuresBoxes{
	margin-bottom: 30px;
}

.featuresBoxes.remover{
	width: 350px;
}

.featuresBoxes .box{
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	margin-top: 10px;
}

.featuresBoxes .box .cell{
	display: table-cell;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.27em;
}

.featuresBoxes.pink{
	color: #f078af;
}

.featuresBoxes.pink .box:nth-child(1){
	background-image: url(/images/lineup/tansanawa/feature_maru_01.png);
}
.featuresBoxes.pink .box:nth-child(2){
	background-image: url(/images/lineup/tansanawa/feature_maru_02.png);
}
.featuresBoxes.pink .box:nth-child(3){
	background-image: url(/images/lineup/tansanawa/feature_maru_03.png);
}

.featuresBoxes.blue{
	color: #3586cd;
}

.featuresBoxes.blue .box:nth-child(1){
	background-image: url(/images/lineup/lotion/feature_maru_01.png);
}
.featuresBoxes.blue .box:nth-child(2){
	background-image: url(/images/lineup/lotion/feature_maru_02.png);
}
.featuresBoxes.blue .box:nth-child(3){
	background-image: url(/images/lineup/lotion/feature_maru_03.png);
}
.featuresBoxes.blue .box:nth-child(4){
	background-image: url(/images/lineup/lotion/feature_maru_04.png);
}
.featuresBoxes.blue .box:nth-child(5){
	background-image: url(/images/lineup/lotion/feature_maru_05.png);
}

.featuresBoxes.orange{
	color: #ed6f66;
}

.featuresBoxes.orange .box:nth-child(1){
	background-image: url(/images/lineup/feature_maru_orange_01.png);
}
.featuresBoxes.orange .box:nth-child(2){
	background-image: url(/images/lineup/feature_maru_orange_02.png);
}
.featuresBoxes.orange .box:nth-child(3){
	background-image: url(/images/lineup/feature_maru_orange_03.png);
}

.featuresBoxes .kome{
	float: left;
	width: 130px;
	height: 110px;
	position: relative;
	color: black;
}

.featuresBoxes .kome p{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px !important;
	line-height: 1.3em;
	padding: 0 0 5px 0 !important;
	margin: 0 0 0 15px !important;
	line-height: 1.5em;
}

.featuresBoxes .kome p span{
	white-space: nowrap;
}

/*
header cart
*/
header .cart{
	width: 40px;
	height: 40px;
	border:1px solid #af8400;
	border-radius: 20px;
	color: #af8400;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	box-sizing:border-box;
	padding: 2px 0 0 4px;
	margin: -4px 5px 0 0;
	cursor: pointer;
	transition:.3s;
}

header .cart.on{
	background-color: #af8400;
	color:white;
}
.external-elem{
	vertical-align: top;
}

.external-elem.cart-elem{
	position: relative;
}

.external-elem.cart-elem .touchArea{
	position: absolute;
	top:0;
	left: -100px;
	width: 200px;
	height: 40px;
	opacity: 0;
	display: none;
	cursor: pointer;
}

/*shops*/
.headerOrder{
	width: 350px;
	position: absolute;
	top:20px;
	left: -230px;
	z-index: 100;
	box-sizing:border-box;
	display: none;
	opacity: 0;
}
.headerOrder .shops{
	width: 100%;
	background-color: rgba(255,255,255,.7);
	border: 1px solid #af8400;
}
.headerOrder .shops .inner{
	padding: 4px 0;
	font-size: 0;
	text-align: center;
	width: 100%;
}
.headerOrder .shops .s-box{
	margin: 4px;
	display: inline-block;
	text-align: center;
	height: 48px;
	border: 1px solid #cccccc;
	font-size: 8px;
	color: #7f7f7f;
	position: relative;
	overflow: hidden;
	transition:.3s;
}
.headerOrder .shops .s-box:hover{
	opacity: 0.5;
}
.headerOrder .shops .s-box span{
	position: absolute;
	right: 2px;
	bottom: 2px;
}
.headerOrder .shops .s-box.small{
	width: 104px;
}
.headerOrder .shops .s-box.large{
	width: 160px;
}

.headerOrder:before,.headerOrder:after{
	content: "";
	position: absolute;
	right: -150px;
	top: -7px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
}
.headerOrder:before{
	border-color: transparent transparent #af8400 transparent ;
	border-width: 0px 6px 7px 6px;
}
.headerOrder:after{
	top: -5px;
	border-color: transparent transparent #fff transparent ;
	border-width: 0px 5px 6px 5px;
}

/*
atcosme-details
*/

.atcosme-details{
	margin:20px auto 0;
	text-align: center;
}