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

/* ----------------------------------------------
 * Generated by Animista on 2025-5-27 14:49:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/* ----------------------------------------------
 * Generated by Animista on 2025-5-27 14:53:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation flip-horizontal-top
 * ----------------------------------------
//  */
@keyframes scale-up-center {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up-center-2 {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    transform: scale(1.4);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
#about.site-section-content {
  padding: 200px 0px;
}
@media screen and (max-width:650px) {
  #about.site-section-content {
    padding: 80px 0 216px;
  }
}
#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;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-shadow: 0 0 10px #ee47ee, 0 0 15px #ee47ee, 0 0 20px #ee47ee, 0 0 30px #ee47ee, 0 0 35px #ee47ee;
}
@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: 20px;
    line-height: 40px;
  }
}
#about.site-section-content .site-section-inner .content-holder .hanabi-tanjiro {
  background: url("../img/sozai/hanabi-tanjiro2.png") no-repeat center/contain;
  width: 260px;
  height: 260px;
  position: absolute;
  top: 160px;
  right: 50%;
  margin-right: -660px;
  transform: rotate(10deg);
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .content-holder .hanabi-tanjiro {
    margin-right: -248px;
    top: 269px;
    width: 231px;
    height: 368px;
  }
}
@media screen and (max-width:550px) {
  #about.site-section-content .site-section-inner .content-holder .hanabi-tanjiro {
    margin-right: -234px;
    width: 236px;
    height: 344px;
    top: 250px;
  }
}
@media screen and (max-width:500px) {
  #about.site-section-content .site-section-inner .content-holder .hanabi-tanjiro {
    margin-right: -216px;
    width: 221px;
  }
}
@media screen and (max-width:450px) {
  #about.site-section-content .site-section-inner .content-holder .hanabi-tanjiro {
    right: 50%;
    margin-right: -211px;
    width: 200px;
    height: 290px;
    top: 270px;
    margin-right: -200px;
    width: 180px;
  }
}
@media screen and (max-width:400px) {
  #about.site-section-content .site-section-inner .content-holder .hanabi-tanjiro {
    top: 270px;
    margin-right: -189px;
  }
}
#about.site-section-content .site-section-inner .content-holder .tanjiro {
  background: url("../img/sozai/tanjiro.webp") no-repeat center/contain;
  width: 446px;
  height: 580px;
  position: absolute;
  top: -39px;
  left: 50%;
  margin-left: -827px;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .content-holder .tanjiro {
    margin-left: -245px;
    top: 270px;
    width: 257px;
    height: 368px;
  }
}
@media screen and (max-width:550px) {
  #about.site-section-content .site-section-inner .content-holder .tanjiro {
    margin-left: -234px;
    width: 236px;
    height: 344px;
    top: 260px;
  }
}
@media screen and (max-width:500px) {
  #about.site-section-content .site-section-inner .content-holder .tanjiro {
    margin-left: -190px;
    width: 221px;
  }
}
@media screen and (max-width:450px) {
  #about.site-section-content .site-section-inner .content-holder .tanjiro {
    left: 50%;
    margin-left: -180px;
    width: 222px;
    height: 290px;
    top: 280px;
  }
}
header {
  width: 100%;
  min-width: 1000px;
  margin: auto;
  max-width: 1920px;
  position: relative;
  min-height: 562px;
  height: min(56.25vw, 1080px);
}
@media screen and (max-width:650px) {
  header {
    height: 900px;
    background-size: 300px;
    min-width: unset;
    min-height: unset;
    width: 100%;
  }
}
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: 0;
  top: 10px;
  left: 14px;
  margin: auto;
}
@media screen and (max-width:1000px) {
  header .kimetsu-logo {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width:500px) {
  header .kimetsu-logo {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width:450px) {
  header .kimetsu-logo {
    top: 4px;
    left: 7px;
  }
}
header .event-logo {
  background: url("../img/logo/event-logo.webp") no-repeat center/contain;
  height: min(22.9166666667vw, 440px);
  top: min(15.625vw, 300px);
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}
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: 1s;
}
@media screen and (max-width:1000px) {
  header .event-logo {
    top: 156px;
    width: 240px;
    height: 240px;
  }
}
@media screen and (max-width:650px) {
  header .event-logo {
    top: 308px;
    width: min(44.6153846154vw, 290px);
    height: min(44.6153846154vw, 290px);
  }
}
@media screen and (max-width:600px) {
  header .event-logo {
    top: 330px;
    width: 280px;
    height: 280px;
  }
}
@media screen and (max-width:600px) {
  header .event-logo {
    width: 250px;
    height: 250px;
  }
}
@media screen and (max-width:400px) {
  header .event-logo {
    top: 307px;
  }
}
header .chara-hanabi {
  position: relative;
}
header .chara-hanabi .hanabi {
  position: absolute;
  opacity: 0;
}
header .chara-hanabi .hanabi.animated {
  animation-name: scale-up-center;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
header .chara-hanabi .kanao {
  width: 400px;
  height: 400px;
  top: 637px;
  right: 490px;
  width: min(20.8333333333vw, 400px);
  height: min(20.8333333333vw, 400px);
  top: min(33.1770833333vw, 637px);
  right: min(25.5208333333vw, 490px);
  background: url("../img/sozai/header-kanao.webp") no-repeat center/contain;
  animation-delay: 0.3s;
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .kanao {
    top: 331px;
    right: 255px;
    width: 210px;
    height: 210px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .kanao {
    top: 668px;
    right: 124px;
  }
}
@media screen and (max-width:600px) {
  header .chara-hanabi .kanao {
    top: 685px;
    right: 105px;
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width:550px) {
  header .chara-hanabi .kanao {
    right: 94px;
  }
}
@media screen and (max-width:500px) {
  header .chara-hanabi .kanao {
    right: 73px;
    right: min(14.6vw, 73px);
  }
}
@media screen and (max-width:450px) {
  header .chara-hanabi .kanao {
    width: 180px;
    height: 180px;
    top: 689px;
    right: 71px;
    right: min(15.7777777778vw, 71px);
  }
}
@media screen and (max-width:430px) {
  header .chara-hanabi .kanao {
    right: 50px;
  }
}
@media screen and (max-width:400px) {
  header .chara-hanabi .kanao {
    width: 160px;
    height: 160px;
    top: 640px;
  }
}
header .chara-hanabi .murata {
  width: 400px;
  height: 400px;
  top: 652px;
  right: 36px;
  width: min(20.8333333333vw, 400px);
  height: min(20.8333333333vw, 400px);
  top: min(33.9583333333vw, 652px);
  right: min(1.875vw, 36px);
  background: url("../img/sozai/header-murata.webp") no-repeat center/contain;
  animation-delay: 0.1s;
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .murata {
    width: 215px;
    height: 215px;
    top: 340px;
    right: 18px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .murata {
    top: 494px;
    right: 8px;
  }
}
@media screen and (max-width:600px) {
  header .chara-hanabi .murata {
    top: 505px;
    width: 200px;
    height: 200px;
    right: 3px;
  }
}
@media screen and (max-width:550px) {
  header .chara-hanabi .murata {
    top: 525px;
  }
}
@media screen and (max-width:500px) {
  header .chara-hanabi .murata {
    top: 530px;
    right: -4px;
  }
}
@media screen and (max-width:450px) {
  header .chara-hanabi .murata {
    width: 180px;
    height: 180px;
    top: 539px;
    right: 5px;
  }
}
@media screen and (max-width:400px) {
  header .chara-hanabi .murata {
    width: 160px;
    height: 160px;
    top: 502px;
  }
}
header .chara-hanabi .tengen {
  width: 400px;
  height: 400px;
  top: 0;
  right: 487px;
  width: min(20.8333333333vw, 400px);
  height: min(20.8333333333vw, 400px);
  top: min(0vw, 0px);
  right: min(25.3645833333vw, 487px);
  background: url("../img/sozai/header-tengen.webp") no-repeat center/contain;
  animation-delay: 0.3s;
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .tengen {
    top: 0px;
    right: 253px;
    width: 210px;
    height: 210px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .tengen {
    top: 100px;
    right: 123px;
  }
}
@media screen and (max-width:600px) {
  header .chara-hanabi .tengen {
    top: 103px;
    width: 200px;
    height: 200px;
    right: 92px;
  }
}
@media screen and (max-width:550px) {
  header .chara-hanabi .tengen {
    top: 95px;
    right: 67px;
  }
}
@media screen and (max-width:500px) {
  header .chara-hanabi .tengen {
    top: 70px;
  }
}
@media screen and (max-width:450px) {
  header .chara-hanabi .tengen {
    width: 180px;
    height: 180px;
    right: 55px;
    right: min(12.2222222222vw, 55px);
  }
}
@media screen and (max-width:430px) {
  header .chara-hanabi .tengen {
    right: 48px;
  }
}
@media screen and (max-width:400px) {
  header .chara-hanabi .tengen {
    width: 160px;
    height: 160px;
    top: 70px;
  }
}
header .chara-hanabi .genya {
  width: 400px;
  height: 400px;
  top: 15px;
  left: 506px;
  width: min(20.8333333333vw, 400px);
  height: min(20.8333333333vw, 400px);
  top: min(0.78125vw, 15px);
  left: min(26.3541666667vw, 506px);
  background: url("../img/sozai/header-genya.webp") no-repeat center/contain;
  animation-delay: 0.1s;
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .genya {
    width: 210px;
    height: 210px;
    top: 7px;
    left: 263px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .genya {
    top: 98px;
    left: 122px;
  }
}
@media screen and (max-width:600px) {
  header .chara-hanabi .genya {
    width: 200px;
    height: 200px;
    top: 103px;
    left: 110px;
  }
}
@media screen and (max-width:550px) {
  header .chara-hanabi .genya {
    top: 91px;
    left: 92px;
  }
}
@media screen and (max-width:500px) {
  header .chara-hanabi .genya {
    top: 73px;
    left: 70px;
    left: min(14vw, 70px);
  }
}
@media screen and (max-width:450px) {
  header .chara-hanabi .genya {
    width: 180px;
    height: 180px;
    top: 70px;
    left: 60px;
    left: min(13.3333333333vw, 55px);
  }
}
@media screen and (max-width:430px) {
  header .chara-hanabi .genya {
    left: 45px;
  }
}
@media screen and (max-width:400px) {
  header .chara-hanabi .genya {
    width: 160px;
    height: 160px;
  }
}
header .chara-hanabi .tanjiro {
  width: 400px;
  height: 400px;
  top: 300px;
  left: 212px;
  width: min(20.8333333333vw, 400px);
  height: min(20.8333333333vw, 400px);
  top: min(15.625vw, 300px);
  left: min(11.0416666667vw, 212px);
  background: url("../img/sozai/header-tanjiro.webp") no-repeat center/contain;
  animation-delay: 0.1s;
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .tanjiro {
    width: 210px;
    height: 210px;
    top: 156px;
    left: 110px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .tanjiro {
    top: 254px;
    left: 5px;
  }
}
@media screen and (max-width:600px) {
  header .chara-hanabi .tanjiro {
    top: 248px;
    left: -1px;
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width:550px) {
  header .chara-hanabi .tanjiro {
    top: 241px;
    left: -5px;
  }
}
@media screen and (max-width:500px) {
  header .chara-hanabi .tanjiro {
    top: 221px;
  }
}
@media screen and (max-width:450px) {
  header .chara-hanabi .tanjiro {
    width: 180px;
    height: 180px;
    top: 216px;
    left: -6px;
  }
}
@media screen and (max-width:400px) {
  header .chara-hanabi .tanjiro {
    width: 160px;
    height: 160px;
    top: 195px;
    left: -6px;
  }
}
header .chara-hanabi .muichiro {
  width: 400px;
  height: 400px;
  top: 650px;
  left: 482px;
  width: min(20.8333333333vw, 400px);
  height: min(20.8333333333vw, 400px);
  top: min(33.8541666667vw, 650px);
  left: min(25.1041666667vw, 482px);
  background: url("../img/sozai/header-muichiro.webp") no-repeat center/contain;
  animation-delay: 0.1s;
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .muichiro {
    width: 210px;
    height: 210px;
    top: 338px;
    left: 251px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .muichiro {
    top: 663px;
    left: 89px;
    width: 215px;
    height: 215px;
  }
}
@media screen and (max-width:600px) {
  header .chara-hanabi .muichiro {
    top: 683px;
    left: 77px;
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width:500px) {
  header .chara-hanabi .muichiro {
    top: 687px;
    left: 60px;
    left: min(12vw, 60px);
  }
}
@media screen and (max-width:450px) {
  header .chara-hanabi .muichiro {
    width: 180px;
    height: 180px;
    left: 47px;
    left: min(10.4444444444vw, 47px);
  }
}
@media screen and (max-width:430px) {
  header .chara-hanabi .muichiro {
    left: 40px;
  }
}
@media screen and (max-width:400px) {
  header .chara-hanabi .muichiro {
    width: 160px;
    height: 160px;
    top: 640px;
  }
}
header .chara-hanabi .shinobu {
  width: 400px;
  height: 400px;
  top: 630px;
  left: 54px;
  width: min(20.8333333333vw, 400px);
  height: min(20.8333333333vw, 400px);
  top: min(32.8125vw, 630px);
  left: min(2.8125vw, 54px);
  background: url("../img/sozai/header-shinobu.webp") no-repeat center/contain;
  animation-delay: 0.3s;
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .shinobu {
    width: 210px;
    height: 210px;
    top: 328px;
    left: 28px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .shinobu {
    top: 500px;
    left: 9px;
  }
}
@media screen and (max-width:600px) {
  header .chara-hanabi .shinobu {
    top: 512px;
    left: -1px;
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width:550px) {
  header .chara-hanabi .shinobu {
    top: 525px;
    left: -8px;
  }
}
@media screen and (max-width:500px) {
  header .chara-hanabi .shinobu {
    top: 537px;
  }
}
@media screen and (max-width:450px) {
  header .chara-hanabi .shinobu {
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width:400px) {
  header .chara-hanabi .shinobu {
    width: 160px;
    height: 160px;
    top: 506px;
    left: -2px;
  }
}
header .chara-hanabi .giyu {
  width: 400px;
  height: 400px;
  top: 314px;
  right: 239px;
  width: min(20.8333333333vw, 400px);
  height: min(20.8333333333vw, 400px);
  top: min(16.3541666667vw, 314px);
  right: min(12.4479166667vw, 239px);
  background: url("../img/sozai/header-giyu.webp") no-repeat center/contain;
  animation-delay: 0.2s;
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .giyu {
    width: 210px;
    height: 210px;
    top: 163px;
    right: 124px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .giyu {
    top: 247px;
    right: 2px;
  }
}
@media screen and (max-width:600px) {
  header .chara-hanabi .giyu {
    right: -2px;
    top: 253px;
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width:550px) {
  header .chara-hanabi .giyu {
    top: 248px;
  }
}
@media screen and (max-width:500px) {
  header .chara-hanabi .giyu {
    top: 222px;
    right: -12px;
  }
}
@media screen and (max-width:450px) {
  header .chara-hanabi .giyu {
    width: 180px;
    height: 180px;
    top: 212px;
    right: 0px;
  }
}
@media screen and (max-width:400px) {
  header .chara-hanabi .giyu {
    width: 160px;
    height: 160px;
    top: 200px;
    right: -1px;
  }
}
header .chara-hanabi .lantan-right {
  position: absolute;
  right: -20px;
  top: 0px;
  width: min(28.8541666667vw, 554px);
  height: min(16.1979166667vw, 311px);
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .lantan-right {
    width: 288px;
    height: 165px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .lantan-right {
    width: 300px;
    height: 160px;
    width: min(46.1538461538vw, 300px);
    height: min(24.6153846154vw, 160px);
  }
}
header .chara-hanabi .lantan-left {
  position: absolute;
  left: -20px;
  top: 0px;
  width: min(28.8541666667vw, 554px);
  height: min(19.1666666667vw, 368px);
}
@media screen and (max-width:1000px) {
  header .chara-hanabi .lantan-left {
    width: 288px;
    height: 191px;
  }
}
@media screen and (max-width:650px) {
  header .chara-hanabi .lantan-left {
    width: 320px;
    height: 200px;
    width: min(49.2307692308vw, 320px);
    height: min(30.7692307692vw, 200px);
  }
}

.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;
  margin: 0 12px;
  position: relative;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .site-section-inner {
    padding: 60px 0 600px;
  }
}
#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: rgba(255, 29, 168, 0.176);
  padding: 10px 15px;
  margin: 0 4px 8px;
  flex-grow: 1;
  color: #ffffff;
  border: 3px solid #ffffff;
  box-shadow: 0 0 10px rgba(255, 76, 210, 0.568627451), 0 0 15px rgba(255, 76, 210, 0.568627451), 0 0 20px rgba(255, 76, 210, 0.568627451), 0 0 30px rgba(255, 76, 210, 0.568627451);
  border-radius: 24px;
  font-size: 20px;
  position: relative;
  font-weight: 500;
}
@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: rgba(255, 76, 210, 0.568627451);
  color: #ffffff;
}
#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-goods.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: 60px;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: url("../img/sozai/bg-fireworks2.webp"), rgba(0, 0, 0, 0.9725490196);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
  border: 3px solid #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(255, 76, 210, 0.568627451), 0 0 15px rgba(255, 76, 210, 0.568627451), 0 0 20px rgba(255, 76, 210, 0.568627451), 0 0 30px rgba(255, 76, 210, 0.568627451);
}
@media screen and (max-width:650px) {
  #goods.site-section-content .content-bg {
    padding: 32px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .content-bg {
    padding: 16px;
  }
}
#goods.site-section-content .content-bg .goods-wrapper .heading-h2 {
  font-size: 32px;
  padding: 0 64px 24px;
  margin: 42px 64px 24px;
  border-bottom: 2px solid #362b2b;
  font-weight: bold;
  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: 16px;
}
@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: #362b2b;
  background-color: #ffffff;
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
  border: 3px solid #fff;
  border-radius: 8px;
}
@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 #ffffff;
  font-weight: bold;
}
@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;
  font-weight: bold;
}
@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: rgb(201, 64, 206);
  padding: 10px 15px;
  margin: 0 4px 8px;
  flex-grow: 1;
  color: #ffffff;
  text-shadow: 0 0 8px #912310;
  font-size: 20px;
  border-radius: 50px;
  transition: 0.5s ease;
  position: relative;
}
#goods.site-section-content .content-bg .webshop-btn a:hover {
  background: rgb(179, 50, 184);
}
#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 .kanao {
  background: url("../img/sozai/kanao.webp") no-repeat center/contain;
  width: 296px;
  height: 533px;
  position: absolute;
  bottom: 900px;
  right: 50%;
  margin-right: -765px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .kanao {
    width: 188px;
    height: 400px;
    margin-right: -227px;
    bottom: 0px;
    z-index: 1;
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .kanao {
    margin-right: -207px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .kanao {
    height: 380px;
    margin-right: -189px;
  }
}
#goods.site-section-content .hanabi-kanao {
  background: url("../img/sozai/hanabi-kanao.webp") no-repeat center/contain;
  width: 255px;
  height: 255px;
  position: absolute;
  bottom: 1000px;
  left: 50%;
  margin-left: -720px;
  transform: rotate(-10deg);
}
@media screen and (max-width:650px) {
  #goods.site-section-content .hanabi-kanao {
    margin-left: 36px;
    bottom: 300px;
    transform: rotate(10deg);
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .hanabi-kanao {
    margin-left: 0px;
    bottom: 300px;
    transform: rotate(10deg);
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .hanabi-kanao {
    width: 209px;
    margin-left: -11px;
  }
}
#goods.site-section-content .murata {
  background: url("../img/sozai/murata.webp") no-repeat center/contain;
  width: 390px;
  height: 500px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -843px;
  z-index: 1;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .murata {
    width: 316px;
    height: 381px;
    bottom: 0px;
    margin-left: -295px;
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .murata {
    width: 225px;
    margin-left: -214px;
  }
}
@media screen and (max-width:500px) {
  #goods.site-section-content .murata {
    width: 280px;
    margin-left: -243px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .murata {
    height: 377px;
    margin-left: -225px;
  }
}
#goods.site-section-content .hanabi-murata {
  background: url("../img/sozai/hanabi-murata.png") no-repeat center/contain;
  width: 285px;
  height: 285px;
  position: absolute;
  bottom: 200px;
  right: 50%;
  margin-right: -740px;
  transform: rotate(10deg);
}
@media screen and (max-width:650px) {
  #goods.site-section-content .hanabi-murata {
    margin-right: 0px;
    bottom: 300px;
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .hanabi-murata {
    margin-right: -26px;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .hanabi-murata {
    width: 209px;
    margin-right: -11px;
  }
}

#info {
  width: 100%;
  overflow: hidden;
  height: 100%;
  color: #ffffff;
}
#info.site-section-content {
  padding: 0;
  width: 100%;
}
#info.site-section-content .site-section-inner {
  padding: 60px 0px 80px;
  margin: 0 12px;
  position: relative;
}
@media screen and (max-width:650px) {
  #info.site-section-content .site-section-inner {
    padding: 60px 0 160px;
  }
}
@media screen and (max-width:450px) {
  #info.site-section-content .site-section-inner {
    padding: 60px 0 140px;
  }
}
#info .content-bg {
  max-width: 900px;
  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-event.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 #fff;
  box-shadow: 0 0 10px rgba(92, 255, 114, 0.7411764706), 0 0 15px rgba(92, 255, 114, 0.7411764706), 0 0 20px rgba(92, 255, 114, 0.7411764706), 0 0 30px rgba(92, 255, 114, 0.7411764706);
  background: url("../img/sozai/bg-fireworks2.webp"), rgba(0, 0, 0, 0.9725490196);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
  border-collapse: separate;
  border-radius: 8px;
}
@media screen and (max-width:650px) {
  #info table {
    width: calc(100% - 0px);
    margin-bottom: 40px;
  }
}
#info tr:last-child th {
  border-bottom: none;
}
@media screen and (max-width:650px) {
  #info tr:last-child th {
    border-bottom: 2px solid #fff;
  }
}
#info tr:last-child td {
  border-bottom: none;
}
#info th {
  width: 30%;
  padding: 40px;
  color: #ffffff;
  font-weight: 500;
  vertical-align: middle;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.1764705882);
}
@media screen and (max-width:650px) {
  #info th {
    display: block;
    width: 100%;
    padding: 24px;
    border: 0;
    border-bottom: 2px solid #fff;
  }
}
#info td {
  border-bottom: 2px solid #fff;
  padding: 40px;
}
@media screen and (max-width:650px) {
  #info td {
    display: block;
    padding: 24px;
  }
}
#info td a {
  border-bottom: 1px dashed #ffffff;
  color: #ffffff;
  transition: 0.3s;
}
#info td a:hover {
  opacity: 0.7;
}
#info .store-link-wrap {
  margin-top: 20px;
  max-width: 900px;
  margin: 64px auto 0;
  background: url("../img/sozai/bg-fireworks2.webp"), rgba(0, 0, 0, 0.9725490196);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
  border: 3px solid #fff;
  box-shadow: 0 0 10px rgba(157, 255, 92, 0.2823529412), 0 0 15px rgba(157, 255, 92, 0.2823529412), 0 0 20px rgba(157, 255, 92, 0.2823529412), 0 0 30px rgba(157, 255, 92, 0.2823529412);
  border-radius: 8px;
}
#info .heading-h2 {
  text-align: center;
  margin-bottom: 24px;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.1764705882);
  padding: 24px 0;
  color: #ffffff;
  font-weight: 500;
  border-bottom: solid 2px #ffffff;
}
@media screen and (max-width:650px) {
  #info .heading-h2 {
    font-size: 24px;
  }
}
#info .desc {
  margin-bottom: 24px;
  text-align: center;
  padding: 0 12px;
}
#info .store-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 12px 12px;
}
#info .store-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  width: 300px;
  height: 64px;
  background-color: rgba(92, 255, 114, 0.7411764706);
  border-radius: 8px;
  margin: 8px;
  text-align: center;
  display: table;
}
@media screen and (max-width:650px) {
  #info .store-btn {
    width: 100%;
  }
}
#info .store-btn a {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  border-radius: 8px;
  transition: 0.5s;
  font-size: 16px;
}
@media (hover: hover) and (pointer: fine) {
  #info .store-btn a:hover {
    background: #ffffff;
    border-radius: 8px;
    color: #438815;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #info .store-btn a:hover {
    background: #ffffff;
    border-radius: 8px;
    color: #438815;
  }
}

nav .btn-menu {
  width: 100px;
  height: 100px;
  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: 0rem;
  top: 45%;
  z-index: 999;
  transition: 0.7s;
}
@media screen and (max-width:650px) {
  nav .btn-menu {
    right: 0rem;
    top: -9px;
    width: 80px;
    height: 80px;
  }
}
nav #menu-close {
  position: fixed;
  right: 1rem;
  top: 45%;
  z-index: 4;
}
@media screen and (max-width:650px) {
  nav #menu-close {
    top: 0px;
  }
}
nav .close-btn-menu {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url("../img/sozai/close.png") no-repeat center/contain;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  position: fixed;
  right: 0rem;
  top: 45%;
  z-index: 999;
  transition: 0.7s;
}
@media screen and (max-width:650px) {
  nav .close-btn-menu {
    top: 0px;
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width:500px) {
  nav .close-btn-menu {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width:400px) {
  nav .close-btn-menu {
    width: 60px;
    height: 60px;
  }
}
nav #menu-panel {
  position: fixed;
  top: 0rem;
  right: 0rem;
  z-index: 4;
  padding: 3.5rem 0rem 0;
  width: 580px;
  height: 100%;
  background: url(../img/sozai/bg-fireworks2.webp), rgba(0, 0, 0, 0.9725490196);
  background-attachment: fixed;
  background-size: 600px;
  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: #ffffff;
  position: absolute;
  right: 0rem;
}
@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 {
  width: 95%;
  height: 161px;
}
@media screen and (max-width:550px) {
  nav .list-item {
    height: 140px;
  }
}
@media screen and (max-width:500px) {
  nav .list-item {
    height: 130px;
  }
}
@media screen and (max-width:450px) {
  nav .list-item {
    height: 120px;
  }
}
nav .list-item.store-link, nav .list-item.official-link {
  height: 30px;
  margin-top: 24px;
}
nav .list-item .list-item-event {
  background: url("../img/sozai/nav-title-event.webp") no-repeat center/cover;
  transition: 0.7s;
}
nav .list-item .list-item-menu {
  background: url("../img/sozai/nav-title-menu.webp") no-repeat center/cover;
  transition: 0.7s;
}
nav .list-item .list-item-goods {
  background: url("../img/sozai/nav-title-goods.webp") no-repeat center/cover;
  transition: 0.7s;
}
nav .list-item .list-item-special {
  background: url("../img/sozai/nav-title-special.webp") no-repeat center/cover;
  transition: 0.7s;
}
nav .list-item .list-item-official-link {
  color: #fff;
  transition: 0.7s;
}
nav .list-item .list-item-store-link {
  transition: 0.7s;
}
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: #362b2b;
  font-family: "M PLUS Rounded 1c", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

h1 {
  font-weight: 500;
}

.site-content-wrapper {
  overflow-x: hidden;
  min-width: 1000px;
  background: url("../img/sozai/star.png"), linear-gradient(rgb(29, 42, 81), rgb(21, 89, 168), rgb(21, 134, 168));
  background-attachment: fixed;
  background-size: 1000px;
  background-repeat: repeat;
  position: relative;
}
@media screen and (max-width:650px) {
  .site-content-wrapper {
    min-width: initial;
    background-size: 800px;
  }
}

.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;
}

body::-webkit-scrollbar {
  width: 16px;
}

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

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

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

#menu.site-section-content {
  padding: 0px;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
#menu.site-section-content .site-section-inner {
  padding: 0px 0px;
  margin: 0 12px;
  position: relative;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner {
    padding: 0px 0 600px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner {
    padding: 0px 0 550px;
  }
}
#menu.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-menu.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: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: url("../img/sozai/bg-fireworks2.webp"), rgba(0, 0, 0, 0.9725490196);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
  border: 3px solid #fff;
  border-radius: 8px;
  height: auto;
  color: #fff;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
  box-shadow: 0 0 10px #5075d8, 0 0 15px #5075d8, 0 0 20px #5075d8, 0 0 30px #5075d8;
}
@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 #ffffff;
  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 .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: rgba(255, 255, 255, 0.2901960784);
  font-size: 16px;
  padding: 24px;
  line-height: 1.5rem;
  color: #ffffff;
}
@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 .novelty-detail {
  font-size: 24px;
  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 {
  margin-bottom: 16px;
}
#menu.site-section-content .site-section-inner .tengen {
  background: url("../img/sozai/tengen.webp") no-repeat center/contain;
  width: 255px;
  height: 573px;
  position: absolute;
  bottom: 1800px;
  right: 50%;
  margin-right: -734px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .tengen {
    width: 202px;
    height: 427px;
    bottom: 0;
    margin-right: -236px;
    z-index: 1;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .tengen {
    margin-right: -208px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner .tengen {
    margin-right: -206px;
    height: 376px;
  }
}
#menu.site-section-content .site-section-inner .hanabi-tengen {
  background: url("../img/sozai/hanabi-tengen.webp") no-repeat center/contain;
  width: 255px;
  height: 573px;
  position: absolute;
  bottom: 1800px;
  left: 50%;
  margin-left: -720px;
  transform: rotate(-10deg);
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .hanabi-tengen {
    width: 258px;
    height: 228px;
    bottom: 327px;
    margin-left: -9px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner .hanabi-tengen {
    width: 209px;
    margin-left: -11px;
  }
}
#menu.site-section-content .site-section-inner .shinobu {
  background: url("../img/sozai/shinobu.webp") no-repeat center/contain;
  width: 340px;
  height: 524px;
  position: absolute;
  bottom: 500px;
  left: 50%;
  margin-left: -802px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .shinobu {
    width: 275px;
    height: 400px;
    bottom: 0px;
    margin-left: -277px;
    z-index: 1;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .shinobu {
    margin-left: -240px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .shinobu {
    width: 220px;
    height: 382px;
    bottom: 10px;
    margin-left: -210px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner .shinobu {
    height: 367px;
    bottom: 0;
  }
}
#menu.site-section-content .site-section-inner .hanabi-shinobu {
  background: url("../img/sozai/hanabi-shinobu.webp") no-repeat center/contain;
  width: 259px;
  height: 524px;
  position: absolute;
  bottom: 500px;
  right: 50%;
  margin-right: -736px;
  transform: rotate(10deg);
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .hanabi-shinobu {
    width: 233px;
    height: 290px;
    bottom: 279px;
    margin-right: 15px;
  }
}
@media screen and (max-width:550px) {
  #menu.site-section-content .site-section-inner .hanabi-shinobu {
    margin-right: -13px;
    bottom: 290px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .hanabi-shinobu {
    width: 215px;
  }
}
@media screen and (max-width:450px) {
  #menu.site-section-content .site-section-inner .hanabi-shinobu {
    width: 193px;
  }
}

#loading {
  background: url("../img/sozai/star.png"), linear-gradient(0deg, rgb(9, 58, 114) 0%, rgb(13, 20, 43) 50%);
  background-attachment: fixed;
  background-size: 1000px;
  background-repeat: repeat;
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  height: 100%;
}
@media screen and (max-width:650px) {
  #loading {
    background-size: 700px;
  }
}

.loading-area {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
  position: relative;
}

.loading-icon {
  width: 100%;
  height: 800px;
}
#special.site-section-content {
  padding: 0px;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
#special.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0 12px;
  position: relative;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner {
    padding: 0px 0 500px;
  }
}
@media screen and (max-width:450px) {
  #special.site-section-content .site-section-inner {
    padding: 0px 0 450px;
  }
}
#special.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-special.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 .content-bg {
  padding: 60px;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: url("../img/sozai/bg-fireworks2.webp"), rgba(0, 0, 0, 0.9725490196);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
  border: 3px solid #fff;
  border-radius: 8px;
  height: auto;
  color: #fff;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
  box-shadow: 0 0 10px rgba(195, 24, 211, 0.6784313725), 0 0 15px rgba(195, 24, 211, 0.6784313725), 0 0 20px rgba(195, 24, 211, 0.6784313725), 0 0 30px rgba(195, 24, 211, 0.6784313725);
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 32px 16px 72px;
  }
}
#special.site-section-content .site-section-inner .content-bg .heading-h2 {
  padding: 0 48px 24px;
  margin: 42px 64px 24px;
  border-bottom: 2px solid #ffffff;
  position: relative;
  font-size: 32px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .heading-h2 {
    font-size: 24px;
    padding: 16px 8px 24px;
  }
}
@media screen and (max-width:550px) {
  #special.site-section-content .site-section-inner .content-bg .heading-h2 {
    padding: 0px 0px 16px;
    margin: 42px;
  }
}
@media screen and (max-width:450px) {
  #special.site-section-content .site-section-inner .content-bg .heading-h2 {
    font-size: 22px;
    padding: 0px 0px 16px;
    margin: 24px 32px 16px;
  }
}
@media screen and (max-width:400px) {
  #special.site-section-content .site-section-inner .content-bg .heading-h2 {
    margin: 37px 16px 24px;
  }
}
#special.site-section-content .site-section-inner .content-bg .special-detail {
  font-size: 24px;
  line-height: unset;
}
#special.site-section-content .site-section-inner .content-bg .note_1 {
  font-size: 14px;
  margin: 8px 0 32px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .note_1 {
    margin: 8px 0 24px;
  }
}
#special.site-section-content .site-section-inner .content-bg .special-photo {
  margin-bottom: 16px;
}
#special.site-section-content .site-section-inner .genya {
  background: url("../img/sozai/genya.webp") no-repeat center/contain;
  width: 344px;
  height: 556px;
  position: absolute;
  bottom: 383px;
  right: 50%;
  margin-right: -841px;
  z-index: 1;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .genya {
    width: 321px;
    height: 426px;
    bottom: 56px;
    margin-right: -296px;
  }
}
@media screen and (max-width:550px) {
  #special.site-section-content .site-section-inner .genya {
    margin-right: -273px;
  }
}
@media screen and (max-width:500px) {
  #special.site-section-content .site-section-inner .genya {
    margin-right: -253px;
  }
}
@media screen and (max-width:450px) {
  #special.site-section-content .site-section-inner .genya {
    height: 380px;
    margin-right: -230px;
  }
}
#special.site-section-content .site-section-inner .hanabi-genya {
  background: url("../img/sozai/hanabi-genya.webp") no-repeat center/contain;
  width: 285px;
  height: 285px;
  position: absolute;
  bottom: 383px;
  left: 50%;
  margin-left: -780px;
  transform: rotate(-20deg);
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .hanabi-genya {
    margin-left: -257px;
    width: 255px;
    height: 255px;
    bottom: 160px;
  }
}
@media screen and (max-width:550px) {
  #special.site-section-content .site-section-inner .hanabi-genya {
    margin-left: -220px;
  }
}
@media screen and (max-width:450px) {
  #special.site-section-content .site-section-inner .hanabi-genya {
    bottom: 127px;
    width: 230px;
    height: 230px;
    margin-left: -190px;
  }
}

#official.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  color: #ffffff;
}
#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: 64px 32px 200px;
  margin: 0 12px;
  position: relative;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner {
    padding: 0px 0 500px;
  }
}
#official.site-section-content .site-section-inner .back-to-top {
  background: url("../img/sozai/top.png") no-repeat center/contain;
  width: 200px;
  height: 200px;
  position: absolute;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  bottom: -8px;
  right: 0rem;
  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: 100px;
    height: 100px;
    bottom: -6px;
    right: -1rem;
  }
}
#official.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-ufo.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: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: url("../img/sozai/bg-fireworks2.webp"), rgba(0, 0, 0, 0.9725490196);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
  border: 3px solid #fff;
  border-radius: 8px;
  height: auto;
  color: #fff;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
  box-shadow: 0 0 10px #35c4b1, 0 0 15px #35c4b1, 0 0 20px #35c4b1, 0 0 30px #35c4b1;
}
@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 .muichiro {
  background: url("../img/sozai/muichiro.webp") no-repeat center/contain;
  width: 346px;
  height: 550px;
  position: absolute;
  bottom: 184px;
  right: 50%;
  margin-right: -813px;
  z-index: 1;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .muichiro {
    width: 233px;
    height: 470px;
    bottom: 29px;
    margin-right: -229px;
  }
}
@media screen and (max-width:550px) {
  #official.site-section-content .site-section-inner .muichiro {
    bottom: 24px;
    margin-right: -204px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .site-section-inner .muichiro {
    margin-right: -201px;
  }
}
@media screen and (max-width:400px) {
  #official.site-section-content .site-section-inner .muichiro {
    height: 380px;
    bottom: 95px;
  }
}
#official.site-section-content .site-section-inner .hanabi-muichiro {
  background: url("../img/sozai/hanabi-muichiro.webp") no-repeat center/contain;
  width: 336px;
  height: 403px;
  position: absolute;
  bottom: 294px;
  left: 50%;
  margin-left: -824px;
  transform: rotate(-20deg);
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .hanabi-muichiro {
    width: 258px;
    height: 339px;
    bottom: 111px;
    margin-left: -267px;
  }
}
@media screen and (max-width:550px) {
  #official.site-section-content .site-section-inner .hanabi-muichiro {
    width: 228px;
    height: 288px;
    bottom: 155px;
    margin-left: -236px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .site-section-inner .hanabi-muichiro {
    bottom: 157px;
  }
}
@media screen and (max-width:400px) {
  #official.site-section-content .site-section-inner .hanabi-muichiro {
    margin-left: -200px;
  }
}

#store.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#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 12px;
  margin: 0 12px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner {
    padding: 0px 0 500px;
  }
}
#store.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title-stores.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  margin-bottom: 40px;
}
@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: 60px;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: url("../img/sozai/bg-fireworks2.webp"), rgba(0, 0, 0, 0.9725490196);
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
  border: 3px solid #fff;
  border-radius: 8px;
  height: auto;
  color: #fff;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
  box-shadow: 0 0 10px #5075d8, 0 0 15px #5075d8, 0 0 20px #5075d8, 0 0 30px #5075d8;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 32px 16px 72px;
  }
}
#store.site-section-content .site-section-inner .content-bg .store-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  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.4745098039);
  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: #ffffff;
  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 .giyu {
  background: url("../img/sozai/giyu.webp") no-repeat center/contain;
  width: 323px;
  height: 566px;
  position: absolute;
  bottom: 357px;
  left: 50%;
  margin-left: -806px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .giyu {
    width: 277px;
    height: 435px;
    margin-left: -237px;
    bottom: 45px;
  }
}
@media screen and (max-width:550px) {
  #store.site-section-content .site-section-inner .giyu {
    margin-left: -250px;
  }
}
@media screen and (max-width:500px) {
  #store.site-section-content .site-section-inner .giyu {
    width: 306px;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .site-section-inner .giyu {
    margin-left: -235px;
    height: 409px;
  }
}
#store.site-section-content .site-section-inner .hanabi-giyu {
  background: url("../img/sozai/hanabi-giyu.webp") no-repeat center/contain;
  width: 285px;
  height: 285px;
  position: absolute;
  bottom: 434px;
  right: 50%;
  margin-right: -762px;
  transform: rotate(24deg);
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .hanabi-giyu {
    margin-right: -245px;
    bottom: 162px;
    width: 250px;
    height: 274px;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .site-section-inner .hanabi-giyu {
    width: 240px;
    height: 240px;
    margin-right: -212px;
  }
}/*# sourceMappingURL=style.css.map */