@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,900;1,900&family=Montserrat:wght@300;400;500;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');
:root {
  --black: #2C2C2C;
  --white: #ffffff;
  --Skyblue: #0097E0;
  --blue: #2975bc;
  --navy:#0A2C5C;
  --width: 1400;
  --spwidth:900;
  --max-width: 10000
}
/*
font-family: maru-maru-gothic-blr-stdn, sans-serif;
font-weight: 400;
font-style: normal;

font-family: sweet-sans-pro, sans-serif;
font-weight: 500;
font-style: normal;

font-family: sweet-sans-pro, sans-serif;
font-weight: 700;
font-style: normal;
*/

html{font-size: clamp(0.1rem,calc(100vw * 11 / 390),22px);}
body{line-height:1.6;background: #f1f1f1f1;color:var(--black);font-family: maru-maru-gothic-blr-stdn, sans-serif;font-weight: 400;}
body >.content{max-width:780px;margin:0 auto;overflow: hidden;}
img{max-width: 100%;}
figure{margin: 0;}
body > div{margin: 0 auto;background: #fff;margin: 0 auto;}
h1{font-size: clamp(0.1rem,calc(100vw * 17 / 390),34px);margin: 0;}
h2{font-size: clamp(0.1rem,calc(100vw * 12 / 390),22px);margin: 0;}
p{font-size: clamp(0.1rem,calc(100vw * 11 / 390),22px);line-height: 1.9;}
ul{margin: 0;padding: 0;}
ul li{margin: 0;padding: 0;}

.buy{width: 40%;display:block;}
.buy img{width: 100%;filter: invert(87%) sepia(63%) saturate(4206%) hue-rotate(346deg) brightness(96%) contrast(108%);}

.loader-bg{background: #FFE200;width: 100vw; height: 100vh; position: fixed; top: 0;left: 0;z-index: 9999;display: flex;justify-content: center; align-items: center;}
.loader{width: 15em;}
.loader #container { font-size:0.6em; margin: 0; width:calc( 100% - 3em); height: 0.25em;position: relative;}
.loader img{width: 100%;}

header{position:relative;margin-bottom: 1em;}
header .head_text {width: 78%;text-align: right;margin: 2.2em auto 1.8em;line-height: 1;}
header h1{width: 100%;margin-bottom: 0.5em;}
header .volume {width: 16.765%;display: inline-block;margin-right: 1.6%;height: 1em;}
header h3.logo{width: 17.387%;margin: 0;display: inline-block;}
header h1 img, header .volume img, header h3.logo img {width: 100%;height: auto;}
header h2{z-index:2;padding: 0.35em 0;position:absolute;background: #fff;font-size: clamp(0.1rem,calc(100vw * 18 / 390),36px);writing-mode: vertical-rl;}
header h2.c1{right:7%;top: 21%;}
header h2.c2{right: 15%;top: 21%;}
header img{display: block;width: 100%;}
header div > div {position:relative;}
header div > div div{position: absolute;z-index: 1;}
.slick-slide{position:relative;}

footer{padding: 5em 0 2.5em;}
footer ul.sns{display:flex;justify-content: center;margin: 1em auto;list-style-type: none;}
footer ul.sns li{width: 1.5em;margin: 1em;}
footer ul.sns li a{display: block;filter: invert(87%) sepia(63%) saturate(4206%) hue-rotate(346deg) brightness(96%) contrast(108%);}
footer small{text-align:center;;display: block;}

section.headline{margin-bottom: 7em;}
section.headline h1{text-align: center;font-size: clamp(0.1rem,calc(100vw * 17 / 390),34px);margin-bottom: 0.5em;}
section.headline h2{text-align: center;font-size: clamp(0.1rem,calc(100vw * 31 / 390),62px);margin-bottom: 0.5em;font-family: sweet-sans-pro, sans-serif;font-weight:700;width: 87%;margin: 0.6em auto 0.4em;line-height: 1;}
section.headline p{text-align: center;}
section.seeyou {text-align: center; margin-bottom: 1.5em}
section.seeyou figure{margin: 0 auto;width:63%;}
section.seeyou figure img{width: 100%;filter: invert(87%) sepia(63%) saturate(4206%) hue-rotate(346deg) brightness(96%) contrast(108%);}
section.store a { width: 42%;margin: 0 auto;display: block}
section.store a img{width: 100%;}

section.product{position:relative;margin-bottom: 1em;}
section.product.style3 {margin-top: 3em;margin-bottom: 2em;}
section.product.style5 {margin-bottom: 3em;}
section.product.style7 {margin-bottom: -1em;margin-top: 2em;}
section.product h4.day{width: 22%;margin:0 0 1em 0;position:relative;left: 36%;}
section.product h4.day img{width: 100%;}
section.product .style_img{position:relative;}
section.product .style_img .images{position:relative;}
section.product .ttl{position:absolute; z-index: 1;}

section.product .names{position:relative;padding: 10% 8%;margin-top: 4%;}
section.product.style1 .names {margin-top: 2%;}
section.product .names h1{font-size: clamp(0.1rem,calc(100vw * 14 / 390),26px);margin-bottom: 1em;}
section.product .names h2{margin-bottom: 1.2em;}
section.product .names .sep{display:flex;justify-content: space-between;}
section.product .names .sep figure{width: 45.18%;position: relative;}
section.product .names .sep figure a {color: #2C2C2C;text-decoration: none;}
section.product .names .sep figure figcaption {line-height: 1;margin-top: 0.5em;}
section.product .names .sep figure img.zoom_up {width: 41%;height: auto;position: absolute;top: -6.6%;right: -10%;}
section.product .names .sep div{width: 46%;margin-top: -7%;}
section.product.style2 .names .sep div{width: 48%;}
section.product.style6 .names .sep div{width: 48%;}
section.product.style7 .names .sep div{width: 48%;}
section.product .names .sep div p{margin: 0 0 1.5em 0;}
section.product video{width: 100%;}


.lity-image img {max-width: 80%;margin: 0 auto;}
.lity-content:after {width: max-content;}
.lity-close{top:-100%;width: 0;height: 0;}
.lity-close:before{content:"";display:block;width: 1em;height: 1em;right: 1em;position: fixed;top: 1em;background: url(../img/close.svg);background-size: contain;background-position: center;background-repeat: no-repeat;}

ul.style-slide {position: relative;height: 34em;list-style: none;}
ul.style-slide li {position: absolute;opacity: 0;}
ul.style-slide li:nth-child(-n+3) {width: 38.71%;}
ul.style-slide li:nth-child(4) {width: 62.3%;}

section.style1 ul.style-slide li:first-child {top: 0;left: -1%;}
section.style1 ul.style-slide li:nth-child(2) {top: 3%;right: 0%;}
section.style1 ul.style-slide li:nth-child(3) {top: 43%;left: 7%;}
section.style1 ul.style-slide li:nth-child(4) {top: 17%;left: 20%;}

section.style2 ul.style-slide li:first-child {top: 0;left: 1%;}
section.style2 ul.style-slide li:nth-child(2) {top: -3.5%;right: 1%;}
section.style2 ul.style-slide li:nth-child(3) {top: 43.8%;left: 53%;}
section.style2 ul.style-slide li:nth-child(4) {top: 17%;left: 18.4%;}

section.style3 ul.style-slide li:first-child {top: 0;left: 2%;}
section.style3 ul.style-slide li:nth-child(2) {top: -4.5%;right: 1%;}
section.style3 ul.style-slide li:nth-child(3) {top: 42.6%;left: 52.5%;}
section.style3 ul.style-slide li:nth-child(4) {top: 16%;left: 22.5%;}

section.style4 ul.style-slide li:first-child {top: 0;left: -1%;}
section.style4 ul.style-slide li:nth-child(2) {top: 3%;right: 1%;}
section.style4 ul.style-slide li:nth-child(3) {top: 43.7%;left: 8%;}
section.style4 ul.style-slide li:nth-child(4) {top: 17.6%;left: 19.2%;}

section.style5 ul.style-slide li:first-child {top: 0;left: -1%;}
section.style5 ul.style-slide li:nth-child(2) {top: 4.1%;right: 1%;}
section.style5 ul.style-slide li:nth-child(3) {top: 44%;left: 7%;}
section.style5 ul.style-slide li:nth-child(4) {top: 18%;left: 19%;}

section.style6 ul.style-slide li:first-child {top: 0;left: 2%;}
section.style6 ul.style-slide li:nth-child(2) {top: -5%;right: 1%;}
section.style6 ul.style-slide li:nth-child(3) {top: 42.4%;left: 52.8%;}
section.style6 ul.style-slide li:nth-child(4) {top: 15.5%;left: 19.1%;}

section.style7 ul.style-slide li:first-child {top: 0;left: -1%;}
section.style7 ul.style-slide li:nth-child(2) {top: 4%;right: 1%;}
section.style7 ul.style-slide li:nth-child(3) {top: 43.7%;left: 7%;}
section.style7 ul.style-slide li:nth-child(4) {top: 25.6%;left: 18.7%;}

section.product h4.ttl {margin: 0;position: absolute;opacity: 0;}
section.product.style1 h4.ttl.is-active {animation: 1.3s clip_text 0.1s linear forwards;}
section.product.style2 h4.ttl.is-active, section.product.style3 h4.ttl.is-active, section.product.style4 h4.ttl.is-active, section.product.style5 h4.ttl.is-active, section.product.style6 h4.ttl.is-active, section.product.style7 h4.ttl.is-active {animation: 1.3s clip_text 10.6s linear forwards;}
section.product.style1 h4.ttl {width: 37.27%;bottom: 75.5%;right: 23.8%;}
section.product.style2 h4.ttl {width: 41.73%;bottom: 77.1%;right: 48.9%;}
section.product.style3 h4.ttl {width: 46.36%;bottom: 76%;right: 24.5%;}
section.product.style4 h4.ttl {width: 41.74%;bottom: 76.2%;right: 45%;}
section.product.style5 h4.ttl {width: 38.93%;bottom: 71.5%;right: 36.3%;}
section.product.style6 h4.ttl {width: 35.53%;bottom: 72.7%;right: 48.8%;}
section.product.style7 h4.ttl {width: 40.05%;bottom: 64.5%;right: 30.3%;}


@keyframes clip_text {
  0% {
      -webkit-clip-path: inset(0 100% 0 0);
      clip-path: inset(0 100% 0 0);
      opacity: 1;
}
  100% {
      webkit-clip-path: inset(0);
      clip-path: inset(0);
      opacity: 1;
}
}


@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity_wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity_list {
  display: flex;
  list-style: none;
  padding: 0;
}
.scroll-infinity_list {
  animation: infinity-scroll-left 24s infinite linear 0.5s both;
}
.scroll-infinity_item {
  width: calc(33.6364em / 1);
  position: relative;
}
.scroll-infinity_item>img {
  width: 100%;
}