﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{-webkit-text-size-adjust:100%;color:#000;font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", 'MS PGothic', sans-serif;background-color:#fff;font-size:14px;font-size:0.875rem;line-height:1.61;letter-spacing:0.1em}@media only screen and (max-width: 480px){body{letter-spacing:0em}}a{text-decoration:underline;color:#000}a:active,a:hover{text-decoration:none;color:#000}#pageTop{position:fixed;width:50px;height:50px;border:#333 1px solid;background-image:url(/mail/newsletter/common/images/btn-top-v2.png);background-repeat:no-repeat;background-position:0 0;background-size:50px 50px;z-index:150;display:none;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;right:4%;bottom:60px}#pageTop a{display:block;width:50px;height:50px}.hide-text{text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}footer{background-color:#000;text-align:center;letter-spacing:0;font-size:12px;font-size:0.75rem;padding:7px 0;width:100%;color:#fff}span.check{background:-moz-linear-gradient(transparent 0%, #fbb9cf 0%);background:-webkit-linear-gradient(transparent 0%, #fbb9cf 0%);background:-ms-linear-gradient(transparent 0%, #fbb9cf 0%);background:-o-linear-gradient(transparent 0%, #fbb9cf 0%);background:linear-gradient(rgba(0,0,0,0) 0%,#fbb9cf 0%)}.point:before{content:'';background:url("../images/ico-point.png") 0 0 no-repeat;height:18px;width:25px;display:inline-block;position:relative;top:4px}.sp{display:none}@media only screen and (max-width: 780px){.tab{display:none !important}.sp{display:inherit}}@media only screen and (max-width: 480px){.pc{display:none !important}.sp{display:inherit}}figure{line-height:0}img{width:100%}header{background-color:#000;width:100%;padding:0;margin:0}h3,p{text-align:center;margin-top:20px;padding:0 10px}@media only screen and (max-width: 480px){h3,p{text-align:left}h3 br,p br{display:none}}.kv{background-color:#f2e7dd}.kv h1{margin:0 auto 0;max-width:540px}@media only screen and (max-width: 480px){.kv h1{margin:0 auto 0}}@media only screen and (max-width: 480px){.kv h1{max-width:100%}}.kv figcaption{background-color:#e9d7cb;text-align:center;padding:56px 10px 60px}@media only screen and (max-width: 480px){.kv figcaption{padding:28px 10px 30px}}.kv figcaption .releaseDate{font-size:16px;font-size:1rem;margin-top:0}@media only screen and (max-width: 480px){.kv figcaption .releaseDate{text-align:center}}.kv figcaption h2{font-size:20px;font-size:1.25rem;margin:10px 0}.kv figcaption .detail{font-size:12px;font-size:0.75rem;margin-top:0}@media only screen and (max-width: 480px){.kv figcaption .detail br{display:block}}.togo h2{margin:60px auto 0;max-width:247.5px}@media only screen and (max-width: 480px){.togo h2{margin:30px auto 0}}.togo h3{font-size:18px;font-size:1.125rem}.togo .note{font-size:12px;font-size:0.75rem;margin-top:0}.togoToneup{background-color:#f2e7dd}.togoToneup h2{margin:60px auto 0;max-width:322.5px}@media only screen and (max-width: 480px){.togoToneup h2{margin:30px auto 0}}.togoToneup .skintone{overflow:hidden;margin:60px auto 0;max-width:990px;margin-top:0}@media only screen and (max-width: 480px){.togoToneup .skintone{margin:30px auto 0}}@media only screen and (max-width: 480px){.togoToneup .skintone{margin-top:0}}.togoToneup .skintoneTxt{float:left}@media only screen and (max-width: 990px){.togoToneup .skintoneTxt{float:none}}.togoToneup .skintoneTxt h3,.togoToneup .skintoneTxt h4{font-size:16px;font-size:1rem;text-align:center;margin-top:20px}@media only screen and (max-width: 480px){.togoToneup .skintoneTxt h3,.togoToneup .skintoneTxt h4{text-align:left;padding:0 10px}}.togoToneup .skintoneTxt h4+p{margin-top:0}.togoToneup figure{float:right;max-width:432px;margin-top:30px}@media only screen and (max-width: 990px){.togoToneup figure{float:none;margin:40px auto 0}}.care h2.skincare{margin:60px auto 0;max-width:317px}@media only screen and (max-width: 480px){.care h2.skincare{margin:30px auto 0}}.care h2.makeup{margin:80px auto 0;max-width:296px}@media only screen and (max-width: 480px){.care h2.makeup{margin:40px auto 0}}.care .elementList{display:-webkit-flex;display:flex;margin:30px auto 0;max-width:984px}@media only screen and (max-width: 480px){.care .elementList{margin:15px auto 0}}@media only screen and (max-width: 610px){.care .elementList{-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}}.care .elementList .toneupElement{text-align:center;width:328px}@media only screen and (max-width: 610px){.care .elementList .toneupElement{width:300px;margin-top:30px}.care .elementList .toneupElement:first-child{margin-top:0}}.care .elementList .toneupElement .effect{margin:10px 0 20px}@media only screen and (max-width: 1000px){.care .elementList .toneupElement .effect{text-align:left}.care .elementList .toneupElement .effect br{display:none}}@media only screen and (max-width: 480px){.care .elementList .toneupElement .effect{margin:0 0 10px}}.care .elementList .toneupElement .detail{margin-top:20px}@media only screen and (max-width: 480px){.care .elementList .toneupElement .detail{margin-top:10px;text-align:center}}.care .elementList .toneupElement .element{margin-top:0;font-size:12px;font-size:0.75rem}@media only screen and (max-width: 1000px){.care .elementList .toneupElement .element br{display:none}}@media only screen and (max-width: 480px){.care .elementList .toneupElement .element{text-align:center}}.care .elementList .brightening h4{margin:0 auto 0;max-width:130px}@media only screen and (max-width: 480px){.care .elementList .brightening h4{margin:0 auto 0}}.care .elementList .brightening .effect{margin:10px auto 20px;max-width:170px}@media only screen and (max-width: 480px){.care .elementList .brightening .effect{margin:5px auto 20px}}.care .elementList .brightening .effectImg{margin:0 auto 0;max-width:143px}@media only screen and (max-width: 480px){.care .elementList .brightening .effectImg{margin:0 auto 0}}.care .elementList .aging h4{margin:0 auto 0;max-width:121px}@media only screen and (max-width: 480px){.care .elementList .aging h4{margin:0 auto 0}}.care .elementList .aging .effectImg{margin:0 auto 0;max-width:142px}@media only screen and (max-width: 480px){.care .elementList .aging .effectImg{margin:0 auto 0}}.care .elementList .hydrate h4{margin:0 auto 0;max-width:80.5px}@media only screen and (max-width: 480px){.care .elementList .hydrate h4{margin:0 auto 0}}.care .elementList .hydrate .effectImg{margin:0 auto 0;max-width:152px}@media only screen and (max-width: 480px){.care .elementList .hydrate .effectImg{margin:0 auto 0}}.care .elementList .glow h4{margin:0 auto 0;max-width:146px}@media only screen and (max-width: 480px){.care .elementList .glow h4{margin:0 auto 0}}.care .elementList .glow .effectImg{margin:0 auto 0;max-width:140px}@media only screen and (max-width: 480px){.care .elementList .glow .effectImg{margin:0 auto 0}}.care .elementList .coverage h4{margin:0 auto 0;max-width:239px}@media only screen and (max-width: 480px){.care .elementList .coverage h4{margin:0 auto 0}}.care .elementList .coverage .effectImg{margin:0 auto 0;max-width:140px}@media only screen and (max-width: 480px){.care .elementList .coverage .effectImg{margin:0 auto 0}}.care .elementList .toneup h4{margin:0 auto 0;max-width:85.5px}@media only screen and (max-width: 480px){.care .elementList .toneup h4{margin:0 auto 0}}.care .elementList .toneup .effectImg{margin:0 auto 0;max-width:127px}@media only screen and (max-width: 480px){.care .elementList .toneup .effectImg{margin:0 auto 0}}.care .shade h2{margin:80px auto 0;max-width:227.5px}@media only screen and (max-width: 480px){.care .shade h2{margin:40px auto 0}}.care .shade .textureList{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:30px auto 0;max-width:960px;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width: 480px){.care .shade .textureList{margin:15px auto 0}}@media only screen and (max-width: 480px){.care .shade .textureList{-webkit-justify-content:center;justify-content:center}}.care .shade .textureList .texture{max-width:74px;padding:0 10px}.care .shade .textureList .texture p{margin-top:0;padding:0}@media only screen and (max-width: 480px){.care .shade p{text-align:center}}.lineup{background-color:#f2e7dd}.lineup .itemList{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:60px auto 0;max-width:960px}@media only screen and (max-width: 480px){.lineup .itemList{margin:30px auto 0}}@media only screen and (max-width: 930px){.lineup .itemList{-webkit-flex-wrap:wrap;flex-wrap:wrap}}.lineup .itemList .item{width:450px}@media only screen and (max-width: 930px){.lineup .itemList .item{min-width:310px}}.lineup .itemList .item figure{margin:20px auto 0;max-width:220px}@media only screen and (max-width: 480px){.lineup .itemList .item figure{margin:10px auto 0}}.lineup .itemList .item h3{font-size:16px;font-size:1rem;margin-top:0}.lineup .itemList .item .detail{font-size:12px;font-size:0.75rem;margin-top:0}.lineup .itemList .item .chart{margin:20px auto 0;max-width:370px}@media only screen and (max-width: 480px){.lineup .itemList .item .chart{margin:10px auto 0}}.lineup .itemList .new h2{margin:0 auto 0;max-width:304.5px}@media only screen and (max-width: 480px){.lineup .itemList .new h2{margin:0 auto 0}}@media only screen and (max-width: 930px){.lineup .itemList .old{margin-top:30px}}.lineup .itemList .old h2{margin:0 auto 0;max-width:304.5px}@media only screen and (max-width: 480px){.lineup .itemList .old h2{margin:0 auto 0}}.shoplist ul{margin-top:60px}@media only screen and (max-width: 480px){.shoplist ul{margin-top:30px}}.shoplist ul li:first-child{margin-bottom:30px}.shoplist p{margin-top:0}.togo,.togoToneup,.care,.lineup,.shoplist{overflow:hidden;padding-bottom:60px}@media only screen and (max-width: 480px){.togo,.togoToneup,.care,.lineup,.shoplist{padding-bottom:30px}}@media only screen and (max-width: 480px){.craft{padding-bottom:0}}nav{width:100%;background-color:#e9e9e9;height:40px;overflow:hidden}nav #navWrapper{max-width:960px;margin:0 auto;float:right}nav #navWrapper li{float:left}nav #navWrapper li.newsletterTop{margin-right:27px}@media only screen and (max-width: 780px){nav{height:30px}nav #navWrapper{float:right}nav #navWrapper li.newsletterTop{margin:0}nav #navWrapper li.newsletterTop img{width:155px;height:30px}nav #navWrapper li.backnumber img{width:120px;height:30px}}@media only screen and (max-width: 480px){nav #navWrapper{width:100%}nav #navWrapper li.newsletterTop{margin:0;float:left}nav #navWrapper li.backnumber{float:right}}footer{border-top:1px solid #333}footer a{color:#fff;text-decoration:underline}footer a:active,footer a:hover{color:#818181}footer p{line-height:1.4em;margin:0;text-align:center}footer p.arrow:before{content:url("/mail/newsletter/common/images/arrow.png");margin-right:3px}
