@charset "utf-8";

/* contents common
========================================================= */
.mainVisual{width:980px; margin:0 auto 60px;}
.mainVisual h1{margin-bottom:40px;}
.mainVisual h1 img{display:block;}
.swap{text-indent:105%; overflow:hidden; white-space:nowrap;}
.movieLink{background:url(/images/common/btn-movie.png) no-repeat; width:450px; height:92px; display:block; padding:0 25px 0 145px; font-size:16px; color:#1dabd3; color:rgb(29,171,211); line-height:92px; position:relative; text-align:left;}
.movieLink.ml{line-height:1.6; padding-top:20px;}
.tansan .movieLink,
.facewash .movieLink{background:url(/images/common/btn-movie5.png) no-repeat; color:#e54c90;}
.tsuruochi .movieLink{background:url(/images/common/btn-movie3.png) no-repeat; color:#f66;}
.movieLink img{position:absolute; left:12px; top:12px;}
.movieLink:hover{text-decoration:none; color:#1dabd3; color:rgb(29,171,211);}
.movieLink:visited{text-decoration:none; color:#1dabd3; color:rgb(29,171,211);}
.tansan .movieLink:hover,
.facewash .movieLink:hover{text-decoration:none; color:#eb629e;}
.tansan .movieLink:visited,
.facewash .movieLink:visited{text-decoration:none; color:#eb629e;}
.tsuruochi .movieLink:hover{text-decoration:none; color:#f66;}
.tsuruochi .movieLink:visited{text-decoration:none; color:#f66;}
article section{width:980px; margin:0 auto;}
article section.wavy{width:100%; background:url(/images/common/bg-wave.png) repeat-x 0 0;}
article section p{line-height:1.7;}
article.facewash section.wavy{background:url(/images/common/bg-wave3.png) repeat-x 0 0;}
article.tsuruochi section.wavy{background:url(/images/common/bg-wave2.png) repeat-x 0 0;}
/* top page
========================================================= */
body.index #top{height:160px;}
body.index #globalNav{margin-bottom:0;}
body.index #mainVisual{height:530px; width:100%; overflow:hidden; margin-bottom:20px;}
body.index #mainVisual div{height:530px; width:100%; overflow:hidden;}
body.index #mainVisual div.mv0{background:url(/images/top/kv_general.jpg) no-repeat center;}
body.index #mainVisual div.mv0{background-size:contain !important}
body.index #mainVisual div.mv1{background:url(/images/top/kv_balm.jpg) no-repeat center;}
body.index #mainVisual div.mv1{background-size:contain !important}
body.index #mainVisual div.mv2{background:url(/images/top/kv_micellar.jpg) no-repeat center;}
body.index #mainVisual div.mv2{background-size:contain !important}
body.index #mainVisual div.mv3{background:url(/images/top/kv_sheet.jpg) no-repeat center !important;}
body.index #mainVisual div.mv3{background-size:contain !important}
body.index #mainVisual div.mv4{background:url(/images/top/kv_facewash.jpg) no-repeat center !important;}
body.index #mainVisual div.mv4{background-size:contain !important}
body.index #mainVisual div.mv5{background:url(/images/top/bmvn05.png) no-repeat center !important;}
body.index #mainVisual div.mvCleansingOil{background:url(/images/top/kv_oil.jpg) no-repeat center !important;}
body.index #mainVisual div.mvCleansingOil{background-size:contain !important}
body.index #mainVisual h1{position:absolute; left:0; top:-500px;}

body.index #mainVisualPN { width: 100%; min-width: 980px; padding: 0; font-size: 0; margin-bottom: 10px;}
body.index #mainVisualPN ol{ width: 120px; margin:0px auto 0px auto; padding: 0; white-space: nowrap;}
body.index #mainVisualPN ol li{margin:0; padding:0; cursor: pointer; display: inline-block;background-color: white; width:30px; height:30px; background:url(/images/top/mv-pn.png) no-repeat; background-position: -30px 0px;}
body.index #mainVisualPN ol li.active{ background:url(/images/top/mv-pn.png) no-repeat; background-position: 0px 0px;}

body.index section{clear:both;}
body.index section:after{clear:both; content:''; display:block;}
body.index .headline{width:100%; height:245px; background:#e0f5fa; padding:25px 0 25px 0; margin:60px auto 30px; max-width:2560px;}
body.index .headline .inner{width:980px; margin:0 auto;}
body.index .headline .pSlider{width:484px; height:200px; float:left; position:relative; background:#fff; overflow:hidden;}
body.index .headline .pSlider .tabs{
	height:34px; 
	align-content: center;
	background-color: #e0f5fa;
}
/* body.index .headline .pSlider .tabs a{display:block; float:left; background:url(/images/top/product-tabs.png) no-repeat #e0f5fa; text-indent:400px; overflow:hidden; white-space:nowrap; height:35px;}
body.index .headline .pSlider .tabs a:nth-child(1){width:98px;}
body.index .headline .pSlider .tabs a:nth-child(2){width:193px; background-position:-98px 0;}
body.index .headline .pSlider .tabs a:nth-child(3){width:193px; background-position:-291px 0;} */

body.index .headline .pSlider .tabs a{
	background-color: #e0f5fa;
	padding: 10px 20px 10px 20px;
	font-size: 14px;
    font-family: 'Josefin Sans';
}
body.index .headline .pSlider .tabs a:nth-child(1){
	color: #1dacd3;
}
body.index .headline .pSlider .tabs a:nth-child(2){
	color: #ea619e;
}
body.index .headline .pSlider .tabs a:nth-child(3){
	color: #16c6a7;
}
body.index .headline .pSlider .tabs a:hover{
	opacity:1;
}
body.index .headline .pSlider .tabs a.active{
	background-color:#fff;
}

body.index .headline .pSlider .panel{background:#fff; padding:20px 0 0; margin:0 auto; position:absolute; left:0; top:35px; width:100%; height:155px;}
body.index .headline .pSlider .panel ul{width:426px; margin:0 auto; position:relative;}
body.index .headline .pSlider .panel ul li{width:125px; height:125px;}
body.index .headline .pSlider .panel ul li img{display:block; margin:0 auto;}
body.index .headline .pSlider .panel{z-index:0;}
body.index .headline .pSlider .panel.active{z-index:1;}
body.index .headline .pSlider .slick-arrow{background:none transparent; width:40px; height:40px; text-indent:50px; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:center center; position:absolute; top:50%; margin-top:-15px; transition:all .2s ease;}
body.index .headline .pSlider .slick-prev.slick-arrow{background-image:url(/images/common/arr01-rt.png); left:-30px !important;}
body.index .headline .pSlider .slick-next.slick-arrow{background-image:url(/images/common/arr01-lt.png); right:-30px !important;}
body.index .headline .movies{width:480px; float:right;}
body.index .headline .movies div{width:230px; float:left;}
body.index .headline .movies div.howto{float:right;}
body.index .headline .movies div p{text-indent:250px; white-space:nowrap; overflow:hidden; height:34px;}
body.index .headline .movies div.cm p{background:url(/images/top/ttl-tvcm.png) no-repeat center center;}
body.index .headline .movies div.howto p{background:url(/images/top/ttl-howtouse.png) no-repeat center center;}
body.index .headline .movies div a{width:230px; height:155px; display:block; background:#fff;}
body.index .contents{margin-bottom:30px;}
/* body.index .contents h2{background:url(/images/top/ttl-contents.png) no-repeat center center; height:50px; border-bottom:1px #666 solid; text-indent:1000px; overflow:hidden; white-space:nowrap; margin-bottom:40px;} */
body.index .contents h2{
    text-align: center;
    font-size: 26px;
    font-family: 'Josefin Sans';
    font-weight: bold;
    border-bottom: 1px black solid;
    padding-bottom: 16px;
    margin-bottom: 48px;
	color: #4b4b51;
}
body.index .contents li{width:300px; float:left; margin:0 40px 40px 0;}
body.index .contents li:nth-child(3n){margin-right:0;}
body.index .contents li:nth-child(3n+1){clear:both;}
body.index .contents li a,
body.index .contents li img{display:block;}
body.index .review{margin-bottom:60px;}
body.index .review h2{background:url(/images/top/ttl-review.png) no-repeat center center; height:50px; border-bottom:1px #666 solid; text-indent:1000px; overflow:hidden; white-space:nowrap; margin-bottom:40px;}
body.index .review #review-box{background:#e0f5fa; padding:40px;}
body.index .review #review-box .review-box{min-height:120px; display:none;}
body.index .review #review-box .review-info{position:relative; padding-left:150px;}
body.index .review #review-box .review-title{font-weight:bold;}
body.index .review #review-box .review-text{padding-left:150px;}
body.index .review #review-box .review-info a{width:120px; height:120px; display:block; background:#fff; position:absolute; left:0; top:0; padding:25px 0 0 25px;}
body.index .review #review-box .review-userInfo{margin-top:10px;}
body.index .review #review-box a.more{background:url(/images/lineup/btn-review-more.png) no-repeat; width:50px; height:14px; text-indent:100px; overflow:hidden; white-space:nowrap; display:block; margin-top:10px;}
body.index .news{margin-bottom:120px;}
body.index .news h2{background:url(/images/top/ttl-news.png) no-repeat center center; height:50px; border-bottom:1px #666 solid; text-indent:1000px; overflow:hidden; white-space:nowrap; margin-bottom:40px;}
body.index .news dl{padding:0 40px;}
body.index .news dl dt{font-weight:bold; width:7em; float:left; clear:both;}
body.index .news dl dd{padding-left:7em; margin-bottom:10px;}
body.index .topBnr{margin-bottom:53px;}
body.index .topBnr h2{background:url(/images/top/ttl-campaign.png) no-repeat center center; height:50px; border-bottom:1px #666 solid; text-indent:1000px; overflow:hidden; white-space:nowrap; margin-bottom:40px;}

/* lineup index
========================================================= */
/* .lineupIndex h1{background:url(/images/lineup/index-ttl01.png) no-repeat center center; height:190px; text-indent:1000px; overflow:hidden; white-space:nowrap;} */

section.lineupIndex h1{
	text-transform: uppercase;
	text-align: center; 
	font-family: 'Josefin Sans';
	font-size: 26px;
	font-weight: bold;
	color: #4b4b51;
	margin: 55px 0 48px 0;
}
section.lineup{margin-bottom:70px;}
section.lineup h2{
	text-align:center; 
	font-size:24px; 
    font-family: 'Josefin Sans';
	height:50px; 
	line-height:50px; 
	margin-bottom:40px; 
	background-repeat:no-repeat; 
	background-position:center center; 
	text-align:center;
	padding-bottom: 16px;
}
section.lineup.lineup01 h2{color:#eb629e; border-bottom:1px #eb629e solid;}
section.lineup.lineup02 h2{color:#1dabd3; border-bottom:1px #1dabd3 solid; color:rgb(29,171,211);}
section.lineup.lineup03 h2{color:#ff6666; border-bottom:1px #ff6666 solid;}
section.lineup.lineup03{margin-bottom:120px;}
section.lineup ul{
	clear:both; 
	margin-bottom:24px;
	line-height: 22px;
}
section.lineup li{
	width:215px; 
	display:inline-block; 
	margin:0 16px 10px; 
	vertical-align:top; 
	text-align:center; 
	position:relative;
	font-family: 'Josefin Sans';
}
section.lineup li.category{
	width:122px; 
	font-size:18px; 
	color:#47badb;
	line-height:27px;
	font-family: 'Josefin Sans';
}
.category.one{margin-top:9%}
.category.two{margin-top:7%}
section.lineup li:first-child{margin-left:0;}
section.lineup li:last-child{margin-right:0;}
section.lineup a{text-decoration:none; display:block; position:relative;}
/* section.lineup a:after{content:''; height:10px; background:url(/images/lineup/btn-more.png) no-repeat center 0; display:block; margin-top:10px;} */
section.lineup li img{
	display:block; 
	margin:0px auto 16px auto;
}
section.lineup.lineup01 a{color:#eb629e;}
section.lineup.lineup02 a{color:#1dabd3; color:rgb(29,171,211);}
section.lineup.lineup03 a{color:#ff6666;}
section.lineup.lineup01 a:after{background-position:center 0;}
section.lineup.lineup02 a:after{background-position:center -10px;}
section.lineup.lineup03 a:after{background-position:center -20px;}
section.lineup.lineup02 a:link,
section.lineup.lineup02 a:visited,
section.lineup.lineup02 a:hover,
section.lineup.lineup02 a:active{color:#1dabd3; color:rgb(29,171,211) !important;}

section.lineup .newBlue{background:url(/images/lineup/new_blue.png) no-repeat center 0; width:92px; height:82px; position: absolute; top:26px; left:-37px;}
section.lineup .newPink{background:url(/images/lineup/new_pink.png) no-repeat center 0; width:92px; height:82px; position: absolute; top:2px; left:-38px;}
section.lineup li.alignLeft{margin-left: -247px;}
.floli{margin:0px 5px 0px 0px;}

/* 4col
section.lineup.lineup02 ul{text-align:left; clear:both;}
section.lineup.lineup02 ul:after{clear:both; content:''; display:block;}
section.lineup.lineup02 li{width:245px; display:block; float:left; margin:0 0 10px; vertical-align:top; text-align:center;}
*/



/* cm
========================================================= */
.cmGallery h1{background:url(/images/cm/ttl01.png) no-repeat center center; height:190px; text-indent:1000px; overflow:hidden; white-space:nowrap;}
section.cm{margin-bottom:60px;}
section.cm h2{text-align:center; font-size:24px; height:60px; line-height:60px; margin-bottom:40px; text-align:center; color:#8e7e00; border-bottom:1px #8e7e00 solid;}
section.cm .inner{width:900px; margin:0 auto;}
section.cm .panel{display:block; margin-bottom:20px; width:900px; height:506px; margin-bottom:20px; position:relative;}
section.cm .panel .movie{width:900px; height:506px; position:absolute; left:0; top:0;}
section.cm .panel .posterFrame{width:900px; height:506px; position:absolute; left:0; top:0;}

section.cm ul{height:70px; margin-bottom:30px;}
section.cm ul li{width:440px; height:70px;}
section.cm ul li:first-child{float:left;}
section.cm ul li:last-child{float:right;}
section.cm ul li a{display:block; height:70px; background:url(/images/cm/btn01.png) no-repeat; text-indent:450px; overflow:hidden; white-space:nowrap; opacity:0.3;}
section.cm ul li a.active{opacity:1;}
section.cm ul li:first-child a{background-position:0 0;}
section.cm ul li:last-child a{background-position:-460px 0;}
section.cm p{text-align:center;}
section.cm .cast{background:url(/images/cm/profile01.jpg) no-repeat; margin:90px 0 100px; padding:0 70px 0 390px; min-height:435px;}
section.cm .cast p{text-align:left;}
section.cm .cast p small{color:#999; font-size:12px;}
section.cm .cast h3{height:125px; text-height:990px; overflow:hidden; white-space:nowrap; visibility:hidden;}
section.cm .music{background:url(/images/cm/profile02.jpg) no-repeat; margin:30px 0 100px; padding:0 385px 0 70px; min-height:385px;}
section.cm .music p{text-align:left;}
section.cm .music h3{height:125px; text-height:990px; overflow:hidden; white-space:nowrap; visibility:hidden;}
section.cm .player{background:url(/images/cm/play.png) no-repeat; width:640px; height:130px; margin:30px auto 50px; position:relative;}
section.cm .player p{text-indent:105%; overflow:hidden; white-space:nowrap;}
section.cm .player button{width:70px; height:70px; position:absolute; text-indent:80px; overflow:hidden; white-space:nowrap; background:none transparent; border:0 none; background:url(/images/cm/sound-btns.png) no-repeat; transition:none;}
section.cm .player button.play{background-position:0 0; left:350px; top:30px;}
section.cm .player button.pause{background-position:-70px 0; left:440px; top:30px;}
section.cm .player button.rewind{background-position:-140px 0; left:530px; top:30px;}
section.cm .player button.play:hover{background-position:0 -70px; opacity:1;}
section.cm .player button.pause:hover{background-position:-70px -70px; opacity:1;}
section.cm .player button.rewind:hover{background-position:-140px -70px; opacity:1;}
section.cm .cast p a,
section.cm .music p a{color:#968712; text-decoration:underline;}
section.cm .cast p,
section.cm .music p{margin-bottom:10px;} 
/* series
========================================================= */
/* index */
.series #globalNav{margin-bottom:0;}
#mainVisual{height:530px; margin-bottom:30px;}
#mainVisual.uruochi{background:#b4c9e7;}
#mainVisual.uruochi .bg{background:url(/images/uruochi/main-visual.jpg) no-repeat center center; opacity:0;} 
#mainVisual.tsuruochi .bg{background:url(/images/tsuruochi/main-visual.jpg) no-repeat center center; opacity:0;}
#mainVisual.facewash .bg{background:url(/images/facewash/main-visual.jpg) no-repeat center center; opacity:0;} 
#mainVisual .stage{width:980px; height:530px; position:relative; margin:0 auto;}
#mainVisual .stage h1,
#mainVisual .stage figure{position:absolute; opacity:0;}
#mainVisual.uruochi .stage h1{background:url(/images/uruochi/main-copy.png) no-repeat; width:347px; height:111px; text-indent:400px; overflow:hidden; white-space:nowrap; left:87px; top:95px; top:145px;}
#mainVisual.uruochi figure{left:87px; top:232px; top:282px;}
#mainVisual.tsuruochi .stage h1{background:url(/images/tsuruochi/main-copy.png); width:361px; height:181px; text-indent:500px; overflow:hidden; white-space:nowrap; left:117px; top:78px; top:128px;}
#mainVisual.tsuruochi figure{left:128px; top:269px; top:319px;}
#mainVisual.facewash .stage h1{background:url(/images/facewash/main-copy.png); width:336px; height:186px; text-indent:400px; overflow:hidden; white-space:nowrap; left:535px; top:40px; top:90px;}
#mainVisual.facewash figure{left:595px; top:250px; top:300px;}
ul.pgAnchor{width:980px; height:70px; margin:0 auto 80px;}
ul.pgAnchor li{width:470px; height:70px; float:left; font-size:20px; line-height:65px; text-align:center;}
ul.pgAnchor li:last-child{float:right;}
ul.pgAnchor li a{display:block; width:470px; height:70px; background:url(/images/uruochi/pg-anchor.png) no-repeat 0 0; color:#1dabd3; color:rgb(29,171,211);}
ul.pgAnchor li a:hover{text-decoration:none;}
.tsuruochi ul.pgAnchor li a{background:url(/images/tsuruochi/pg-anchor.png) no-repeat 0 0; color:#f66;}
/* uru */
.uruochi .about{padding-top:60px;}
.uruochi .about h1{background:url(/images/uruochi/ttl01.png) no-repeat; width:680px; height:113px; margin:0 auto 10px; text-indent:700px; overflow:hidden; white-space:nowrap;}
.uruochi .about .aboutMain{width:800px; height:340px; margin:0 auto 65px; /*background:url(/images/uruochi/bg-drop.png) no-repeat right bottom;*/}
.uruochi .about .aboutMain figure{width:380px; float:left; text-align:right;}
.uruochi .about .aboutMain p{font-size:16px; padding-top:45px; line-height:1.65;}
.uruochi .about section{border:1px #1daad7 solid; /*background:url(/images/uruochi/bg-flower01.png) no-repeat center top, url(/images/uruochi/bg-flower02.png) no-repeat center bottom;*/ width:980px; margin:0 auto 80px; padding:60px 45px 5px;}
.uruochi .about section h2{text-indent:900px; overflow:hidden; white-space:nowrap;}
.uruochi .about section h2.point{background:url(/images/uruochi/ttl02.png) no-repeat; width:428px; height:78px; margin:0 auto 40px;}
.uruochi .about section h2.point+figure{width:840px; height:330px; margin:0 auto 50px;}
.uruochi .about section h2.point+figure img{display:block; float:left; width:280px; height:auto;}
.uruochi .about section h2.composition{background:url(/images/uruochi/ttl03.png) no-repeat; width:440px; height:40px; margin:0 auto 20px;}
.uruochi .about section h2.composition+figure{text-align:center; margin-bottom:25px;}
.uruochi .about section .moisturizingWash{clear:both; margin-bottom:50px;}
.uruochi .about section .moisturizingWash:after{content:''; display:block; clear:both;}
.uruochi .about section .moisturizingWash div{width:270px; margin-right:38px; float:left;}
.uruochi .about section .moisturizingWash div:last-child{margin-right:0;}
.uruochi .about section .moisturizingWash div h3{font-size:16px; line-height:24px; color:#1dabd3; color:rgb(29,171,211); margin-bottom:12px; background:url(/images/uruochi/icn-drop.png) no-repeat left center; padding-left:24px;}
.uruochi .about section h2.allInOne{background:url(/images/uruochi/ttl04.png) no-repeat; width:506px; height:35px; margin:0 auto 30px;}
.uruochi .about section div.allInOne{padding:0 300px 1px 80px; position:relative; min-height:260px; clear:both;}
.uruochi .about section div.allInOne:after{content:''; clear:both; display:block;}
.uruochi .about section div.allInOne figure{position:absolute; width:235px; height:260px; right:70px; top:0;}
.uruochi .about section div.allInOne p{margin-bottom:40px;}
.secret{margin-bottom:20px;}
.secret .inner{width:980px; margin:0 auto; padding:50px 0 30px;}
.secret h1{background:url(/images/uruochi/ttl05.png) no-repeat; width:700px; height:140px; margin:0 auto 25px; text-indent:750px; overflow:hidden; white-space:nowrap;}
.secret .primary{text-align:center; margin-bottom:50px;}
.secret .primary p{margin-bottom:45px;}
.secret .primary .movieLink{margin:0 auto;}
 
.secret h2{background:url(/images/uruochi/ttl06.png) no-repeat; width:484px; height:38px; margin:0 auto 50px; text-indent:500px; overflow:hidden; white-space:nowrap;}
.secret .secondary{position:relative; padding:0 50px 0 280px; min-height:200px;}
.secret .secondary figure{width:210px; height:200px; position:absolute; left:40px; top:-25px;}
/* tsuru */
.tsuruochi .about{padding-top:60px; margin-bottom:100px;}
.tsuruochi .about h1{background:url(/images/tsuruochi/ttl01.png) no-repeat; width:650px; height:138px; margin:0 auto 50px; text-indent:700px; overflow:hidden; white-space:nowrap;}
.tsuruochi .about .aboutMain{width:820px; height:260px; margin:0 auto 65px;}
.tsuruochi .about .aboutMain figure{width:400px; float:left; text-align:center;}
.tsuruochi .about .aboutMain p{font-size:16px; padding-top:25px; line-height:1.65;}
.tsuruochi .about section{border:1px #f66 solid; margin:0 auto 80px; padding:60px 45px 40px;}
.tsuruochi .about section h2{text-indent:900px; overflow:hidden; white-space:nowrap;}
.tsuruochi .about section h2.point{background:url(/images/tsuruochi/ttl02.png) no-repeat; width:428px; height:78px; margin:0 auto 40px;}
.tsuruochi .about section h2.point+figure{width:840px; height:330px; margin:0 auto 70px;}
.tsuruochi .about section h2.point+figure img{display:block; float:left; width:280px; height:auto;}
.tsuruochi .about section .everyday h2{background:url(/images/tsuruochi/ttl03.png) no-repeat center center; width:400px; height:40px; margin:0 auto 20px;}
.tsuruochi .about section .everyday p{text-align:center; margin-bottom:30px;}
.tsuruochi .about section .everyday p .movieLink{margin:0 auto;}
.tsuruochi .secret{margin-bottom:80px; padding-top:60px; text-align:center;}
.tsuruochi .secret h1{background:url(/images/tsuruochi/ttl04.png) no-repeat; width:710px; height:150px; margin:0 auto}
.tsuruochi .secret figure{text-align:center; margin-bottom:20px;}
.tsuruochi .secret p{margin-bottom:30px;}
.tsuruochi .secret .movieLink{margin:0 auto;} 
/*awa */
.facewash .about{padding-top:40px; margin-top:50px;}
.facewash .about h1{background:url(/images/facewash/ttl01.png) no-repeat; width:490px; height:137px; margin:0 auto; text-indent:500px; overflow:hidden; white-space:nowrap;}
.facewash .about .aboutMain{width:900px; height:auto; margin:0 auto 80px;}
.facewash .about .aboutMain figure{width:490px; float:left; text-align:left; margin-bottom:60px;}
.facewash .about .aboutMain figure.intro{width:679px; float:none; clear:both; margin:0 auto;}
.facewash .about .aboutMain figure.report{width:960px; float:none; clear:both; margin:80px -30px 0;}
.facewash .about .aboutMain figure.report.nw{width:980px; margin:80px -40px 0;}
.facewash .about .aboutMain p{font-size:16px; padding-top:45px; line-height:1.65;}
.facewash .about section{border:1px #eb629e solid; width:980px; margin:0 auto 80px; padding:60px 45px 40px; clear:both;}
.facewash .about section h2{text-indent:900px; overflow:hidden; white-space:nowrap;}
.facewash .about section h2.point{background:url(/images/facewash/ttl02.png) no-repeat; width:318px; height:78px; margin:0 auto 40px;}
.facewash .about section div.points{margin:0 auto 20px; clear:both;}
.facewash .about section div.points:after{content:''; display:block; clear:both;}
.facewash .about section div.points figure{width:275px; float:left;}
.facewash .about section div.points figure:nth-child(1){}
.facewash .about section div.points figure:nth-child(2){margin:0 30px;}
.facewash .about section div.points figure:nth-child(3){}
.facewash .about section div.points figure img{display:block; margin:0 auto;}
.facewash .about section div.points figure figcaption{padding:10px 2px;}
.facewash .about section div.points figure figcaption small{display:block; text-align:right;}
.facewash .about .movieLinks{clear:both; height:92px;}
.facewash .about .movieLinks p:first-child{float:left; width:425px;}
.facewash .about .movieLinks p:last-child{float:right; width:425px;}
.facewash .about .movieLinks p a.movieLink{background:url(/images/common/btn-movie4.png) no-repeat; width:425px; height:92px;}
.facewash .lineup{clear:both; width:750px; margin:0 auto 80px;}
.facewash .lineup:after{content:''; display:block; clear:both;}
.facewash .lineup h2{background:url(/images/facewash/ttl03.png) no-repeat center center; width:356px; height:22px; text-indent:500px; overflow:hidden; white-space:nowrap; margin:0 auto 20px;}
.facewash .lineup li{width:250px; float:left; text-align:center; font-size:18px;}
.facewash .lineup li a{display:block;}
.facewash .lineup li a:hover{text-decoration:none;}
.facewash .lineup li small{display:block; color:#ef5ea1; font-size:14px;}

/* lineup
========================================================= */
section.product{margin-bottom:80px; padding-top:35px;}
section.product .sub{margin-bottom:45px;}
section.product h1{height:130px; margin:0 auto 30px; text-indent:1000px; overflow:hidden; white-space:nowrap; background-position:center center; background-repeat:no-repeat;} 
section.product h1.uruochiLotion{background-image:url(/images/lineup/lotion/ttl01.png);}
section.product h1.uruochiControlcare{background-image:url(/images/lineup/controlcare/ttl01.png); height:100px;}
section.product h1.uruochiSheet{background-image:url(/images/lineup/sheet/ttl01.png);}
section.product h1.uruochiSheetOilIn{background-image:url(/images/lineup/sheet-oil-in/ttl01.png);}
section.product h1.uruochiMilky{background-image:url(/images/lineup/milky/ttl01.png);}
section.product h1.uruochiRemover{background-image:url(/images/lineup/remover/ttl01.png);}
section.product h1.uruochiMicellar{background-image:url(/images/lineup/micellar-water/ttl01.png);}
section.product h1.tansanawa{background-image:url(/images/lineup/tansanawa/ttl01.png);}
section.product h1.tsuruochiLiquid{background-image:url(/images/lineup/liquid/ttl01.png);}
section.product h1.tsuruochiClay{background-image:url(/images/lineup/clay/ttl01.png);}
section.product h1.tsuruochiScrub{background-image:url(/images/lineup/scrub/ttl01.png);}
.productHeader{clear:both; border-bottom:1px #1dabd3 solid; padding-bottom:40px;}
.productHeader:after{content:''; display:block; clear:both;}
.tansan .productHeader{border-bottom:1px #e54c90 solid;}
.tsuruochi .productHeader{border-bottom:1px #f66 solid;}
.productHeader .primary{width:480px; float:left;position:relative}
.productHeader .primary .bnr{text-align:center; margin-top:30px;}
#productSlider{width:280px; height:330px; margin:0 auto; opacity:0; overflow:hidden;}
#productSlider img{margin:0 auto; display:block;}
#productSlider .slick-arrow{background:none transparent; width:40px; height:40px; text-indent:50px; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:center center; position:absolute; top:50%; margin-top:-15px; transition:all .2s ease;}
#productSlider .slick-prev.slick-arrow{background-image:url(/images/common/arr01-rt.png); left:-50px;}
#productSlider .slick-next.slick-arrow{background-image:url(/images/common/arr01-lt.png); right:-50px;}
#productSlider .slick-prev.slick-arrow:hover,
#productSlider .slick-next.slick-arrow:hover{opacity:.5;}
#productSlider .slick-dots{text-align:center; padding-top:30px;}
#productSlider .slick-dots li{display:inline-block; margin:0 5px;}
#productSlider .slick-dots button{width:10px; height:10px; border-radius:4px; text-indent:10px; overflow:hidden; white-space:nowrap; background:#fff; border:1px #8e7e00 solid;}
#productSlider .slick-dots .slick-active button{background:none #8e7e00; border:1px #8e7e00 solid;}
.productHeader .primary .share{text-align:center;}
.productHeader .primary .share h2{color:#8e7e00; font-size:12px; margin-bottom:5px;}
.productHeader .primary .share a{background:url(/images/common/btn-share.png) no-repeat; width:40px; height:30px; display:inline-block; text-align:left; text-indent:40px; white-space:nowrap; overflow:hidden;}
.productHeader .primary .share a:last-child{background-position:-40px 0;}
.productHeader .secondary{width:470px; float:right;}
.productHeader .secondary p{margin-bottom:20px;}
.productHeader .secondary figure{margin-bottom:20px;}
.productHeader .reviewBox{background:#f7f7f7; position:relative; padding:45px 20px 0 25px; height:285px;}
.productHeader .reviewBox .review-box{position:relative; height:auto;}
/*.productHeader .reviewBox:after{content:''; display:block; position:absolute; right:0; bottom:0; background:url(/images/common/handle-review.png) no-repeat; width:20px; height:20px;}*/
.productHeader .reviewBox a.more{background:url(/images/lineup/btn-review-more.png) no-repeat; width:50px; height:14px; position:absolute; right:3px; bottom:93px; text-indent:60px; overflow:hidden; white-space:nowrap;}
.productHeader .reviewBox h2{background:url(/images/common/ttl-review.png) no-repeat; width:76px; height:12px; overflow:hidden; text-indent:80px; white-space:nowrap; position:absolute; left:25px; top:25px;}
.productHeader .reviewBox figure{width:92px; height:92px; position:absolute; left:0; top:2px; z-index:40;}
.productHeader .reviewBox figure img{vertical-align:bottom;}
.productHeader .reviewBox figure a{display:block; width:92px; height:92px;}
.productHeader .reviewBox h3{font-weight:bold; line-height:1.5; margin-bottom:5px;}
section.product section{text-align:center; padding-top:70px;}
section.product section h2{font-size:24px; color:#1dabd3; color:rgb(29,171,211); margin-bottom:20px;}
section.product section h2 small{font-size:12px;}
section.product section h2 sup{font-size:12px;}
.tansan section.product section h2{color:#e54c90;}
.tansan section h2{color:#e54c90;}
.tsuruochi section.product section h2{color:#f66;}
.tsuruochi section h2{color:#f66;}

section.product section h2.ib{display:inline-block; position:relative;}
section.product section h2.ib small{display:block; text-align:right;}
section.product section p{margin-bottom:35px;}
section.product section figure{margin-bottom:25px;}
section.product section p+h2{margin-top:50px;}
section.product section .movieLink{margin:0 auto;}
.waterCleansingFeature{background:url(/images/lineup/lotion/list-bg01.png) no-repeat center center; width:850px; height:150px; margin:0 auto; display:table; table-layout:fixed;}
.waterCleansingFeature.item6{background:url(/images/lineup/controlcare/list-bg01.png) no-repeat center center; width:980px; height:150px;}
.tsuruochi .waterCleansingFeature.itm3{background:url(/images/lineup/liquid/list-bg01.png) no-repeat center center; width:510px; margin:0 auto 30px;}
.tsuruochi .waterCleansingFeature.itm2{background:url(/images/lineup/clay/list-bg01.png) no-repeat center center; width:340px; margin:0 auto 30px;}
.waterCleansingFeature li{display:table-cell; width:20%; vertical-align:middle;}
.waterCleansingFeature.item6 li{width:16.6%;}
.tsuruochi .waterCleansingFeature.itm3 li{width:33.3%;}
.tsuruochi .waterCleansingFeature.itm2 li{width:50%;}

/* kuchikomi buttons */
ul.kuchikomi,
.productHeader .reviewBox .btn{height:50px; clear:both;}
ul.kuchikomi li,
.productHeader .reviewBox .btn a{width:205px; height:50px; float:left;}
.productHeader .reviewBox .btn a{width:200px;}
ul.kuchikomi li:last-child,
.productHeader .reviewBox .btn a:last-child{float:right;}
ul.kuchikomi li a,
.productHeader .reviewBox .btn a{background:url(/images/common/icn-post-kuchikomi.png) no-repeat 20px center #ccc; color:#fff; display:block; height:50px; line-height:50px; padding-left:50px; text-decoration:none;}
ul.kuchikomi li:last-child a,
.productHeader .reviewBox .btn a:last-child{background:url(/images/common/icn-view-kuchikomi.png) no-repeat 25px center #fff; color:#ccc; padding-left:65px; border:1px #ccc solid;}

.productHeader .review-box{position:relative; padding-bottom:70px; min-height:180px;}
.productHeader .review-box .btn{position:absolute; width:100%; left:0; bottom:20px;}
.productHeader .newPink{background:url(/images/lineup/new_pink_l.png) no-repeat left top; width:92px; height:82px; position: absolute; top:-15px; left:80px;}
.productHeader .newBlue{background:url(/images/lineup/new_blue_l.png) no-repeat left top; width:92px; height:82px; position: absolute; top:-20px; left:75px;}


/*
.productHeader .reviewBox.wBtn{padding:45px 20px 20px 25px; height:auto; overflow:visible;}
.productHeader .reviewBox.wBtn .review-box{height:auto;}
.productHeader .reviewBox.wBtn a.more{bottom:2px;}
*/





section.productLineup{margin-bottom:80px;}
section.productLineup h1{background:url(/images/lineup/ttl-linup01.png) no-repeat; width:240px; height:28px; margin:0 auto 40px; overflow:hidden; text-indent:250px; white-space:nowrap;}
section.productLineup.tansan h1{background:url(/images/lineup/ttl-linup02.png) no-repeat;}
section.productLineup .list{border:1px #1dabd3 solid; padding:30px 40px; margin-bottom:80px;}
.tansan section.productLineup .list{border:1px #e54c90 solid;}
section.productLineup .list .item{border-bottom:1px #1dabd3 solid; padding-bottom:40px; margin-bottom:40px; clear:both;}
.tansan section.productLineup .list .item{border-bottom:1px #e54c90 solid;}

section.productLineup .list .item:after{content:''; display:block; clear:both;}
section.productLineup .list .image{width:430px; float:left; padding-top:40px;}
section.productLineup .list .image figure{text-align:center; margin-bottom:40px;}

section.productLineup .list .description{width:430px; float:right;}
section.productLineup .list .description h2{font-size:24px; margin-bottom:5px; text-align:left;}
section.productLineup .list .description h3{font-size:16px; margin-bottom:10px;}
section.productLineup .item.sensitive .description h2,
section.productLineup .item.sensitive .description h3{color:#f995b0;}
section.productLineup .item.acnecare .description h2,
section.productLineup .item.acnecare .description h3{color:#56b161;}
section.productLineup .item.sebum .description h2,
section.productLineup .item.sebum .description h3{color:#17b4be;}
section.productLineup .item.bright .description h2,
section.productLineup .item.bright .description h3{color:#3f469b;}
section.productLineup .item.moist .description h2,
section.productLineup .item.moist .description h3{color:#99328e;}
section.productLineup .item.enrich .description h2,
section.productLineup .item.enrich .description h3{color:#d72635;}
section.productLineup .item.oilclear .description h2,
section.productLineup .item.oilclear .description h3{color:#17b4be;}
section.productLineup .item p{font-size:12px; color:#666; margin-bottom:1.5em;}
section.productLineup .item p.lead{font-size:14px; margin-bottom:1.5em; color:#333;}
section.productLineup .item p:last-child{margin-bottom:0;}
.productFeature{text-align:center;}
.productFeature figure{margin-bottom:20px;}
.productFeature.term{margin:0;}
.productFeature.term p:last-child{margin-bottom:0;}
section.productLineup h2{font-size:24px; color:#1dabd3; color:rgb(29,171,211); margin-bottom:30px; text-align:center;}
.tansan section.productLineup h2{color:#e54c90;}
.tsuruochi section.productLineup h2{color:#f66;}
section.productLineup .step{clear:both; margin:-5px 0 50px;}
section.productLineup .step:after{clear:both; content:''; display:block;}
section.productLineup .step figure{width:240px; float:left;}
section.productLineup .step figcaption{padding:4px 20px; line-height:1.65;}
section.productLineup .tips{background:#f9f9f9; padding:40px; clear:both; margin-bottom:30px;}
section.productLineup .tips:after{content:''; display:block; clear:both;}
section.productLineup .tips p,
section.productLineup .tips ul{font-size:12px; margin-bottom:40px;}
section.productLineup .tips li{margin-bottom:4px; padding-left:1em; text-indent:-1em;}
section.productLineup .tips li:last-child{margin-bottom:0;}
section.productLineup .tips p:last-child,
section.productLineup .tips ul:last-child{margin-bottom:0;}
section.productLineup .tips .movie{float:left; margin:0;}
section.productLineup .tips+h2{margin-top:80px;}
section.productLineup .tips .useAmount{width:350px; float:right; position:relative;}
section.productLineup .tips .useAmount h3{font-size:12px; margin-bottom:12px;}
section.productLineup .tips .useAmount p{float:left; margin:0 25px 0 0; min-width:100px;}
section.productLineup .tips .useAmount img{position:relative; left:auto; top:-35px; float:left; margin-bottom:-35px;}


ol.refill{clear:both; margin-bottom:30px;}
ol.refill:after{content:''; display:block; clear:both;}
ol.refill li{width:460px; margin:0 5px; float:left; list-style:none; position:relative; padding-top:80px; background:url(/images/lineup/num01.png) no-repeat 215px 0; min-height:265px;}
ol.refill li:last-child{background-image:url(/images/lineup/num02.png);}
ol.refill li p{padding-left:215px;}
ol.refill li figure{position:absolute; left:0; top:0;}
.alternateUse{background:url(/images/lineup/sheet/bg01.png) no-repeat; height:536px; margin-bottom:40px; border:1px #1dabd3 solid;}
.alternateUse h3{height:143px;}
.alternateUse h4{height:50px;}
.alternateUse h3,
.alternateUse h4{text-indent:1000px; overflow:hidden; white-space:nowrap; margin:0;}
.alternateUse div:first-of-type{padding:0 80px 70px 325px;}
.alternateUse div:last-child{padding:0 320px 0px 80px;}



/* review box */

.review_uruochi,
.review_tsuruochi{
	position:relative; width:420px; height:190x; overflow:hidden;	
}

.review_uruochi #w2-center-over,
.review_tsuruochi #w2-center-over {
	opacity:0;
	background:#f7f7f7;
	position:absolute; left:0; top:0; width:100%; height:100%; z-index:51;
}
.review_uruochi .review-box,
.review_tsuruochi .review-box {
	position:absolute;
	display:none;
	width:100%;
	height:100%;
}

.review_uruochi .review-box,
.review_tsuruochi .review-box {
	position:relative;
	/*display:none;*/
	width:420px;
	height:auto;
}

.review_uruochi .review-box h3,
.review_tsuruochi .review-box h3 {
	padding:0 0 0 110px;
}


.review_uruochi .review-info,
.review_tsuruochi .review-info {
	position:relative;
	margin-left: 10px;
	width:223px;
	height:133px;
	border-bottom:#666666 1px dotted;
}

.voice-comment {
	position:relative;
	top: 0;
	padding-left:110px;
	margin-bottom:5px !important;
	letter-spacing:-0.05em;
	height:95px;
}


.review_uruochi .review-text,
.review_tsuruochi .review-text {
	margin:0 auto;
	width:270px;
	height:138px;
}

.review_uruochi .review-photo,
.review_tsuruochi .review-photo {
	position:absolute;
	left:0;
	top:0px;
}
.review_uruochi .review-comment,
.review_tsuruochi .review-comment {
	line-height: 1.8em;
	font-size:12px;
	height:auto;
	margin-top:10px;
	letter-spacing:-0.05em;
}

.review_uruochi .voice-detail,
.review_tsuruochi .voice-detail  {
	font-size:12px;
	position:relative;
	padding-left:110px;

}

.review_uruochi .btn,
.review_tsuruochi .btn {

}

.voice-no-item{
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}

.review-box .btn_center a.fd{padding:10px; text-align:center; border:1px #ccc solid;}



/* Product Page (How to Use Section) */
.txt_howtouse {
	font-size: 26px; 
	font-weight: bold; 
	letter-spacing: 2px; 
	color: #4b4b51; 
	background-color: #e2f1f9; 
	padding-bottom:70px; 
	padding-top:5px; 
	text-align:center; 
	margin-top:-5px; 
	font-family: 'Josefin Sans';
}

.productType {
    display:inline-block; 
    padding:8px 10px 3px; 
    color:#fff;
    font-size:110%; 
    border-radius:5px
}

.boldText {
	color: #4b4b51; 
	font-family: 'Josefin Sans'; 
	font-size: 25px;
	text-align: center; 
	padding: 10px; 
	margin: 20px;
	font-weight: bold;
	line-height: 20px;
}

.normalText {
	color: #4b4b51; 
	font-family: 'Josefin Sans'; 
	font-size: 110%; 
	line-height: 20px;
}