@charset "utf-8";

/* contents common
========================================================= */
.movieLink{background:url(/images/common/movieLink01.png); width:100%; display:block; padding:9px 8px 0 105px; height:68px; color:#1dabd3; border:1px #1dabd3 solid; position:relative; color:#1dabd3; text-align:left; font-weight:bold; text-align:center;}
.movieLink img{position:absolute; left:8px; top:8px;}
.movieLink:hover{text-decoration:none; color:#1dabd3;}
.movieLink:visited{text-decoration:none; color:#1dabd3;}
.tsuruochi .movieLink{background:url(/images/common/movieLink02.png); border:1px #f66 solid; color:#f66;}
.tsuruochi .movieLink:hover{text-decoration:none; color:#f66;}
.tsuruochi .movieLink:visited{text-decoration:none; color:#f66;}
.facewash .movieLink{background:url(/images/common/movieLink03.png); border:1px #eb629e solid; position:relative; color:#eb629e;}
.facewash .movieLink:hover{color:#eb629e;}
.facewash .movieLink:visited{color:#eb629e;}
article section{margin:0 auto; padding:0 20px; text-align:center;}
article section p{line-height:1.7;}
@media only screen and (max-width : 340px) {
.movieLink br{display:none;}
.movieLink{padding:8px 8px 0 100px; font-size:12px; padding-top:14px;}
}
.floli {
    margin: 0px 5px 0px 0px;
}

/* top
========================================================= */
.toppage .mainVisualStage{margin-bottom:35px; position:relative; overflow:hidden;}
.toppage .mainVisualStage img{display:block;}
.toppage #mainVisual{opacity:0; position:absolute; width:100%; left:0; top:0;}
.toppage section{clear:both; margin-bottom:40px; padding:0;}
/* .toppage section h1{background:url(/images/common/sprite.png) no-repeat; background-size:500px auto; height:25px; text-indent:110%; overflow:hidden; white-space:nowrap; margin:0 auto 20px;} */
.toppage section img{width:100%; height:auto;}
.toppage section.lineup   h1{width:115px; background-position:   0px -125px;}
.toppage section.contents h1{width:155px; background-position:-115px -125px;}
.toppage section.news     h1{width: 80px; background-position:-270px -125px;}
.toppage section.review   h1{width:115px; background-position:-350px -125px;}
.toppage section.topBnr   h1{width:160px; background-position:   0px -150px;}
.toppage section div.facewash{padding:20px; clear:both;}
.toppage section div.inbath,
.toppage section div.outbath{padding:20px 10px;}
.toppage section div.lipcare{padding:20px 10px;}
.toppage section div:after{content:''; display:block; clear:both;}
.toppage section h2{font-size:20px; text-align:center; margin-bottom:15px; font-weight:bold;}
.toppage section div.facewash{background-color: #e0f5fa;}
.toppage section div.facewash h2{color:#eb629e; font-family: 'Josefin Sans';}
.toppage section div.outbath{background-color: #e0f5fa;}
.toppage section div.outbath h2{color:#1dabd3; font-family: 'Josefin Sans';}
.toppage section div.inbath{background-color: #e0f5fa;}
.toppage section div.inbath h2{color:#ff6666; font-family: 'Josefin Sans';}
/*.toppage section div.outbath ul li,
.toppage section div.inbath ul li{width:50%; float:left; list-style:none; padding:0 10px 20px;}*/
.toppage section div.outbath ul li,
.toppage section div.inbath ul li{padding:0 10px 20px;}
.toppage section div.lipcare ul li{padding:0 10px 20px;}
.toppage section.contents{padding:0 20px;}
.toppage section.contents ul:first-of-type{padding-bottom:20px;}
.toppage section.contents li{margin-bottom:20px;}
.toppage section.contents li img{display:block;}
.toppage section.contents li.awa   img{border:1px #1ca9db solid;}
.toppage section.contents li.uru   img{border:1px #353986 solid;}
.toppage section.contents li.sheet   img{border:1px #4b0586 solid;}
.toppage section.contents li.tsuru img{border:1px #e34857 solid;}
.toppage section.contents li.about img{border:1px #8d7d17 solid;}
.toppage section.contents li.cm    img{}
.toppage section.contents li.howto img{}
.toppage section.contents li.cs    img{border:1px #666666 solid;}
.toppage section.contents li:nth-child(even){clear:both;}
.toppage section.review{padding:0 20px;}
#review-box{background:#e0f5fa; padding:20px; text-align:left;}
.review-box{display:none;}
#review-box .review-info{}
#review-box .review-info a{width:90px; height:90px; float:left;}
#review-box .review-title{padding:20px 0 0 100px; min-height:100px; font-weight:bold;}
#review-box .review-text{clear:both; line-height:1.2; font-size:15px; margin-bottom:10px;}
#review-box .review-userInfo{font-size:12px; color:#666;}
#review-box .more{display:none;}
.toppage section.news{padding:0 20px;}
.toppage section.news dl{text-align:left;}
.toppage section.news dl dt{font-weight:bold;}
.toppage section.news dl dd{margin-bottom:10px;}
.toppage section.topBnr{padding:0 20px;}
.toppage section.topBnr h1{margin:45px auto 15px;}
.toppage section.topBnr img{display:block; width:100%; height:auto;}


/* series
========================================================= */
/* index */
#mainVisual{}
#mainVisual img{width:100%; height:auto;}
ul.pgAnchor{padding:20px; margin:0 auto; width:100%; max-width:600px;}
ul.pgAnchor li{text-align:center; position:relative; margin-bottom:10px; width:100%; font-weight:bold;}
ul.pgAnchor li img{display:block; z-index:1; position:relative;}
ul.pgAnchor li a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; color:#1dabd3; z-index:2;}
ul.pgAnchor li a span{display:block; height:14px; position:absolute; top:50%; margin-top:-10px; line-height:1; z-index:3; width:100%;}
ul.pgAnchor li a:hover{text-decoration:none;}
.tsuruochi ul.pgAnchor li a{color:#f66;}
/* uru */
.uruochi .about,
.uruochi .secret{background:url(/images/uruochi/bg-flower01.png) no-repeat center top; background-size:contain; margin-bottom:40px; padding:25px 20px;}
.uruochi .secret{margin-bottom:0; padding-bottom:0;}
.uruochi .about>h1{margin-bottom:20px;}
.uruochi .secret>h1{margin-bottom:10px;}
.uruochi section p{margin-bottom:30px;}
.uruochi section.secret p{text-align:left;}
.uruochi .about section{border:1px #1dabd3 solid; padding:40px 20px 20px; margin:50px 0 0 0;}
.uruochi section figure{margin-bottom:20px;}
.uruochi .about h2.point{height:50px; margin-bottom:20px;}
.uruochi .about h2.composition{border-top:1px #1dabd3 solid; margin-bottom:20px; padding-top:35px;}
.uruochi .about h2.allInOne{border-top:1px #1dabd3 solid; margin-bottom:20px; padding-top:35px;}
.uruochi .about h3{text-align:left; color:#1dabd3; font-size:16px; margin-bottom:5px; position:relative; padding-left:25px;}
.uruochi .about h3:before{content:''; display:inline-block; width:20px; height:20px; position:absolute; left:0; top:50%; margin-top:-10px; background:url(/images/common/sprite.png) no-repeat -80px 0; background-size:500px auto;}
.uruochi .about section p{margin-bottom:30px; text-align:left;}
.uruochi .secret h2{border-top:1px #1dabd3 solid; margin-bottom:15px; padding-top:35px;}
.uruochi .secret section{padding:0;}
.uruochi .secret section p{text-align:left;}
/* tsuru */
.tsuruochi .about,
.tsuruochi .secret{background:url(/images/tsuruochi/bg-flower01.png) no-repeat center top; background-size:contain; margin-bottom:40px; padding:25px 20px;}
.tsuruochi .secret{margin-bottom:0; padding-bottom:0;}
.tsuruochi .about>h1{margin-bottom:20px;}
.tsuruochi .secret>h1{margin-bottom:10px;}
.tsuruochi section p{margin-bottom:30px;}
.tsuruochi section.secret p{text-align:left;}
.tsuruochi .about section{border:1px #f99 solid; padding:20px 20px 20px; margin:50px 0 0 0;}
.tsuruochi section figure{margin-bottom:20px;}
.tsuruochi .about h2.point{height:50px; margin-bottom:20px;}
.tsuruochi .everyday h2{border-top:1px #f66 solid; margin-bottom:20px; padding-top:35px;}
.tsuruochi .about h2.allInOne{border-top:1px #1dabd3 solid; margin-bottom:20px; padding-top:35px;}
.tsuruochi .about section p{margin-bottom:30px; text-align:left;}
.tsuruochi .secret section{padding:0;}
.tsuruochi .secret section p{text-align:left;}
.tsuruochi div.everyday p:last-child{margin-bottom:10px;}
/* awa */
.facewash .about{background:url(/images/facewash/bg-flower01.png) no-repeat center top; background-size:contain; margin:40px 0; padding:25px 20px;}
.facewash .about>h1{margin-bottom:0;}
.facewash section p{margin-bottom:30px;}
.facewash h2.point{border-top:1px #eb629e solid; margin-bottom:20px; padding-top:35px;}
.facewash section figure{margin-bottom:0;}
.facewash h2.point{height:50px; margin-bottom:20px;}
.facewash .about section{border:1px #eb629e solid; padding:20px 20px 10px; margin:20px 0 0 0; text-align:left;}
.facewash .about section h2{margin-bottom:30px;}
.facewash .about section figure{margin-bottom:20px;}
.facewash .about section p{margin-bottom:20px;}
.facewash .report{border-top:1px #eb629e solid; margin:35px auto; padding:35px 0 0;}
.facewash .lineup{clear:both; margin:40px auto 0;}
.facewash .lineup:after{content:''; display:block; clear:both;}
.facewash .lineup h2{margin:0 auto 20px;}
.facewash .lineup li{width:33.3%; float:left; text-align:center; font-size:14px;}
.facewash .lineup li a{display:block;}
.facewash .lineup li a:hover{text-decoration:none;}
.facewash .lineup li small{display:block; color:#ef5ea1; font-size:12px;}

/* cm
========================================================= */
article.cm h1{text-align:center; height:60px; padding-top:5px; margin-bottom:20px;}
article.cm h3{text-indent:110%; overflow:hidden; white-space:nowrap; text-align:left;}
article.cm section{margin-bottom:40px; background-size:contain; padding:0 20px;}
article.cm section h2{text-align:center; font-size:20px; margin-bottom:20px; color:#8e7e00; font-weight:bold;}
article.cm section.cm01{padding-top:15px;}
article.cm section p{margin-bottom:20px;}
article.cm section img{display:block; margin:0 auto 15px;}
article.cm section .panel{position:relative; margin-bottom:15px; overflow:hidden; position:relative;}
section.cm section .panel .movie{width:100%; height:auto; position:relative; left:0; top:0; padding-top: 56.25%;}
article.cm section .panel .movie iframe{position:absolute; top:0; right:0; width:100% !important; height:100% !important;}
article.cm section .panel .posterFrame{width:100%; height:auto; position:absolute; left:0; top:0;}
article.cm section .panel .posterFrame img{width:100%; height:auto; display:block;}
article.cm section ul{margin-bottom:30px; clear:both;}
article.cm section ul li{margin-bottom:15px;}
article.cm section ul li a{height:45px; line-height:45px; display:block; background:#f3f2e5; border:1px #8e7e00 solid; text-align:center; color:#8e7e00; opacity:.5;}
article.cm section ul li a.active{color:#8e7e00; opacity:1;}
article.cm section ul li a.movieLink{padding:0;}
article.cm section ul li a:after{content:''; display:inline-block; width:10px; height:16px; background:url(/images/common/sprite.png) no-repeat -180px 0; background-size:500px auto; margin-left:10px; vertical-align:middle;}
article.cm section .cast,
article.cm section .artist{border:1px #8e7e00 solid; margin-top:40px; padding:40px 20px 16px; background-size:contain; text-align:left;}
article.cm section figure{text-align:center; margin-bottom:20px;}
article.cm section figure figcaption{color:#666; font-size:12px;}
article.cm section .cast h3{background:url(/images/cm/ttl02.png) no-repeat center center; background-size:60px auto; height:45px; margin-bottom:20px;}
article.cm section .artist h3{background:url(/images/cm/ttl03.png) no-repeat center center; background-size:214px auto; height:45px; margin-bottom:20px;}
article.cm section .artist a{color:#8e7e00; text-decoration:underline;}
article.cm section.music{padding-top:15px;}
article.cm section.music .player{background:url(/images/cm/bg-player.png); background-size:3px; border-radius:6px; padding:20px 0; position:relative; clear:both; margin-bottom:10px;}
article.cm section.music .player div{}
article.cm section.music .player p{text-align:center; margin-bottom:10px;}
article.cm section.music .player button{width:57px; height:57px; display:inline-block; background:url(/images/common/sprite.png) no-repeat; background-size:500px auto; text-indent:70px; overflow:hidden; white-space:nowrap; margin:0 6px;}
article.cm section.music .player button.play{background-position:-55px -40px;}
article.cm section.music .player button.pause{background-position:-120px -40px;}
article.cm section.music .player button.rewind{background-position:-185px -40px;}
article.cm section.music .notes{margin-bottom:20px; font-size:12px;}
article.cm section.music .artist{text-align:left;}
@media only screen and (max-width : 320px) {
article.cm section.music .player div{position:relative; top:-10px;}
article.cm section.music .player{padding-bottom:0; min-height:120px;}
article.cm section.music .notes{font-size:11px;}
}
/* lineup index
========================================================= */
.lineupIndex h1{height:50px; margin-bottom:15px; text-align:center;}
.lineupIndex section{clear:both; padding:20px 10px 0;}
.lineupIndex section:after{clear:both; content:''; display:block;}
.lineupIndex section.tansan{background-color: #e0f5fa;}
.lineupIndex section.uruochi{background-color: #e0f5fa;}
.lineupIndex section.tsuruochi{background-color: #e0f5fa;}
.lineupIndex section h2{font-size:20px; margin-bottom:10px;}
.lineupIndex section.tansan h2{color:#e54c90;}
.lineupIndex section.uruochi h2{color:#39c;}
.lineupIndex section.tsuruochi h2{color:#f66;}

.lineupIndex section.tansan a,
.lineupIndex section.tsuruochi a,
.lineupIndex section.uruochi a{}

.lineupIndex section ul li{width:50%; padding:0 10px 20px 10px; float:left; line-height:1.4;}
.lineupIndex section ul li figure{background:#fff; text-align:center; clear:both; margin-bottom:3px;}
.lineupIndex section.tansan ul li{width:100%; padding:0 10px 20px 10px; float:none;}

.productHeader .newPink{background:url(/images/lineup/new_pink.png) no-repeat left top; background-size: 79px 70px; width: 79px; height: 70px; position: absolute; top:20px; left: 50%; margin-left: -140px;}
.productHeader .newBlue{background:url(/images/lineup/new_blue.png) no-repeat left top; background-size: 79px 70px; width: 79px; height: 70px; position: absolute; top:20px; left: 50%; margin-left: -140px;}

@media only screen and (max-width : 320px) {
.lineupIndex section ul li{font-size:12px;}
}

/* lineup
========================================================= */
article.lineup.uruochi{background:url(/images/lineup/lotion/bg-flower01.png) no-repeat center top; background-size:contain;}
article.lineup.tsuruochi{background:url(/images/lineup/liquid/bg-flower01.png) no-repeat center top; background-size:contain; padding-top:7px;}
article.lineup.awa{background:url(/images/lineup/tansanawa/bg-flower01.png) no-repeat center top; background-size:contain; padding-top:10px;}
article.lineup > h1{text-align:center;}
.lineup section{text-align:left; padding:0 20p; margin-bottom:40px;}
.lineup section h1{margin:0 auto 30px;} 
.lineup section p{margin:0 0 25px 0;}
.lineup section figure{text-align:center; margin:0 0 25px 0;}
.productHeader{clear:both; position:relative}
.productHeader:after{content:''; display:block; clear:both;}
#productSlider{width:260px; height:260px; margin:0 auto 30px; overflow:hidden; opacity:0;}
#productSlider .slick-arrow{background:none transparent; width:30px; height:40px; text-indent:50px; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-position:center center; position:absolute; top:50%; margin-top:-20px; background:url(/images/common/sprite.png) no-repeat; background-size:500px auto;}
#productSlider .slick-prev.slick-arrow{background-position:-100px 0; left:-20px;}
#productSlider .slick-next.slick-arrow{background-position:-130px 0; right:-20px;}
#productSlider .slick-dots{text-align:center;}
#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 .share{text-align:center; margin-bottom:40px;}
.productHeader .share h2{color:#8e7e00 !important; font-size:12px; margin-bottom:5px; border:0 none; padding-top:0; border-top:none !important; }
.productHeader .share a{background:url(/images/common/sprite.png) no-repeat -410px -40px; background-size:500px auto; width:40px; height:30px; display:inline-block; text-align:left; text-indent:40px; white-space:nowrap; overflow:hidden;}
.productHeader .share a:last-child{background-position:-450px -40px;}
.productHeader figcaption{text-align:center;}
.productHeader .bnr{text-align:center;}
.lineup section h2{padding-top:30px; font-size:20px; font-weight:bold; margin-bottom:30px;} 
.lineup section p+h2{margin-top:30px;}
.lineup.uruochi section h2{border-top:1px #03aad5 solid; color:#03aad5;}
.lineup.tsuruochi section h2{border-top:1px #ff6666 solid; color:#ff6666;}
.lineup.awa section h2{border-top:1px #e54c90 solid; color:#e54c90;}
.lineup.uruochi section h2.lazy{border-top:0px; padding-top:0px;}
.lineup.tsuruochi section h2.lazy{border-top:0px; padding-top:0px;}
.tsuruochiMv .movieLink{background:url(/images/common/movieLink02.png); color:#ff6666; border:1px #ff6666 solid; }


/* kuchikomi button */
ul.kuchikomi{clear:both; margin-bottom:20px;}
ul.kuchikomi li{height:45px; margin-bottom:10px;}
ul.kuchikomi li a{display:block; height:45px; line-height:45px; text-align:center; text-decoration:none;}
ul.kuchikomi li:first-child a{background:#ccc; color:#fff;}
ul.kuchikomi li:last-child a{background:#fff; color:#ccc; border:1px #ccc solid;}
ul.kuchikomi li a:before{content:''; display:inline-block; margin-right:5px; vertical-align:middle; width:20px; height:20px; background:url(/images/common/sprite.png) no-repeat; background-size:500px auto;}
ul.kuchikomi li:first-child a:before{background-position:-410px 0;}
ul.kuchikomi li:last-child a:before{background-position:-410px -20px;}
.productHeader ul.kuchikomi{margin-bottom:0;}



figure.embedCaption figcaption{height:0; overflow:hidden; visibility:hidden;}
section.productLineup{margin-bottom:30px;}
section.productLineup h1{margin-bottom:15px;}
section.productLineup.tansan h1{background:url(/images/lineup/ttl-linup02.png) no-repeat;}
section.productLineup .list{border:1px #1dabd3 solid; padding:0 20px;}
.awa section.productLineup .list{border:1px #e54c90 solid;}
section.productLineup .list .item{border-bottom:1px #1dabd3 solid; padding-bottom:10px; margin-bottom:20px; clear:both;}
.awa section.productLineup .list .item{border-bottom:1px #e54c90 solid;}
section.productLineup .list .item:after{content:''; display:block; clear:both;}
section.productLineup .list figure{text-align:center; margin-bottom:0;}
section.productLineup .item h2{font-weight:normal; padding:0; border:none; margin-bottom:5px; text-align:left;}
section.productLineup .item h3{font-size:16px; margin-bottom:10px;}
section.productLineup .item.acne h2,
section.productLineup .item.acne h3{color:#56b161;}
section.productLineup .item.sensitive h2,
section.productLineup .item.sensitive h3{color:#f995b0;}
section.productLineup .item.sebum h2,
section.productLineup .item.sebum h3{color:#34afaf;}
section.productLineup .item.bright h2,
section.productLineup .item.bright h3{color:#3f469b;}
section.productLineup .item.moist  h2,
section.productLineup .item.moist  h3{color:#99328e;}
section.productLineup .item.enrich h2,
section.productLineup .item.enrich h3{color:#d72635;}
section.productLineup .item.oilclear h2,
section.productLineup .item.oilclear 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 .list .hideDetails{margin-bottom:20px;}
section.productLineup .list .showDetails,
section.productLineup .list .hideDetails{height:45px; background:#B8B8B8; line-height:45px; text-align:center;}
section.productLineup .list .showDetails a,
section.productLineup .list .hideDetails a{height:45px; display:block; color:#fff;}
section.productLineup .list .showDetails a:after,
section.productLineup .list .hideDetails a:after{content:''; display:inline-block; margin-right:5px; vertical-align:middle; width:20px; height:20px; background:url(/images/common/sprite.png) no-repeat; background-size:500px auto;}
section.productLineup .list .showDetails a:after{background-position:-240px 0;}
section.productLineup .list .hideDetails a:after{background-position:-220px 0;}
section.productLineup .item.acne .showDetails,
section.productLineup .item.acne .hideDetails{background:#56b161;}
section.productLineup .item.sensitive .showDetails,
section.productLineup .item.sensitive .hideDetails{background:#f995b0;}
section.productLineup .item.sebum .showDetails,
section.productLineup .item.sebum .hideDetails{background:#34afaf;}
section.productLineup .item.bright .showDetails,
section.productLineup .item.bright .hideDetails{background:#3f469b;}
section.productLineup .item.moist  .showDetails,
section.productLineup .item.moist  .hideDetails{background:#99328e;}
section.productLineup .item.enrich .showDetails,
section.productLineup .item.enrich .hideDetails{background:#d72635;}
section.productLineup .item.oilclear .showDetails,
section.productLineup .item.oilclear .hideDetails{background:#17b4be;}
section.productLineup .item .viewDetails{display:none;}
section.usage{}
section.usage h1{font-size:20px; font-weight:bold; margin-bottom:20px; color:#03aad5; text-align:center;} 
section.usage h2{text-align:center;}
section.usage figure{text-align:left; position:relative; clear:both; padding-bottom:30px; min-height:180px;}
section.usage figure figcaption{padding:25px 0 20px 167px; margin-top:-160px; line-height:1.65;}
section.usage figure:first-child figcaption{margin-top:-143px;}
section.usage figure:after{content:''; display:block; width:20px; height:20px; background:url(/images/common/sprite.png) no-repeat -160px -20px; background-size:500px auto; position:absolute; left:50%; bottom:15px; margin-left:-10px;}

.lineup.tsuruochi section.usage figure:after{background:url(/images/common/sprite.png) no-repeat -430px -0px; background-size:500px auto;}
.lineup.awa section.usage figure:after{background:url(/images/common/sprite.png) no-repeat -430px -20px; background-size:500px auto;}


section.usage figure:last-child{padding-bottom:0; margin-bottom:0;}
section.usage figure:last-child:after{display:none;}
section .tips{background:#f9f9f9; padding:20px; clear:both; margin-bottom:30px;}
section .tips:after{content:''; display:block; clear:both;}
section .tips p,
section .tips ul{font-size:12px; margin-bottom:20px;}
section .tips li{margin-bottom:4px; padding-left:1em; text-indent:-1em;}
section .tips li:last-child{margin-bottom:0;}
section .tips p:last-child,
section .tips ul:last-child{margin-bottom:0;}
section .tips .useAmount{position:relative; padding-right:105px; min-height:105px;}
section .tips .useAmount h3{font-size:12px; margin-bottom:2px;}
section .tips .useAmount p{font-size:12px; margin-bottom:0;}
section .tips .useAmount img{position:absolute; right:0; top:0;}
ol.refill{clear:both;}
ol.refill:after{content:''; display:block; clear:both;}
ol.refill li{list-style:none; position:relative;}
ol.refill li p{padding-left:165px; font-size:12px;}
ol.refill li p:before{content:''; display:block; width:30px; height:30px; background:url(/images/common/sprite.png) no-repeat -350px 0; background-size:500px auto;}
ol.refill li:last-child p:before{background-position:-380px 0;}
ol.refill li p small{color:#666; display:block; text-indent:-1em; padding-left:1em;}
ol.refill li figure{float:left; margin-bottom:0;}
ol.refill li figure:after{display:none;}

.testResult{border:1px #03aad5 solid; border-width:1px 0; padding:30px 0 0;}

/* usage offset */
/* sheet */
.alternateUse{border:1px #03aad5 solid; padding:20px; margin-bottom:30px;}
.alternateUse h3{text-align:center; margin-bottom:15px;}
section.usage .alternateUse figure{min-height:0; text-align:center; margin:0 0 15px; padding:0;}
section.usage .alternateUse figure:after{display:none;}
section.usage .alternateUse div:last-child{border-top:1px #03aad5 solid; padding-top:20px;} 

/* remover */
section.usage.remover h1{border-top:1px #03aad5 solid; padding-top:30px;}
section.usage.remover figure:nth-child(1) figcaption{padding-top:30px;}
section.usage.remover figure:nth-child(2) figcaption{padding-top:50px;}
section.usage.remover figure:nth-child(3) figcaption{padding-top:40px;}
section.usage.remover figure:nth-child(4) figcaption{padding-top:40px;}

/* milky */
section.usage.milky h1{border-top:1px #03aad5 solid; padding-top:30px;}
section.usage.milky figure:nth-child(1) figcaption{padding-top:20px;}
section.usage.milky figure:nth-child(2) figcaption{padding-top:55px;}
section.usage.milky figure:nth-child(3) figcaption{padding-top:30px;}
section.usage.milky figure:nth-child(4) figcaption{padding-top:35px;}

/* scrub */
section.usage.scrub h2{border-top:none; padding-top:0;}
section.usage.scrub figure:nth-child(1) figcaption{padding-top:10px;}
section.usage.scrub figure:nth-child(2) figcaption{padding-top:25px;}
section.usage.scrub figure:nth-child(3) figcaption{padding-top:55px;}
section.usage.scrub figure:nth-child(4) figcaption{padding-top:28px;}

/* liquid */
.lineup.tsuruochi section.usage.liquid h2{border-top:none; padding-top:0;}
section.usage.liquid figure:nth-child(1) figcaption{padding-top:10px;}
section.usage.liquid figure:nth-child(2) figcaption{padding-top:30px;}
section.usage.liquid figure:nth-child(3) figcaption{padding-top:35px;}
section.usage.liquid figure:nth-child(4) figcaption{padding-top:28px;}

/* clay */
.lineup.tsuruochi section.usage.clay h2{border-top:none; padding-top:0;}
section.usage.clay figure:nth-child(1) figcaption{padding-top:15px;}
section.usage.clay figure:nth-child(2) figcaption{padding-top:30px;}
section.usage.clay figure:nth-child(3) figcaption{padding-top:45px;}
section.usage.clay figure:nth-child(4) figcaption{padding-top:28px;}

/* awa */
section.usage.awa h1{border-top:0; padding-top:30px; color:#e54c90;}
section.usage.awa figure:nth-child(1) figcaption{padding-top:50px;}
section.usage.awa figure:nth-child(2) figcaption{padding-top:35px;}
section.usage.awa figure:nth-child(3) figcaption{padding-top:30px;}
section.usage.awa figure:nth-child(4) figcaption{padding-top:25px;}

/* Product Page (How to Use Section) */
.txt_howtouse {
	font-size: 26px; 
	font-weight: bold; 
	letter-spacing: 2px; 
	color: #4b4b51; 
	background-color: #e2f1f9; 
	padding-bottom:50px; 
	padding-top:50px; 
	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
}