﻿@media screen and (max-width: 600px){html.notIE main img{display:block;width:100%}}sub{font-size:100%;bottom:auto;vertical-align:baseline;vertical-align:-webkit-baseline-middle}@media screen and (min-width: 601px){html.notIE .kv{min-width:960px;background:url(/haku/shared/img/lineup/supplement/pc/mv_bg.jpg) no-repeat top center;background-size:1280px;height:576px}html.notIE .kv-inner{width:960px;position:relative;margin:auto;z-index:1}html.notIE .kv-title{width:0;height:0;overflow:hidden}html.notIE .kv-new{width:126px;height:126px;border:solid 1px #dd0046;border-radius:50%;background:url(/haku/shared/img/new.svg) no-repeat center center;background-size:78px;position:absolute;top:150px;left:calc(50% + 110px)}html.notIE .kv-new span{display:block;width:0;height:0;overflow:hidden}}html.msie .kv{min-width:960px;background:url(/haku/shared/img/lineup/supplement/pc/mv_bg.jpg) no-repeat top center;background-size:1280px;height:576px}html.msie .kv-inner{width:960px;position:relative;margin:auto;z-index:1}html.msie .kv-title{width:0;height:0;overflow:hidden}html.msie .kv-new{width:126px;height:126px;border:solid 1px #dd0046;border-radius:50%;background:url(/haku/shared/img/new.svg) no-repeat center center;background-size:78px;position:absolute;top:150px;left:calc(50% + 110px)}html.msie .kv-new span{display:block;width:0;height:0;overflow:hidden}@media screen and (max-width: 600px){html.notIE .kv{background:#fff url(/haku/shared/img/lineup/supplement/sp/mv_bg.png) no-repeat top center;background-size:100%;height:calc(769 / 750 * 100vw);position:relative}html.notIE .kv-title{width:0;height:0;overflow:hidden}html.notIE .kv-new{width:calc(170 / 750 * 100vw);height:calc(170 / 750 * 100vw);border:solid 1px #dd0046;border-radius:50%;background:url(/haku/shared/img/new.svg) no-repeat center center;background-size:calc(120 / 750 * 100vw);position:absolute;top:calc(242 / 750 * 100vw);right:calc(64 / 750 * 100vw)}html.notIE .kv-new span{display:block;width:0;height:0;overflow:hidden}}@media screen and (min-width: 601px){html.notIE .main_inner{width:100%;max-width:1280px;min-width:960px;margin:0 auto}}html.msie .main_inner{width:100%;max-width:1280px;min-width:960px;margin:0 auto}@media screen and (max-width: 600px){html.notIE .main_inner{padding:0 calc(50 / 750 * 100vw)}}@media screen and (min-width: 601px){html.notIE .anc-list{display:flex;justify-content:center}html.notIE .anc-list li+li a span{border-left:1px solid #ccc}html.notIE .anc-list li a{display:block;padding:25px 0;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-size:18px;line-height:1;text-decoration:none;transition:opacity .2s ease 0s;position:relative}html.notIE .anc-list li a:hover{opacity:.7}html.notIE .anc-list li a::after{content:"";background:url(/haku/shared/img/anc_arrow.svg) no-repeat 0 0;background-size:100%;width:14px;height:9px;display:block;position:absolute;right:40px;top:53%;transform:translateY(-50%)}html.notIE .anc-list li a span{padding:0 65px 0 40px}}html.msie .anc-list{display:flex;justify-content:center}html.msie .anc-list li+li a span{border-left:1px solid #ccc}html.msie .anc-list li a{display:block;padding:25px 0;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-size:18px;line-height:1;text-decoration:none;transition:opacity .2s ease 0s;position:relative}html.msie .anc-list li a:hover{opacity:.7}html.msie .anc-list li a::after{content:"";background:url(/haku/shared/img/anc_arrow.svg) no-repeat 0 0;background-size:100%;width:14px;height:9px;display:block;position:absolute;right:40px;top:53%;transform:translateY(-50%)}html.msie .anc-list li a span{padding:0 65px 0 40px}@media screen and (max-width: 600px){html.notIE .anc{display:none;padding:0 calc(50 / 750 * 100vw)}}@media screen and (min-width: 601px){html.notIE .intro-inner{width:960px;margin:0 auto;padding:35px 0 80px 480px;position:relative}html.notIE .intro-ttl{font-size:29px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:1.6666666667;color:#dd0046;margin-top:-15px}html.notIE .intro-name{font-size:26px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:1.3846153846;margin-top:50px}html.notIE .intro-name span{font-size:18px;font-style:normal;font-weight:500;display:inline-block;margin-top:10px}html.notIE .intro-txt{font-size:14px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:2;margin-top:20px}html.notIE .intro-date{font-size:36px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;color:#dd0046;margin-top:25px;line-height:1}html.notIE .intro-date span{font-size:24px}html.notIE .intro-carousel{position:absolute;top:35px;left:0;width:400px}html.notIE .intro-carousel .slick-dots{display:flex;position:relative;top:-38px;left:20px}html.notIE .intro-carousel .slick-dots li+li{margin-left:10px}html.notIE .intro-carousel .slick-dots li button{width:18px;height:18px;text-indent:-9999px;border:1px solid #bfbfbf;background-color:#fff}html.notIE .intro-carousel .slick-dots li.slick-active button{background-color:#dd0046;border:1px solid #dd0046}html.notIE .intro-cart{margin-top:75px}html.notIE .intro .u-btn.m-primary.coming-soon{background-color:#a2a2a2;cursor:auto}html.notIE .intro .u-btn.m-primary.coming-soon:hover{opacity:1}}html.msie .intro-inner{width:960px;margin:0 auto;padding:35px 0 80px 480px;position:relative}html.msie .intro-ttl{font-size:29px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:1.6666666667;color:#dd0046;margin-top:-15px}html.msie .intro-name{font-size:26px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:1.3846153846;margin-top:50px}html.msie .intro-name span{font-size:18px;font-style:normal;font-weight:500;display:inline-block;margin-top:10px}html.msie .intro-txt{font-size:14px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:2;margin-top:20px}html.msie .intro-date{font-size:36px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;color:#dd0046;margin-top:25px;line-height:1}html.msie .intro-date span{font-size:24px}html.msie .intro-carousel{position:absolute;top:35px;left:0;width:400px}html.msie .intro-carousel .slick-dots{display:flex;position:relative;top:-38px;left:20px}html.msie .intro-carousel .slick-dots li+li{margin-left:10px}html.msie .intro-carousel .slick-dots li button{width:18px;height:18px;text-indent:-9999px;border:1px solid #bfbfbf;background-color:#fff}html.msie .intro-carousel .slick-dots li.slick-active button{background-color:#dd0046;border:1px solid #dd0046}html.msie .intro-cart{margin-top:75px}html.msie .intro .u-btn.m-primary.coming-soon{background-color:#a2a2a2;cursor:auto}html.msie .intro .u-btn.m-primary.coming-soon:hover{opacity:1}@media screen and (max-width: 600px){html.notIE .intro{padding:calc(70 / 750 * 100vw) calc(50 / 750 * 100vw) calc(100 / 750 * 100vw)}html.notIE .intro-ttl{font-size:calc(40 / 750 * 100vw);font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:1.625;color:#dd0046;text-align:center}html.notIE .intro-name{font-size:calc(34 / 750 * 100vw);text-align:center;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:1.5882352941;margin-top:calc(60 / 750 * 100vw)}html.notIE .intro-name span{font-size:calc(28 / 750 * 100vw);font-style:normal;font-weight:500}html.notIE .intro-txt{font-size:calc(28 / 750 * 100vw);text-align:center;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;line-height:1.7857142857;margin-top:calc(35 / 750 * 100vw)}html.notIE .intro-date{font-size:calc(70 / 750 * 100vw);font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;color:#dd0046;margin-top:calc(40 / 750 * 100vw);text-align:center;line-height:1}html.notIE .intro-date span{font-size:calc(46 / 750 * 100vw)}html.notIE .intro-carousel{margin:calc(50 / 750 * 100vw) auto 0;width:calc(550 / 750 * 100vw);position:relative}html.notIE .intro-carousel .slick-dots{display:flex;position:absolute;bottom:calc(30 / 750 * 100vw);left:calc(30 / 750 * 100vw)}html.notIE .intro-carousel .slick-dots li+li{margin-left:calc(14 / 750 * 100vw)}html.notIE .intro-carousel .slick-dots li button{width:calc(24 / 750 * 100vw);height:calc(24 / 750 * 100vw);text-indent:-9999px;border:calc(2 / 750 * 100vw) solid #bfbfbf;background-color:#fff;display:block}html.notIE .intro-carousel .slick-dots li.slick-active button{background-color:#dd0046;border:calc(2 / 750 * 100vw) solid #dd0046}html.notIE .intro-cart{margin-top:calc(30 / 750 * 100vw)}html.notIE .intro .u-btn.m-primary.coming-soon{background-color:#a2a2a2}}@media screen and (min-width: 601px){html.notIE .content-inner{padding:80px 0;width:960px;margin:0 auto}html.notIE .content-ttl{font-size:44px;line-height:1;text-align:center;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;position:relative;margin-bottom:80px}html.notIE .content-ttl::after{content:"";background:#707070;width:112px;height:2px;display:block;position:absolute;left:50%;bottom:-28px;transform:translateX(-50%)}html.notIE .content-txt{font-size:22px;line-height:1.9090909091;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;text-align:center;margin-bottom:40px}html.notIE .content-more{text-align:center;margin-top:50px}html.notIE .content-more a{font-size:18px;font-feature-settings:"palt" 1;letter-spacing:.05em;position:relative;display:inline-block;text-decoration:none}html.notIE .content-more a::before{content:"";background:#626364;width:100%;height:1px;display:block;position:absolute;left:0;bottom:0}html.notIE .content-more a::after{content:"";background:url(/haku/shared/img/anc_arrow.svg) no-repeat 0 0;background-size:100%;width:14px;height:9px;display:inline-block;position:absolute;right:-20px;top:50%;transform:translateY(-50%) rotate(-90deg)}}html.msie .content-inner{padding:80px 0;width:960px;margin:0 auto}html.msie .content-ttl{font-size:44px;line-height:1;text-align:center;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;position:relative;margin-bottom:80px}html.msie .content-ttl::after{content:"";background:#707070;width:112px;height:2px;display:block;position:absolute;left:50%;bottom:-28px;transform:translateX(-50%)}html.msie .content-txt{font-size:22px;line-height:1.9090909091;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;text-align:center;margin-bottom:40px}html.msie .content-more{text-align:center;margin-top:50px}html.msie .content-more a{font-size:18px;font-feature-settings:"palt" 1;letter-spacing:.05em;position:relative;display:inline-block;text-decoration:none}html.msie .content-more a::before{content:"";background:#626364;width:100%;height:1px;display:block;position:absolute;left:0;bottom:0}html.msie .content-more a::after{content:"";background:url(/haku/shared/img/anc_arrow.svg) no-repeat 0 0;background-size:100%;width:14px;height:9px;display:inline-block;position:absolute;right:-20px;top:50%;transform:translateY(-50%) rotate(-90deg)}@media screen and (max-width: 600px){html.notIE .content-inner{padding:calc(100 / 750 * 100vw) calc(50 / 750 * 100vw)}html.notIE .content-ttl{font-size:calc(55 / 750 * 100vw);line-height:1;text-align:center;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;position:relative;margin-bottom:calc(105 / 750 * 100vw)}html.notIE .content-ttl::after{content:"";background:#707070;width:calc(130 / 750 * 100vw);height:calc(4 / 750 * 100vw);display:block;position:absolute;left:50%;bottom:calc(-34 / 750 * 100vw);transform:translateX(-50%)}html.notIE .content-txt{font-size:calc(28 / 750 * 100vw);line-height:1.7857142857;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-style:normal;font-weight:500;text-align:center;margin-bottom:calc(70 / 750 * 100vw)}html.notIE .content-more{text-align:center;margin-top:calc(60 / 750 * 100vw)}html.notIE .content-more a{font-size:calc(28 / 750 * 100vw);font-feature-settings:"palt" 1;letter-spacing:.05em;position:relative;display:inline-block;text-decoration:none;transition:opacity .2s ease 0s}html.notIE .content-more a:hover{opacity:.7}html.notIE .content-more a::before{content:"";background:#626364;width:100%;height:calc(2 / 750 * 100vw);display:block;position:absolute;left:0;bottom:0}html.notIE .content-more a::after{content:"";background:url(/haku/shared/img/anc_arrow.svg) no-repeat 0 0;background-size:100%;width:calc(20 / 750 * 100vw);height:calc(13 / 750 * 100vw);display:inline-block;position:absolute;right:calc(-24 / 750 * 100vw);top:50%;transform:translateY(-50%) rotate(-90deg)}}@media screen and (min-width: 601px){html.notIE .ingredient{background-color:#f7f9fc}html.notIE .ingredient-list{margin:40px auto 0;width:760px}html.notIE .ingredient-list li{list-style:none}html.notIE .ingredient-list li h3{padding:10px 0 10px 30px;background-color:#fff;position:relative;font-size:20px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;line-height:1.5;margin-bottom:20px}html.notIE .ingredient-list li h3::before{position:absolute;left:0;top:0;content:"";color:#fff;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-size:20px;text-align:center;background:#aab1b9;width:11px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}html.notIE .ingredient-list li p{font-size:14px;line-height:1.8571428571}html.notIE .ingredient-list li p img{width:91px;float:left;margin-right:20px}html.notIE .ingredient-list li p span{zoom:1;overflow:hidden}html.notIE .ingredient-list li+li{margin-top:40px}html.notIE .ingredient-table{width:760px;margin:40px auto 0;background-color:#fff;border:solid 1px #aab1b9;font-size:14px;line-height:1.8571428571}html.notIE .ingredient-table-unit{padding:5px 10px}html.notIE .ingredient-table-unit+.ingredient-table-unit{border-top:solid 1px #aab1b9}html.notIE .ingredient-table-unit table th,html.notIE .ingredient-table-unit table td{text-align:left;font-weight:normal;padding-right:26px}html.notIE .ingredient-all{width:760px;margin:40px auto 0}html.notIE .ingredient-all dt{text-align:center}html.notIE .ingredient-all dt button{position:relative;padding-right:34px}html.notIE .ingredient-all dt button span{font-size:18px;line-height:1.4444444444;display:inline-block;border-bottom:solid 2px #7b7c7e}html.notIE .ingredient-all dt button::before{content:"";display:block;width:15px;height:1px;background-color:#000;position:absolute;right:0;top:50%;transform-origin:center;transition:all .2s ease 0s;transform:rotate(90deg)}html.notIE .ingredient-all dt button::after{content:"";display:block;width:15px;height:1px;background-color:#000;position:absolute;right:0;top:50%}html.notIE .ingredient-all dd{padding-top:20px}html.notIE .ingredient-all.m-opened dt button::before{transform:rotate(0deg)}}html.msie .ingredient{background-color:#f7f9fc}html.msie .ingredient-list{margin:40px auto 0;width:760px}html.msie .ingredient-list li{list-style:none}html.msie .ingredient-list li h3{padding:10px 0 10px 30px;background-color:#fff;position:relative;font-size:20px;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;line-height:1.5;margin-bottom:20px}html.msie .ingredient-list li h3::before{position:absolute;left:0;top:0;content:"";color:#fff;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-size:20px;text-align:center;background:#aab1b9;width:11px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}html.msie .ingredient-list li p{font-size:14px;line-height:1.8571428571}html.msie .ingredient-list li p img{width:91px;float:left;margin-right:20px}html.msie .ingredient-list li p span{zoom:1;overflow:hidden}html.msie .ingredient-list li+li{margin-top:40px}html.msie .ingredient-table{width:760px;margin:40px auto 0;background-color:#fff;border:solid 1px #aab1b9;font-size:14px;line-height:1.8571428571}html.msie .ingredient-table-unit{padding:5px 10px}html.msie .ingredient-table-unit+.ingredient-table-unit{border-top:solid 1px #aab1b9}html.msie .ingredient-table-unit table th,html.msie .ingredient-table-unit table td{text-align:left;font-weight:normal;padding-right:26px}html.msie .ingredient-all{width:760px;margin:40px auto 0}html.msie .ingredient-all dt{text-align:center}html.msie .ingredient-all dt button{position:relative;padding-right:34px}html.msie .ingredient-all dt button span{font-size:18px;line-height:1.4444444444;display:inline-block;border-bottom:solid 2px #7b7c7e}html.msie .ingredient-all dt button::before{content:"";display:block;width:15px;height:1px;background-color:#000;position:absolute;right:0;top:50%;transform-origin:center;transition:all .2s ease 0s;transform:rotate(90deg)}html.msie .ingredient-all dt button::after{content:"";display:block;width:15px;height:1px;background-color:#000;position:absolute;right:0;top:50%}html.msie .ingredient-all dd{padding-top:20px}html.msie .ingredient-all.m-opened dt button::before{transform:rotate(0deg)}@media screen and (max-width: 600px){html.notIE .ingredient{background-color:#f7f9fc}html.notIE .ingredient-list li h3{padding:calc(10 / 750 * 100vw) 0 calc(15 / 750 * 100vw) calc(40 / 750 * 100vw);background-color:#fff;position:relative;font-size:calc(32 / 750 * 100vw);font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;line-height:1.3571428571;margin-bottom:calc(30 / 750 * 100vw)}html.notIE .ingredient-list li h3::before{position:absolute;left:0;top:0;content:"";color:#fff;font-family:"Yu Mincho","游明朝",YuMincho Pr6,"游明朝体 Pr6",YuMincho,"游明朝体",serif;font-size:calc(32 / 750 * 100vw);text-align:center;background:#aab1b9;width:calc(15 / 750 * 100vw);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}html.notIE .ingredient-list li p{font-size:calc(26 / 750 * 100vw);line-height:1.7692307692;font-feature-settings:"palt" 1;letter-spacing:.075em}html.notIE .ingredient-list li p img{width:calc(234 / 750 * 100vw);margin:0 auto calc(30 / 750 * 100vw)}html.notIE .ingredient-list li+li{margin-top:calc(50 / 750 * 100vw)}html.notIE .ingredient-table{margin:calc(80 / 750 * 100vw) 0 0;background-color:#fff;border:solid 1px #aab1b9}html.notIE .ingredient-table-unit{padding:5px 10px}html.notIE .ingredient-table-unit+.ingredient-table-unit{border-top:solid 1px #aab1b9}html.notIE .ingredient-table-unit table th,html.notIE .ingredient-table-unit table td{text-align:left;font-weight:normal;padding-right:calc(40 / 750 * 100vw)}html.notIE .ingredient-all{margin:calc(60 / 750 * 100vw) auto 0}html.notIE .ingredient-all dt{text-align:center}html.notIE .ingredient-all dt button{position:relative;padding-right:25px}html.notIE .ingredient-all dt button span{font-size:13px;line-height:1.4444444444;display:inline-block;border-bottom:solid 2px #7b7c7e}html.notIE .ingredient-all dt button::before{content:"";display:block;width:13px;height:1px;background-color:#000;position:absolute;right:0;top:50%;transform-origin:center;transition:all .2s ease 0s;transform:rotate(90deg)}html.notIE .ingredient-all dt button::after{content:"";display:block;width:13px;height:1px;background-color:#000;position:absolute;right:0;top:50%}html.notIE .ingredient-all dd{padding-top:calc(30 / 750 * 100vw)}html.notIE .ingredient-all.m-opened dt button::before{transform:rotate(0deg)}}@media screen and (min-width: 601px){html.notIE .use .content-inner{width:720px}html.notIE .use-lead{text-align:center}html.notIE .use-image{width:110px;margin:20px auto 0}html.notIE .use-image img{width:100%}html.notIE .use-attention{margin-top:30px;font-size:12px;line-height:2.0833333333}}html.msie .use .content-inner{width:720px}html.msie .use-lead{text-align:center}html.msie .use-image{width:110px;margin:20px auto 0}html.msie .use-image img{width:100%}html.msie .use-attention{margin-top:30px;font-size:12px;line-height:2.0833333333}@media screen and (max-width: 600px){html.notIE .use .content-inner{padding:calc(100 / 750 * 100vw)}html.notIE .use-image{width:calc(210 / 750 * 100vw);margin:calc(30 / 750 * 100vw) auto 0}html.notIE .use-image img{width:100%}html.notIE .use-attention{margin-top:calc(30 / 750 * 100vw);font-size:13px}html.notIE .use-attention dd+dd{margin-top:1em}}
