@charset "UTF-8";body.top .notice{font-size:2.66667vw}body.top #fv .area .items{width:100%;float:left;overflow:hidden}body.top #fv .area .items .container ul{width:600%;float:left;position:relative}body.top #fv .area .items .container ul li{width:16.66667%;float:left;position:relative}body.top #fv .area .items .container ul li a{width:52%;float:left;position:absolute;bottom:6%;left:0;right:0;margin:0 auto;z-index:10}body.top #fv .area .items .container ul li a.a2{width:72%;background:none;border:1px solid #fff}body.top #fv .area .items .ctrl{width:100%;height:0.5em;padding:3.2% 0;float:left;font-size:10pt}body.top #fv .area .items .ctrl ul{display:none;width:100%;float:left;text-align:center;line-height:0}body.top #fv .area .items .ctrl ul li{width:0.5em;height:0.5em;display:inline-block;margin:0 0.4%;background:#dedede}body.top #fv .area .items .ctrl ul li.active{background:#000}body.top #fv .area .items .ctrl ul li a{width:100%;height:100%}body.top #concept{padding:15.4vw 0 14vw 0;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;text-align:center;overflow:hidden;background:url("../img/concept_bg.jpg");background-size:cover}body.top #concept p,body.top #concept span{font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif}body.top #concept h2{color:#d7063b;font-size:5.333vw;font-weight:bold;line-height:8.516vw;position:relative;margin:0 0 9vw 0;left:1vw}body.top #concept h2 .n{font-size:2vw;position:relative;top:-3vw}body.top #concept h2 .line{position:absolute;height:1px;right:0;left:0;margin:auto;background:#d7063b}body.top #concept h2 .line.line1{top:8vw;width:57%;right:3%}body.top #concept h2 .line.line2{top:18vw;width:59%;right:3%}body.top #concept h2+p{font-size:3.2vw;line-height:6.74vw;white-space:nowrap;margin:0 0 6.9vw 0}body.top #concept h2+p .n{font-size:2vw;position:relative;top:-1vw}body.top #concept div{padding:0 4%}body.top #concept div .notice{letter-spacing:0;float:none;text-align:left}body.top #moviearea{padding:17vw 0 0 0}body.top #moviearea .movie{width:88%;margin:0 auto 3vw;line-height:0}body.top #moviearea .movie iframe{width:100%;height:50vw}body.top #moviearea small{margin:0 0 0 6%;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif}body.top .bnr{width:92%;float:left;margin:10.8vw 4% 0 4%}body.top .bnr a{width:50%;float:left}body.top .bnr a:last-of-type{width:100%}body.top .bnr .notice_2{float:left;width:100%;margin:0.5em 0 0 0;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif}body.top h2{margin:5% 0 5% 0;line-height:0}body.top .news{width:100%;float:left}body.top .news #news{width:100%;float:left;overflow:hidden;margin:0 0 12% 0}body.top .news .slide{width:134.7%;float:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 1.5%}body.top .news ul{width:100%;box-sizing:border-box;float:left;position:relative;padding:0 5% 0 5%}body.top .news ul li{width:45%;margin:0 27.5% 0 27.5%;float:left;position:relative}body.top .news ul li a{width:100%;float:left}body.top .news ul li a .new{position:absolute;z-index:2;top:0;left:0;width:28%}body.top .news ul li a .img{display:block;line-height:0;margin:0 0 6% 0}body.top .news ul li a .lbl{display:inline-block;height:1.2em;float:left;margin:0 0.5em 0 0}body.top .news ul li a .lbl img{width:auto;height:100%}body.top .news ul li a .date{display:inline-block;font-size:0.8em;color:#6d6d6d;float:left;line-height:1.6em}body.top .news ul li a .ttl{width:100%;font-size:0.8em;color:#6d6d6d;float:left;margin:0.5em 0 0 0;line-height:1.6em}body.top #prod{width:100%;float:left;margin-bottom:16%}body.top #prod h2{width:100%;float:left;margin:22.666vw 0 9.4vw 0}body.top #prod .area ul{margin:2% 0 6% 0}body.top #prod .area ul.tab{float:left;width:100%;margin:0 0 7.7vw 0;overflow:hidden;border-top:1px solid rgba(215,6,59,0.25);position:relative}body.top #prod .area ul.tab li{width:50%;float:left}body.top #prod .area ul.tab li a{font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;height:15.9vw;line-height:15.9vw;border-bottom:1px solid rgba(215,6,59,0.25);font-size:3vw;transition:all .2s;display:block;text-align:center;box-sizing:border-box}body.top #prod .area ul.tab li a:hover{text-decoration:none;cursor:pointer;color:#d7063b}body.top #prod .area ul.tab li a.on{border-bottom:none;color:#d7063b}body.top #prod .area ul.tab li a.on:hover{cursor:default}body.top #prod .area ul.tab:after{content:'';display:block;position:absolute;width:1px;height:100%;background:rgba(215,6,59,0.25);top:0;right:0;left:0;margin:auto}body.top #prod .area .select{line-height:0;position:relative;margin:0 0 16vw 0;float:left;width:100%}body.top #prod .area .select>img{width:100%}body.top #prod .area .select ul{margin:0;position:absolute;top:0;left:0;width:100%}body.top #prod .area .select ul li{transition:all .2s;position:absolute;top:0;left:0;opacity:0}body.top #prod .area .select ul li.current{opacity:1;z-index:2}body.top #prod .area .container{font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;float:left;width:88%;margin:0 6%}body.top #prod .area .container>div{margin:0 0 4vw 0;float:left;width:100%}body.top #prod .area .container a{display:block;float:none;margin:0;width:100%}body.top #prod .area .container a img{width:100%}body.top #prod .area .container a.l{margin:0 0 4vw 0}body.top #prod .area .container span.r{display:block;float:left;margin:0 0 0 10px}body.top #prod .area .container .btn{float:left;width:100%;height:15vw;border:1px solid black;line-height:15vw;font-size:3.2vw;transition:0.3s;text-decoration:none;text-align:center;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif}body.top #prod .area .triangle{border:1px solid #d7063b;float:left;width:92%;margin:2% 4% 6% 4%}body.top #prod .area .triangle .img{position:relative}body.top #prod .area .triangle a{width:91%;margin:0 0 2.5% 4.5%;display:block;float:left;line-height:0}body.top #prod .area .triangle a:nth-child(3){margin:0 0 1% 4.5%}body.top #prod .area .triangle a.btn_dummy{width:42%;position:absolute;top:0%;left:27%;margin:0}body.top #prod .area .triangle a.btn_dummy.lotion{width:40%;top:43%;left:0}body.top #prod .area .triangle a.btn_dummy.infilt{width:40%;top:43%;right:0;left:auto}body.top #prod .area .triangle .notice_2{float:left;width:100%;padding:0 0 1% 4.5%;box-sizing:border-box}body.top #prod .inner{width:100%;margin:0%}body.top #prod .bg{width:100%;float:left;position:relative;z-index:1}body.top #prod .bg .lines{position:absolute;top:0;left:0;width:100%}body.top #prod .bg .lines img{position:absolute;top:0;left:0;width:100%}body.top #prod a.lineup{width:92%;margin:0 0 2% 4%;display:block;float:left;line-height:0}body.top #pickup{width:100%;float:left;padding:0 0 0 0}body.top #pickup h2{width:100%;float:left;margin:17.5vw 0 6% 0}body.top #pickup a{width:84%;margin:0 0 0 8%;display:block;float:left;line-height:0;position:relative}body.top #pickup a .lbl{position:absolute;bottom:0;right:0;height:1.6em}body.top #pickup a .lbl img{height:100%;width:auto}body.top #movie{width:100%;float:left;background:#000}body.top #movie h2{width:100%;float:left;margin:10% 0 6% 0}body.top #movie .area{position:absolute;z-index:2}body.top #movie .area h2{width:100%;float:left}body.top #movie .area ul{width:100%;margin:0 8% 0 8%;float:left;position:relative;z-index:2}body.top #movie .area ul li{width:100%;margin:0 0 0 0;position:relative;transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px)}body.top #movie .area ul li .new{position:absolute;top:0;left:0}body.top #movie .area ul li iframe{width:100%;float:left;z-index:1;transform:translate3d(0, 0, 0px);-webkit-transform:translate3d(0, 0, 0px);position:relative}body.top #movie .area ul li .new{position:absolute;z-index:3;top:0;left:0;width:14%;-webkit-transform:translate3d(0, 0, 1px);transform:translate3d(0, 0, 1px)}body.top #movie .area ul li h3{width:84%;float:left;margin:3% 0 0 0}body.top #movie .area .movies{width:100%;float:left;overflow:hidden}body.top #movie .area .movies .container ul{width:1000%;float:left;position:relative}body.top #movie .area .movies .container ul li{width:10%;float:left;position:relative}body.top #movie .area .movies .container ul li a{width:52%;float:left;position:absolute;bottom:6%;left:0;right:0;margin:0 auto;z-index:10}body.top #movie .area .movies .ctrl{width:100%;height:0.5em;padding:0 0 12% 0;margin:5% 0 0 0;float:left;position:relative}body.top #movie .area .movies .ctrl ul{width:100%;float:left;text-align:center;margin:0}body.top #movie .area .movies .ctrl ul li{width:0.5em;height:0.5em;display:inline-block;margin:0 0.4%;background:#aeaeae}body.top #movie .area .movies .ctrl ul li.active{background:#d7063b}body.top #movie .area .movies .ctrl ul li a{width:100%;height:100%}body.top #movie .area .movies .ctrl .nav_l{position:absolute;top:-0.7em;left:0;width:9%;z-index:2}body.top #movie .area .movies .ctrl .nav_r{position:absolute;top:-0.7em;right:0;width:9%;z-index:2}body.top #movie .bg{width:100%;float:left;position:relative;z-index:1}body.top #movie .bg .lines{position:absolute;top:0;left:0;width:100%}body.top #movie .bg .lines img{position:absolute;top:0;left:0;width:100%}body.top #lineup{width:100%;float:left;background:#f6f6f6}body.top #lineup .area{position:relative;z-index:2}body.top #lineup .area h2{width:100%;float:left;margin:0 !important}body.top #lineup .area .inner{width:86%;margin:7%}