@charset "Windows-31J";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,menu,nav,section,summary{display:block}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sunshine{0%{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15)}50%{-webkit-filter:brightness(1);-moz-filter:brightness(1);filter:brightness(1)}100%{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15)}}@-moz-keyframes sunshine{0%{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15)}50%{-webkit-filter:brightness(1);-moz-filter:brightness(1);filter:brightness(1)}100%{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15)}}@keyframes sunshine{0%{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15)}50%{-webkit-filter:brightness(1);-moz-filter:brightness(1);filter:brightness(1)}100%{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15)}}.lotion #allbg{position:fixed;width:100%;height:100%;top:0;left:0}.lotion #allbg .inner{width:100%;height:100%;overflow:hidden}.lotion #allbg .bgarea{width:1500px;height:1100px;position:absolute;top:50%;left:50%}.lotion #allbg .bgarea .inner{margin:-550px 0 0 -750px}.lotion #allbg .bgarea .inner .base{position:absolute;top:0;left:0}.lotion #allbg .bgarea .inner .lines img{position:absolute}.lotion #allbg .bgarea .inner .p1{left:1288px;top:114px}.lotion #allbg .bgarea .inner .p2{left:1253px;top:125px}.lotion #allbg .bgarea .inner .p3{left:1230px;top:131px}.lotion #allbg .bgarea .inner .p4{left:1200px;top:131px}.lotion #allbg .bgarea .inner .p5{left:1166px;top:131px}.lotion #allbg .bgarea .inner .p6{left:1129px;top:129px}.lotion #allbg .bgarea .inner .p7{left:1092px;top:135px}.lotion #allbg .bgarea .inner .p8{left:1048px;top:136px}.lotion #allbg .bgarea .inner .p9{left:996px;top:135px}.lotion #allbg .bgarea .inner .p10{left:925px;top:140px}.lotion #allbg .bgarea .inner .p11{left:830px;top:140px}.lotion #allbg .bgarea .inner .p12{left:686px;top:137px}.lotion #allbg .bgarea .inner .p13{left:412px;top:119px}.lotion #allbg .bgarea .inner .p14{left:0px;top:125px}.lotion #wrapper{background:#fff}.lotion #wrapper #header .area nav .bar{width:145px;left:116px}.lotion #wrapper .topbg{width:100%;height:868px;position:absolute;top:0;left:0}.lotion #wrapper #main{padding:100px 0 0 0}.lotion #wrapper #main .contents section{position:relative;text-align:center;padding:0 0 80px 0}.lotion #wrapper #main .contents section h2.ttl{padding:80px 0 0 0;margin:0 0 60px 0;text-align:center;line-height:0}.lotion #wrapper #main .contents section .coming{margin:124px 0 0 0;text-align:center;line-height:0}.lotion #wrapper #main .contents section.black{background:#000}.lotion #wrapper #main .contents section .btnarea{position:relative}.lotion #wrapper #main .contents .fv{width:100%;height:710px;position:relative;padding:0;background:none}.lotion #wrapper #main .contents .fv .bg{position:absolute;top:0;left:50%;width:1500px;height:710px}.lotion #wrapper #main .contents .fv .bg img{margin:0 0 0 -1500px}.lotion #wrapper #main .contents .fv .container{height:710px}.lotion #wrapper #main .contents .fv .container .copy{position:absolute;top:122px;left:116px}.lotion #wrapper #main .contents .fv .container .copy2{position:absolute;left:314px;top:252px}.lotion #wrapper #main .contents .fv .container .logo{position:absolute;top:503px;left:116px}.lotion #wrapper #main .contents .fv .container .info{position:absolute;top:336px;left:116px}.lotion #wrapper #main .contents .fv .container .new{position:absolute;top:271px;left:-2px}.lotion #wrapper #main .contents .fv .container a{position:absolute}.lotion #wrapper #main .contents .fv .container a.btn{top:547px;left:116px}.lotion #wrapper #main .contents .fv .container a.btn2{top:547px;left:294px}.lotion #wrapper #main .contents .intro{padding:60px 0;background:#fff}.lotion #wrapper #main .contents .intro .copy{margin:0 0 22px 0}.lotion #wrapper #main .contents .intro .notice_2{text-align:left;margin:40px 0 0 120px;width:749px}.lotion #wrapper #main .contents .qa{padding:0}.lotion #wrapper #main .contents .qa h2.ttl{padding:91px 0 52px 0;margin:0}.lotion #wrapper #main .contents .qa .set{float:left;clear:both;margin:0 0 123px 0;width:100%;position:relative}.lotion #wrapper #main .contents .qa .set .qa1img{float:left}.lotion #wrapper #main .contents .qa .set .block{position:relative;padding:61px 61px 68px 61px;float:left;clear:both;background-color:#fff;overflow:hidden}.lotion #wrapper #main .contents .qa .set .block.red{background-color:#d7063b}.lotion #wrapper #main .contents .qa .set .block.blk{background-color:#000}.lotion #wrapper #main .contents .qa .set .block.gray{background-color:#1e1e1e}.lotion #wrapper #main .contents .qa .set .block.right{float:right}.lotion #wrapper #main .contents .qa .set .block.block2{padding:53px 126px 61px 67px}.lotion #wrapper #main .contents .qa .set .block.block3{padding:70px 0 66px 0;width:866px;background:url(../../cmn/img/bgw_o7.png)}.lotion #wrapper #main .contents .qa .set .block.block3 .figure{width:346px;float:left}.lotion #wrapper #main .contents .qa .set .block.block3 .figure h5{line-height:0}.lotion #wrapper #main .contents .qa .set .block.block3 .figure p{line-height:0}.lotion #wrapper #main .contents .qa .set .block.block3 .figure .damage{z-index:2}.lotion #wrapper #main .contents .qa .set .block.block3 .figure .damage img{position:relative}.lotion #wrapper #main .contents .qa .set .block.block3 .figure .damage img.d_bg,.lotion #wrapper #main .contents .qa .set .block.block3 .figure .damage img.d_ten{position:absolute;top:0;left:0}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure1{margin:0 60px 0 50px}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure1 .img{height:282px;position:relative}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure1 .img .base,.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure1 .img .over{top:53px;left:39px;position:absolute}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure1 .img .damage{width:35px;position:absolute;top:87px;left:200px;line-height:0}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure1 .img .damage .inner{position:relative;width:100%;height:100%}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure1 .img .damage.damage2{top:151px;left:114px}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure1 .img .damage img{width:100%}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure2 .img{height:282px;position:relative}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure2 .img .base,.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure2 .img .over{top:32px;left:0px;position:absolute}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure2 .img .base.base,.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure2 .img .over.base{z-index:1}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure2 .img .damage{width:35px;position:absolute;top:127px;left:213px;line-height:0}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure2 .img .damage.damage2{top:179px;left:112px}.lotion #wrapper #main .contents .qa .set .block.block3 .figure.figure2 .img .damage img{width:100%}.lotion #wrapper #main .contents .qa .set .block.block3 .btnarea{margin:59px 0 0 0}.lotion #wrapper #main .contents .qa .set .block.block4{padding:0;width:618px;height:766px}.lotion #wrapper #main .contents .qa .set .block.block4 .bgimg{position:absolute;top:0;left:0}.lotion #wrapper #main .contents .qa .set .block.block4 .target{position:relative;margin:0}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea{position:absolute;width:479px;height:530px;top:171px;left:52px;z-index:10}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .inner{height:530px}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_base{position:absolute;bottom:0;left:0}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_num1{position:absolute;top:104px;left:87px}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_num2{position:absolute;top:104px;left:182px}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_num3{position:absolute;top:90px;left:316px}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_t1{position:absolute;top:242px;left:76px;z-index:1}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_t2{position:absolute;top:338px;left:158px;z-index:1}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_t3{position:absolute;top:394px;left:309px;z-index:1}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_arr{position:absolute;top:135px;left:97px;width:319px;height:249px;z-index:10}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_arr .mask_t{width:190px;height:100%;position:relative;overflow:hidden;float:left}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_arr .mask_t img{position:absolute;left:0;top:0}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_arr .mask_t2{width:129px;height:100%;position:relative;overflow:hidden;float:right}.lotion #wrapper #main .contents .qa .set .block.block4 .target .animarea .a_arr .mask_t2 img{position:absolute;right:0;top:0}.lotion #wrapper #main .contents .qa .set .sky{float:left}.lotion #wrapper #main .contents .qa .set.set2{margin:0 0 87px 0}.lotion #wrapper #main .contents .qa .set.set2 .block.block1{padding:67px 61px 71px 71px;background:#d7063b}.lotion #wrapper #main .contents .qa .set.set2 .block.block2{padding:69px 130px 98px 58px}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure{height:142px;width:291px;margin:0 auto;position:relative}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure .name{position:absolute;top:148px;left:35px}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure .name2{position:absolute;top:39px;left:35px}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure .cap{position:absolute;top:37px;left:131px}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure .ama{width:39px;position:absolute;top:79px;left:258px}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure .ama img{width:100%}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure .fe{position:absolute;width:17px;top:89px;left:79px}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure .fe img{width:100%}.lotion #wrapper #main .contents .qa .set.set2 .block.block2 .figure .name3{position:absolute;top:160px;left:124px}.lotion #wrapper #main .contents .care h2.ttl{padding:0 0 56px 0;margin:0}.lotion #wrapper #main .contents .care .block{position:relative;line-height:0;float:left;clear:both;margin:0 0 80px 0}.lotion #wrapper #main .contents .care .block.right{float:right}.lotion #wrapper #main .contents .care .block.block3{margin:0 0 50px 0}.lotion #wrapper #main .contents .care .notice{text-align:left}.lotion #wrapper #main .contents .prod{padding:140px 0 171px 0}.lotion #wrapper #main .contents .prod .container{text-align:left;padding:0 0 0 157px;box-sizing:border-box}.lotion #wrapper #main .contents .prod .container h2{line-height:0;margin:0 0 22px 0}.lotion #wrapper #main .contents .prod .container .i{font-family:"ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "Ÿà–¾’©", YuMincho, "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", "Noto Serif JP", serif;border:1px solid #595757;box-sizing:border-box;width:107px;height:28px;text-align:center;line-height:28px;margin:0 0 39px 0;color:#505050;font-size:1.35em}.lotion #wrapper #main .contents .prod .container .i+p{margin:0 0 39px 0;line-height:0}.lotion #wrapper #main .contents .prod .container .link{line-height:0}.lotion #wrapper #main .contents .prod .container figure{position:absolute;top:-50px;left:644px}.lotion #wrapper #main .contents .bnrs{font-family:"ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "Ÿà–¾’©", YuMincho, "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", "Noto Serif JP", serif;padding:134px 0 126px 0;margin:0 0 0 0;background:url(../../cmn/img/bgw_o8.png)}.lotion #wrapper #main .contents .bnrs h2{font-size:2.3em;margin:0 0 83px 0}.lotion #wrapper #main .contents .bnrs h2+div{margin:0 0 111px 0}.lotion #wrapper #main .contents .bnrs a{display:block;float:left}.lotion #wrapper #main .contents .bnrs a.r{float:right}.lotion #wrapper #main .contents .bnrs span.r{display:block;float:left;margin:0 0 0 10px}.lotion #wrapper #main .contents .bnrs .btn{margin:0 0 0 250px;width:500px;height:90px;border:1px solid black;line-height:90px;font-size:1.4em;transition:0.3s;text-decoration:none}.lotion #wrapper #main .contents .bnrs .btn:hover{background:#000;color:#fff}.lotion #wrapper #main .contents .notice p{color:#898989 !important}