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

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#about.site-section-content {
  padding: 100px 0px;
}
@media screen and (max-width:650px) {
  #about.site-section-content {
    padding: 0px;
  }
}
@media screen and (max-width:450px) {
  #about.site-section-content {
    padding: 0px;
  }
}
#about.site-section-content .site-section-inner {
  padding: 32px;
  margin: 0 auto;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner {
    padding: 100px 16px;
    margin: 0 auto;
  }
}
@media screen and (max-width:550px) {
  #about.site-section-content .site-section-inner {
    padding: 60px 16px;
    margin: 0 auto;
  }
}
#about.site-section-content .site-section-inner .news {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto 60px;
  border: 2px solid #202020;
  padding: 46px;
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .news {
    padding: 32px 24px;
  }
}
#about.site-section-content .site-section-inner .news .news-title {
  text-align: center;
  font-size: 24px;
  margin: 0 auto 16px;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .news .news-title {
    font-size: 20px;
  }
}
#about.site-section-content .site-section-inner .news .news-text {
  margin-bottom: 16px;
  font-size: 18px;
}
#about.site-section-content .site-section-inner .news .news-link a {
  color: #202020;
  border-bottom: 2px dashed #202020;
}
#about.site-section-content .site-section-inner h4 {
  max-width: 1000px;
  text-align: center;
  font-size: 32px;
  margin: 0 auto;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner h4 {
    font-size: 16px;
  }
}
#about.site-section-content .site-section-inner .content-holder {
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 800px;
  margin: 0 auto;
  height: 100%;
  height: 100%;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .content-holder {
    font-size: 20px;
  }
}
#about.site-section-content .site-section-inner .content-holder .about-img {
  margin: 40px 0;
}
@media screen and (max-width:650px) {
  #about.site-section-content .site-section-inner .content-holder .about-img {
    margin: 24px 0;
  }
}
#about.site-section-content .site-section-inner .content-holder .about-notice {
  background-color: #202020;
  padding: 24px;
  color: #ffffff;
  font-size: 16px;
  line-height: 32px;
}
#about.site-section-content .site-section-inner .content-holder .about-notice .yellow {
  color: #f9cb64;
  font-size: 24px;
  margin-bottom: 16px;
}
#about.site-section-content .site-section-inner .content-holder .about-notice a {
  color: #f9cb64;
  border-bottom: 1px dashed #f9cb64;
}

header {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
  position: relative;
  min-height: 562px;
  background: #000000;
  overflow: hidden;
  height: min(56.25vw, 1080px);
  margin-top: 0;
  padding-top: 0;
  display: block;
  margin-bottom: 0;
}
@media screen and (max-width:650px) {
  header {
    min-height: unset;
    height: min(200vw, 1300px);
  }
}
header h1 {
  display: none;
}

.chara {
  opacity: 0;
}

.header-tanjiro {
  background: url("../img/sozai/header-tanjiro2.webp") no-repeat center/contain;
  width: 861px;
  height: 920px;
  left: 374px;
  top: 469px;
  width: min(44.84375vw, 861px);
  height: min(47.9166666667vw, 920px);
  top: min(24.4270833333vw, 469px);
  left: min(19.4791666667vw, 374px);
  position: absolute;
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
  z-index: 7;
}
@media screen and (max-width:1000px) {
  .header-tanjiro {
    width: 448px;
    height: 479px;
    top: 244px;
    left: 194px;
  }
}
@media screen and (max-width:650px) {
  .header-tanjiro {
    background: url("../img/sozai/header-tanjiro.webp") no-repeat center/contain;
    width: 688px;
    height: 760px;
    top: 394px;
    left: unset;
    width: min(105.8461538462vw, 688px);
    height: min(116.9230769231vw, 760px);
    top: min(60.6153846154vw, 394px);
    right: min(27.6923076923vw, 180px);
  }
}

.header-nezuko {
  background: url("../img/sozai/header-nezuko.webp") no-repeat center/contain;
  position: absolute;
  width: 476px;
  height: 550px;
  bottom: -140px;
  right: -87px;
  width: min(24.7916666667vw, 476px);
  height: min(28.6458333333vw, 550px);
  bottom: min(-7.2916666667vw, -140px);
  right: max(-4.53125vw, -87px);
  bottom: max(-7.2916666667vw, -140px);
  z-index: 7;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@media screen and (max-width:1000px) {
  .header-nezuko {
    width: 247px;
    height: 286px;
    bottom: -72px;
    right: -55px;
  }
}
@media screen and (max-width:650px) {
  .header-nezuko {
    width: 309px;
    height: 357px;
    right: 312px;
    z-index: 10;
    bottom: unset;
    right: unset;
    width: min(47.5384615385vw, 309px);
    height: min(54.9230769231vw, 357px);
    top: min(153.8461538462vw, 1000px);
    left: min(58.7692307692vw, 382px);
  }
}

.header-shinobu {
  background: url("../img/sozai/header-shinobu.webp") no-repeat center/contain;
  position: absolute;
  width: 634px;
  height: 976px;
  top: 174px;
  left: -73px;
  z-index: 4;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  width: min(33.0208333333vw, 634px);
  height: min(50.8333333333vw, 976px);
  top: min(9.0625vw, 174px);
  left: min(-3.8020833333vw, -73px);
}
@media screen and (max-width:1000px) {
  .header-shinobu {
    width: 330px;
    height: 508px;
    top: 90px;
    left: -38px;
  }
}
@media screen and (max-width:650px) {
  .header-shinobu {
    width: 614px;
    height: 598px;
    top: unset;
    left: unset;
    bottom: 800px;
    right: 210px;
    z-index: 1;
    width: min(94.4615384615vw, 614px);
    height: min(92vw, 598px);
    bottom: min(123.0769230769vw, 800px);
    right: min(32.3076923077vw, 210px);
  }
}

.header-himejima {
  background: url("../img/sozai/header-himejima.webp") no-repeat center/contain;
  position: absolute;
  width: 503px;
  height: 514px;
  top: 0px;
  left: 415px;
  z-index: 2;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  width: min(26.1979166667vw, 503px);
  height: min(26.7708333333vw, 514px);
  top: min(0vw, 0px);
  left: min(21.6145833333vw, 415px);
}
@media screen and (max-width:1000px) {
  .header-himejima {
    width: 261px;
    height: 267px;
    top: 0;
    left: 216px;
  }
}
@media screen and (max-width:650px) {
  .header-himejima {
    width: 321px;
    height: 328px;
    top: unset;
    bottom: 1000px;
    right: 10px;
    left: unset;
    width: min(49.3846153846vw, 321px);
    height: min(50.4615384615vw, 328px);
    bottom: min(153.8461538462vw, 1000px);
    right: min(1.5384615385vw, 10px);
  }
}

.header-kanao {
  background: url("../img/sozai/header-kanao.webp") no-repeat center/contain;
  position: absolute;
  width: 469px;
  height: 454px;
  top: 321px;
  left: 327px;
  z-index: 6;
  width: min(24.4270833333vw, 469px);
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  height: min(23.6458333333vw, 454px);
  top: min(16.71875vw, 321px);
  left: min(17.03125vw, 327px);
}
@media screen and (max-width:1000px) {
  .header-kanao {
    width: 244px;
    height: 236px;
    top: 167px;
    left: 170px;
  }
}
@media screen and (max-width:650px) {
  .header-kanao {
    width: 222px;
    height: 253px;
    top: 129px;
    left: 179px;
    z-index: 3;
    width: min(34.1538461538vw, 222px);
    height: min(38.9230769231vw, 253px);
    top: min(19.8461538462vw, 129px);
    left: min(27.5384615385vw, 179px);
  }
}

.header-zenitsu {
  background: url("../img/sozai/header-zenitsu.webp") no-repeat center/contain;
  position: absolute;
  width: 390px;
  height: 504px;
  top: 230px;
  right: 446px;
  z-index: 4;
  width: min(20.3125vw, 390px);
  height: min(26.25vw, 504px);
  top: min(11.9791666667vw, 230px);
  right: min(23.2291666667vw, 446px);
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
@media screen and (max-width:1000px) {
  .header-zenitsu {
    width: 203px;
    height: 262px;
    right: 232px;
    top: 119px;
  }
}
@media screen and (max-width:650px) {
  .header-zenitsu {
    width: 243px;
    height: 302px;
    left: unset;
    top: 1029px;
    right: 420px;
    width: min(37.3846153846vw, 243px);
    height: min(46.4615384615vw, 302px);
    top: min(158.3076923077vw, 1029px);
    right: min(64.6153846154vw, 420px);
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    z-index: 8;
  }
}

.header-giyu {
  background: url("../img/sozai/header-giyu2.webp") no-repeat center/contain;
  position: absolute;
  width: 818px;
  height: 826px;
  top: 399px;
  right: 360px;
  width: min(42.6041666667vw, 818px);
  height: min(43.0208333333vw, 826px);
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  top: min(20.78125vw, 399px);
  right: min(18.75vw, 360px);
  z-index: 6;
}
@media screen and (max-width:1000px) {
  .header-giyu {
    width: 426px;
    height: 430px;
    top: 207px;
    right: 187px;
  }
}
@media screen and (max-width:650px) {
  .header-giyu {
    background: url("../img/sozai/header-giyu.webp") no-repeat center/contain;
    width: 726px;
    height: 890px;
    top: 307px;
    right: unset;
    left: 90px;
    width: min(111.6923076923vw, 726px);
    height: min(136.9230769231vw, 890px);
    left: min(13.8461538462vw, 90px);
    top: min(47.2307692308vw, 307px);
  }
}

.header-sanemi {
  background: url("../img/sozai/header-sanemi.webp") no-repeat center/contain;
  position: absolute;
  width: 581px;
  height: 503px;
  top: -6px;
  right: 620px;
  z-index: 3;
  width: min(30.2604166667vw, 581px);
  height: min(26.1979166667vw, 503px);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  top: min(-0.3125vw, -6px);
  right: min(32.2916666667vw, 620px);
}
@media screen and (max-width:1000px) {
  .header-sanemi {
    width: 302px;
    height: 262px;
    top: -3px;
    right: 322px;
  }
}
@media screen and (max-width:650px) {
  .header-sanemi {
    width: 332px;
    height: 325px;
    top: 140px;
    right: 0;
    width: min(51.0769230769vw, 332px);
    height: min(50vw, 325px);
    top: min(21.5384615385vw, 140px);
    right: min(0vw, 0px);
  }
}

.header-inosuke {
  background: url("../img/sozai/header-inosuke.webp") no-repeat center/contain;
  position: absolute;
  width: 612px;
  height: 785px;
  top: -150px;
  left: -80px;
  z-index: 5;
  width: min(31.875vw, 612px);
  height: min(40.8854166667vw, 785px);
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  top: max(-7.8125vw, -150px);
  left: min(-4.1666666667vw, -80px);
}
@media screen and (max-width:1000px) {
  .header-inosuke {
    width: 318px;
    height: 409px;
    -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s;
    top: -78px;
    left: -41px;
  }
}
@media screen and (max-width:650px) {
  .header-inosuke {
    width: 418px;
    height: 459px;
    -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s;
    top: unset;
    left: unset;
    bottom: 932px;
    z-index: 2;
    right: 260px;
    width: min(64.3076923077vw, 418px);
    height: min(70.6153846154vw, 459px);
    bottom: min(143.3846153846vw, 932px);
    right: min(40vw, 260px);
  }
}

.header-iguro {
  background: url("../img/sozai/header-iguro.webp") no-repeat center/contain;
  position: absolute;
  z-index: 1;
  width: 502px;
  height: 453px;
  top: 190px;
  right: 2px;
  width: min(26.1458333333vw, 502px);
  height: min(23.59375vw, 453px);
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  top: min(12.5vw, 240px);
  right: min(-3.0208333333vw, -58px);
}
@media screen and (max-width:1000px) {
  .header-iguro {
    width: 261px;
    height: 235px;
    -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s;
    top: 125px;
    right: -30px;
  }
}
@media screen and (max-width:650px) {
  .header-iguro {
    width: 448px;
    height: 435px;
    top: 775px;
    right: unset;
    z-index: 8;
    left: 229px;
    width: min(68.9230769231vw, 448px);
    height: min(66.9230769231vw, 435px);
    top: min(119.2307692308vw, 775px);
    left: min(35.2307692308vw, 229px);
  }
}

.header-muichiro {
  background: url("../img/sozai/header-muichiro.webp") no-repeat center/contain;
  width: 452px;
  height: 423px;
  position: absolute;
  top: 2px;
  right: 331px;
  z-index: 2;
  width: min(23.5416666667vw, 452px);
  height: min(22.03125vw, 423px);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  top: min(0.1041666667vw, 2px);
  right: min(17.2395833333vw, 331px);
}
@media screen and (max-width:1000px) {
  .header-muichiro {
    width: 235px;
    height: 220px;
    top: 0px;
    right: 172px;
  }
}
@media screen and (max-width:650px) {
  .header-muichiro {
    width: 265px;
    height: 260px;
    top: 830px;
    right: 380px;
    left: unset;
    z-index: 7;
    width: min(40.7692307692vw, 265px);
    height: min(40vw, 260px);
    top: min(127.6923076923vw, 830px);
    right: min(58.4615384615vw, 380px);
  }
}

.header-mitsuri {
  background: url("../img/sozai/header-mitsuri.webp") no-repeat center/contain;
  position: absolute;
  width: 462px;
  height: 423px;
  top: -36px;
  z-index: 3;
  right: -40px;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  width: min(24.0625vw, 462px);
  height: min(22.03125vw, 423px);
  top: min(-1.875vw, -36px);
  right: min(-2.0833333333vw, -40px);
  top: max(-1.875vw, -36px);
}
@media screen and (max-width:1000px) {
  .header-mitsuri {
    width: 240px;
    height: 220px;
    top: -10px;
    right: -30px;
  }
}
@media screen and (max-width:650px) {
  .header-mitsuri {
    width: 400px;
    height: 355px;
    top: 670px;
    right: unset;
    z-index: 9;
    left: 360px;
    width: min(61.5384615385vw, 400px);
    height: min(54.6153846154vw, 355px);
    top: min(103.0769230769vw, 670px);
    left: min(55.3846153846vw, 360px);
  }
}

.header-genya {
  background: url("../img/sozai/header-genya.webp") no-repeat center/contain;
  position: absolute;
  width: 602px;
  height: 613px;
  bottom: 44px;
  right: 20px;
  z-index: 5;
  width: min(31.3541666667vw, 602px);
  height: min(31.9270833333vw, 613px);
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  bottom: min(2.2916666667vw, 44px);
  right: min(1.0416666667vw, 20px);
}
@media screen and (max-width:1000px) {
  .header-genya {
    width: 313px;
    height: 319px;
    bottom: 22px;
    right: 10px;
  }
}
@media screen and (max-width:650px) {
  .header-genya {
    width: 387px;
    height: 384px;
    bottom: unset;
    top: 972px;
    right: 130px;
    z-index: 9;
    width: min(59.5384615385vw, 387px);
    height: min(59.0769230769vw, 384px);
    top: min(149.5384615385vw, 972px);
    right: min(20vw, 130px);
  }
}

.animated {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.header-btm {
  background: url("../img/sozai/header-btm.webp") no-repeat center/contain;
  height: 257px;
  height: min(13.3333333333vw, 256px);
  width: 100%;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  z-index: 7;
  position: relative;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media screen and (max-width:1000px) {
  .header-btm {
    height: 133.33px;
  }
}
@media screen and (max-width:650px) {
  .header-btm {
    background: url("../img/sozai/header-btm-sp.webp") no-repeat center/contain;
    height: min(46.1538461538vw, 300px);
    z-index: 11;
  }
}

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

#information.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  /* 必須: 画像の幅を制御 */
  /* 画像グリッドコンテナ */
  /* 個々の画像ラッパー */
  /* PC版：5番目の商品内の画像を横に並べる */
}
#information.site-section-content .site-section-inner {
  padding: 100px 0px;
  margin: 0 12px;
  position: relative;
  /*-----------タブ切り替え全体のスタイル-------------*/
  /*タブのスタイル*/
  /*ラジオボタンを全て消す*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのコンテンツのみを表示*/
  /*-----------コンテンツ内 ボタンでキャラクター切り替え-------------*/
}
@media screen and (max-width:650px) {
  #information.site-section-content .site-section-inner {
    padding: 60px 0px;
    padding: 60px 0px;
    margin: 0 12px;
  }
}
#information.site-section-content .site-section-inner .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #information.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
    font-size: 36px;
  }
}
@media screen and (max-width:500px) {
  #information.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
#information.site-section-content .site-section-inner .heading-h2 {
  position: relative;
  font-size: 24px;
  margin: 0 auto 40px;
  text-align: center;
  max-width: 800px;
}
@media screen and (max-width:650px) {
  #information.site-section-content .site-section-inner .heading-h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width:550px) {
  #information.site-section-content .site-section-inner .heading-h2 {
    font-size: 16px;
  }
}
#information.site-section-content .site-section-inner .tabs {
  margin-top: 50px;
  max-width: 900px;
  margin: 0 auto;
}
#information.site-section-content .site-section-inner #taishi {
  background-color: #ffffff;
}
#information.site-section-content .site-section-inner #hashira {
  background-color: #d9cbc7;
}
#information.site-section-content .site-section-inner .toggle-category-button {
  width: 50%;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  color: #202020;
}
#information.site-section-content .site-section-inner .toggle-category-button.tab_chara {
  background-color: #ffffff;
  color: #202020;
}
#information.site-section-content .site-section-inner input[name=tab_item] {
  display: none;
}
#information.site-section-content .site-section-inner .tab_content {
  padding: 40px 40px;
  clear: both;
  overflow: hidden;
  background-color: #d9cbc7;
}
@media screen and (max-width:650px) {
  #information.site-section-content .site-section-inner .tab_content {
    padding: 24px 16px;
  }
}
#information.site-section-content .site-section-inner .tab_content.tab_content_chara {
  background: #ffffff;
  color: #ffffff;
}
#information.site-section-content .site-section-inner #taishi:checked ~ #taishi_content,
#information.site-section-content .site-section-inner #hashira:checked ~ #hashira_content,
#information.site-section-content .site-section-inner #design:checked ~ #design_content {
  display: block;
  pointer-events: auto;
}
#information.site-section-content .site-section-inner #hashira_content {
  background-color: #d9cbc7;
}
#information.site-section-content .site-section-inner .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 900px;
  display: flex;
  margin: 0 auto 0px;
  gap: 8px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width:650px) {
  #information.site-section-content .site-section-inner .tab-list {
    width: 100%;
    margin: 0 auto;
  }
}
#information.site-section-content .site-section-inner .tab-item {
  width: 30%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#information.site-section-content .site-section-inner .tab-item.active {
  opacity: 0.6;
}
@media screen and (max-width:650px) {
  #information.site-section-content .site-section-inner .tab-item {
    width: 45%;
  }
}
#information.site-section-content .site-section-inner .tab-item img {
  -o-object-fit: contain;
  object-fit: contain;
}
#information.site-section-content .site-section-inner .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #information.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media screen and (max-width:500px) {
  #information.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
#information.site-section-content .site-section-inner span {
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media screen and (max-width:650px) {
  #information.site-section-content .site-section-inner span {
    font-size: 18px;
  }
}
#information.site-section-content .site-section-inner .sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #79615c;
  font-size: 20px;
  margin-top: 12px;
}
#information.site-section-content #product-list-taishi {
  margin-top: 40px;
}
#information.site-section-content #product-list-taishi h2 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:650px) {
  #information.site-section-content #product-list-taishi h2 {
    font-size: 32px;
  }
}
@media screen and (max-width:550px) {
  #information.site-section-content #product-list-taishi h2 {
    font-size: 24px;
  }
}
#information.site-section-content #product-list-taishi h2:before {
  content: "";
  background-color: #202020;
  content: "";
  height: 1px;
  width: 60px;
  margin-right: 8px;
}
#information.site-section-content #product-list-taishi h2:after {
  content: "-";
  margin-left: 8px;
  background-color: #202020;
  content: "";
  height: 1px;
  width: 60px;
}
#information.site-section-content #product-list-hashira {
  margin-top: 40px;
}
#information.site-section-content #product-list-hashira h2 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:650px) {
  #information.site-section-content #product-list-hashira h2 {
    font-size: 32px;
  }
}
@media screen and (max-width:550px) {
  #information.site-section-content #product-list-hashira h2 {
    font-size: 24px;
  }
}
#information.site-section-content #product-list-hashira h2:before {
  content: "";
  background-color: #202020;
  content: "";
  height: 1px;
  width: 60px;
  margin-right: 8px;
}
#information.site-section-content #product-list-hashira h2:after {
  content: "-";
  margin-left: 8px;
  background-color: #202020;
  content: "";
  height: 1px;
  width: 60px;
}
#information.site-section-content .product-image {
  height: auto;
  display: block;
}
#information.site-section-content .product-image-grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /* 折り返しを許可 */
  gap: 10px; /* 画像間の隙間 */
  padding: 10px 0;
}
#information.site-section-content .static-image-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 24px;
  position: relative;
}
#information.site-section-content .static-image-wrapper.tanjiro-active {
  background-color: #9cb8a9;
}
#information.site-section-content .static-image-wrapper.nezuko-active {
  background-color: #a37b85;
}
#information.site-section-content .static-image-wrapper.zenitsu-active {
  background-color: #b8ab8b;
}
#information.site-section-content .static-image-wrapper.inosuke-active {
  background-color: #688299;
}
#information.site-section-content .static-image-wrapper.kanao-active {
  background-color: #a97796;
}
#information.site-section-content .static-image-wrapper.genya-active {
  background-color: #977094;
}
#information.site-section-content .static-image-wrapper.giyu-active {
  background-color: #7987a6;
}
#information.site-section-content .static-image-wrapper.shinobu-active {
  background-color: #9183a8;
}
#information.site-section-content .static-image-wrapper.muichiro-active {
  background-color: #83bfb8;
}
#information.site-section-content .static-image-wrapper.mitsuri-active {
  background-color: #b48c9b;
}
#information.site-section-content .static-image-wrapper.iguro-active {
  background-color: #8d8ead;
}
#information.site-section-content .static-image-wrapper.sanemi-active {
  background-color: #a1b28d;
}
#information.site-section-content .static-image-wrapper.himejima-active {
  background-color: #baad98;
}
#information.site-section-content .static-image-wrapper:nth-child(1):before {
  content: "";
  background: url("../img/sozai/A.webp");
  background-size: contain;
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 99;
}
#information.site-section-content .static-image-wrapper:nth-child(2):before {
  content: "";
  background: url("../img/sozai/B.webp");
  background-size: contain;
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 99;
}
#information.site-section-content .static-image-wrapper:nth-child(3):before {
  content: "";
  background: url("../img/sozai/C.webp");
  background-size: contain;
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 99;
}
#information.site-section-content .static-image-wrapper:nth-child(4):before {
  content: "";
  background: url("../img/sozai/D.webp");
  background-size: contain;
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 99;
}
#information.site-section-content .static-image-wrapper:nth-child(5):before {
  content: "";
  background: url("../img/sozai/E.webp");
  background-size: contain;
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 99;
}
#information.site-section-content .static-image-wrapper:nth-child(6):before {
  content: "";
  background: url("../img/sozai/F.webp");
  background-size: contain;
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 99;
}
#information.site-section-content .static-image-wrapper .goods-name {
  margin: 16px 0;
  font-size: 24px;
}
#information.site-section-content .static-image-wrapper .product-size-info {
  text-align: center;
}
#information.site-section-content .static-image-wrapper .product-size-info .product-size-title {
  color: #ffffff;
  background-color: #2d2d2b;
  padding: 8px;
}
#information.site-section-content .static-image-wrapper .product-size-info .product-size {
  color: #ffffff;
  padding: 8px;
  background-color: #535351;
}
@media (min-width: 651px) {
  #information.site-section-content .static-image-wrapper {
    /* 50% - (gap 10px の半分) */
    width: calc(50% - 5px);
  }
}
#information.site-section-content .special-img {
  width: 50%;
  height: auto;
}
@media screen and (max-width:650px) {
  #information.site-section-content .special-img {
    width: 100%;
  }
}
#information.site-section-content .special-two-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#information.site-section-content .special-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
@media screen and (max-width:650px) {
  #information.site-section-content .special-image-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#information.site-section-content .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media screen and (max-width:650px) {
  #information.site-section-content .btn-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin-top: 16px;
  }
}
@media screen and (max-width:650px) {
  #information.site-section-content .webshop-btn {
    width: 100%;
  }
}
#information.site-section-content .uketori-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0;
  gap: 10px;
}
@media screen and (max-width:650px) {
  #information.site-section-content .uketori-container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#information.site-section-content .uketori-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 64px;
  text-align: center;
  background: #79615c;
  padding: 10px 15px;
  margin: 40px auto 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #ffffff;
  font-size: 20px;
  border-radius: 50px;
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4392156863);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.4392156863);
  max-width: 500px;
  width: 90%;
  font-size: 16px;
  max-width: 500px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  position: relative;
  margin: 24px auto 0px;
}
@media screen and (max-width:650px) {
  #information.site-section-content .uketori-btn a {
    margin: 16px auto 24px;
    width: 100%;
  }
}
#information.site-section-content .uketori-btn a.tanjiro-btn {
  background-color: #2c995f;
}
#information.site-section-content .uketori-btn a.nezuko-btn {
  background-color: #9c2e49;
}
#information.site-section-content .uketori-btn a.zenitsu-btn {
  background-color: #ba9643;
}
#information.site-section-content .uketori-btn a.inosuke-btn {
  background-color: #2c689d;
}
#information.site-section-content .uketori-btn a.kanao-btn {
  background-color: #972f6f;
}
#information.site-section-content .uketori-btn a.genya-btn {
  background-color: #90387a;
}
#information.site-section-content .uketori-btn a.giyu-btn {
  background-color: #2a498c;
}
#information.site-section-content .uketori-btn a.shinobu-btn {
  background-color: #68489c;
}
#information.site-section-content .uketori-btn a.muichiro-btn {
  background-color: #27978a;
}
#information.site-section-content .uketori-btn a.mitsuri-btn {
  background-color: #a43861;
}
#information.site-section-content .uketori-btn a.iguro-btn {
  background-color: #343691;
}
#information.site-section-content .uketori-btn a.sanemi-btn {
  background-color: #679137;
}
#information.site-section-content .uketori-btn a.himejima-btn {
  background-color: #896630;
}
#information.site-section-content .linkto-lottery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 64px;
  text-align: center;
  background: #79615c;
  padding: 10px 15px;
  margin: 40px auto 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #ffffff;
  font-size: 20px;
  border-radius: 50px;
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4392156863);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.4392156863);
  max-width: 500px;
  width: 500px;
  max-width: 500px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  position: relative;
  margin: 40px auto 40px;
}
@media screen and (max-width:650px) {
  #information.site-section-content .linkto-lottery {
    margin: 16px auto 24px;
    width: 100%;
    font-size: 16px;
  }
}
#information.site-section-content .linkto-lottery.tanjiro-btn {
  background-color: #2c995f;
}
#information.site-section-content .linkto-lottery.nezuko-btn {
  background-color: #9c2e49;
}
#information.site-section-content .linkto-lottery.zenitsu-btn {
  background-color: #ba9643;
}
#information.site-section-content .linkto-lottery.inosuke-btn {
  background-color: #2c689d;
}
#information.site-section-content .linkto-lottery.kanao-btn {
  background-color: #972f6f;
}
#information.site-section-content .linkto-lottery.genya-btn {
  background-color: #90387a;
}
#information.site-section-content .linkto-lottery.giyu-btn {
  background-color: #2a498c;
}
#information.site-section-content .linkto-lottery.shinobu-btn {
  background-color: #68489c;
}
#information.site-section-content .linkto-lottery.muichiro-btn {
  background-color: #27978a;
}
#information.site-section-content .linkto-lottery.mitsuri-btn {
  background-color: #a43861;
}
#information.site-section-content .linkto-lottery.iguro-btn {
  background-color: #343691;
}
#information.site-section-content .linkto-lottery.sanemi-btn {
  background-color: #679137;
}
#information.site-section-content .linkto-lottery.himejima-btn {
  background-color: #896630;
}
#information.site-section-content .webshop-btn a:hover:before, #information.site-section-content .webshop-btn a:hover:after {
  display: block;
}
#information.site-section-content .selectbox {
  display: inline-block;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  padding: 4px 8px;
  font-size: 16px;
  color: #202020;
  background-color: #ffffff;
  vertical-align: middle;
  background-clip: padding-box;
  border: 1px solid #202020;
  border-radius: 4px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
#information.site-section-content table {
  color: #202020;
  background: #202020;
  margin: 40px auto 0;
}
#information.site-section-content table th {
  color: #ffffff;
  background-color: #202020;
  padding: 16px;
}
#information.site-section-content table td {
  background-color: #ffffff;
  padding: 16px;
}
#information.site-section-content .note {
  color: #202020;
  text-align: center;
  margin-top: 16px;
}

#info {
  width: 100%;
  overflow: hidden;
  height: 100%;
  color: #202020;
}
#info.site-section-content {
  width: 100%;
  position: relative;
}
#info.site-section-content .site-section-inner {
  padding: 100px 0px;
  margin: 0 24px;
  position: relative;
}
@media screen and (max-width:650px) {
  #info.site-section-content .site-section-inner {
    padding: 100px 24px;
    margin: 0 auto;
  }
}
@media screen and (max-width:550px) {
  #info.site-section-content .site-section-inner {
    padding: 60px 16px;
    margin: 0 auto;
  }
}
#info .content-bg {
  background-color: #fff7e8;
  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 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #info .heading-h1 {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media screen and (max-width:500px) {
  #info .heading-h1 {
    margin-bottom: 16px;
  }
}
#info .sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #79615c;
  font-size: 20px;
  margin-top: 12px;
}
#info h2 {
  text-align: center;
  color: #ffffff;
  margin: 0 auto 24px;
  background: url("../img/sozai/bg-grass.webp"), #79615c;
  padding: 16px;
  max-width: 800px;
}
#info table {
  width: 100%;
  width: calc(100% - 0px);
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  border-collapse: separate;
  margin-bottom: 24px;
  color: #ffffff;
  background-color: #202020;
}
@media screen and (max-width:650px) {
  #info table {
    width: calc(100% - 0px);
  }
}
#info tr {
  background-color: #535351;
}
#info tr:nth-child(odd) {
  background-color: #2d2d2b;
}
#info th {
  width: 100%;
  padding: 20px;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width:650px) {
  #info th {
    display: block;
    width: 100%;
  }
}
#info th a {
  color: #ffffff;
  border-bottom: 1px dashed #ffffff;
}

.hamburger {
  position: fixed;
  top: 6px;
  right: 15px;
  z-index: 101;
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.hamburger__line {
  position: absolute;
  left: 3px;
  width: 42px;
  height: 4px;
  border-radius: 21px;
  background-color: #202020;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.hamburger__line:nth-of-type(1) {
  top: 14px;
}

.hamburger__line:nth-of-type(2) {
  top: 23px;
}

.hamburger__line:nth-of-type(3) {
  top: 32px;
}

/* メニューオープン時 */
.hamburger.active .hamburger__line:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
          transform: translateY(9px) rotate(-45deg);
  background-color: #fff7e8;
}

.hamburger.active .hamburger__line:nth-of-type(2) {
  opacity: 0;
}

.hamburger.active .hamburger__line:nth-of-type(3) {
  background-color: #fff7e8;
  -webkit-transform: translateY(-9px) rotate(45deg);
          transform: translateY(-9px) rotate(45deg);
}

.nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background: url("../img/sozai/bg-grass.webp"), #281e16;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  z-index: 100;
  text-align: center;
}
@media screen and (max-width:650px) {
  .nav {
    width: 100%;
  }
}

.nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.nav__list {
  margin: 0;
  padding: 80px 0 0;
  list-style: none;
  font-size: 18px;
}

.nav__link {
  padding: 24px 30px 0;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  .nav__link:hover {
    opacity: 0.7;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nav__link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width:650px) {
  .nav__link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.nav_link_sub {
  font-size: 12px;
  opacity: 0.6;
  color: #ffffff;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          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;
  -ms-user-select: none;
      user-select: none;
  -webkit-backface-visibility: hidden;
          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;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

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

.site-header-logowrap {
  z-index: 10;
}

.site-content-wrapper {
  overflow-y: hidden;
  overflow-x: hidden;
  min-width: 1000px;
  background: url("../img/sozai/bg-title.webp"), url("../img/sozai/bg-grass.webp");
  background-repeat: repeat;
  background-position: left top 300px, left top, left top;
  background-size: 200px, 500px;
  background-repeat: repeat-y, repeat;
  color: #202020;
  position: relative;
}
@media screen and (max-width:650px) {
  .site-content-wrapper {
    min-width: initial;
    background-size: 100px, 500px;
  }
}
.site-content-wrapper .top {
  display: table;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 99;
}
@media screen and (max-width:650px) {
  .site-content-wrapper .top {
    width: 60px;
    height: 60px;
  }
}
.site-content-wrapper .top a {
  display: table-cell;
  background: #281e16;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
}
@media screen and (max-width:650px) {
  .site-content-wrapper .top a {
    font-size: 16px;
  }
}

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

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

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

.red-bold {
  color: rgb(221, 13, 13);
  font-weight: bold;
  background-color: #fff;
}
.red-bold.small {
  font-size: 18px;
}

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

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

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

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

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

#webkuji-top.site-section-content,
#realwebkuji-top.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  /* 画像コンテナ */
  /* 画像 */
  /* 画像を表示するためのクラス */
  /* ナビゲーションコンテナ */
}
#webkuji-top.site-section-content .site-section-inner,
#realwebkuji-top.site-section-content .site-section-inner {
  padding: 100px 0;
  margin: 0 24px;
  position: relative;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner,
  #realwebkuji-top.site-section-content .site-section-inner {
    padding: 60px 0;
    margin: 0 24px;
  }
}
#webkuji-top.site-section-content .site-section-inner .price,
#realwebkuji-top.site-section-content .site-section-inner .price {
  margin-bottom: 16px;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner .price,
  #realwebkuji-top.site-section-content .site-section-inner .price {
    font-size: 20px;
  }
}
@media screen and (max-width:550px) {
  #webkuji-top.site-section-content .site-section-inner .price,
  #realwebkuji-top.site-section-content .site-section-inner .price {
    font-size: 16px;
  }
}
#webkuji-top.site-section-content .site-section-inner .heading-h1,
#realwebkuji-top.site-section-content .site-section-inner .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner .heading-h1,
  #realwebkuji-top.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media screen and (max-width:500px) {
  #webkuji-top.site-section-content .site-section-inner .heading-h1,
  #realwebkuji-top.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
#webkuji-top.site-section-content .site-section-inner span,
#realwebkuji-top.site-section-content .site-section-inner span {
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner span,
  #realwebkuji-top.site-section-content .site-section-inner span {
    font-size: 18px;
  }
}
#webkuji-top.site-section-content .site-section-inner .sub-heading,
#realwebkuji-top.site-section-content .site-section-inner .sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #79615c;
  font-size: 20px;
  margin-top: 12px;
}
#webkuji-top.site-section-content .site-section-inner .content-bg,
#realwebkuji-top.site-section-content .site-section-inner .content-bg {
  padding: 0px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: #202020;
  border-radius: 24px;
  height: auto;
  color: #202020;
  margin: 0 auto 24px;
  text-align: center;
  font-size: 24px;
  background: none;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner .content-bg,
  #realwebkuji-top.site-section-content .site-section-inner .content-bg {
    width: 100%;
  }
}
#webkuji-top.site-section-content .site-section-inner .content-bg .heading-h2,
#realwebkuji-top.site-section-content .site-section-inner .content-bg .heading-h2 {
  position: relative;
  font-size: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner .content-bg .heading-h2,
  #realwebkuji-top.site-section-content .site-section-inner .content-bg .heading-h2 {
    font-size: 20px;
  }
}
@media screen and (max-width:550px) {
  #webkuji-top.site-section-content .site-section-inner .content-bg .heading-h2,
  #realwebkuji-top.site-section-content .site-section-inner .content-bg .heading-h2 {
    font-size: 16px;
  }
}
#webkuji-top.site-section-content .site-section-inner .heading-h2-sub,
#realwebkuji-top.site-section-content .site-section-inner .heading-h2-sub {
  font-size: 14px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner .heading-h2-sub,
  #realwebkuji-top.site-section-content .site-section-inner .heading-h2-sub {
    margin-bottom: 24px;
  }
}
#webkuji-top.site-section-content .site-section-inner .btn,
#realwebkuji-top.site-section-content .site-section-inner .btn {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
#webkuji-top.site-section-content .site-section-inner .btn a,
#realwebkuji-top.site-section-content .site-section-inner .btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 64px;
  text-align: center;
  background: #79615c;
  padding: 10px 15px;
  margin: 40px auto 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #ffffff;
  font-size: 20px;
  border-radius: 50px;
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4392156863);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.4392156863);
  max-width: 500px;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner .btn a,
  #realwebkuji-top.site-section-content .site-section-inner .btn a {
    font-size: 18px;
  }
}
@media screen and (max-width:450px) {
  #webkuji-top.site-section-content .site-section-inner .btn a,
  #realwebkuji-top.site-section-content .site-section-inner .btn a {
    font-size: 16px;
  }
}
#webkuji-top.site-section-content .site-section-inner .btn a:hover,
#realwebkuji-top.site-section-content .site-section-inner .btn a:hover {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6431372549);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.6431372549);
}
#webkuji-top.site-section-content .site-section-inner .arrow:before,
#realwebkuji-top.site-section-content .site-section-inner .arrow:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto;
}
#webkuji-top.site-section-content .site-section-inner .gallery-container,
#realwebkuji-top.site-section-content .site-section-inner .gallery-container {
  max-width: 800px;
  margin: 0 auto;
}
#webkuji-top.site-section-content .site-section-inner .main-image-display,
#realwebkuji-top.site-section-content .site-section-inner .main-image-display {
  margin-bottom: 10px;
  -webkit-transition: 3s ease;
  transition: 3s ease;
}
#webkuji-top.site-section-content .site-section-inner #mainImage,
#realwebkuji-top.site-section-content .site-section-inner #mainImage {
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 1;
}
#webkuji-top.site-section-content .site-section-inner .fade-out,
#realwebkuji-top.site-section-content .site-section-inner .fade-out {
  opacity: 0 !important;
}
#webkuji-top.site-section-content .site-section-inner .thumbnails-container,
#realwebkuji-top.site-section-content .site-section-inner .thumbnails-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  padding: 5px 0;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner .thumbnails-container,
  #realwebkuji-top.site-section-content .site-section-inner .thumbnails-container {
    gap: 13px;
  }
}
#webkuji-top.site-section-content .site-section-inner .thumbnail,
#realwebkuji-top.site-section-content .site-section-inner .thumbnail {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #757575;
  cursor: pointer;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .site-section-inner .thumbnail,
  #realwebkuji-top.site-section-content .site-section-inner .thumbnail {
    width: 13px;
    height: 13px;
  }
}
#webkuji-top.site-section-content .site-section-inner .thumbnail:hover,
#realwebkuji-top.site-section-content .site-section-inner .thumbnail:hover {
  border-color: #79615c; /* ホバー時の装飾 */
}
#webkuji-top.site-section-content .site-section-inner .thumbnail.active,
#realwebkuji-top.site-section-content .site-section-inner .thumbnail.active {
  opacity: 0.6;
}
#webkuji-top.site-section-content .slider-container,
#realwebkuji-top.site-section-content .slider-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 1/1;
  height: 800px;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .slider-container,
  #realwebkuji-top.site-section-content .slider-container {
    height: auto;
  }
}
#webkuji-top.site-section-content .image-container,
#realwebkuji-top.site-section-content .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#webkuji-top.site-section-content img,
#realwebkuji-top.site-section-content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#webkuji-top.site-section-content img.image-active,
#realwebkuji-top.site-section-content img.image-active {
  opacity: 1; /* 不透明（表示）*/
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#webkuji-top.site-section-content .nav-container,
#realwebkuji-top.site-section-content .nav-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 16px;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .nav-container,
  #realwebkuji-top.site-section-content .nav-container {
    right: unset;
    position: absolute;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    justify-content: center;
    flex-direction: row;
    margin-top: 8px;
  }
}
#webkuji-top.site-section-content .nav-btn,
#realwebkuji-top.site-section-content .nav-btn {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: grey;
  display: inline-block;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  cursor: pointer;
}
@media screen and (max-width:650px) {
  #webkuji-top.site-section-content .nav-btn,
  #realwebkuji-top.site-section-content .nav-btn {
    width: 10px;
    height: 10px;
  }
}
#webkuji-top.site-section-content .nav-btn.btn-active,
#realwebkuji-top.site-section-content .nav-btn.btn-active {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  background-color: #281e16;
}
#webkuji-top.site-section-content .nav-btn:hover,
#realwebkuji-top.site-section-content .nav-btn:hover {
  opacity: 0.6;
}

#loading {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
@media screen and (max-width:650px) {
  #loading {
    background-size: 700px;
  }
}

.loading-anime {
  background: #000;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#official.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  color: #ffffff;
  background-attachment: fixed;
  background-size: 600px;
  background-repeat: repeat;
}
#official.site-section-content .heading-wrap {
  text-align: center;
}
@media screen and (max-width:650px) {
  #official.site-section-content .heading-wrap {
    width: 100%;
  }
}
#official.site-section-content .heading-h2 {
  font-weight: 500;
  margin: 24px 0;
  font-size: 24px;
}
@media screen and (max-width:400px) {
  #official.site-section-content .heading-h2 {
    font-size: 18px;
  }
}
#official.site-section-content .site-section-inner {
  padding: 60px 0px 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm5.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #official.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner {
    padding: 60px 0 480px;
  }
}
#official.site-section-content .site-section-inner .back-to-top {
  background: url("../img/sozai/top.png") no-repeat center/contain;
  width: 160px;
  height: 160px;
  position: absolute;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  bottom: 30px;
  right: 1rem;
  display: table;
}
#official.site-section-content .site-section-inner .back-to-top:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .back-to-top {
    width: 80px;
    height: 80px;
    bottom: 5px;
    right: 0rem;
  }
}
#official.site-section-content .site-section-inner .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  background: url("../img/sozai/title-orange.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 0;
  }
}
#official.site-section-content .site-section-inner .content-bg {
  padding: 60px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: #202020;
  border-radius: 24px;
  height: auto;
  background: #202020;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 32px 16px 72px;
  }
}
#official.site-section-content .site-section-inner .social-account-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transition: 0.7s;
  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;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  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 {
    -webkit-transform: scale(1.1);
            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 {
    -webkit-transform: scale(1.1);
            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;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  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 {
    -webkit-transform: scale(1.1);
            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 {
    -webkit-transform: scale(1.1);
            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;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  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 {
    -webkit-transform: scale(1.1);
            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 {
    -webkit-transform: scale(1.1);
            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;
  -webkit-transition: 0.7s cubic-bezier(0.4, 0.4, 0, 1);
  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 {
    -webkit-transform: scale(1.1);
            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 {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
#official.site-section-content .site-section-inner .mitsuri {
  background: url("../img/sozai/mitsuri.webp") no-repeat center/contain;
  width: 380px;
  height: 471px;
  position: absolute;
  bottom: 184px;
  left: 50%;
  margin-left: -728px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .mitsuri {
    width: 292px;
    height: 355px;
    bottom: 93px;
    margin-left: -269px;
  }
}
@media screen and (max-width:550px) {
  #official.site-section-content .site-section-inner .mitsuri {
    width: 292px;
    height: 336px;
    bottom: 89px;
    margin-left: -245px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .site-section-inner .mitsuri {
    margin-left: -257px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .mitsuri {
    width: 292px;
    height: 308px;
    bottom: 119px;
    margin-left: -246px;
  }
}
@media screen and (max-width:400px) {
  #official.site-section-content .site-section-inner .mitsuri {
    width: 292px;
    height: 287px;
    bottom: 119px;
    margin-left: -238px;
  }
}
#official.site-section-content .site-section-inner .inosuke {
  background: url("../img/sozai/inosuke.webp") no-repeat center/contain;
  width: 398px;
  height: 516px;
  position: absolute;
  bottom: 197px;
  right: 50%;
  margin-right: -754px;
}
@media screen and (max-width:650px) {
  #official.site-section-content .site-section-inner .inosuke {
    width: 308px;
    height: 407px;
    bottom: 63px;
    margin-right: -303px;
  }
}
@media screen and (max-width:550px) {
  #official.site-section-content .site-section-inner .inosuke {
    width: 308px;
    height: 393px;
    bottom: 63px;
    margin-right: -282px;
  }
}
@media screen and (max-width:500px) {
  #official.site-section-content .site-section-inner .inosuke {
    margin-right: -264px;
  }
}
@media screen and (max-width:450px) {
  #official.site-section-content .site-section-inner .inosuke {
    width: 308px;
    height: 366px;
    bottom: 80px;
    margin-right: -257px;
  }
}
@media screen and (max-width:400px) {
  #official.site-section-content .site-section-inner .inosuke {
    height: 344px;
    margin-right: -249px;
  }
}

#store.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  background-size: 1000px;
  background-repeat: repeat;
}
#store.site-section-content .heading-h2 {
  font-weight: 500;
  margin: 32px;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #store.site-section-content .heading-h2 {
    margin: 24px 0;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .heading-h2 {
    font-size: 18px;
  }
}
#store.site-section-content .site-section-inner {
  text-align: center;
  position: relative;
  padding: 60px 0px 340px;
  margin: 0 12px;
  position: relative;
  background: url("../img/sozai/content-btm2.png") no-repeat bottom/contain;
}
@media screen and (max-width:1000px) {
  #store.site-section-content .site-section-inner {
    padding: 60px 0 240px;
  }
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner {
    padding: 60px 0 380px;
  }
}
#store.site-section-content .site-section-inner .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  background: url("../img/sozai/title-pink.png") no-repeat center/contain;
  width: 100%;
  height: 160px;
  color: #ffffff;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:500px) {
  #store.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width:450px) {
  #store.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 0;
  }
}
#store.site-section-content .site-section-inner .content-bg {
  padding: 0px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: #202020;
  border-radius: 24px;
  height: auto;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 24px;
  background: none;
}
@media screen and (max-width:650px) {
  #store.site-section-content .site-section-inner .content-bg {
    width: 100%;
    padding: 0px 16px 72px;
  }
}
#store.site-section-content .site-section-inner .content-bg .store-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#store.site-section-content .site-section-inner .content-bg .store-card {
  border-radius: 12px;
  width: 200px;
  height: 200px;
  position: relative;
  -webkit-box-shadow: 0px 0px 8px rgba(158, 116, 116, 0.5058823529);
          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 {
    -ms-flex-preferred-size: 100%;
        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: #ffffff;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  border-radius: 12px;
  text-shadow: 0 0 6px #000;
  padding: 12px;
  -webkit-transition: 0.7s;
  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;
  }
}

#photo {
  background: url("../img/sozai/bg-tanjiro.webp") no-repeat bottom/contain;
  background-size: 1200px;
}

#photo.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
@media screen and (max-width:650px) {
  #photo.site-section-content {
    background-size: 600px;
  }
}
#photo.site-section-content .site-section-inner {
  padding: 60px 0;
  margin: 0 24px;
  position: relative;
}
#photo.site-section-content .site-section-inner .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #photo.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media screen and (max-width:500px) {
  #photo.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
#photo.site-section-content .site-section-inner span {
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media screen and (max-width:650px) {
  #photo.site-section-content .site-section-inner span {
    font-size: 18px;
  }
}
#photo.site-section-content .site-section-inner .sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #79615c;
  font-size: 20px;
  margin-top: 12px;
}
#photo.site-section-content .site-section-inner .content-bg {
  padding: 0px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: #202020;
  border-radius: 24px;
  height: auto;
  color: #202020;
  margin: 0 auto 24px;
  text-align: center;
  font-size: 24px;
  background: none;
}
@media screen and (max-width:650px) {
  #photo.site-section-content .site-section-inner .content-bg {
    width: 100%;
  }
}
#photo.site-section-content .site-section-inner .content-bg .heading-h2 {
  position: relative;
  font-size: 24px;
  margin: 40px 0;
}
@media screen and (max-width:650px) {
  #photo.site-section-content .site-section-inner .content-bg .heading-h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width:550px) {
  #photo.site-section-content .site-section-inner .content-bg .heading-h2 {
    font-size: 16px;
  }
}
#photo.site-section-content .site-section-inner .note {
  font-size: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #photo.site-section-content .site-section-inner .note {
    font-size: 14px;
  }
}

#notice.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
#notice.site-section-content .site-section-inner {
  padding: 60px 0 80px;
  margin: 0 24px;
  position: relative;
}
#notice.site-section-content .site-section-inner .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #notice.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media screen and (max-width:500px) {
  #notice.site-section-content .site-section-inner .heading-h1 {
    margin-bottom: 16px;
  }
}
#notice.site-section-content .site-section-inner .sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #79615c;
  font-size: 20px;
  margin-top: 12px;
}
#notice.site-section-content .site-section-inner .content-bg {
  padding: 0px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: #202020;
  border-radius: 24px;
  height: auto;
  color: #202020;
  margin: 0 auto 24px;
  text-align: center;
  font-size: 24px;
  background: none;
}
@media screen and (max-width:650px) {
  #notice.site-section-content .site-section-inner .content-bg {
    width: 100%;
  }
}
#notice.site-section-content .site-section-inner .content-bg .heading-h2 {
  position: relative;
  font-size: 24px;
  margin: 40px 0;
}
@media screen and (max-width:650px) {
  #notice.site-section-content .site-section-inner .content-bg .heading-h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width:550px) {
  #notice.site-section-content .site-section-inner .content-bg .heading-h2 {
    font-size: 16px;
  }
}
#notice.site-section-content .site-section-inner .note {
  font-size: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #notice.site-section-content .site-section-inner .note {
    font-size: 14px;
  }
}
#notice.site-section-content .site-section-inner table {
  width: 100%;
  width: calc(100% - 0px);
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  border-collapse: separate;
  margin-bottom: 24px;
  color: #ffffff;
  background-color: #202020;
}
@media screen and (max-width:650px) {
  #notice.site-section-content .site-section-inner table {
    width: calc(100% - 0px);
    margin-bottom: 24px;
  }
}
#notice.site-section-content .site-section-inner tr {
  background-color: #535351;
}
#notice.site-section-content .site-section-inner tr:nth-child(odd) {
  background-color: #2d2d2b;
}
#notice.site-section-content .site-section-inner th {
  width: 100%;
  padding: 20px;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width:650px) {
  #notice.site-section-content .site-section-inner th {
    display: block;
    width: 100%;
  }
}
#notice.site-section-content .site-section-inner li {
  text-align: left;
  list-style: none;
  line-height: 2;
  text-indent: -1em;
  padding-left: 1em;
}
#notice.site-section-content .site-section-inner li:before {
  content: "・";
}
#notice.site-section-content .site-section-inner li a {
  color: #f9cb64;
  border-bottom: 1px dashed #f9cb64;
}
@media screen and (max-width:650px) {
  #notice.site-section-content .site-section-inner li {
    font-size: 14px;
  }
}
#notice.site-section-content .site-section-inner .kuji-step-sub-title {
  height: 60px;
  background: url("../img/sozai/bg-grass.webp"), #79615c;
  margin-bottom: 24px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #notice.site-section-content .site-section-inner .kuji-step-sub-title {
    font-size: 16px;
    padding: 16px;
    margin-bottom: 16px;
  }
}
#notice.site-section-content .site-section-inner .kuji-step-sub-title2 {
  font-size: 16px;
  margin-bottom: 24px;
}

#kuji_header.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: url("../img/sozai/bg-mugenjo.webp"), #000;
  background-size: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  height: min(26.0416666667vw, 500px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
}
#kuji_header.site-section-content .site-section-inner {
  padding: 100px 0;
  margin: 0 24px;
}
#kuji_header.site-section-content .site-section-inner .kuji-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 74px;
  padding: 24px;
}
@media screen and (max-width:650px) {
  #kuji_header.site-section-content .site-section-inner .kuji-header {
    padding: 18px;
    gap: 24px;
  }
}
#kuji_header.site-section-content .site-section-inner .logo {
  background: url("../img/logo/logo-movie-w.png") no-repeat center/contain;
  width: 300px;
  height: 300px;
  width: min(15.625vw, 300px);
  height: min(15.625vw, 300px);
}
#kuji_header.site-section-content .site-section-inner .title {
  font-size: 32px;
  text-align: center;
}
@media screen and (max-width:650px) {
  #kuji_header.site-section-content .site-section-inner .title {
    font-size: 20px;
  }
}
@media screen and (max-width:450px) {
  #kuji_header.site-section-content .site-section-inner .title {
    font-size: 16px;
  }
}

#webshop_kuji_step.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
#webshop_kuji_step.site-section-content .heading-h1-wrapper {
  margin-top: 60px;
}
@media screen and (max-width:650px) {
  #webshop_kuji_step.site-section-content .heading-h1-wrapper {
    margin: 60px 24px 0;
  }
}
#webshop_kuji_step.site-section-content .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-width: 900px;
}
@media screen and (max-width:650px) {
  #webshop_kuji_step.site-section-content .heading-h1 {
    margin: 0px auto;
    font-size: 32px;
  }
}
#webshop_kuji_step.site-section-content span {
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media screen and (max-width:650px) {
  #webshop_kuji_step.site-section-content span {
    font-size: 18px;
  }
}
#webshop_kuji_step.site-section-content .sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #79615c;
  font-size: 20px;
  margin-top: 12px;
}
#webshop_kuji_step.site-section-content .site-section-inner {
  padding: 40px 0 100px;
  margin: 0 24px;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width:650px) {
  #webshop_kuji_step.site-section-content .site-section-inner {
    padding: 40px 0 60px;
    margin: 0 24px;
  }
}
#webshop_kuji_step.site-section-content .site-section-inner .kuji-step-title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width:650px) {
  #webshop_kuji_step.site-section-content .site-section-inner .kuji-step-title {
    font-size: 20px;
  }
}
@media screen and (max-width:550px) {
  #webshop_kuji_step.site-section-content .site-section-inner .kuji-step-title {
    font-size: 16px;
  }
}
#webshop_kuji_step.site-section-content .site-section-inner .kuji-step-sub-title {
  height: 60px;
  background: url("../img/sozai/bg-grass.webp"), #79615c;
  margin-bottom: 24px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #webshop_kuji_step.site-section-content .site-section-inner .kuji-step-sub-title {
    font-size: 16px;
    padding: 16px;
    margin-bottom: 16px;
  }
}
#webshop_kuji_step.site-section-content .site-section-inner .kuji-step-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 24px;
  gap: 16px;
}
#webshop_kuji_step.site-section-content .site-section-inner .kuji-step-wrapper .kuji-step {
  max-width: 360px;
  list-style: none;
}
@media screen and (max-width:650px) {
  #webshop_kuji_step.site-section-content .site-section-inner .kuji-step-wrapper .kuji-step {
    width: 100%;
    max-width: unset;
  }
}

#real_webshop_kuji_step.site-section-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
#real_webshop_kuji_step.site-section-content .movie-title {
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: 60px;
}
@media screen and (max-width:650px) {
  #real_webshop_kuji_step.site-section-content .movie-title {
    font-size: 18px;
  }
}
#real_webshop_kuji_step.site-section-content .heading-h1 {
  font-size: 72px;
  text-align: center;
  color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
}
@media screen and (max-width:650px) {
  #real_webshop_kuji_step.site-section-content .heading-h1 {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
@media screen and (max-width:500px) {
  #real_webshop_kuji_step.site-section-content .heading-h1 {
    margin-bottom: 16px;
  }
}
#real_webshop_kuji_step.site-section-content .sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "M PLUS 1p", sans-serif;
  color: #79615c;
  font-size: 20px;
  margin-top: 12px;
}
#real_webshop_kuji_step.site-section-content .site-section-inner {
  padding: 0px 0 100px;
  margin: 0 24px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width:650px) {
  #real_webshop_kuji_step.site-section-content .site-section-inner {
    padding: 0px 0 60px;
    margin: 0 24px;
  }
}
#real_webshop_kuji_step.site-section-content .site-section-inner .content-bg {
  padding: 0px;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: relative;
  color: #ffffff;
  background: #202020;
  border-radius: 24px;
  height: auto;
  color: #202020;
  margin: 0 auto 24px;
  text-align: center;
  font-size: 24px;
  background: none;
}
@media screen and (max-width:650px) {
  #real_webshop_kuji_step.site-section-content .site-section-inner .content-bg {
    width: 100%;
  }
}
#real_webshop_kuji_step.site-section-content .site-section-inner .kuji-step-title {
  margin-bottom: 40px;
}
#real_webshop_kuji_step.site-section-content .real-kuji-notice {
  margin-bottom: 200px;
}
#real_webshop_kuji_step.site-section-content .about-notice {
  background-color: #202020;
  padding: 24px;
  color: #ffffff;
  font-size: 16px;
  line-height: 32px;
}
#real_webshop_kuji_step.site-section-content .yellow {
  color: #f9cb64;
  font-size: 24px;
  margin-bottom: 16px;
}
#real_webshop_kuji_step.site-section-content a {
  color: #f9cb64;
  border-bottom: 1px dashed #f9cb64;
}
#real_webshop_kuji_step.site-section-content .yellow-2 {
  font-size: 16px;
}
#real_webshop_kuji_step.site-section-content .step {
  font-size: 24px;
}
@media screen and (max-width:650px) {
  #real_webshop_kuji_step.site-section-content .step {
    font-size: 20px;
  }
}
#real_webshop_kuji_step.site-section-content .step-wrapper {
  background-color: #2d2d2b;
  color: #ffffff;
  padding: 24px;
  font-size: 16px;
  position: relative;
}
#real_webshop_kuji_step.site-section-content .step-arrow {
  position: relative;
  margin: 1rem auto -1rem;
  width: 60px;
  height: 60px;
}
#real_webshop_kuji_step.site-section-content .step-arrow::before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(179, 2, 2);
  height: 30px;
  width: 60px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
}

.modal {
  display: none;
  position: fixed;
  z-index: 8887;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.582);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.modal-container p {
  margin-bottom: 10px;
}

.modal-container p:last-child {
  margin-bottom: 0;
}

.modal-content {
  background: #4b4b4b;
  overflow-y: auto;
  padding: 24px;
  width: 100%;
  height: 100%;
  max-width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: show 0.6s linear 0s;
          animation: show 0.6s linear 0s;
  -webkit-filter: drop-shadow(0px 2px 6px #777);
          filter: drop-shadow(0px 2px 6px #777);
}

.modal-top {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
}

.modal-close {
  color: #ffffff;
  text-decoration: none;
  font-size: 2rem;
  line-height: 1;
  padding: 0 8px;
}

.modal-close:hover, .modal-close:focus {
  text-decoration: none;
  cursor: pointer;
}

.modal-title {
  color: #ad2323;
}

@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}