* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#about.site-section-content {
  padding: 200px 0px;
}
@media screen and (max-width:650px) {
  #about.site-section-content {
    padding: 80px 0 300px;
  }
}
#about.site-section-content .site-section-inner {
  padding: 64px 32px 0px;
  margin: 0 auto;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner {
    padding: 140px 32px;
    margin: 0 auto;
  }
}
@media screen and (max-width:550px) {
  #about.site-section-content .site-section-inner {
    padding: 90px 16px 140px;
    margin: 0 auto;
  }
}
#about.site-section-content .site-section-inner .content-holder {
  text-align: center;
  position: relative;
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #f7f7f7;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .content-holder {
    height: 300px;
  }
}
#about.site-section-content .site-section-inner .content-holder h1 {
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 72px;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .content-holder h1 {
    font-size: 24px;
    line-height: 56px;
  }
}
@media screen and (max-width:450px) {
  #about.site-section-content .site-section-inner .content-holder h1 {
    font-size: 18px;
    line-height: 48px;
  }
}
#about.site-section-content .site-section-inner .nezuko {
  background: url("../img/sozai/nezuko.webp") no-repeat center/contain;
  width: 446px;
  height: 461px;
  position: absolute;
  top: 24px;
  right: 50%;
  margin-right: -668px;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .nezuko {
    margin-right: -267px;
    top: 376px;
    width: 271px;
    height: 337px;
  }
}
@media screen and (max-width:550px) {
  #about.site-section-content .site-section-inner .nezuko {
    margin-right: -234px;
    width: 236px;
    height: 344px;
    top: 367px;
  }
}
@media screen and (max-width:500px) {
  #about.site-section-content .site-section-inner .nezuko {
    margin-right: -230px;
  }
}
@media screen and (max-width:450px) {
  #about.site-section-content .site-section-inner .nezuko {
    height: 310px;
    top: 357px;
    margin-right: -217px;
  }
}
@media screen and (max-width:400px) {
  #about.site-section-content .site-section-inner .nezuko {
    width: 219px;
    top: 353px;
    margin-right: -198px;
  }
}
#about.site-section-content .site-section-inner .tanjiro {
  background: url("../img/sozai/tanjiro.webp") no-repeat center/contain;
  width: 446px;
  height: 500px;
  position: absolute;
  top: -32px;
  left: 50%;
  margin-left: -700px;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .tanjiro {
    margin-left: -245px;
    top: 345px;
    width: 257px;
    height: 364px;
  }
}
@media screen and (max-width:550px) {
  #about.site-section-content .site-section-inner .tanjiro {
    margin-left: -234px;
    width: 236px;
    height: 328px;
    top: 361px;
  }
}
@media screen and (max-width:500px) {
  #about.site-section-content .site-section-inner .tanjiro {
    margin-left: -218px;
  }
}
@media screen and (max-width:450px) {
  #about.site-section-content .site-section-inner .tanjiro {
    margin-left: -212px;
    width: 232px;
    height: 310px;
    top: 338px;
  }
}
@media screen and (max-width:400px) {
  #about.site-section-content .site-section-inner .tanjiro {
    margin-left: -199px;
    width: 219px;
    height: 290px;
    top: 336px;
  }
}

header {
  width: 100%;
  margin: auto;
  max-width: 1920px;
  position: relative;
  min-height: 562px;
  background: url("../img/sozai/header-bg.png"), linear-gradient(#201f21, #99347b);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  height: min(56.25vw, 1080px);
}
@media screen and (max-width:650px) {
  header {
    min-height: unset;
    background: url("../img/sozai/header-bg-sp.png"), linear-gradient(#201f21, #99347b);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    height: min(200vw, 1300px);
  }
}
header h1 {
  display: none;
}
header .kimetsu-logo {
  background: url("../img/logo/logo-kimetsu.webp") no-repeat center/contain;
  width: 120px;
  height: 120px;
  position: absolute;
  opacity: 1;
  top: 14px;
  left: 0px;
  margin: auto;
  width: min(20192000vw, 150px);
  height: min(7.8125vw, 150px);
}
@media screen and (max-width:1000px) {
  header .kimetsu-logo {
    width: 80px;
    height: 80px;
    width: min(8vw, 80px);
    height: min(8vw, 80px);
  }
}
@media screen and (max-width:650px) {
  header .kimetsu-logo {
    top: 0px;
    left: 0px;
    width: min(0.1538461538 * (100vw - 24px), 100px);
    height: min(0.1538461538 * (100vw - 24px), 100px);
  }
}
header .event-logo {
  background: url("../img/logo/event-logo.png") no-repeat center/contain;
  position: absolute;
  height: 240px;
  top: 400px;
  right: 0;
  left: 0px;
  height: min(12.5vw, 240px);
  top: min(20.8333333333vw, 400px);
  margin: auto;
  opacity: 1;
}
header .event-logo.animated {
  animation-name: scale-up-center-2;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  animation-delay: 1.3s;
}
@media screen and (max-width:1000px) {
  header .event-logo {
    height: 125px;
    top: 208px;
  }
}
@media screen and (max-width:650px) {
  header .event-logo {
    left: 0;
    top: 530px;
    width: 500px;
    top: min(81.5384615385vw, 530px);
    width: min(76.9230769231vw, 500px);
    height: min(32.3076923077vw, 210px);
  }
}
header .chara {
  z-index: 1;
}
header .header-tanjiro {
  background: url("../img/sozai/header-tanjiro.png") no-repeat center/contain;
  width: 320px;
  left: 264px;
  top: 359px;
  width: min(16.6666666667vw, 320px);
  height: min(18.59375vw, 357px);
  top: min(18.6979166667vw, 359px);
  left: min(13.75vw, 264px);
  position: absolute;
  animation-delay: 1s;
}
@media screen and (max-width:1000px) {
  header .header-tanjiro {
    width: 166px;
    height: 185px;
    top: 186px;
    left: 137px;
  }
}
@media screen and (max-width:650px) {
  header .header-tanjiro {
    width: 178px;
    height: 158px;
    top: 410px;
    left: 29px;
    bottom: unset;
    right: unset;
    width: min(27.3846153846vw, 178px);
    height: min(24.3076923077vw, 158px);
    top: min(63.0769230769vw, 410px);
    left: min(4.4615384615vw, 29px);
  }
}
header .header-nezuko {
  background: url("../img/sozai/header-nezuko.png") no-repeat center/contain;
  width: 296px;
  height: 280px;
  position: absolute;
  bottom: 400px;
  right: 283px;
  width: min(15.4166666667vw, 296px);
  height: min(14.5833333333vw, 280px);
  bottom: min(20.8333333333vw, 400px);
  right: min(14.7395833333vw, 283px);
  animation-delay: 1s;
}
@media screen and (max-width:1000px) {
  header .header-nezuko {
    width: 154px;
    height: 145px;
    bottom: 208px;
    right: 147px;
  }
}
@media screen and (max-width:650px) {
  header .header-nezuko {
    width: 179px;
    height: 188px;
    bottom: 415px;
    right: 22px;
    width: min(27.5384615385vw, 179px);
    height: min(28.9230769231vw, 188px);
    bottom: min(63.8461538462vw, 415px);
    right: min(3.3846153846vw, 22px);
  }
}
header .header-shinobu {
  background: url("../img/sozai/header-shinobu.png") no-repeat center/contain;
  width: 324px;
  height: 346px;
  position: absolute;
  top: 63px;
  left: 97px;
  width: min(16.875vw, 324px);
  height: min(18.0208333333vw, 346px);
  animation-delay: 1.8s;
  top: min(3.28125vw, 63px);
  left: min(5.0520833333vw, 97px);
}
@media screen and (max-width:1000px) {
  header .header-shinobu {
    width: 168px;
    height: 180px;
    top: 32px;
    left: 81px;
  }
}
@media screen and (max-width:650px) {
  header .header-shinobu {
    width: 614px;
    height: 268px;
    bottom: 405px;
    left: 20px;
    width: min(27.6923076923vw, 180px);
    height: min(41.2307692308vw, 268px);
    bottom: min(62.3076923077vw, 405px);
    left: min(3.0769230769vw, 20px);
  }
}
header .header-uzui {
  background: url("../img/sozai/header-uzui.png") no-repeat center/contain;
  width: 270px;
  height: 282px;
  position: absolute;
  top: 19px;
  left: 447px;
  width: min(14.0625vw, 270px);
  height: min(14.6875vw, 282px);
  animation-delay: 1.4s;
  bottom: min(0.3125vw, 6px);
  left: min(23.28125vw, 447px);
}
@media screen and (max-width:1000px) {
  header .header-uzui {
    width: 140px;
    height: 146px;
    bottom: 3px;
    left: 247px;
  }
}
@media screen and (max-width:650px) {
  header .header-uzui {
    width: 389px;
    height: 222px;
    bottom: unset;
    left: unset;
    top: 6px;
    right: 29px;
    width: min(26vw, 169px);
    height: min(20.3076923077vw, 132px);
    top: min(5.5384615385vw, 36px);
    right: min(37.2307692308vw, 242px);
    bottom: unset;
    left: unset;
  }
}
header .header-himejima {
  background: url("../img/sozai/header-himejima.png") no-repeat center/contain;
  position: absolute;
  width: 263px;
  height: 304px;
  top: 80px;
  left: 745px;
  width: min(13.6979166667vw, 263px);
  height: min(15.8333333333vw, 304px);
  animation-delay: 1.4s;
  top: min(4.1666666667vw, 80px);
  left: min(38.8020833333vw, 745px);
}
@media screen and (max-width:1000px) {
  header .header-himejima {
    width: 137px;
    height: 158px;
    top: 54px;
    left: 392px;
  }
}
@media screen and (max-width:650px) {
  header .header-himejima {
    width: 583px;
    height: 222px;
    top: 405px;
    left: 20px;
    width: min(23.5384615385vw, 153px);
    height: min(34.1538461538vw, 222px);
    top: min(34.6153846154vw, 225px);
    right: min(3.0769230769vw, 20px);
    left: unset;
  }
}
header .header-kanao {
  background: url("../img/sozai/header-kanao.png") no-repeat center/contain;
  width: 329px;
  height: 314px;
  position: absolute;
  top: 11px;
  right: 567px;
  width: min(17.1354166667vw, 329px);
  animation-delay: 1.4s;
  height: min(16.3541666667vw, 314px);
  top: min(0.5729166667vw, 11px);
  right: min(29.53125vw, 567px);
}
@media screen and (max-width:1000px) {
  header .header-kanao {
    width: 171px;
    height: 163px;
    top: 5px;
    right: 295px;
  }
}
@media screen and (max-width:650px) {
  header .header-kanao {
    width: 222px;
    height: 213px;
    top: 209px;
    right: 29px;
    width: min(29.5384615385vw, 192px);
    height: min(32.7692307692vw, 213px);
    top: min(22.9230769231vw, 149px);
    right: min(27.5384615385vw, 179px);
  }
}
header .header-zenitsu {
  background: url("../img/sozai/header-zenitsu.png") no-repeat center/contain;
  width: 270px;
  height: 364px;
  position: absolute;
  top: 100px;
  right: 336px;
  width: min(14.0625vw, 270px);
  height: min(18.9583333333vw, 364px);
  right: min(17.5vw, 336px);
  top: min(5.2083333333vw, 100px);
  animation-delay: 1.4s;
}
@media screen and (max-width:1000px) {
  header .header-zenitsu {
    width: 140px;
    height: 189px;
    right: 175px;
    top: 52px;
  }
}
@media screen and (max-width:650px) {
  header .header-zenitsu {
    top: unset;
    right: unset;
    width: 267px;
    height: 219px;
    bottom: 213px;
    left: 10px;
    width: min(24.1538461538vw, 157px);
    height: min(26vw, 169px);
    top: min(64.4615384615vw, 419px);
    right: min(7.6923076923vw, 50px);
    animation-delay: 2s;
    bottom: unset;
    left: unset;
  }
}
header .header-giyu {
  background: url("../img/sozai/header-giyu.png") no-repeat center/contain;
  width: 258px;
  height: 316px;
  position: absolute;
  top: 10px;
  right: 60px;
  width: min(13.4375vw, 258px);
  height: min(16.4583333333vw, 316px);
  animation-delay: 1.8s;
  bottom: min(0.5208333333vw, 10px);
  right: min(3.125vw, 60px);
  z-index: 1;
}
@media screen and (max-width:1000px) {
  header .header-giyu {
    width: 134px;
    height: 164px;
    animation-delay: 2s;
    bottom: 52px;
    right: 31px;
  }
}
@media screen and (max-width:650px) {
  header .header-giyu {
    background: url("../img/sozai/header-giyu.png") no-repeat center/contain;
    width: 441px;
    height: 211px;
    bottom: 14px;
    right: 41px;
    width: min(21.6923076923vw, 141px);
    height: min(32.4615384615vw, 211px);
    right: min(6.3076923077vw, 41px);
    /* bottom: 14px; */
    top: 0px;
  }
}
header .header-kaigaku {
  background: url("../img/sozai/header-kaigaku.png") no-repeat center/contain;
  width: 264px;
  height: 294px;
  position: absolute;
  top: 280px;
  right: 17px;
  width: min(13.75vw, 264px);
  height: min(15.3125vw, 294px);
  animation-delay: 1.8s;
  top: min(14.5833333333vw, 280px);
  right: min(1.9270833333vw, 37px);
}
@media screen and (max-width:1000px) {
  header .header-kaigaku {
    width: 137px;
    height: 153px;
    animation-delay: 1.3s;
    top: 146px;
    right: 19px;
  }
}
@media screen and (max-width:650px) {
  header .header-kaigaku {
    background: url("../img/sozai/header-kaigaku.png") no-repeat center/contain;
    height: 195px;
    top: 236px;
    right: unset;
    left: 32px;
    width: min(22.6153846154vw, 147px);
    height: min(30vw, 195px);
    top: min(36.3076923077vw, 236px);
    left: min(51.0769230769vw, 332px);
    bottom: 0;
    right: unset;
    top: unset;
  }
}
header .header-rengoku {
  background: url("../img/sozai/header-rengoku.png") no-repeat center/contain;
  width: 274px;
  height: 296px;
  position: absolute;
  bottom: 0px;
  right: 241px;
  width: min(14.2708333333vw, 274px);
  height: min(15.4166666667vw, 296px);
  animation-delay: 1.8s;
  bottom: min(0vw, 0px);
  right: min(12.5520833333vw, 241px);
}
@media screen and (max-width:1000px) {
  header .header-rengoku {
    width: 142px;
    height: 154px;
    bottom: 0;
    right: 125px;
  }
}
@media screen and (max-width:650px) {
  header .header-rengoku {
    background: url("../img/sozai/header-rengoku.png") no-repeat center/contain;
    height: 195px;
    top: 236px;
    right: unset;
    left: 32px;
    width: min(24.9230769231vw, 162px);
    height: min(30vw, 195px);
    bottom: min(16.9230769231vw, 110px);
    right: min(4vw, 26px);
    top: unset;
    left: unset;
  }
}
header .header-sanemi {
  background: url("../img/sozai/header-sanemi.png") no-repeat center/contain;
  width: 252px;
  height: 283px;
  position: absolute;
  bottom: 175px;
  right: 450px;
  width: min(13.125vw, 252px);
  height: min(14.7395833333vw, 283px);
  animation-delay: 1.4s;
  bottom: min(9.1145833333vw, 175px);
  right: min(23.4375vw, 450px);
}
@media screen and (max-width:1000px) {
  header .header-sanemi {
    width: 131px;
    height: 147px;
    bottom: 91px;
    right: 234px;
  }
}
@media screen and (max-width:650px) {
  header .header-sanemi {
    height: 195px;
    top: 236px;
    right: unset;
    left: 32px;
    width: min(23.0769230769vw, 150px);
    height: min(30vw, 195px);
    bottom: min(38.6153846154vw, 251px);
    left: min(51.0769230769vw, 332px);
    top: unset;
    right: unset;
  }
}
header .header-inosuke {
  background: url("../img/sozai/header-inosuke.png") no-repeat center/contain;
  width: 252px;
  height: 283px;
  position: absolute;
  bottom: 20px;
  right: 682px;
  width: min(13.125vw, 252px);
  height: min(14.7395833333vw, 283px);
  animation-delay: 1.4s;
  bottom: min(1.0416666667vw, 20px);
  right: min(35.5208333333vw, 682px);
}
@media screen and (max-width:1000px) {
  header .header-inosuke {
    width: 131px;
    height: 147px;
    animation-delay: 1.3s;
    bottom: 10px;
    right: 355px;
  }
}
@media screen and (max-width:650px) {
  header .header-inosuke {
    height: 195px;
    top: 236px;
    right: unset;
    left: 32px;
    width: min(21.6923076923vw, 141px);
    height: min(30vw, 195px);
    bottom: min(35.3846153846vw, 230px);
    left: min(4.9230769231vw, 32px);
    top: unset;
    right: unset;
  }
}
header .header-iguro {
  background: url("../img/sozai/header-iguro.png") no-repeat center/contain;
  width: 252px;
  height: 283px;
  position: absolute;
  bottom: 210px;
  right: 42px;
  width: min(13.125vw, 252px);
  height: min(14.7395833333vw, 283px);
  animation-delay: 1.8s;
  bottom: min(10.9375vw, 210px);
  right: min(2.1875vw, 42px);
}
@media screen and (max-width:1000px) {
  header .header-iguro {
    width: 131px;
    height: 147px;
    animation-delay: 1.3s;
    bottom: 109px;
    right: 21px;
  }
}
@media screen and (max-width:650px) {
  header .header-iguro {
    height: 195px;
    top: 236px;
    right: unset;
    left: 32px;
    width: min(22.4615384615vw, 146px);
    height: min(30vw, 195px);
    bottom: min(15.3846153846vw, 100px);
    left: min(31.0769230769vw, 202px);
    top: unset;
    right: unset;
  }
}
header .header-akaza {
  background: url("../img/sozai/header-akaza.png") no-repeat center/contain;
  width: 252px;
  height: 283px;
  position: absolute;
  bottom: 190px;
  right: 902px;
  width: min(13.125vw, 252px);
  height: min(14.7395833333vw, 283px);
  animation-delay: 1.4s;
  bottom: min(9.8958333333vw, 190px);
  right: min(46.9791666667vw, 902px);
}
@media screen and (max-width:1000px) {
  header .header-akaza {
    width: 131px;
    height: 147px;
    bottom: 98px;
    right: 469px;
  }
}
@media screen and (max-width:650px) {
  header .header-akaza {
    height: 195px;
    top: 236px;
    right: unset;
    left: 32px;
    width: min(23.5384615385vw, 153px);
    height: min(30vw, 195px);
    top: min(108.6153846154vw, 706px);
    left: min(34.1538461538vw, 222px);
    right: unset;
  }
}
header .header-muichiro {
  background: url("../img/sozai/header-muichiro.png") no-repeat center/contain;
  width: 252px;
  height: 283px;
  position: absolute;
  bottom: 2px;
  left: 541px;
  width: min(13.125vw, 252px);
  height: min(14.7395833333vw, 283px);
  animation-delay: 1.8s;
  bottom: min(0.1041666667vw, 2px);
  left: min(28.1770833333vw, 541px);
}
@media screen and (max-width:1000px) {
  header .header-muichiro {
    width: 131px;
    height: 147px;
    bottom: 1px;
    left: 281px;
  }
}
@media screen and (max-width:650px) {
  header .header-muichiro {
    height: 195px;
    top: unset;
    width: min(23.2307692308vw, 151px);
    height: min(22.6153846154vw, 147px);
    bottom: min(3.2307692308vw, 21px);
    left: min(4.9230769231vw, 32px);
  }
}
header .header-murata {
  background: url("../img/sozai/header-murata.png") no-repeat center/contain;
  width: 292px;
  height: 283px;
  position: absolute;
  bottom: 132px;
  left: 270px;
  width: min(15.2083333333vw, 292px);
  height: min(14.7395833333vw, 283px);
  animation-delay: 1.4s;
  bottom: min(6.875vw, 132px);
  left: min(14.0625vw, 270px);
}
@media screen and (max-width:1000px) {
  header .header-murata {
    width: 152px;
    height: 147px;
    bottom: 68px;
    left: 140px;
  }
}
@media screen and (max-width:650px) {
  header .header-murata {
    height: 195px;
    top: 236px;
    left: unset;
    left: 32px;
    width: min(27.2307692308vw, 177px);
    height: min(30vw, 195px);
    top: min(105.2307692308vw, 684px);
    left: min(3.0769230769vw, 20px);
  }
}
header .header-mitsuri {
  background: url("../img/sozai/header-mitsuri.png") no-repeat center/contain;
  width: 272px;
  height: 283px;
  position: absolute;
  bottom: 2px;
  left: 30px;
  width: min(14.1666666667vw, 292px);
  height: min(14.7395833333vw, 283px);
  animation-delay: 1.8s;
  bottom: min(0.1041666667vw, 72px);
  left: min(1.5625vw, 30px);
}
@media screen and (max-width:1000px) {
  header .header-mitsuri {
    width: 141px;
    height: 147px;
    bottom: 1px;
    left: 15px;
  }
}
@media screen and (max-width:650px) {
  header .header-mitsuri {
    height: 195px;
    top: 236px;
    left: unset;
    left: 32px;
    width: min(24.7692307692vw, 161px);
    height: min(30vw, 195px);
    top: min(56.3076923077vw, 366px);
    left: min(38.7692307692vw, 252px);
  }
}
header .header-genya {
  background: url("../img/sozai/header-genya.png") no-repeat center/contain;
  width: 272px;
  height: 283px;
  position: absolute;
  bottom: 454px;
  left: 10px;
  width: min(14.1666666667vw, 272px);
  height: min(14.7395833333vw, 283px);
  animation-delay: 1.8s;
  bottom: min(23.6458333333vw, 454px);
  left: min(0.5208333333vw, 10px);
}
@media screen and (max-width:1000px) {
  header .header-genya {
    width: 141px;
    height: 147px;
    bottom: 236px;
    left: 5px;
  }
}
@media screen and (max-width:650px) {
  header .header-genya {
    height: 195px;
    top: 236px;
    left: unset;
    left: 32px;
    width: min(22.9230769231vw, 149px);
    height: min(30vw, 195px);
    top: min(33.2307692308vw, 216px);
    left: min(17.2307692308vw, 112px);
  }
}
header .sw1 {
  background: url("../img/sozai/sw2.png") no-repeat center/contain;
  width: min(19.7395833333vw, 379px);
  height: min(12.1354166667vw, 233px);
  position: absolute;
  top: -2px;
  left: -21px;
}
@media screen and (max-width:1000px) {
  header .sw1 {
    width: 197px;
    height: 121px;
  }
}
@media screen and (max-width:650px) {
  header .sw1 {
    height: 100px;
  }
}
header .sw2 {
  background: url("../img/sozai/sw2.png") no-repeat center/contain;
  top: -2px;
  right: -21px;
  width: min(19.7395833333vw, 379px);
  height: min(12.1354166667vw, 233px);
  position: absolute;
  transform: scaleX(-1);
}
@media screen and (max-width:1000px) {
  header .sw2 {
    width: 197px;
    height: 121px;
  }
}
@media screen and (max-width:650px) {
  header .sw2 {
    height: 100px;
  }
}

.animated {
  animation: expansion 1.2s 400ms ease-out both;
}

.site-footer-wrap {
  min-width: 1000px;
}
@media screen and (max-width:650px) {
  .site-footer-wrap {
    min-width: unset;
    width: 100%;
  }
}

#goods.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#goods.site-section-content .site-section-inner {
  padding: 60px 0px 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm3.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #goods.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #goods.site-section-content .site-section-inner {
    padding: 60px 0 452px;
  }
}
#goods.site-section-content .site-section-inner .tab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto 32px;
}
#goods.site-section-content .site-section-inner button {
  background: #9b2662;
  padding: 10px 15px;
  margin: 0 4px 8px;
  flex-grow: 1;
  color: #f7f7f7;
  border-radius: 24px;
  font-size: 20px;
  position: relative;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .site-section-inner button {
    font-size: 16px;
    padding: 8px 15px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .site-section-inner button {
    font-size: 12px;
  }
}
#goods.site-section-content .site-section-inner button.active {
  background: #202020;
}
#goods.site-section-content .tab-content {
  display: none;
}
#goods.site-section-content .tab-content.active {
  display: block;
}
#goods.site-section-content .heading-h1 {
  background: url("../img/sozai/title-bg.webp") no-repeat center/contain;
  height: 130px;
  margin: 0 auto 80px;
  line-height: 110px;
  font-size: 40px;
  text-align: center;
  color: #f7f7f7;
  position: relative;
  text-shadow: 0px 0px 6px rgba(83, 74, 66, 0.431372549);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #f7f7f7;
  background: url("../img/sozai/title-purple.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #goods.site-section-content .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .heading-h1 {
    margin-bottom: 0;
  }
}
#goods.site-section-content .content-bg {
  padding: 0px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #f7f7f7;
  background: #202020;
  border-radius: 24px;
  background: none;
  color: #f7f7f7;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg {
    padding: 0px;
  }
}
#goods.site-section-content .content-bg .goods-wrapper .heading-h2 {
  font-size: 32px;
  padding: 0 46px 24px;
  margin: 42px 64px 24px;
  border-bottom: 2px solid #f7f7f7;
  position: relative;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg .goods-wrapper .heading-h2 {
    font-size: 24px;
    padding: 16px 8px 24px;
    padding: 16px 8px 24px;
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .content-bg .goods-wrapper .heading-h2 {
    padding: 0px 0px 16px;
    margin: 42px 20px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .content-bg .goods-wrapper .heading-h2 {
    font-size: 22px;
  }
}
#goods.site-section-content .content-bg .goods-detail {
  margin-bottom: 24px;
  padding: 0 80px;
  font-size: 18px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg .goods-detail {
    padding: 0px;
  }
}
#goods.site-section-content .content-bg .goods-card-wrapper {
  display: flex;
  gap: 24px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg .goods-card-wrapper {
    flex-direction: column;
    gap: 0px;
  }
}
#goods.site-section-content .content-bg .goods-card-wrapper.single {
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg .goods-card-wrapper.single {
    width: 100%;
  }
}
#goods.site-section-content .content-bg .goods-card {
  position: relative;
  padding: 24px;
  margin-bottom: 24px;
  width: 50%;
  color: #fff7e8;
  background-color: #202020;
  border-radius: 24px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg .goods-card {
    width: 100%;
    margin-bottom: 16px;
    padding: 24px 16px;
  }
}
#goods.site-section-content .content-bg .goods-card .goods-name {
  font-size: 24px;
  margin: 12px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #f7f7f7;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg .goods-card .goods-name {
    font-size: 20px;
    padding-bottom: 8px;
    margin: 8px 0;
  }
}
#goods.site-section-content .content-bg .goods-card .goods-price {
  font-size: 24px;
  margin-bottom: 12px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg .goods-card .goods-price {
    margin: 16px;
    font-size: 20px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .content-bg .goods-card .goods-price {
    margin: 12px;
  }
}
#goods.site-section-content .content-bg .goods-card .goods-date {
  margin-bottom: 12px;
  font-size: 18px;
}
#goods.site-section-content .content-bg .webshop-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  text-align: center;
  background: linear-gradient(270deg, #2b47b7, #b72b73) 0 50%/300% 100%;
  padding: 10px 15px;
  margin: 0 4px 8px;
  flex-grow: 1;
  color: #f7f7f7;
  border: 3px solid #fff7e8;
  font-size: 20px;
  border-radius: 50px;
  transition: 0.5s ease;
  position: relative;
}
#goods.site-section-content .content-bg .webshop-btn a:hover {
  background-position: 100% 0%;
}
#goods.site-section-content .content-bg .webshop-btn a:hover:before, #goods.site-section-content .content-bg .webshop-btn a:hover:after {
  display: block;
}
#goods.site-section-content .zenitsu {
  background: url("../img/sozai/zenitsu.webp") no-repeat center/contain;
  width: 365px;
  height: 588px;
  position: absolute;
  bottom: 600px;
  right: 50%;
  margin-right: -771px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .zenitsu {
    width: 269px;
    height: 380px;
    margin-right: -251px;
    bottom: -394px;
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .zenitsu {
    margin-right: -209px;
  }
}
@media screen and (max-width:500px) {
  #goods.site-section-content .zenitsu {
    width: 254px;
    height: 376px;
    bottom: -404px;
    margin-right: -245px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .zenitsu {
    width: 231px;
    height: 366px;
    bottom: -405px;
    margin-right: -227px;
  }
}
@media screen and (max-width:400px) {
  #goods.site-section-content .zenitsu {
    width: 219px;
    bottom: -405px;
    margin-right: -198px;
  }
}
#goods.site-section-content .kaigaku {
  background: url("../img/sozai/kaigaku.webp") no-repeat center/contain;
  width: 408px;
  height: 565px;
  position: absolute;
  bottom: 500px;
  left: 50%;
  margin-left: -770px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .kaigaku {
    width: 312px;
    height: 369px;
    bottom: -398px;
    margin-left: -295px;
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .kaigaku {
    margin-left: -278px;
  }
}
@media screen and (max-width:500px) {
  #goods.site-section-content .kaigaku {
    width: 278px;
    height: 345px;
    margin-left: -249px;
    bottom: -395px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .kaigaku {
    height: 319px;
    margin-left: -236px;
    bottom: -397px;
  }
}
@media screen and (max-width:400px) {
  #goods.site-section-content .kaigaku {
    width: 270px;
    height: 321px;
    margin-left: -222px;
    bottom: -393px;
  }
}

#info {
  width: 100%;
  overflow: hidden;
  height: 100%;
  color: #f7f7f7;
}
#info.site-section-content {
  width: 100%;
}
#info.site-section-content .site-section-inner {
  padding: 0px 0px 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm2.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #info.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #info.site-section-content .site-section-inner {
    padding: 0px 0 380px;
  }
}
#info .content-bg {
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
@media screen and (max-width:650px) {
  #info .content-bg {
    width: 100%;
    padding: 0;
  }
}
#info .heading-h1 {
  background: url("../img/sozai/title-bg.webp") no-repeat center/contain;
  height: 130px;
  margin: 0 auto 80px;
  line-height: 110px;
  font-size: 40px;
  text-align: center;
  color: #f7f7f7;
  position: relative;
  text-shadow: 0px 0px 6px rgba(83, 74, 66, 0.431372549);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #f7f7f7;
  background: url("../img/sozai/title-blue.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #info .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #info .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #info .heading-h1 {
    margin-bottom: 0;
  }
}
#info table {
  width: 100%;
  width: calc(100% - 0px);
  font-size: 18px;
  border: 3px solid #202020;
  background: #f7f7f7;
  font-weight: normal;
  border-collapse: separate;
  border-radius: 8px;
  color: #202020;
}
@media screen and (max-width:650px) {
  #info table {
    width: calc(100% - 0px);
    margin-bottom: 40px;
  }
}
#info tr:last-child th {
  border-bottom: none;
}
#info tr:last-child td {
  border-bottom: none;
}
#info th {
  width: 30%;
  padding: 32px;
  color: #f7f7f7;
  background: #202020;
  font-weight: normal;
  vertical-align: middle;
}
@media screen and (max-width:650px) {
  #info th {
    display: block;
    width: 100%;
    padding: 24px;
    border: 0;
  }
}
#info td {
  border-bottom: 2px solid #202020;
  padding: 32px;
}
@media screen and (max-width:650px) {
  #info td {
    display: block;
    padding: 24px;
  }
}
#info td a {
  border-bottom: 1px dashed #202020;
  color: #202020;
  transition: 0.3s;
}
#info td a:hover {
  opacity: 0.7;
}
#info .sanemi {
  background: url("../img/sozai/sanemi.webp") no-repeat center/contain;
  width: 446px;
  height: 523px;
  position: absolute;
  bottom: 181px;
  right: 50%;
  margin-right: -798px;
}
@media screen and (max-width:650px) {
  #info .sanemi {
    margin-right: -264px;
    width: 254px;
    bottom: 24px;
    height: 373px;
  }
}
@media screen and (max-width:500px) {
  #info .sanemi {
    margin-right: -249px;
    width: 254px;
    bottom: 45px;
    height: 342px;
  }
}
@media screen and (max-width:450px) {
  #info .sanemi {
    margin-right: -233px;
    height: 340px;
  }
}
#info .genya {
  background: url("../img/sozai/genya.webp") no-repeat center/contain;
  width: 364px;
  height: 557px;
  position: absolute;
  bottom: 182px;
  left: 50%;
  margin-left: -746px;
}
@media screen and (max-width:650px) {
  #info .genya {
    margin-left: -270px;
    bottom: 24px;
    width: 257px;
    height: 389px;
  }
}
@media screen and (max-width:550px) {
  #info .genya {
    margin-left: -241px;
  }
}
@media screen and (max-width:500px) {
  #info .genya {
    margin-left: -227px;
    bottom: 45px;
    width: 257px;
    height: 362px;
  }
}
@media screen and (max-width:400px) {
  #info .genya {
    margin-left: -213px;
    bottom: 45px;
    height: 350px;
  }
}

nav .btn-menu {
  width: 120px;
  height: 120px;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  position: fixed;
  right: 1rem;
  top: 4.5rem;
  z-index: 999;
  transition: 0.7s;
}
@media screen and (max-width:1200px) {
  nav .btn-menu {
    width: 95px;
    height: 95px;
  }
}
@media screen and (max-width:650px) {
  nav .btn-menu {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width:550px) {
  nav .btn-menu {
    width: 55px;
    height: 55px;
  }
}
@media screen and (max-width:450px) {
  nav .btn-menu {
    width: 50px;
    height: 50px;
  }
}
nav .btn-menu {
  width: 40px;
  height: 40px;
  background: url("../img/sozai/nav-icon.png") no-repeat center/contain;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  position: fixed;
  right: 1rem;
  top: 9px;
  z-index: 999;
  transition: 0.7s;
}
nav #menu-close {
  position: fixed;
  width: 60px;
  height: 60px;
  right: 1rem;
  top: 9px;
}
nav .close-btn-menu {
  display: inline-block;
  width: 60px;
  height: 5px;
  background: #fff7e8;
  transform: rotate(45deg);
  vertical-align: middle;
  border-radius: 4px;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  position: fixed;
  right: 13px;
  top: 38px;
  z-index: 999;
  transition: 0.7s;
}
nav .close-btn-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff7e8;
  transform: rotate(90deg);
  border-radius: 4px;
}
@media screen and (max-width:650px) {
  nav .close-btn-menu {
    width: 60px;
  }
}
nav #menu-panel {
  position: fixed;
  top: 0rem;
  right: 0rem;
  z-index: 4;
  padding: 8rem 0rem 0;
  width: 400px;
  height: 100%;
  background: url("../img/sozai/bg-wolf.webp"), #2d2d2d;
  background-size: 800px;
  background-repeat: repeat;
  translate: 100vw;
  z-index: 999;
  display: flex;
  justify-content: center;
}
@media screen and (max-width:650px) {
  nav #menu-panel {
    translate: 110vw;
    width: 100%;
    position: fixed;
    top: 0rem;
    right: 0rem;
    margin: 0;
    height: 100%;
    padding: 7.5rem 0rem 0;
  }
}
nav .menu-list {
  list-style: none;
  position: relative;
  width: 440px;
  margin: 0 40px;
}
@media screen and (max-width:550px) {
  nav .menu-list {
    width: 400px;
  }
}
@media screen and (max-width:500px) {
  nav .menu-list {
    width: 360px;
  }
}
@media screen and (max-width:450px) {
  nav .menu-list {
    width: 330px;
  }
}
@media screen and (max-width:400px) {
  nav .menu-list {
    margin: 0;
  }
}
nav .menu-list .list-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff7e8;
  position: absolute;
  right: 0rem;
  border-bottom: 1px solid #fff7e8;
  border-top: 1px solid #fff7e8;
}
@media (hover: hover) and (pointer: fine) {
  nav .menu-list .list-item a:hover {
    opacity: 0.6;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  nav .menu-list .list-item a:hover {
    opacity: 0.6;
  }
}
nav .list-item {
  height: 80px;
  font-size: 18px;
}
nav .hide {
  transition: 0.8s;
  transform: translateX(100vh);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
video,
object {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
  backface-visibility: hidden;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul,
li {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
  touch-action: manipulation;
}

body {
  -webkit-overflow-scrolling: touch;
  color: #202020;
  font-family: "Kaisei Tokumin", serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
}

.site-content-wrapper {
  overflow-y: hidden;
  overflow-x: hidden;
  min-width: 1000px;
  background: url("../img/sozai/bg-wolf.webp"), linear-gradient(#307283, #5f37af);
  background-size: 1000px;
  background-repeat: repeat;
  position: relative;
}
@media screen and (max-width:650px) {
  .site-content-wrapper {
    min-width: initial;
    background-size: 700px;
  }
}

.white-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: none;
}

.is-open {
  opacity: 1;
  display: block;
}

.is-closed {
  display: none;
  opacity: 0;
}

.red-bold {
  color: rgb(180, 37, 37);
  font-weight: bold;
}
.red-bold.small {
  font-size: 18px;
}

.serif {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
}

body::-webkit-scrollbar {
  width: 24px;
}
@media screen and (max-width:650px) {
  body::-webkit-scrollbar {
    width: 0px;
  }
}

body::-webkit-scrollbar-track {
  background-color: #202020;
}

body::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 12px;
  height: 80px;
}

.z-index {
  z-index: 10;
}

#menu.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: url("../img/sozai/bg.webp"), linear-gradient(#cf5394, #9c6ad2);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
}
#menu.site-section-content .site-section-inner {
  padding: 60px 0 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm1.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #menu.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner {
    padding: 60px 0 790px;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner {
    padding: 60px 0 730px;
  }
}
#menu.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-bg.webp") no-repeat center/contain;
  height: 130px;
  margin: 0 auto 80px;
  line-height: 110px;
  font-size: 40px;
  text-align: center;
  color: #f7f7f7;
  position: relative;
  text-shadow: 0px 0px 6px rgba(83, 74, 66, 0.431372549);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #f7f7f7;
  font-size: 32px;
  background: url("../img/sozai/title-pink.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 0;
  }
}
#menu.site-section-content .site-section-inner .content-bg {
  padding: 60px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #f7f7f7;
  background: #202020;
  border-radius: 24px;
  height: auto;
  color: #f7f7f7;
  margin: 0 auto 24px;
  text-align: center;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 32px 16px 72px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .heading-h2,
#menu.site-section-content .site-section-inner .content-bg .heading-h3 {
  padding: 0 48px 24px;
  margin: 42px 64px 24px;
  border-bottom: 2px solid #f7f7f7;
  position: relative;
  font-size: 32px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .heading-h2,
  #menu.site-section-content .site-section-inner .content-bg .heading-h3 {
    font-size: 24px;
    padding: 16px 8px 24px;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .content-bg .heading-h2,
  #menu.site-section-content .site-section-inner .content-bg .heading-h3 {
    padding: 0px 0px 16px;
    margin: 42px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner .content-bg .heading-h2,
  #menu.site-section-content .site-section-inner .content-bg .heading-h3 {
    font-size: 22px;
    padding: 0px 0px 16px;
    margin: 24px 32px 16px;
  }
}
@media screen and (max-width:400px) {
  #menu.site-section-content .site-section-inner .content-bg .heading-h2,
  #menu.site-section-content .site-section-inner .content-bg .heading-h3 {
    margin: 37px 16px 24px;
  }
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .heading-h3 {
    font-size: 20px;
  }
}
#menu.site-section-content .site-section-inner .content-bg h4 {
  font-size: 18px;
  margin-bottom: 4px;
}
#menu.site-section-content .site-section-inner .content-bg .drink-date {
  font-size: 40px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .drink-date {
    font-size: 24px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .menu-price {
  font-size: 32px;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .menu-price {
    font-size: 24px;
    margin: 16px 0;
  }
}
#menu.site-section-content .site-section-inner .content-bg .menu-detail,
#menu.site-section-content .site-section-inner .content-bg .novelty-detail {
  background-color: #f7f7f7;
  font-size: 16px;
  padding: 24px;
  line-height: 1.5rem;
  color: #202020;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .menu-detail,
  #menu.site-section-content .site-section-inner .content-bg .novelty-detail {
    padding: 16px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .drink-detail {
  background-color: #da3f91;
  font-size: 32px;
  padding: 24px;
  color: #ffffff;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .drink-detail {
    padding: 16px;
    font-size: 16px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .drink-detail.drink-b {
  background-color: #359fba;
}
#menu.site-section-content .site-section-inner .content-bg .drink-sub-title {
  font-size: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .drink-sub-title {
    font-size: 18px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .drink-title {
  margin-bottom: 16px;
  font-size: 32px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .drink-title {
    font-size: 24px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .novelty-detail {
  line-height: unset;
}
#menu.site-section-content .site-section-inner .content-bg .note_1 {
  font-size: 14px;
  margin: 8px 0 32px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .note_1 {
    margin: 8px 0 24px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .novelty-photo {
  height: 400px;
  width: auto;
  margin: auto auto 16px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .novelty-photo {
    height: 100%;
    width: 100%;
  }
}
#menu.site-section-content .site-section-inner .hr {
  border-bottom: 1px solid #494949;
  margin-bottom: 16px;
}
#menu.site-section-content .site-section-inner .drink-date_gaiyou {
  font-size: 18px;
}
#menu.site-section-content .site-section-inner .shinobu {
  background: url("../img/sozai/shinobu.webp") no-repeat center/contain;
  width: 354px;
  height: 502px;
  position: absolute;
  bottom: 2975px;
  left: 50%;
  margin-left: -748px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .shinobu {
    width: 250px;
    height: 332px;
    bottom: 78px;
    margin-left: -313px;
    z-index: 12;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .shinobu {
    height: 303px;
    margin-left: -298px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .shinobu {
    height: 298px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner .shinobu {
    margin-left: -276px;
  }
}
@media screen and (max-width:400px) {
  #menu.site-section-content .site-section-inner .shinobu {
    bottom: 85px;
    height: 280px;
    margin-left: -258px;
  }
}
#menu.site-section-content .site-section-inner .muichiro {
  background: url("../img/sozai/muichiro.webp") no-repeat center/contain;
  width: 348px;
  height: 539px;
  position: absolute;
  bottom: 2975px;
  right: 50%;
  margin-right: -746px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .muichiro {
    width: 275px;
    height: 347px;
    bottom: 430px;
    margin-right: -333px;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .muichiro {
    height: 321px;
    bottom: 390px;
    margin-right: -308px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .muichiro {
    height: 323px;
    bottom: 384px;
    margin-right: -294px;
  }
}
@media screen and (max-width:400px) {
  #menu.site-section-content .site-section-inner .muichiro {
    height: 288px;
    bottom: 381px;
    margin-right: -270px;
  }
}
#menu.site-section-content .site-section-inner .iguro {
  background: url("../img/sozai/iguro.webp") no-repeat center/contain;
  width: 369px;
  height: 514px;
  position: absolute;
  bottom: 1730px;
  left: 50%;
  margin-left: -748px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .iguro {
    width: 250px;
    height: 335px;
    bottom: 85px;
    margin-left: -126px;
    z-index: 12;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .iguro {
    height: 305px;
    bottom: 68px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .iguro {
    width: 249px;
    height: 323px;
  }
}
@media screen and (max-width:400px) {
  #menu.site-section-content .site-section-inner .iguro {
    height: 296px;
  }
}
#menu.site-section-content .site-section-inner .himejima {
  background: url("../img/sozai/himejima.webp") no-repeat center/contain;
  width: 325px;
  height: 539px;
  position: absolute;
  bottom: 1700px;
  right: 50%;
  margin-right: -698px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .himejima {
    width: 275px;
    height: 363px;
    bottom: 420px;
    margin-right: 60px;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .himejima {
    width: 275px;
    height: 328px;
    bottom: 380px;
    margin-right: 23px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .himejima {
    height: 319px;
    margin-right: 13px;
  }
}
@media screen and (max-width:400px) {
  #menu.site-section-content .site-section-inner .himejima {
    bottom: 371px;
    height: 305px;
    margin-right: -8px;
  }
}
#menu.site-section-content .site-section-inner .akaza {
  background: url("../img/sozai/akaza.webp") no-repeat center/contain;
  width: 369px;
  height: 514px;
  position: absolute;
  bottom: 535px;
  left: 50%;
  margin-left: -723px;
  z-index: 10;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .akaza {
    width: 250px;
    height: 353px;
    bottom: 425px;
    margin-left: -121px;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .akaza {
    height: 323px;
    bottom: 385px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .akaza {
    height: 326px;
  }
}
@media screen and (max-width:400px) {
  #menu.site-section-content .site-section-inner .akaza {
    height: 297px;
  }
}
#menu.site-section-content .site-section-inner .murata {
  background: url("../img/sozai/murata.webp") no-repeat center/contain;
  width: 389px;
  height: 521px;
  position: absolute;
  bottom: 540px;
  right: 50%;
  margin-right: -770px;
  z-index: 10;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .murata {
    height: 321px;
    bottom: 90px;
    margin-right: -373px;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .murata {
    height: 296px;
    bottom: 78px;
    margin-right: -352px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .murata {
    height: 290px;
    bottom: 94px;
    margin-right: -338px;
  }
}
@media screen and (max-width:400px) {
  #menu.site-section-content .site-section-inner .murata {
    height: 269px;
    margin-right: -319px;
    bottom: 74px;
  }
}
#menu.site-section-content .site-section-inner .drink-pic {
  max-width: 800px;
  margin: auto;
}

#loading {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  height: 100%;
}
@media screen and (max-width:650px) {
  #loading {
    background-size: 700px;
  }
}

.transitionAnimationMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(#000, #000), url("../img/sozai/loading-wolf.svg");
          mask-image: linear-gradient(#000, #000), url("../img/sozai/loading-wolf.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0, center center;
          mask-position: 0 0, center center;
  -webkit-mask-size: 100% 100%, 0 0;
          mask-size: 100% 100%, 0 0;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation-timing-function: var(--ease-out-quart);
  animation-fill-mode: forwards;
}

.isActive {
  animation-name: maskAnimation;
}

.transitionAnimationMask1 {
  animation-duration: 4s;
  background: linear-gradient(#da3f91, #359fba);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f7f7f7;
}
@media screen and (max-width:650px) {
  .transitionAnimationMask1 {
    background-size: 160px;
  }
}

@keyframes maskAnimation {
  0% {
    -webkit-mask-size: 100% 100%, 0 0;
            mask-size: 100% 100%, 0 0;
  }
  100% {
    -webkit-mask-size: 100% 100%, 3000px 3000px;
            mask-size: 100% 100%, 3000px 3000px;
  }
}
@keyframes animated {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.none {
  visibility: hidden;
}

@keyframes expansion {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  20% {
    opacity: 1;
    transform: scale(1.02);
  }
  28% {
    opacity: 1;
    transform: scale(0.9);
  }
  36%, 100% {
    opacity: 1;
    transform: scale(1);
  }
}
.loadingText {
  font-size: 40px;
  color: #f7f7f7;
  letter-spacing: 4px;
}
@media screen and (max-width:650px) {
  .loadingText {
    font-size: 32px;
  }
}

#special.site-section-content {
  padding: 0px;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: url("../img/sozai/bg.webp"), linear-gradient(#762f97, #353898);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
}
#special.site-section-content .site-section-inner {
  padding: 60px 0px 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm4.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #special.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner {
    padding: 60px 0 480px;
  }
}
#special.site-section-content .site-section-inner img {
  max-width: 800px;
  margin: auto;
}
#special.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-bg.webp") no-repeat center/contain;
  height: 130px;
  margin: 0 auto 80px;
  line-height: 110px;
  font-size: 40px;
  text-align: center;
  color: #f7f7f7;
  position: relative;
  text-shadow: 0px 0px 6px rgba(83, 74, 66, 0.431372549);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #f7f7f7;
  background: url("../img/sozai/title-green.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #special.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #special.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 0;
  }
}
#special.site-section-content .site-section-inner p {
  color: #f7f7f7;
  text-align: center;
  font-size: 24px;
  margin-top: 16px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner p {
    font-size: 18px;
    margin-top: 12px;
  }
}
#special.site-section-content .site-section-inner .rengoku {
  background: url("../img/sozai/rengoku.webp") no-repeat center/contain;
  width: 344px;
  height: 556px;
  position: absolute;
  top: 329px;
  right: 50%;
  margin-right: -730px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .rengoku {
    margin-right: -252px;
    top: unset;
    bottom: 60px;
    width: 257px;
    height: 351px;
  }
}
@media screen and (max-width:550px) {
  #special.site-section-content .site-section-inner .rengoku {
    margin-right: -215px;
    top: unset;
    bottom: 52px;
    width: 226px;
    height: 327px;
  }
}
@media screen and (max-width:450px) {
  #special.site-section-content .site-section-inner .rengoku {
    margin-right: -214px;
    /* width: 259px; */
    /* height: 264px; */
    bottom: 57px;
  }
}
@media screen and (max-width:400px) {
  #special.site-section-content .site-section-inner .rengoku {
    margin-right: -214px;
    width: 259px;
    height: 258px;
    bottom: 100px;
  }
}
#special.site-section-content .site-section-inner .giyu {
  background: url("../img/sozai/giyu.webp") no-repeat center/contain;
  width: 416px;
  height: 547px;
  position: absolute;
  top: 372px;
  left: 50%;
  margin-left: -765px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .giyu {
    margin-left: -284px;
    top: unset;
    bottom: 39px;
    width: 300px;
    height: 409px;
  }
}
@media screen and (max-width:550px) {
  #special.site-section-content .site-section-inner .giyu {
    margin-left: -262px;
    height: 369px;
  }
}
@media screen and (max-width:450px) {
  #special.site-section-content .site-section-inner .giyu {
    margin-left: -246px;
  }
}
@media screen and (max-width:400px) {
  #special.site-section-content .site-section-inner .giyu {
    bottom: 63px;
    margin-left: -230px;
    height: 347px;
  }
}

#point.site-section-content {
  padding: 0px;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: url("../img/sozai/fp.png"), #617650;
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
}
#point.site-section-content .site-section-inner {
  padding: 60px 0px 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm1.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #point.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #point.site-section-content .site-section-inner {
    padding: 60px 0 440px;
  }
}
#point.site-section-content .site-section-inner .point-pic {
  max-width: 900px;
  margin: auto;
}
#point.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-point2.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #point.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #point.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #point.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 0;
  }
}
#point.site-section-content .site-section-inner p {
  color: #fff7e8;
  text-align: center;
  font-size: 24px;
  margin-top: 16px;
}
@media screen and (max-width:650px) {
  #point.site-section-content .site-section-inner p {
    font-size: 18px;
    margin-top: 12px;
  }
}
#point.site-section-content .site-section-inner .zenitsu {
  background: url("../img/sozai/zenitsu.webp") no-repeat center/contain;
  width: 370px;
  height: 577px;
  position: absolute;
  top: 572px;
  right: 50%;
  margin-right: -851px;
}
@media screen and (max-width:650px) {
  #point.site-section-content .site-section-inner .zenitsu {
    margin-right: -276px;
    width: 276px;
    height: 353px;
    bottom: 17px;
    top: unset;
  }
}
@media screen and (max-width:550px) {
  #point.site-section-content .site-section-inner .zenitsu {
    width: 263px;
    height: 334px;
    bottom: 45px;
    margin-right: -255px;
  }
}
@media screen and (max-width:500px) {
  #point.site-section-content .site-section-inner .zenitsu {
    height: 284px;
    margin-right: -248px;
  }
}
@media screen and (max-width:450px) {
  #point.site-section-content .site-section-inner .zenitsu {
    height: 283px;
    margin-right: -230px;
  }
}
@media screen and (max-width:400px) {
  #point.site-section-content .site-section-inner .zenitsu {
    width: 215px;
    height: 252px;
    margin-right: -209px;
  }
}
#point.site-section-content .site-section-inner .inosuke {
  background: url("../img/sozai/inosuke.webp") no-repeat center/contain;
  width: 384px;
  height: 577px;
  position: absolute;
  top: 586px;
  left: 50%;
  margin-left: -825px;
}
@media screen and (max-width:650px) {
  #point.site-section-content .site-section-inner .inosuke {
    margin-left: -274px;
    width: 276px;
    height: 410px;
    bottom: 17px;
    top: unset;
  }
}
@media screen and (max-width:550px) {
  #point.site-section-content .site-section-inner .inosuke {
    width: 223px;
    margin-left: -247px;
  }
}
@media screen and (max-width:500px) {
  #point.site-section-content .site-section-inner .inosuke {
    margin-left: -224px;
    height: 371px;
  }
}
@media screen and (max-width:450px) {
  #point.site-section-content .site-section-inner .inosuke {
    bottom: 49px;
    margin-left: -231px;
    height: 344px;
  }
}
@media screen and (max-width:400px) {
  #point.site-section-content .site-section-inner .inosuke {
    margin-left: -206px;
    height: 330px;
  }
}

#official.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  color: #f7f7f7;
  background: url("../img/sozai/bg.webp"), linear-gradient(#307283, #5f37af);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
}
#official.site-section-content .heading-wrap {
  text-align: center;
}
@media screen and (max-width:650px) {
  #official.site-section-content .heading-wrap {
    width: 100%;
  }
}
#official.site-section-content .heading-h2 {
  font-weight: 500;
  margin: 24px 0;
  font-size: 24px;
}
@media screen and (max-width:400px) {
  #official.site-section-content .heading-h2 {
    font-size: 16px;
  }
}
#official.site-section-content .site-section-inner {
  padding: 60px 0px 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm5.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #official.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner {
    padding: 60px 0 480px;
  }
}
#official.site-section-content .site-section-inner .back-to-top {
  background: url("../img/sozai/top.png") no-repeat center/contain;
  width: 160px;
  height: 160px;
  position: absolute;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  bottom: 30px;
  right: 1rem;
  display: table;
}
#official.site-section-content .site-section-inner .back-to-top:hover {
  transform: scale(1.1);
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .back-to-top {
    width: 80px;
    height: 80px;
    bottom: 5px;
    right: 0rem;
  }
}
#official.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-bg.webp") no-repeat center/contain;
  height: 130px;
  margin: 0 auto 80px;
  line-height: 110px;
  font-size: 40px;
  text-align: center;
  color: #f7f7f7;
  position: relative;
  text-shadow: 0px 0px 6px rgba(83, 74, 66, 0.431372549);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #f7f7f7;
  background: url("../img/sozai/title-orange.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 0;
  }
}
#official.site-section-content .site-section-inner .content-bg {
  padding: 60px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #f7f7f7;
  background: #202020;
  border-radius: 24px;
  height: auto;
  background: #202020;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 32px 16px 72px;
  }
}
#official.site-section-content .site-section-inner .social-account-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account {
  width: 120px;
  height: 120px;
  margin: 0 8px;
  font-size: 0;
  list-style: none;
  justify-content: center;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account {
    width: 100px;
    height: 100px;
    margin: 0 4px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account {
    width: 80px;
    height: 80px;
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account a {
  display: inline-block;
  width: 120px;
  transition: 0.7s;
  height: 120px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account a {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account a {
    width: 80px;
    height: 80px;
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account.x {
  background: url("../img/logo/anchor-x.webp") no-repeat center/contain;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.x:hover {
    transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.x:hover {
    transform: scale(1.1);
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account.facebook {
  background: url("../img/logo/anchor-facebook.webp") no-repeat center/contain;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.facebook:hover {
    transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.facebook:hover {
    transform: scale(1.1);
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account.instagram {
  background: url("../img/logo/anchor-instagram.webp") no-repeat center/contain;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.instagram:hover {
    transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.instagram:hover {
    transform: scale(1.1);
  }
}
#official.site-section-content .site-section-inner .social-account-wrap .social-account.youtube {
  background: url("../img/logo/anchor-youtube.webp") no-repeat center/contain;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.youtube:hover {
    transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #official.site-section-content .site-section-inner .social-account-wrap .social-account.youtube:hover {
    transform: scale(1.1);
  }
}
#official.site-section-content .site-section-inner .mitsuri {
  background: url("../img/sozai/mitsuri.webp") no-repeat center/contain;
  width: 380px;
  height: 471px;
  position: absolute;
  bottom: 184px;
  left: 50%;
  margin-left: -728px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .mitsuri {
    width: 292px;
    height: 355px;
    bottom: 93px;
    margin-left: -269px;
  }
}
@media screen and (max-width:550px) {
  #official.site-section-content .site-section-inner .mitsuri {
    width: 292px;
    height: 336px;
    bottom: 89px;
    margin-left: -245px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .site-section-inner .mitsuri {
    margin-left: -257px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .mitsuri {
    width: 292px;
    height: 308px;
    bottom: 119px;
    margin-left: -246px;
  }
}
@media screen and (max-width:400px) {
  #official.site-section-content .site-section-inner .mitsuri {
    width: 292px;
    height: 287px;
    bottom: 119px;
    margin-left: -238px;
  }
}
#official.site-section-content .site-section-inner .inosuke {
  background: url("../img/sozai/inosuke.webp") no-repeat center/contain;
  width: 398px;
  height: 516px;
  position: absolute;
  bottom: 197px;
  right: 50%;
  margin-right: -754px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .inosuke {
    width: 308px;
    height: 407px;
    bottom: 63px;
    margin-right: -303px;
  }
}
@media screen and (max-width:550px) {
  #official.site-section-content .site-section-inner .inosuke {
    width: 308px;
    height: 393px;
    bottom: 63px;
    margin-right: -282px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .site-section-inner .inosuke {
    margin-right: -264px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .inosuke {
    width: 308px;
    height: 366px;
    bottom: 80px;
    margin-right: -257px;
  }
}
@media screen and (max-width:400px) {
  #official.site-section-content .site-section-inner .inosuke {
    height: 344px;
    margin-right: -249px;
  }
}

#store.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  background: url("../img/sozai/bg-wolf.webp"), linear-gradient(#cf5394, #9c6ad2);
  background-size: 1000px;
  background-repeat: repeat;
}
#store.site-section-content .heading-h2 {
  font-weight: 500;
  margin: 32px;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .heading-h2 {
    margin: 24px 0;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .heading-h2 {
    font-size: 16px;
  }
}
#store.site-section-content .site-section-inner {
  text-align: center;
  position: relative;
  padding: 60px 0px 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm2.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #store.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner {
    padding: 60px 0 380px;
  }
}
#store.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-bg.webp") no-repeat center/contain;
  height: 130px;
  margin: 0 auto 80px;
  line-height: 110px;
  font-size: 40px;
  text-align: center;
  color: #f7f7f7;
  position: relative;
  text-shadow: 0px 0px 6px rgba(83, 74, 66, 0.431372549);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #f7f7f7;
  background: url("../img/sozai/title-pink.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  color: #f7f7f7;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #store.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 0;
  }
}
#store.site-section-content .site-section-inner .content-bg {
  padding: 0px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #f7f7f7;
  background: #202020;
  border-radius: 24px;
  height: auto;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
  background: none;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 0px 16px 72px;
  }
}
#store.site-section-content .site-section-inner .content-bg .store-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
#store.site-section-content .site-section-inner .content-bg .store-card {
  border-radius: 12px;
  width: 200px;
  height: 200px;
  position: relative;
  box-shadow: 0px 0px 8px rgba(158, 116, 116, 0.5058823529);
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .content-bg .store-card {
    flex-basis: 100%;
    width: 100%;
    height: 80px;
  }
}
#store.site-section-content .site-section-inner .content-bg .store-card.uct {
  background: url("../img/sozai/x_uct.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .site-section-inner .content-bg .store-card.mct {
  background: url("../img/sozai/x_uct.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .site-section-inner .content-bg .store-card.mcn {
  background: url("../img/sozai/x_ufn_mcn.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .site-section-inner .content-bg .store-card.mco {
  background: url("../img/sozai/x_ufo_mco.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .site-section-inner .content-bg .store-card.uctk {
  background: url("../img/sozai/x_uft.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .site-section-inner .content-bg .store-card.mcb {
  background: url("../img/sozai/x_mcb.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .site-section-inner .content-bg .store-card.mck {
  background: url("../img/sozai/x_mck.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .site-section-inner .content-bg .store-card.togo {
  background: url("../img/sozai/x_togo.webp");
  background-size: 400px;
  background-position: center;
  background-repeat: repeat;
}
#store.site-section-content .site-section-inner .content-bg .store-card .white-content {
  background-color: rgba(0, 0, 0, 0.6352941176);
  border-radius: 12px;
  height: 100%;
  display: table;
  width: 100%;
}
#store.site-section-content .site-section-inner .content-bg .store-card a {
  display: table-cell;
  width: 100%;
  height: 100%;
  color: #f7f7f7;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  border-radius: 12px;
  text-shadow: 0 0 6px #000;
  padding: 12px;
  transition: 0.7s;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .content-bg .store-card a {
    font-size: 18px;
    padding: 8px;
    height: 80px;
  }
}
@media (hover: hover) and (pointer: fine) {
  #store.site-section-content .site-section-inner .content-bg .store-card a:hover {
    background-color: rgba(255, 255, 255, 0.3764705882);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #store.site-section-content .site-section-inner .content-bg .store-card a:hover {
    background-color: rgba(255, 255, 255, 0.3764705882);
  }
}
#store.site-section-content .site-section-inner .kanao {
  background: url("../img/sozai/kanao.webp") no-repeat center/contain;
  width: 375px;
  height: 536px;
  position: absolute;
  top: 383px;
  left: 50%;
  margin-left: -688px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .kanao {
    width: 285px;
    height: 410px;
    top: unset;
    margin-left: -269px;
    bottom: 53px;
  }
}
@media screen and (max-width:550px) {
  #store.site-section-content .site-section-inner .kanao {
    width: 277px;
    height: 384px;
    margin-left: -249px;
    bottom: 50px;
  }
}
@media screen and (max-width:500px) {
  #store.site-section-content .site-section-inner .kanao {
    width: 273px;
    height: 379px;
    margin-left: -234px;
    bottom: 55px;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .site-section-inner .kanao {
    width: 251px;
    height: 360px;
    margin-left: -214px;
    bottom: 67px;
  }
}
@media screen and (max-width:400px) {
  #store.site-section-content .site-section-inner .kanao {
    width: 241px;
    height: 326px;
    margin-left: -200px;
    bottom: 89px;
  }
}
#store.site-section-content .site-section-inner .uzui {
  background: url("../img/sozai/uzui.webp") no-repeat center/contain;
  width: 381px;
  height: 500px;
  position: absolute;
  top: 449px;
  right: 50%;
  margin-right: -694px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .uzui {
    margin-right: -300px;
    top: unset;
    bottom: 44px;
    width: 299px;
    height: 393px;
  }
}
@media screen and (max-width:550px) {
  #store.site-section-content .site-section-inner .uzui {
    margin-right: -276px;
    width: 297px;
    height: 361px;
  }
}
@media screen and (max-width:500px) {
  #store.site-section-content .site-section-inner .uzui {
    margin-right: -269px;
    bottom: 50px;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .site-section-inner .uzui {
    bottom: 68px;
    margin-right: -260px;
    width: 297px;
    height: 354px;
  }
}
@media screen and (max-width:400px) {
  #store.site-section-content .site-section-inner .uzui {
    bottom: 74px;
    margin-right: -249px;
    width: 297px;
    height: 330px;
  }
}/*# sourceMappingURL=style.css.map */