.spOnly{display:none}.mainVisual{overflow:hidden}#grangelina_relax .mainVisual h2{float:left;text-indent:-9999px;background:url(/images/grangelina_relax01.jpg) 0 0/contain no-repeat;width:50%;height:0;margin-top:0;padding-top:53.6%}.mainVisualTxt{text-align:center;width:100%;font-weight:400;line-height:1.8;position:absolute;top:63%}#grangelina_relax .mainVisual .topImage{float:left;text-indent:-9999px;background:url(/images/grangelina_relax02.jpg) 0 60%/contain no-repeat;width:50%;height:0;padding-top:53.6%}.mainVisual .topImage img{width:100%}.skinCare{z-index:1;background:url(/images/grangelina_relax03.png) 0 0/100% no-repeat;width:100%;padding:26% 0;position:relative}.skinCare .contentPart{z-index:2;width:60%;position:absolute;top:30%;left:40%}.skinCare .contentPart img{width:83%}.skinCare .contentPart .contentTxt{width:80%;margin-top:3%;font-size:1.2rem;line-height:1.7}.gel{z-index:1;background:url(/images/grangelina_relax05.png) 0 0/100% no-repeat;width:100%;padding:25% 0;position:relative}.gel .contentPart{z-index:2;width:60%;position:absolute;top:30%;left:10%}.gel .contentPart img{width:100%}.gel .contentPart .contentTxt{width:80%;margin-top:3%;font-size:1.2rem;line-height:1.7}.water{z-index:1;background:url(/images/grangelina_relax07.png) 0 0/100% no-repeat;width:100%;padding:23% 0;position:relative}.water .contentPart{z-index:2;width:60%;position:absolute;top:38%;left:35%}.water .contentPart img{width:67%}.water .contentPart .contentTxt{width:80%;margin-top:3%;font-size:1.2rem;line-height:1.7}.contentPart .titleTxt{width:85%;font-size:1.8rem;line-height:1.7}#main .arrivalBox{width:68%;margin:0 auto;padding:100px 0 96px}#main .arrivalBox .infoBox{width:100%;margin:0 auto;position:relative}#main .arrivalBox .infoBox .prev{cursor:pointer;position:absolute;top:31%;left:-30px}#main .arrivalBox .infoBox .next{cursor:pointer;position:absolute;top:31%;right:-30px}#main .arrivalBox .infoBox .prev:hover,#main .arrivalBox .infoBox .next:hover{filter:alpha(opacity=70);opacity:.7}#main .arrivalBox h2{text-align:center;margin-bottom:41px}#main .arrivalBox .listUl{text-align:center;overflow:hidden}#main .arrivalBox .listUl li{box-sizing:border-box;width:24%;padding:0 0 5%;display:inline-block}#main .arrivalBox .listUl li img{width:80%;margin:3% auto}#main .arrivalBox .listUl li .title{color:#ef7a00;margin-bottom:7px;font-size:16px;display:block}#main .arrivalBox .listUl li .color01{color:#ed6c67}#main .arrivalBox .listUl li .color02{color:#daaa7e}#main .arrivalBox .listUl li .color03{color:#000}#main .arrivalBox .listUl li .color04{color:#de0017}#main .arrivalBox .listUl li .color05{color:#a9caf2}#main .arrivalBox .listUl li .color06{color:#7d782e}.arrivalBox h3{text-align:center;margin-bottom:6%}.infoBox li a{display:block}#main .infoBox .listUl a:hover img{filter:alpha(opacity=70);opacity:.7}@media (max-width:1260px){.skinCare .contentPart .contentTxt,.gel .contentPart .contentTxt,.water .contentPart .contentTxt{margin-top:3%;font-size:.8rem}}@media (max-width:767px){.pcOnly{display:none}.spOnly{display:block}.mainVisual h2{float:none;background-size:cover;width:100%;padding-top:100%}.mainVisualTxt{font-size:.7rem}.mainVisual .topImage{width:100%;padding-top:100%}.skinCare,.gel,.water{background:0 0;margin-bottom:7%;padding:0;overflow:hidden}.skinCare img,.gel img,.water img{width:18%;margin:0 auto;display:block}.water img{width:30%}.skinCare .contentPart,.gel .contentPart,.water .contentPart{width:100%;margin:0 auto;position:static;top:0;left:0}.skinCare .contentPart .contentTxt,.gel .contentPart .contentTxt,.water .contentPart .contentTxt{width:95%;margin:3% auto;font-size:1rem;line-height:1.5}.gel .contentPart img{width:90%}.skinCare .contentPart img{width:95%}#main .arrivalBox{width:85%;padding:8.5% 0}#main .arrivalBox h2{margin-bottom:12px}#main .arrivalBox h2 img{width:70px;margin:0 auto}#main .arrivalBox .listUl li{width:46%;padding:0 5px}#main .arrivalBox .listUl li img{margin-bottom:6px}#main .arrivalBox .listUl li span{font-size:10px;line-height:1.3;display:inline-block}#main .arrivalBox .listUl li .title{margin-bottom:4px;font-size:12px;line-height:1.3}#main .arrivalBox .infoBox .prev{left:-15px}#main .arrivalBox .infoBox .prev img{width:10px}#main .arrivalBox .infoBox .next{right:-15px}#main .arrivalBox .infoBox .next img{width:10px}#main .arrivalBox .infoBox .prev:hover,#main .arrivalBox .infoBox .next:hover{filter:alpha(opacity=100);opacity:1}#main .arrivalBox h3 img{width:57%}#main .arrivalBox .listUl li .moreBtn{width:80%;margin:0 auto;display:block}}@media (max-width:420px){.mainVisualTxt{font-size:11px;line-height:1.5}}
