@charset "UTF-8";body.brightlotion{background:#fff}body.brightlotion #fv{position:relative}body.brightlotion #fv .base{line-height:0}body.brightlotion #fv .inner{position:relative;z-index:2;margin:8% 4%}body.brightlotion #fv .inner .area .r{width:30%;float:left}body.brightlotion #fv .inner .area .c{width:37%;float:left;position:relative}body.brightlotion #fv .inner .area .c img{position:relative;z-index:1}body.brightlotion #fv .inner .area .c .shine{position:absolute;top:0;left:0;z-index:2}body.brightlotion #fv .inner .area .l{width:33%;float:left}body.brightlotion #fv .inner .area .l img{float:left}body.brightlotion #fv .copy{z-index:100;-webkit-perspective:5000;-moz-perspective:5000;-ms-perspective:5000;-o-perspective:5000;perspective:5000}body.brightlotion #fv .fv_bg{width:100%;float:left;position:absolute;z-index:1;top:0;left:0}body.brightlotion #fv .info{width:100%;float:left;position:relative;z-index:2;background:#fff}body.brightlotion #fv .info .circle{width:31%;float:left;position:absolute;z-index:2;top:-30%;right:0}body.brightlotion #fv .info .inner{width:86%;margin:0px 7% 4%}body.brightlotion #fv .info .inner .price{margin:0 0 8% 0}body.brightlotion #fv .info .inner ul{width:100%;float:left}body.brightlotion #fv .info .inner ul li{width:48%;float:left}body.brightlotion #fv .info .inner ul li.left{margin:0 4% 0 0}body.brightlotion #fv .info .inner ul li a{width:100%;float:left;display:block}body.brightlotion #fv .white_i{width:100%;float:left;position:relative}body.brightlotion #fv .white_i h2{margin:8% 0 4% 0}body.brightlotion #fv .white_i ul li{width:100%;float:left}body.brightlotion #fv .intro{background:rgba(255,255,255,0.9);float:left}body.brightlotion #fv .intro .inner{position:relative;z-index:2;margin:8% 7% 4% 7%;width:86%}body.brightlotion #qa .panel{width:92%;margin:4% 4% 12% 4%;float:left;position:relative}body.brightlotion #qa .panel.figure{padding:10% 7% 0 7%;margin:0 4% 0 4%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.brightlotion #qa .panel.figure.qa1{background:rgba(255,255,255,0.8);margin:4% 4% 12% 4%}body.brightlotion #qa .panel.figure .over{position:absolute;top:0;left:0;width:100%}body.brightlotion #qa .panel.figure a{float:left;width:56%;margin:12% 0 14% 22%}body.brightlotion #qa .panel.figure .damage{width:8%;position:absolute}body.brightlotion #qa .panel.figure .damage .inner{width:100%;position:relative}body.brightlotion #qa .panel.figure .damage .inner img{position:relative}body.brightlotion #qa .panel.figure .damage .inner img.d_bg,body.brightlotion #qa .panel.figure .damage .inner img.d_ten{position:absolute;top:0;left:0}body.brightlotion #qa .panel.figure .area{position:relative}body.brightlotion #qa .panel.figure .area.area1 .damage1{top:29%;left:57%}body.brightlotion #qa .panel.figure .area.area1 .damage2{top:43%;left:37%}body.brightlotion #qa .panel.figure .area.area2 .damage{width:10%}body.brightlotion #qa .panel.figure .area.area2 .damage1{top:50%;left:58%}body.brightlotion #qa .panel.figure .area.area2 .damage2{top:64%;left:30%}body.brightlotion #qa .panel .figure2{position:absolute;width:68%;left:16%;bottom:12%}body.brightlotion #qa .panel .figure2 .area{position:relative}body.brightlotion #qa .panel .figure2 .area .fe{position:absolute;width:6%;top:39%;left:15%}body.brightlotion #qa .panel .figure2 .area .ama{position:absolute;width:13%;top:30%;left:77%}body.brightlotion #qa .panel .figure2 .area .cap{width:34.8%;position:absolute;top:0;left:32.6%}body.brightlotion #qa .panel .figure2 .area .name{position:absolute;width:99%;bottom:10%;left:0}body.brightlotion #qa .panel .figure2 .area .name2{position:absolute;width:39%;bottom:0;left:30.5%}body.brightlotion #qa .panel .figure2 .area .name3{position:absolute;width:100%;top:0;left:0}body.brightlotion #qa .white{width:100%;float:left;position:relative;background:none;margin:0 0 12% 0}body.brightlotion #qa .white .lbl{width:100%;float:left}body.brightlotion #qa .white .thermo{width:100%;float:left;position:relative}body.brightlotion #qa .white .thermo .uv{width:100%;float:left;position:absolute;top:0;left:0}body.brightlotion #qa .white .thermo .uv.uv01{z-index:3;position:relative}body.brightlotion #qa .white .thermo .uv.uv02{z-index:2}body.brightlotion #qa .white .thermo .uv.uv03{z-index:1}body.brightlotion #qa .white .bar{width:100%;float:left;margin:0 0 6% 0}body.brightlotion #care{float:left;margin:0}body.brightlotion #care .panel{width:92%;margin:0 4% 8% 4%;float:left}body.brightlotion #care .panel.figure{padding:0 4% 0 4%}body.brightlotion #care .panel.figure a{float:left;width:56%;margin:12% 0 32% 22%}body.brightlotion #care .notice_2{width:92%;margin:0 4% 8% 4%;float:left}body.brightlotion #prod{float:left;width:100%;padding:0 0 11vw 0}body.brightlotion #prod .inner{margin-bottom:0}body.brightlotion #prod .inner h2{margin:0 0 4.7vw 0}body.brightlotion #prod .inner .i{font-size:3.2vw;color:#505050;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #505050;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;text-align:center;width:22%;height:5.4vw;white-space:nowrap;line-height:5.4vw;margin:0 0 3vw 0}body.brightlotion #prod .inner figure{margin:0 0 7.8vw 0}body.brightlotion #prod .inner figure+p{margin:0 0 4.8vw 0}body.brightlotion #prod .inner .link a{display:block}body.brightlotion #prod .inner .link a:first-child{margin:0 0 3vw 0}body.brightlotion #bn{font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;width:100%;text-align:center;float:left;margin:0;padding:12.266vw 0 17.46vw 0}body.brightlotion #bn h2{font-size:6.4vw;margin:0 0 10.93vw 0}body.brightlotion #bn .inner{margin:0 11%;width:78%}body.brightlotion #bn ul{width:100%;float:left;margin:0 0 5.2vw 0}body.brightlotion #bn ul li{width:100%;float:left;margin:0 0 6% 0}body.brightlotion #bn ul li:last-child{margin:0}body.brightlotion #bn .btn{border:1px solid #595757;display:block;float:left;width:100%;height:15.624vw;line-height:15.624vw;font-size:3.6vw;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif}body.brightlotion .notice{background:none}body.brightlotion .notice p{color:#9c9b9b}body.brightlotion .bg{width:100%;height:100%;overflow:hidden;float:left;position:fixed;z-index:1;top:0;left:0}body.brightlotion .bg .all{position:relative}body.brightlotion .bg .all .lines{position:absolute;width:100%;top:0;left:0}body.brightlotion .bg .all .lines img{position:absolute;width:100%;top:0;left:0}body.brightlotion .bg .img{width:100%;float:left;position:absolute;top:0;left:0}