@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#about.site-section-content {
  padding: 120px;
}
@media screen and (max-width:650px) {
  #about.site-section-content {
    padding: 100px 16px 140px;
  }
}
#about.site-section-content .site-section-inner .content-holder {
  text-align: center;
  position: relative;
}
#about.site-section-content .site-section-inner .content-holder h1 {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 52px;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .content-holder h1 {
    font-size: 20px;
    line-height: 40px;
  }
}
@media screen and (max-width:450px) {
  #about.site-section-content .site-section-inner .content-holder h1 {
    font-size: 18px;
    line-height: 36px;
  }
}

header {
  width: 100%;
  margin: auto;
  max-width: 1920px;
  position: relative;
  min-height: 562px;
  background: url("../img/sozai/header-pc.webp");
  background-position: top;
  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-sp.webp");
    background-size: contain;
    background-repeat: no-repeat;
    height: min(216.3076923077vw, 1406px);
  }
}
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;
  background: url("../img/sozai/bg-fog2.webp");
  background-size: 100%;
  background-position: top -1000px;
  background-repeat: repeat, no-repeat, repeat;
  /* スライド移動の各ボタン */
  /* 1番目のスライドの前へ次へボタンの領域 */
}
#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: 30px 0px;
  }
}
#goods.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title.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.png") no-repeat center/contain;
  width: 100%;
  height: 120px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
    font-size: 36px;
  }
}
@media screen and (max-width:500px) {
  #goods.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
#goods.site-section-content .site-section-inner .tabs {
  margin-top: 50px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  max-width: 900px;
  margin: 0 auto;
}
#goods.site-section-content .site-section-inner .tab_item {
  width: 50%;
  height: 50px;
  background-color: #f7f7f7;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: characters 0.2s ease;
}
#goods.site-section-content .site-section-inner .tab_item.tab_chara {
  background-color: #312d29;
  color: #f7f7f7;
}
#goods.site-section-content .site-section-inner input[name=tab_item] {
  display: none;
}
#goods.site-section-content .site-section-inner .tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
  background-color: #f7f7f7;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .site-section-inner .tab_content {
    padding: 24px 16px 0;
  }
}
#goods.site-section-content .site-section-inner .tab_content.tab_content_chara {
  background: #312d29;
  color: #f7f7f7;
}
#goods.site-section-content .site-section-inner #characters:checked ~ #characters_content,
#goods.site-section-content .site-section-inner #merchandise:checked ~ #merchandise_content,
#goods.site-section-content .site-section-inner #design:checked ~ #design_content {
  display: block;
  pointer-events: auto;
}
#goods.site-section-content .site-section-inner .tab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto 8px;
}
#goods.site-section-content .site-section-inner button {
  background: #312d29;
  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.btn-tanjiro {
  border: 3px solid #158f6e;
}
#goods.site-section-content .site-section-inner button.btn-tanjiro.active {
  background-color: #158f6e;
}
#goods.site-section-content .site-section-inner button.btn-nezuko {
  border: 3px solid #c58195;
}
#goods.site-section-content .site-section-inner button.btn-nezuko.active {
  background-color: #c58195;
  color: #312d29;
}
#goods.site-section-content .site-section-inner button.btn-zenitsu {
  border: 3px solid #eebe06;
}
#goods.site-section-content .site-section-inner button.btn-zenitsu.active {
  background-color: #eebe06;
  color: #312d29;
}
#goods.site-section-content .site-section-inner button.btn-inosuke {
  border: 3px solid #779bbf;
}
#goods.site-section-content .site-section-inner button.btn-inosuke.active {
  background-color: #779bbf;
}
#goods.site-section-content .site-section-inner button.btn-kanao {
  border: 3px solid #d29ebb;
}
#goods.site-section-content .site-section-inner button.btn-kanao.active {
  background-color: #d29ebb;
  color: #312d29;
}
#goods.site-section-content .site-section-inner button.btn-murata {
  border: 3px solid #77797c;
}
#goods.site-section-content .site-section-inner button.btn-murata.active {
  background-color: #77797c;
}
#goods.site-section-content .site-section-inner button.btn-genya {
  border: 3px solid #825f7f;
}
#goods.site-section-content .site-section-inner button.btn-genya.active {
  background-color: #825f7f;
}
#goods.site-section-content .site-section-inner button.btn-merchandise.active {
  background-color: #8f1e22;
}
#goods.site-section-content .site-section-inner .spacer {
  width: 100%;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .site-section-inner .spacer {
    width: unset;
  }
}
#goods.site-section-content .site-section-inner .tab-content {
  display: none;
}
#goods.site-section-content .site-section-inner .tab-content.active {
  display: block;
}
#goods.site-section-content .carousel {
  /* 水平方向中央寄せ */
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  /* カルーセル内容 */
  /* スライド切り換え用ラジオボタンは常に非表示 */
  /* 各スライド */
  /* 前へ次へボタン */
  /* ホバー時にボタンを強調 */
  /* 前へボタン */
  /* 次へボタン */
}
#goods.site-section-content .carousel .contains {
  width: 500px;
  position: relative;
  padding: 0;
  margin: 0 auto;
  aspect-ratio: 1/1;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .carousel .contains {
    width: 100%;
  }
}
#goods.site-section-content .carousel .slide_select {
  display: none;
}
#goods.site-section-content .carousel .slide {
  max-width: 100%;
  position: absolute;
  /* スライドの初期値は選択されていないので透明にしておく */
  opacity: 0;
  top: 0;
  pointer-events: none;
}
#goods.site-section-content .carousel .slide .goods-detail {
  text-align: center;
}
#goods.site-section-content .carousel .slide .goods-detail .goods-name,
#goods.site-section-content .carousel .slide .goods-detail .goods-price {
  font-size: 18px;
  margin: 8px 0;
}
#goods.site-section-content .carousel .slide .goods-detail .goods-text {
  margin-bottom: 16px;
}
#goods.site-section-content .carousel .slide .goods-detail .webshop-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  text-align: center;
  background: #8f1e22;
  padding: 10px 15px;
  margin: 0 4px 8px;
  flex-grow: 1;
  font-size: 20px;
  border-radius: 50px;
  transition: 0.5s ease;
  position: relative;
  color: #f7f7f7;
}
#goods.site-section-content .carousel .slide .goods-detail .webshop-btn a:hover {
  background: #a0282c;
}
#goods.site-section-content .carousel .slide .goods-detail .webshop-btn a:hover:before, #goods.site-section-content .carousel .slide .goods-detail .webshop-btn a:hover:after {
  display: block;
}
#goods.site-section-content .carousel .scroll_button {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  color: #8f1e22;
  /* 縦中央から20px上の位置 */
  top: 33%;
  margin-top: -20px;
  /* 上辺と右辺のみ幅5pxの枠線 */
  border-width: 5px 5px 0 0;
  border-style: solid;
  cursor: pointer;
  /* 普段はボタンはやや薄くする */
  opacity: 0.7;
  /* スライドよりも前面にする */
  z-index: 3;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .carousel .scroll_button {
    top: 36%;
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .carousel .scroll_button {
    top: 34%;
  }
}
@media screen and (max-width:500px) {
  #goods.site-section-content .carousel .scroll_button {
    top: 32%;
  }
}
@media screen and (max-width:450px) {
  #goods.site-section-content .carousel .scroll_button {
    top: 30%;
  }
}
#goods.site-section-content .carousel .scroll_button:hover {
  opacity: 1;
}
#goods.site-section-content .carousel .scroll_prev {
  left: 15px;
  transform: rotate(-135deg);
}
#goods.site-section-content .carousel .scroll_next {
  right: 15px;
  transform: rotate(45deg);
}
#goods.site-section-content .carousel-btn {
  display: flex;
  overflow-x: unset;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 260px 0 40px;
  gap: 8px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .carousel-btn {
    overflow-x: auto;
    justify-content: unset;
    margin-top: 240px;
    gap: 0px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width:600px) {
  #goods.site-section-content .carousel-btn {
    margin-top: 240px;
  }
}
@media screen and (max-width:550px) {
  #goods.site-section-content .carousel-btn {
    margin-top: 280px;
  }
}
@media screen and (max-width:400px) {
  #goods.site-section-content .carousel-btn {
    margin-top: 280px;
  }
}
#goods.site-section-content .button_move {
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 100px;
  height: 100px;
  margin: 0 8px;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
  width: 100px;
  height: 100px;
}
@media screen and (max-width:650px) {
  #goods.site-section-content .button_move {
    width: 70px;
    height: 70px;
  }
}
#goods.site-section-content .button_move.tanjiro:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.tanjiro:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#goods.site-section-content .button_move.tanjiro:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#goods.site-section-content .button_move.tanjiro:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.tanjiro:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#goods.site-section-content .button_move.tanjiro:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#goods.site-section-content .button_move.tanjiro:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.tanjiro:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#goods.site-section-content .button_move.tanjiro:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#goods.site-section-content .button_move.tanjiro:nth-child(4) {
  background: url("../img/goods/card-tanjiro.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#goods.site-section-content .button_move.tanjiro:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#goods.site-section-content .button_move.tanjiro:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#goods.site-section-content .button_move.tanjiro:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.tanjiro:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#goods.site-section-content .button_move.tanjiro:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#goods.site-section-content .button_move.nezuko:nth-child(1) {
  background: url("../img/goods/emotional-c_nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.nezuko:nth-child(2) {
  background: url("../img/goods/maniac-nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.nezuko:nth-child(3) {
  background: url("../img/goods/pins-nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.nezuko:nth-child(4) {
  background: url("../img/goods/card-nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.nezuko:nth-child(5) {
  background: url("../img/goods/kizunacharm-nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.zenitsu:nth-child(1) {
  background: url("../img/goods/emotional-c_zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.zenitsu:nth-child(2) {
  background: url("../img/goods/maniac-zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.zenitsu:nth-child(3) {
  background: url("../img/goods/pins-zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.zenitsu:nth-child(4) {
  background: url("../img/goods/card-zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.zenitsu:nth-child(5) {
  background: url("../img/goods/kizunacharm-zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.inosuke:nth-child(1) {
  background: url("../img/goods/emotional-c_inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.inosuke:nth-child(2) {
  background: url("../img/goods/maniac-inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.inosuke:nth-child(3) {
  background: url("../img/goods/pins-inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.inosuke:nth-child(4) {
  background: url("../img/goods/card-inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.inosuke:nth-child(5) {
  background: url("../img/goods/kizunacharm-inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kanao:nth-child(1) {
  background: url("../img/goods/emotional-c_kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kanao:nth-child(2) {
  background: url("../img/goods/maniac-kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kanao:nth-child(3) {
  background: url("../img/goods/pins-kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kanao:nth-child(4) {
  background: url("../img/goods/card-kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kanao:nth-child(5) {
  background: url("../img/goods/kizunacharm-kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.genya:nth-child(1) {
  background: url("../img/goods/emotional-c_genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.genya:nth-child(2) {
  background: url("../img/goods/maniac-genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.genya:nth-child(3) {
  background: url("../img/goods/pins-genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.genya:nth-child(4) {
  background: url("../img/goods/card-genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.genya:nth-child(5) {
  background: url("../img/goods/kizunacharm-genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.murata:nth-child(1) {
  background: url("../img/goods/emotional-c_murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.murata:nth-child(2) {
  background: url("../img/goods/maniac-murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.murata:nth-child(3) {
  background: url("../img/goods/pins-murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.murata:nth-child(4) {
  background: url("../img/goods/card-murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.murata:nth-child(5) {
  background: url("../img/goods/kizunacharm-murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.emo:nth-child(1) {
  background: url("../img/goods/emotional-c_tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.emo:nth-child(2) {
  background: url("../img/goods/emotional-c_nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.emo:nth-child(3) {
  background: url("../img/goods/emotional-c_zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.emo:nth-child(4) {
  background: url("../img/goods/emotional-c_inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.emo:nth-child(5) {
  background: url("../img/goods/emotional-c_kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.emo:nth-child(6) {
  background: url("../img/goods/emotional-c_genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.emo:nth-child(7) {
  background: url("../img/goods/emotional-c_murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.maniac:nth-child(1) {
  background: url("../img/goods/maniac-tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.maniac:nth-child(2) {
  background: url("../img/goods/maniac-nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.maniac:nth-child(3) {
  background: url("../img/goods/maniac-zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.maniac:nth-child(4) {
  background: url("../img/goods/maniac-inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.maniac:nth-child(5) {
  background: url("../img/goods/maniac-kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.maniac:nth-child(6) {
  background: url("../img/goods/maniac-genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.maniac:nth-child(7) {
  background: url("../img/goods/maniac-murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.pins:nth-child(1) {
  background: url("../img/goods/pins-tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.pins:nth-child(2) {
  background: url("../img/goods/pins-nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.pins:nth-child(3) {
  background: url("../img/goods/pins-zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.pins:nth-child(4) {
  background: url("../img/goods/pins-inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.pins:nth-child(5) {
  background: url("../img/goods/pins-kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.pins:nth-child(6) {
  background: url("../img/goods/pins-genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.pins:nth-child(7) {
  background: url("../img/goods/pins-murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.card:nth-child(1) {
  background: url("../img/goods/card-tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.card:nth-child(2) {
  background: url("../img/goods/card-nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.card:nth-child(3) {
  background: url("../img/goods/card-zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.card:nth-child(4) {
  background: url("../img/goods/card-inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.card:nth-child(5) {
  background: url("../img/goods/card-kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.card:nth-child(6) {
  background: url("../img/goods/card-genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.card:nth-child(7) {
  background: url("../img/goods/card-murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kizunacharm:nth-child(1) {
  background: url("../img/goods/kizunacharm-tanjiro.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kizunacharm:nth-child(2) {
  background: url("../img/goods/kizunacharm-nezuko.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kizunacharm:nth-child(3) {
  background: url("../img/goods/kizunacharm-zenitsu.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kizunacharm:nth-child(4) {
  background: url("../img/goods/kizunacharm-inosuke.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kizunacharm:nth-child(5) {
  background: url("../img/goods/kizunacharm-kanao.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kizunacharm:nth-child(6) {
  background: url("../img/goods/kizunacharm-genya.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move.kizunacharm:nth-child(7) {
  background: url("../img/goods/kizunacharm-murata.webp") no-repeat center/contain;
}
#goods.site-section-content .button_move:hover {
  opacity: 0.75;
}
#goods.site-section-content .slide_select:nth-of-type(1):checked ~ .slide:nth-of-type(1) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(1):checked ~ .move_controler .button_move:nth-of-type(1) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(2):checked ~ .slide:nth-of-type(2) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(2):checked ~ .move_controler .button_move:nth-of-type(2) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(3):checked ~ .slide:nth-of-type(3) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(3):checked ~ .move_controler .button_move:nth-of-type(3) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(4):checked ~ .slide:nth-of-type(4) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(4):checked ~ .move_controler .button_move:nth-of-type(4) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(5):checked ~ .slide:nth-of-type(5) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(5):checked ~ .move_controler .button_move:nth-of-type(5) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(6):checked ~ .slide:nth-of-type(6) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(6):checked ~ .move_controler .button_move:nth-of-type(6) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(7):checked ~ .slide:nth-of-type(7) {
  opacity: 1;
  pointer-events: auto;
}
#goods.site-section-content .slide_select:nth-of-type(7):checked ~ .move_controler .button_move:nth-of-type(7) {
  opacity: 1;
  pointer-events: auto;
}

#info {
  width: 100%;
  overflow: hidden;
  height: 100%;
  color: #f7f7f7;
}
#info.site-section-content {
  width: 100%;
}
#info.site-section-content .site-section-inner {
  padding: 0 0 60px;
  margin: 0 12px;
  position: relative;
}
@media screen and (max-width:650px) {
  #info.site-section-content .site-section-inner {
    padding: 30px 0px;
  }
}
#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.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.png") no-repeat center/contain;
  width: 100%;
  height: 120px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #info .heading-h1 {
    margin-bottom: 24px;
    font-size: 36px;
  }
}
@media screen and (max-width:500px) {
  #info .heading-h1 {
    margin-bottom: 16px;
  }
}
#info table {
  width: calc(100% - 0px);
  font-size: 18px;
  border: 3px solid #312d29;
  background: #f7f7f7;
  border-collapse: separate;
  border-radius: 8px;
  color: #312d29;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #info table {
    width: calc(100% - 0px);
    margin-bottom: 40px;
  }
}
#info table tr:last-child th {
  border-bottom: none;
}
#info table tr:last-child td {
  border-bottom: none;
}
#info table th {
  width: 30%;
  padding: 32px;
  color: #f7f7f7;
  background: #312d29;
  vertical-align: middle;
}
@media screen and (max-width:650px) {
  #info table th {
    display: block;
    width: 100%;
    padding: 24px;
    border: 0;
  }
}
#info table td {
  border-bottom: 2px solid #312d29;
  padding: 10px;
}
@media screen and (max-width:650px) {
  #info table td {
    display: block;
    border: none;
  }
}
#info table td a {
  border-bottom: 1px dashed #312d29;
  color: #312d29;
  transition: 0.3s;
}
#info table td a:hover {
  opacity: 0.7;
}
#info .site-link-wrapper {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
#info .site-link-wrapper .site-link {
  min-width: 360px;
}
#info .site-link-wrapper .site-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  text-align: center;
  background: #8f1e22;
  padding: 10px 15px;
  margin: 0 4px 8px;
  flex-grow: 1;
  font-size: 20px;
  border-radius: 50px;
  width: 100%;
  margin: 0;
  color: #f7f7f7;
  transition: 0.5s ease;
  position: relative;
  border: none;
}
#info .site-link-wrapper .site-link a:hover {
  background-position: 100% 0%;
}
#info .site-link-wrapper .site-link a:hover:before, #info .site-link-wrapper .site-link a:hover:after {
  display: block;
}

*,
*::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: #312d29;
  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;
  position: relative;
}
@media screen and (max-width:650px) {
  .site-content-wrapper {
    min-width: initial;
  }
}

.bg {
  background: url("../img/sozai/bg-chara2.webp");
  background-size: 100%;
  background-position: top -1000px;
  background-repeat: repeat, no-repeat, repeat;
}
@media screen and (max-width:650px) {
  .bg {
    background-size: 110%;
  }
}

.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: #312d29;
}

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%;
}
#menu.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0 12px;
  position: relative;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner {
    padding: 30px 0px;
  }
}
#menu.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title.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-l.png") no-repeat center/contain;
  width: 100%;
  height: 100px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .heading-h1 {
    font-size: 36px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #menu.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
#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: #312d29;
  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;
  }
}
#menu.site-section-content .site-section-inner .content-bg .heading-h2,
#menu.site-section-content .site-section-inner .content-bg .heading-h3 {
  padding: 10px 38px 24px;
  margin: 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;
    margin: 16px;
  }
}
@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;
  }
}
@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;
  }
}
@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 .drink-flavor {
  font-size: 18px;
  margin-bottom: 6px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .drink-flavor {
    font-size: 16px;
  }
}
#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 {
  background-color: #f7f7f7;
  font-size: 16px;
  padding: 24px;
  line-height: 1.5rem;
  color: #312d29;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .menu-detail {
    padding: 16px;
    margin-bottom: 16px;
  }
}
#menu.site-section-content .site-section-inner .content-bg .novelty-detail {
  background-color: #f7f7f7;
  font-size: 16px;
  padding: 24px;
  line-height: 1.5rem;
  color: #312d29;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .content-bg .novelty-detail {
    padding: 16px;
  }
}
#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: 16px 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 .chara-drink-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .chara-drink-container {
    gap: 16px;
  }
}
#menu.site-section-content .site-section-inner .chara-drink-card {
  display: flex;
  flex-direction: column;
  max-width: 330px;
  background: #f7f7f7;
  color: #312d29;
  width: 100%;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .chara-drink-card {
    max-width: unset;
  }
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name {
  padding: 4px;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name {
    font-size: 18px;
  }
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-tanjiro {
  background: #158f6e;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-nezuko {
  background: #c58195;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-zenitsu {
  background: #eebe06;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-inosuke {
  background: #779bbf;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-kanao {
  background: #d29ebb;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-genya {
  background: #825f7f;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-murata {
  background: #77797c;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-giyu {
  background: #5888cb;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-shinobu {
  background: #91779d;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-rengoku {
  background: #ad4038;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-uzui {
  background: #64728d;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-muichiro {
  background: #9ac5c0;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-mitsuri {
  background: #d08ea9;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-sanemi {
  background: #7ea43d;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-iguro {
  background: #9995bc;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-name.drink-himejima {
  background: #987429;
}
#menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-detail-wrapper {
  padding: 16px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner .chara-drink-card .chara-drink-detail-wrapper {
    font-size: 16px;
    padding: 8px;
  }
}
#menu.site-section-content .site-section-inner .chara-drink-card .drink-desc {
  margin-bottom: 8px;
}
#menu.site-section-content .site-section-inner .chara-drink-card .drink-alg {
  font-size: 14px;
}
#menu.site-section-content .site-section-inner table {
  width: calc(100% - 0px);
  font-size: 16px;
  border: 3px solid #312d29;
  background: #f7f7f7;
  border-collapse: separate;
  border-radius: 8px;
  color: #312d29;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner table {
    width: calc(100% - 0px);
    margin-bottom: 16px;
  }
}
#menu.site-section-content .site-section-inner table tr:last-child th {
  border-bottom: none;
}
#menu.site-section-content .site-section-inner table tr:last-child td {
  border-bottom: none;
}
#menu.site-section-content .site-section-inner table th {
  width: 30%;
  padding: 10px;
  color: #f7f7f7;
  background: #312d29;
  vertical-align: middle;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner table th {
    display: block;
    width: 100%;
    border: 0;
  }
}
#menu.site-section-content .site-section-inner table td {
  border-bottom: 2px solid #312d29;
  padding: 10px;
}
@media screen and (max-width:650px) {
  #menu.site-section-content .site-section-inner table td {
    display: block;
    border: none;
  }
}
#menu.site-section-content .site-section-inner table td a {
  color: #312d29;
  transition: 0.3s;
}
#menu.site-section-content .site-section-inner table td a:hover {
  opacity: 0.7;
}

#special.site-section-content {
  padding: 0px;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: url("../img/sozai/bg-fog2.webp");
  background-size: 100%;
  background-position: top -1000px;
  background-repeat: repeat, no-repeat, repeat;
}
#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: 30px 0px;
  }
}
#special.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title.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.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;
    font-size: 36px;
  }
}
@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 .heading-h2 {
  padding: 0 48px 24px;
  margin: 24px;
  border-bottom: 2px solid #f7f7f7;
  position: relative;
  font-size: 32px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .heading-h2 {
    font-size: 24px;
    margin: 16px;
  }
}
@media screen and (max-width:550px) {
  #special.site-section-content .site-section-inner .heading-h2 {
    padding: 0px 0px 16px;
  }
}
@media screen and (max-width:450px) {
  #special.site-section-content .site-section-inner .heading-h2 {
    font-size: 22px;
    padding: 0px 0px 16px;
  }
}
#special.site-section-content .site-section-inner h3 {
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner h3 {
    font-size: 20px;
  }
}
#special.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: #312d29;
  border-radius: 24px;
  height: auto;
  color: #f7f7f7;
  margin: 0 auto 24px;
  text-align: center;
  font-size: 24px;
  max-width: 1300px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 32px 16px;
  }
}
#special.site-section-content .site-section-inner .content-bg .special-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  gap: 16px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner .content-bg .special-wrapper {
    flex-direction: column;
  }
}
#special.site-section-content .site-section-inner .content-bg a .special-img {
  flex: 0 0 400px;
  max-width: 100%;
}
#special.site-section-content .site-section-inner .content-bg a .special-img img {
  display: block;
  width: 100%;
  height: auto;
}
#special.site-section-content .site-section-inner .content-bg a .special-img.inosuke {
  margin-bottom: 24px;
}
#special.site-section-content .site-section-inner .content-bg .special-detail {
  flex-basis: auto;
}
#special.site-section-content .site-section-inner p {
  color: #f7f7f7;
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner p {
    margin-bottom: 24px;
  }
}
#special.site-section-content .site-section-inner table {
  width: calc(100% - 0px);
  font-size: 16px;
  border: 3px solid #312d29;
  background: #f7f7f7;
  border-collapse: separate;
  border-radius: 8px;
  color: #312d29;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner table {
    width: calc(100% - 0px);
    margin-bottom: 16px;
  }
}
#special.site-section-content .site-section-inner table tr:last-child th {
  border-bottom: none;
}
#special.site-section-content .site-section-inner table tr:last-child td {
  border-bottom: none;
}
#special.site-section-content .site-section-inner table th {
  width: 30%;
  padding: 10px;
  color: #f7f7f7;
  background: #312d29;
  vertical-align: middle;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner table th {
    display: block;
    width: 100%;
    border: 0;
  }
}
#special.site-section-content .site-section-inner table td {
  border-bottom: 2px solid #312d29;
  padding: 10px;
}
@media screen and (max-width:650px) {
  #special.site-section-content .site-section-inner table td {
    display: block;
    border: none;
  }
}
#special.site-section-content .site-section-inner table td a {
  color: #312d29;
  transition: 0.3s;
}
#special.site-section-content .site-section-inner table td a:hover {
  opacity: 0.7;
}
#special.site-section-content .site-section-inner .webshop-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  text-align: center;
  background: #8f1e22;
  padding: 10px 15px;
  margin: 0 4px 8px;
  flex-grow: 1;
  font-size: 20px;
  border-radius: 50px;
  height: 80px;
  transition: 0.5s ease;
  position: relative;
  color: #f7f7f7;
  max-width: 500px;
  margin: 24px auto 0;
}
#special.site-section-content .site-section-inner .webshop-btn a:hover {
  background-color: #a0282c;
}
#special.site-section-content .site-section-inner .webshop-btn a:hover:before, #special.site-section-content .site-section-inner .webshop-btn a:hover:after {
  display: block;
}

#official.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#official.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0 12px;
  position: relative;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner {
    padding: 30px 0px;
  }
}
#official.site-section-content .site-section-inner .back-to-top {
  background: url("../img/sozai/top.png") no-repeat center/contain;
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 10px;
  right: 20px;
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  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: 10px;
    right: 0rem;
  }
}
@media screen and (max-width:550px) {
  #official.site-section-content .site-section-inner .back-to-top {
    width: 60px;
    height: 60px;
  }
}
#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: #312d29;
  border-radius: 24px;
  height: auto;
  background: #312d29;
  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;
  }
}
#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-h1 {
  background: url("../img/sozai/title.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-l.png") no-repeat center/contain;
  width: 100%;
  height: 100px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .heading-h1 {
    margin-bottom: 24px;
    font-size: 36px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .heading-h1 {
    margin-bottom: 0;
  }
}
#official.site-section-content .heading-h2 {
  margin: 24px 0;
  font-size: 24px;
}
@media screen and (max-width:400px) {
  #official.site-section-content .heading-h2 {
    font-size: 16px;
  }
}

#store.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#store.site-section-content .heading-h2 {
  margin-bottom: 32px;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .heading-h2 {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
#store.site-section-content .heading-h1 {
  background: url("../img/sozai/title.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-l.png") no-repeat center/contain;
  width: 100%;
  height: 100px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .heading-h1 {
    margin-bottom: 24px;
    font-size: 36px;
  }
}
@media screen and (max-width:500px) {
  #store.site-section-content .heading-h1 {
    margin-bottom: 16px;
  }
}
#store.site-section-content .site-section-inner {
  text-align: center;
  position: relative;
  padding: 60px 0px 0px;
  margin: 0 12px;
  position: relative;
}
#store.site-section-content .site-section-inner .content-bg {
  padding: 40px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #f7f7f7;
  background: #312d29;
  border-radius: 24px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 24px;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 16px;
  }
}
#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;
  }
}

/* スライド移動の各ボタン */
.button_move {
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 100px;
  height: 100px;
  margin: 0 8px;
  cursor: pointer;
  z-index: 2;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
@media screen and (max-width:650px) {
  .button_move {
    width: 70px;
    height: 70px;
  }
}
.button_move:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_tanjiro.webp") no-repeat center/contain;
}
.button_move:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
.button_move:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
.button_move:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-tanjiro.webp") no-repeat center/contain;
}
.button_move:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
.button_move:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
.button_move:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-tanjiro.webp") no-repeat center/contain;
}
.button_move:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
.button_move:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
.button_move:nth-child(4) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/card-tanjiro.webp") no-repeat center/contain;
}
.button_move:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
.button_move:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
.button_move:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-tanjiro.webp") no-repeat center/contain;
}
.button_move:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
.button_move:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}

.button_move:hover {
  opacity: 0.75;
}

.slide_select:nth-of-type(1):checked ~ .slide:nth-of-type(1) {
  opacity: 1;
}

/* 1番目のスライドの前へ次へボタンの領域 */
.slide_select:nth-of-type(1):checked ~ .move_controler .button_move:nth-of-type(1) {
  opacity: 1;
}

.slide_select:nth-of-type(2):checked ~ .slide:nth-of-type(2) {
  opacity: 1;
}

.slide_select:nth-of-type(2):checked ~ .move_controler .button_move:nth-of-type(2) {
  opacity: 1;
}

.slide_select:nth-of-type(3):checked ~ .slide:nth-of-type(3) {
  opacity: 1;
}

.slide_select:nth-of-type(3):checked ~ .move_controler .button_move:nth-of-type(3) {
  opacity: 1;
}

.slide_select:nth-of-type(4):checked ~ .slide:nth-of-type(4) {
  opacity: 1;
}

.slide_select:nth-of-type(4):checked ~ .move_controler .button_move:nth-of-type(4) {
  opacity: 1;
}

.slide_select:nth-of-type(5):checked ~ .slide:nth-of-type(5) {
  opacity: 1;
}

.slide_select:nth-of-type(5):checked ~ .move_controler .button_move:nth-of-type(5) {
  opacity: 1;
}

#archive.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  /* スライド移動の各ボタン */
  /* 1番目のスライドの前へ次へボタンの領域 */
}
#archive.site-section-content .site-section-inner {
  padding: 60px 0px;
  margin: 0 12px;
  position: relative;
  /*-----------タブ切り替え全体のスタイル-------------*/
  /*タブのスタイル*/
  /*ラジオボタンを全て消す*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのコンテンツのみを表示*/
  /*選択されているタブのスタイルを変える*/
  /*-----------タブ切り替え全体のスタイル-------------*/
  /*-----------コンテンツ内 ボタンでキャラクター切り替え-------------*/
  /*-----------コンテンツ内 ボタンでキャラクター切り替え-------------*/
}
@media screen and (max-width:650px) {
  #archive.site-section-content .site-section-inner {
    padding: 30px 0px;
  }
}
#archive.site-section-content .site-section-inner .heading-h1 {
  background: url("../img/sozai/title.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-l.png") no-repeat center/contain;
  width: 100%;
  height: 120px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #archive.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media screen and (max-width:500px) {
  #archive.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
#archive.site-section-content .site-section-inner .tabs {
  margin-top: 50px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  max-width: 900px;
  margin: 0 auto;
}
#archive.site-section-content .site-section-inner .tab_item {
  width: 50%;
  height: 50px;
  background-color: #f7f7f7;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: characters 0.2s ease;
}
#archive.site-section-content .site-section-inner .tab_item.tab_chara {
  background-color: #312d29;
  color: #f7f7f7;
}
#archive.site-section-content .site-section-inner input[name=tab_item_h] {
  display: none;
}
#archive.site-section-content .site-section-inner .tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
  background-color: #f7f7f7;
}
@media screen and (max-width:650px) {
  #archive.site-section-content .site-section-inner .tab_content {
    padding: 24px 16px 0;
  }
}
#archive.site-section-content .site-section-inner .tab_content.tab_content_chara {
  background: #312d29;
  color: #f7f7f7;
}
#archive.site-section-content .site-section-inner #characters_h:checked ~ #characters_content_h,
#archive.site-section-content .site-section-inner #merchandise_h:checked ~ #merchandise_content_h {
  display: block;
  pointer-events: auto;
}
#archive.site-section-content .site-section-inner .tab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto 8px;
}
#archive.site-section-content .site-section-inner button {
  background: #312d29;
  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) {
  #archive.site-section-content .site-section-inner button {
    font-size: 16px;
    padding: 8px 15px;
  }
}
@media screen and (max-width:450px) {
  #archive.site-section-content .site-section-inner button {
    font-size: 12px;
  }
}
#archive.site-section-content .site-section-inner button.btn-giyu {
  border: 3px solid #5888cb;
}
#archive.site-section-content .site-section-inner button.btn-giyu.active {
  background-color: #5888cb;
}
#archive.site-section-content .site-section-inner button.btn-shinobu {
  border: 3px solid #91779d;
}
#archive.site-section-content .site-section-inner button.btn-shinobu.active {
  background-color: #91779d;
}
#archive.site-section-content .site-section-inner button.btn-rengoku {
  border: 3px solid #ad4038;
}
#archive.site-section-content .site-section-inner button.btn-rengoku.active {
  background-color: #ad4038;
}
#archive.site-section-content .site-section-inner button.btn-uzui {
  border: 3px solid #64728d;
}
#archive.site-section-content .site-section-inner button.btn-uzui.active {
  background-color: #64728d;
}
#archive.site-section-content .site-section-inner button.btn-muichiro {
  border: 3px solid #9ac5c0;
}
#archive.site-section-content .site-section-inner button.btn-muichiro.active {
  background-color: #9ac5c0;
  color: #312d29;
}
#archive.site-section-content .site-section-inner button.btn-mitsuri {
  border: 3px solid #d08ea9;
}
#archive.site-section-content .site-section-inner button.btn-mitsuri.active {
  background-color: #d08ea9;
  color: #312d29;
}
#archive.site-section-content .site-section-inner button.btn-sanemi {
  border: 3px solid #7ea43d;
}
#archive.site-section-content .site-section-inner button.btn-sanemi.active {
  background-color: #7ea43d;
}
#archive.site-section-content .site-section-inner button.btn-iguro {
  border: 3px solid #9995bc;
}
#archive.site-section-content .site-section-inner button.btn-iguro.active {
  background-color: #9995bc;
  color: #312d29;
}
#archive.site-section-content .site-section-inner button.btn-himejima {
  border: 3px solid #987429;
}
#archive.site-section-content .site-section-inner button.btn-himejima.active {
  background-color: #987429;
}
#archive.site-section-content .site-section-inner button.btn-merchandise.active {
  background-color: #8f1e22;
}
#archive.site-section-content .site-section-inner .spacer {
  width: 100%;
}
@media screen and (max-width:650px) {
  #archive.site-section-content .site-section-inner .spacer {
    width: unset;
  }
}
#archive.site-section-content .site-section-inner .tab-content {
  display: none;
}
#archive.site-section-content .site-section-inner .tab-content.active {
  display: block;
}
#archive.site-section-content .carousel {
  /* 水平方向中央寄せ */
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  /* カルーセル内容 */
  /* スライド切り換え用ラジオボタンは常に非表示 */
  /* 各スライド */
  /* 前へ次へボタン */
  /* ホバー時にボタンを強調 */
  /* 前へボタン */
  /* 次へボタン */
}
#archive.site-section-content .carousel .contains {
  width: 500px;
  position: relative;
  padding: 0;
  margin: 0 auto;
  aspect-ratio: 1/1;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:650px) {
  #archive.site-section-content .carousel .contains {
    width: 100%;
  }
}
#archive.site-section-content .carousel .slide_select {
  display: none;
}
#archive.site-section-content .carousel .slide {
  max-width: 100%;
  position: absolute;
  /* スライドの初期値は選択されていないので透明にしておく */
  opacity: 0;
  top: 0;
  pointer-events: none;
}
#archive.site-section-content .carousel .slide .goods-detail {
  text-align: center;
}
#archive.site-section-content .carousel .slide .goods-detail .goods-name,
#archive.site-section-content .carousel .slide .goods-detail .goods-price {
  font-size: 18px;
  margin: 8px 0;
}
#archive.site-section-content .carousel .slide .goods-detail .goods-text {
  margin-bottom: 16px;
}
#archive.site-section-content .carousel .slide .goods-detail .webshop-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  text-align: center;
  background: #8f1e22;
  padding: 10px 15px;
  margin: 0 4px 8px;
  flex-grow: 1;
  font-size: 20px;
  border-radius: 50px;
  transition: 0.5s ease;
  position: relative;
  color: #f7f7f7;
}
#archive.site-section-content .carousel .slide .goods-detail .webshop-btn a:hover {
  background-position: 100% 0%;
}
#archive.site-section-content .carousel .slide .goods-detail .webshop-btn a:hover:before, #archive.site-section-content .carousel .slide .goods-detail .webshop-btn a:hover:after {
  display: block;
}
#archive.site-section-content .carousel .scroll_button {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  color: #8f1e22;
  /* 縦中央から20px上の位置 */
  top: 45%;
  margin-top: -20px;
  /* 上辺と右辺のみ幅5pxの枠線 */
  border-width: 5px 5px 0 0;
  border-style: solid;
  cursor: pointer;
  /* 普段はボタンはやや薄くする */
  opacity: 0.7;
  /* スライドよりも前面にする */
  z-index: 3;
}
@media screen and (max-width:650px) {
  #archive.site-section-content .carousel .scroll_button {
    top: 44%;
  }
}
@media screen and (max-width:550px) {
  #archive.site-section-content .carousel .scroll_button {
    top: 43%;
  }
}
#archive.site-section-content .carousel .scroll_button:hover {
  opacity: 1;
}
#archive.site-section-content .carousel .scroll_prev {
  left: 15px;
  transform: rotate(-135deg);
}
#archive.site-section-content .carousel .scroll_next {
  right: 15px;
  transform: rotate(45deg);
}
#archive.site-section-content .carousel-btn {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 90px 0 40px;
  gap: 8px;
}
@media screen and (max-width:650px) {
  #archive.site-section-content .carousel-btn {
    overflow-x: auto;
    justify-content: unset;
    gap: 0px;
    padding-bottom: 16px;
  }
}
#archive.site-section-content .button_move {
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 100px;
  height: 100px;
  margin: 0 8px;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
  width: 100px;
  height: 100px;
}
@media screen and (max-width:650px) {
  #archive.site-section-content .button_move {
    width: 70px;
    height: 70px;
  }
}
#archive.site-section-content .button_move.giyu:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.giyu:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.giyu:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.giyu:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.giyu:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.giyu:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.giyu:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.giyu:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.giyu:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.giyu:nth-child(4) {
  background: url("../img/goods/card-giyu.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.giyu:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.giyu:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.giyu:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.giyu:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.giyu:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.shinobu:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.shinobu:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.shinobu:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.shinobu:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.shinobu:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.shinobu:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.shinobu:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.shinobu:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.shinobu:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.shinobu:nth-child(4) {
  background: url("../img/goods/card-shinobu.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.shinobu:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.shinobu:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.shinobu:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.shinobu:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.shinobu:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.rengoku:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.rengoku:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.rengoku:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.rengoku:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.rengoku:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.rengoku:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.rengoku:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.rengoku:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.rengoku:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.rengoku:nth-child(4) {
  background: url("../img/goods/card-rengoku.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.rengoku:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.rengoku:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.rengoku:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.rengoku:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.rengoku:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.uzui:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.uzui:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.uzui:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.uzui:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.uzui:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.uzui:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.uzui:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.uzui:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.uzui:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.uzui:nth-child(4) {
  background: url("../img/goods/card-uzui.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.uzui:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.uzui:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.uzui:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.uzui:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.uzui:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.muichiro:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.muichiro:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.muichiro:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.muichiro:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.muichiro:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.muichiro:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.muichiro:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.muichiro:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.muichiro:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.muichiro:nth-child(4) {
  background: url("../img/goods/card-muichiro.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.muichiro:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.muichiro:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.muichiro:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.muichiro:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.muichiro:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.mitsuri:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.mitsuri:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.mitsuri:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.mitsuri:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.mitsuri:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.mitsuri:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.mitsuri:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.mitsuri:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.mitsuri:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.mitsuri:nth-child(4) {
  background: url("../img/goods/card-mitsuri.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.mitsuri:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.mitsuri:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.mitsuri:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.mitsuri:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.mitsuri:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.sanemi:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.sanemi:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.sanemi:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.sanemi:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.sanemi:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.sanemi:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.sanemi:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.sanemi:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.sanemi:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.sanemi:nth-child(4) {
  background: url("../img/goods/card-sanemi.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.sanemi:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.sanemi:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.sanemi:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.sanemi:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.sanemi:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.iguro:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_iguro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.iguro:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.iguro:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.iguro:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-iguro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.iguro:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.iguro:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.iguro:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-iguro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.iguro:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.iguro:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.iguro:nth-child(4) {
  background: url("../img/goods/card-iguro.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.iguro:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.iguro:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.iguro:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-iguro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.iguro:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.iguro:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.himejima:nth-child(1) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/emotional-c_himejima.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.himejima:nth-child(1):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.himejima:nth-child(1) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.himejima:nth-child(2) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/maniac-himejima.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.himejima:nth-child(2):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.himejima:nth-child(2) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.himejima:nth-child(3) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/pins-himejima.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.himejima:nth-child(3):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.himejima:nth-child(3) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.himejima:nth-child(4) {
  background: url("../img/goods/card-himejima.webp") no-repeat center/contain;
  position: relative;
  overflow: hidden;
}
#archive.site-section-content .button_move.himejima:nth-child(4):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.himejima:nth-child(4) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.himejima:nth-child(5) {
  position: relative;
  overflow: hidden;
  background: url("../img/goods/kizunacharm-himejima.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.himejima:nth-child(5):hover:after {
  opacity: 0.3;
  transform: scale(1.2);
}
#archive.site-section-content .button_move.himejima:nth-child(5) .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 16px;
}
#archive.site-section-content .button_move.emo_h:nth-child(1) {
  background: url("../img/goods/emotional-c_giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.emo_h:nth-child(2) {
  background: url("../img/goods/emotional-c_shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.emo_h:nth-child(3) {
  background: url("../img/goods/emotional-c_rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.emo_h:nth-child(4) {
  background: url("../img/goods/emotional-c_uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.emo_h:nth-child(5) {
  background: url("../img/goods/emotional-c_muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.emo_h:nth-child(6) {
  background: url("../img/goods/emotional-c_mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.emo_h:nth-child(7) {
  background: url("../img/goods/emotional-c_sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.emo_h:nth-child(8) {
  background: url("../img/goods/emotional-c_iguro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.emo_h:nth-child(9) {
  background: url("../img/goods/emotional-c_himejima.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(1) {
  background: url("../img/goods/maniac-giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(2) {
  background: url("../img/goods/maniac-shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(3) {
  background: url("../img/goods/maniac-rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(4) {
  background: url("../img/goods/maniac-uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(5) {
  background: url("../img/goods/maniac-muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(6) {
  background: url("../img/goods/maniac-mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(7) {
  background: url("../img/goods/maniac-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(8) {
  background: url("../img/goods/maniac-iguro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.maniac_h:nth-child(9) {
  background: url("../img/goods/maniac-himejima.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(1) {
  background: url("../img/goods/pins-giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(2) {
  background: url("../img/goods/pins-shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(3) {
  background: url("../img/goods/pins-rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(4) {
  background: url("../img/goods/pins-uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(5) {
  background: url("../img/goods/pins-muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(6) {
  background: url("../img/goods/pins-mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(7) {
  background: url("../img/goods/pins-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(8) {
  background: url("../img/goods/pins-iguro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.pins_h:nth-child(9) {
  background: url("../img/goods/pins-himejima.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(1) {
  background: url("../img/goods/card-giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(2) {
  background: url("../img/goods/card-shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(3) {
  background: url("../img/goods/card-rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(4) {
  background: url("../img/goods/card-uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(5) {
  background: url("../img/goods/card-muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(6) {
  background: url("../img/goods/card-mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(7) {
  background: url("../img/goods/card-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(8) {
  background: url("../img/goods/card-iguro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.card_h:nth-child(9) {
  background: url("../img/goods/card-himejima.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(1) {
  background: url("../img/goods/kizunacharm-giyu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(2) {
  background: url("../img/goods/kizunacharm-shinobu.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(3) {
  background: url("../img/goods/kizunacharm-rengoku.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(4) {
  background: url("../img/goods/kizunacharm-uzui.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(5) {
  background: url("../img/goods/kizunacharm-muichiro.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(6) {
  background: url("../img/goods/kizunacharm-mitsuri.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(7) {
  background: url("../img/goods/kizunacharm-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(8) {
  background: url("../img/goods/kizunacharm-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move.kizunacharm_h:nth-child(9) {
  background: url("../img/goods/kizunacharm-sanemi.webp") no-repeat center/contain;
}
#archive.site-section-content .button_move:hover {
  opacity: 0.75;
}
#archive.site-section-content .slide_select:nth-of-type(1):checked ~ .slide:nth-of-type(1) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(1):checked ~ .move_controler .button_move:nth-of-type(1) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(2):checked ~ .slide:nth-of-type(2) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(2):checked ~ .move_controler .button_move:nth-of-type(2) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(3):checked ~ .slide:nth-of-type(3) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(3):checked ~ .move_controler .button_move:nth-of-type(3) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(4):checked ~ .slide:nth-of-type(4) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(4):checked ~ .move_controler .button_move:nth-of-type(4) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(5):checked ~ .slide:nth-of-type(5) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(5):checked ~ .move_controler .button_move:nth-of-type(5) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(6):checked ~ .slide:nth-of-type(6) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(6):checked ~ .move_controler .button_move:nth-of-type(6) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(7):checked ~ .slide:nth-of-type(7) {
  opacity: 1;
  pointer-events: auto;
}
#archive.site-section-content .slide_select:nth-of-type(7):checked ~ .move_controler .button_move:nth-of-type(7) {
  opacity: 1;
  pointer-events: auto;
}/*# sourceMappingURL=style.css.map */