@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Moul&family=Noto+Sans+JP:wght@100..900&display=swap";
@keyframes wipe-in-right {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  /* 終了状態: X軸方向のスケールが1（元の幅） */
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes pulse-text {
  0%, 8.571%, 12.857%, 21.428%, 42.857% {
    transform: scale(1) translateX(-50%);
  }
  4.286% {
    transform: scale(1.05) translateX(-50%);
  }
  17.143% {
    transform: scale(1.07) translateX(-50%);
  }
  100% {
    transform: scale(1) translateX(-50%);
  }
}
@keyframes spray-slide {
  0% {
    transform: translate(-15vw, 5vw) scale(1.5);
  }
  100% {
    transform: translate(115vw, 32vw) scale(1);
  }
}
@keyframes spray-moving {
  0% {
    transform: rotate(20deg) scale(100%);
  }
  50% {
    transform: rotate(40deg) scale(105%);
  }
  100% {
    transform: rotate(60deg) scale(95%);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-intro {
  0% {
    filter: blur(1000px);
    transform: scale(0.5);
  }
  100% {
    filter: blur(0);
    transform: scale(1);
  }
}
body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 400;
  font-feature-settings: "palt" 1;
  color: #4d4d4d;
  text-align: left;
  overflow-wrap: anywhere;
  font-size: 14px;
  font-size: 1.1666666667rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}

.page--home .wrap .container .block--contents .block--title .section-tit, .section-tit,
.list__more,
.block--date,
.limited-thumb {
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  letter-spacing: 0.05rem;
}

.list__more {
  white-space: nowrap;
}
.list__more a,
.list__more a:visited {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #4d4d4d;
  text-align: left;
  font-size: clamp(1.8rem, 1.125%, 1.5rem);
  line-height: 1;
  transition: color 0.3s ease-in-out;
}
.list__more a::after,
.list__more a:visited::after {
  bottom: 0 !important;
  background: #000;
}
.list__more a:hover, .list__more a:active,
.list__more a:visited:hover,
.list__more a:visited:active {
  color: #000;
  opacity: 1;
}
.list__more a:hover::after, .list__more a:active::after,
.list__more a:visited:hover::after,
.list__more a:visited:active::after {
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .list__more a,
  .list__more a:visited {
    font-size: clamp(1.1666666667rem, 0.7291666667%, 0.8333333333rem);
    line-height: 1;
  }
}

.page--home .wrap .container .block--contents .block--title .section-tit {
  margin: 0;
  color: #000;
  font-size: clamp(3.5rem, 2.1875%, 1.5rem);
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents .block--title .section-tit {
    font-size: clamp(2.3333333333rem, 1.4583333333%, 1.5rem);
    line-height: 1.2;
    padding: 0;
  }
}

.tit,
.section-tit {
  margin-bottom: 3rem;
  font-weight: 900;
  font-size: clamp(3rem, 1.875%, 2rem);
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .tit,
  .section-tit {
    font-size: clamp(1.8333333333rem, 1.1458333333%, 1.5rem);
    line-height: 1.5;
  }
}
.tit .payment-member,
.section-tit .payment-member {
  padding: 2px 4px;
  margin: 0 0 0 0.5rem;
  font-weight: 700;
  color: #fff;
  background: #f27329;
  font-size: 9px;
  font-size: 0.75rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}

.section--detail .block--title,
.section--detail .block--tit {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #000;
}
.section--detail .block--title .tit,
.section--detail .block--tit .tit {
  margin: 0;
  font-size: clamp(1.6666666667rem, 1.0416666667%, 1.3333333333rem);
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 900;
}
.section--detail .block--title .date,
.section--detail .block--tit .date {
  margin: 0;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  letter-spacing: 0.1rem;
  opacity: 0.6;
  font-size: clamp(1.5rem, 0.9375%, 1rem);
  line-height: 1.5;
}

.page--photo .section--list .section-tit {
  margin-bottom: 4rem;
}
.page--photo-detail .section--list .section-tit {
  font-size: clamp(1.6666666667rem, 1.0416666667%, 1.3333333333rem);
  line-height: 1.5;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

[class^=page--]:not(.page--home) .wrap .section-tit {
  color: #000;
}

.list .tit {
  letter-spacing: 0.05rem;
  font-size: clamp(1.375rem, 0.859375%, 1rem);
  line-height: 1.5;
}

.wrap .date,
.wrap .category {
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #808080;
  opacity: 1;
  font-size: clamp(1.5rem, 0.9375%, 1rem);
  line-height: 1.2;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .wrap .date,
  .wrap .category {
    font-size: clamp(1rem, 0.625%, 0.6666666667rem);
    line-height: 1.2;
  }
}

.rule {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 2rem;
  font-weight: 700;
  color: #fff;
  background: #f22d29;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  pointer-events: none;
}

.sp,
.kv-sp {
  display: block;
}
@media screen and (min-width: 961px) {
  .sp,
  .kv-sp {
    display: none;
  }
}

.pc,
.kv-pc {
  display: none;
}
@media screen and (min-width: 961px) {
  .pc,
  .kv-pc {
    display: block;
  }
}

html {
  font-size: 75%;
}

body.page--home {
  position: relative;
  overflow: hidden;
}
body.page--home::before {
  position: fixed;
  inset: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  content: "";
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: all 1s ease-in-out;
}
body.page--home.done {
  overflow: initial;
}
body.page--home.done::before {
  opacity: 0;
  filter: blur(10px);
  transform: translateY(101vh);
}
body.page--home.done.drawer-visible {
  overflow: hidden;
}

.loading {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 5vw;
  transform: translateY(0);
  transition: all 1s ease-in-out;
}
.loading--wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: loading-intro 0.5s linear both;
}
.loading--wrap img {
  max-width: 100%;
  max-height: 100%;
}
.loading--wrap .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11vw;
  height: 30vh;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .loading--wrap .logo {
    width: 24vw;
    height: 24vw;
  }
}
.loading--wrap .circle {
  width: 25.88vw;
  height: 46vh;
  -o-object-fit: contain;
     object-fit: contain;
  animation: spin 4s linear infinite;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .loading--wrap .circle {
    width: 40vw;
    height: 40vw;
  }
}

.done .loading {
  opacity: 0;
  transform: translateY(100vh);
}

body:not(.page--home) .btn--main, [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a:visited, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a:visited, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a:visited, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a:visited {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(1rem - 2px) 5rem 1rem;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/texture_btn.jpg") repeat center left;
  background-size: 300px;
  border: 0.5rem solid #fff;
  border-radius: 10px;
  box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.3);
  transition: top, opacity 0.1s ease-in-out;
  font-size: clamp(2.6666666667rem, 1.6666666667%, 1.1666666667rem);
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .btn--main, [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a:visited, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a,
  [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a:visited, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a,
  [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a:visited, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a,
  [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a:visited {
    padding: calc(1rem - 1px) 2rem 1rem;
    border-width: 0.3rem;
    border-radius: 5px;
    font-size: clamp(1.5rem, 0.9375%, 1.3333333333rem);
    line-height: 1;
  }
}
body:not(.page--home) .btn--main:active, [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a:active, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a:active, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a:active, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a:active {
  top: 2px;
}

[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a:hover, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a:active,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a:visited:hover,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__join a:visited:active, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a:hover, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a:active,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a:visited:hover,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__login a:visited:active, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a:hover, [class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a:active,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a:visited:hover,
[class^=page--] .wrap .container .section--login .block--login .nav .nav--login li.g-nav--item__mypage a:visited:active {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.6);
  opacity: 1;
  filter: brightness(110%);
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a:hover, [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login li a:visited:active {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.6);
  opacity: 1;
  filter: brightness(110%);
}

.limited .section-tit::after {
  display: none;
}

.block--share {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
  padding: 2rem 0 0;
  margin-top: 5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.block--share li {
  margin: 0;
}
.block--share li a,
.block--share li a:visited {
  color: #000;
}
.block--share li.share {
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 80%;
  opacity: 0.5;
}
.block--share li.lineIco {
  position: relative;
  top: 1px;
}

.detail__btn a {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-weight: 900;
  color: #000;
  font-size: clamp(1.5rem, 0.9375%, 1rem);
  line-height: 1.2;
  transition: opacity 0.1s ease-in-out;
}
.detail__btn a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  content: "";
  background: #000;
  opacity: 1;
}
.detail__btn a:hover, .detail__btn a:active {
  opacity: 1;
}
.detail__btn a:hover::after, .detail__btn a:active::after {
  width: 100%;
}
.soundonly .detail__btn a {
  margin-top: 8rem;
}

body:not(.page--home) .btn {
  margin: 5rem auto 2rem;
}
body:not(.page--home) .btn + .txt--sub {
  font-size: 14px;
  font-size: 1.1666666667rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}
body:not(.page--home) .btn + .txt--sub a,
body:not(.page--home) .btn + .txt--sub a:visited {
  display: inline-block;
  margin-top: 0.5rem;
  font-weight: 700;
}
body:not(.page--home) .btn + .btn {
  margin-top: 2rem;
}
body:not(.page--home) .btn--main:hover, body:not(.page--home) .btn--main:active,
body:not(.page--home) .btn--sub:hover,
body:not(.page--home) .btn--sub:active {
  opacity: 0.8;
}
body:not(.page--home) .btn--main {
  font-size: clamp(2rem, 1.25%, 1.1666666667rem);
  line-height: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .btn--main {
    font-size: clamp(1.5rem, 0.9375%, 1rem);
    line-height: 1.2;
  }
}
body:not(.page--home) .btn--sub {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  padding: 1rem 2rem;
  margin-inline: auto;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 10px;
  transition: top, opacity 0.1s ease-in-out;
  font-size: clamp(1.5rem, 0.9375%, 1rem);
  line-height: 1.2;
}

[class^=page--] .searchBox {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 5px;
}

.form--post {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  margin: 5rem auto;
}
.form--post dd,
.form--post dt {
  margin: 0;
}
.form--post dt {
  font-weight: 700;
  font-size: clamp(1.75rem, 1.09375%, 1.1666666667rem);
  line-height: 1.5;
}
.form--confirm {
  display: flex;
  flex-direction: column;
  padding: 5rem;
  margin: 5rem auto;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.form--confirm dd,
.form--confirm dt {
  margin: 0;
  font-size: clamp(1.75rem, 1.09375%, 1.1666666667rem);
  line-height: 1.5;
}
.form--confirm dt {
  margin-top: 2rem;
  font-size: clamp(1.5rem, 0.9375%, 1rem);
  line-height: 1.2;
}
.form--confirm dt:first-child {
  margin-top: 0;
}
.form--confirm dd {
  font-weight: 700;
}
.form input,
.form textarea {
  padding: 1rem;
}
.form input[readonly=readonly],
.form textarea[readonly=readonly] {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.form textarea {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

[class^=page--] .wrap .list,
[class^=page--] .wrap .list--thumbnail,
[class^=page--] .wrap .list--photo {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list,
  [class^=page--] .wrap .list--thumbnail,
  [class^=page--] .wrap .list--photo {
    gap: 2rem;
  }
}
[class^=page--] .wrap .list:has(.no-data),
[class^=page--] .wrap .list--thumbnail:has(.no-data),
[class^=page--] .wrap .list--photo:has(.no-data) {
  justify-content: center;
}
[class^=page--] .wrap .list:has(.no-data) .no-data,
[class^=page--] .wrap .list--thumbnail:has(.no-data) .no-data,
[class^=page--] .wrap .list--photo:has(.no-data) .no-data {
  padding: 0;
}
[class^=page--] .wrap .list .list__item,
[class^=page--] .wrap .list--thumbnail .list__item,
[class^=page--] .wrap .list--photo .list__item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
[class^=page--] .wrap .list .list__item a,
[class^=page--] .wrap .list--thumbnail .list__item a,
[class^=page--] .wrap .list--photo .list__item a {
  padding: 0;
}
[class^=page--] .wrap .list .list__item .free::after,
[class^=page--] .wrap .list--thumbnail .list__item .free::after,
[class^=page--] .wrap .list--photo .list__item .free::after {
  display: none;
}
[class^=page--] .wrap .list .list__item.new .tit,
[class^=page--] .wrap .list--thumbnail .list__item.new .tit,
[class^=page--] .wrap .list--photo .list__item.new .tit {
  position: relative;
}
[class^=page--] .wrap .list .list__item.new .tit::after,
[class^=page--] .wrap .list--thumbnail .list__item.new .tit::after,
[class^=page--] .wrap .list--photo .list__item.new .tit::after {
  position: relative;
  top: -0.25rem;
  display: inline-block;
  padding: 5px;
  margin: 0 0 0 0.5rem;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #fff;
  text-align: center;
  content: "NEW";
  background: #f27329;
  font-size: clamp(1rem, 0.625%, 0.6666666667rem);
  line-height: 1;
}
[class^=page--] .wrap .list .list__item .thumb img:not(.blur),
[class^=page--] .wrap .list--thumbnail .list__item .thumb img:not(.blur),
[class^=page--] .wrap .list--photo .list__item .thumb img:not(.blur) {
  position: relative;
  z-index: 1;
  background-size: contain;
  transform: scale(1);
}
[class^=page--] .wrap .list .list__item .thumb .blur,
[class^=page--] .wrap .list .list__item .thumb .blur img,
[class^=page--] .wrap .list--thumbnail .list__item .thumb .blur,
[class^=page--] .wrap .list--thumbnail .list__item .thumb .blur img,
[class^=page--] .wrap .list--photo .list__item .thumb .blur,
[class^=page--] .wrap .list--photo .list__item .thumb .blur img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  filter: blur(12px);
  transform: scale(1.1);
}
[class^=page--] .wrap .list .block--txt,
[class^=page--] .wrap .list--thumbnail .block--txt,
[class^=page--] .wrap .list--photo .block--txt {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
[class^=page--] .wrap .list .block--txt .date,
[class^=page--] .wrap .list--thumbnail .block--txt .date,
[class^=page--] .wrap .list--photo .block--txt .date {
  margin: 0;
}
[class^=page--] .wrap .list .block--txt .tit,
[class^=page--] .wrap .list--thumbnail .block--txt .tit,
[class^=page--] .wrap .list--photo .block--txt .tit {
  margin: 0;
  letter-spacing: 0.05rem;
  font-size: clamp(1.375rem, 0.859375%, 1rem);
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list .block--txt .tit,
  [class^=page--] .wrap .list--thumbnail .block--txt .tit,
  [class^=page--] .wrap .list--photo .block--txt .tit {
    letter-spacing: 0.05rem;
    font-size: clamp(1.1666666667rem, 0.7291666667%, 1rem);
    line-height: 1.5;
  }
}
[class^=page--] .wrap .list .block--txt .txt--wrap,
[class^=page--] .wrap .list--thumbnail .block--txt .txt--wrap,
[class^=page--] .wrap .list--photo .block--txt .txt--wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
[class^=page--] .wrap .list .block--txt .txt--wrap .date,
[class^=page--] .wrap .list--thumbnail .block--txt .txt--wrap .date,
[class^=page--] .wrap .list--photo .block--txt .txt--wrap .date {
  flex-shrink: 0;
}
[class^=page--] .wrap .list .block--txt .txt--wrap .category,
[class^=page--] .wrap .list--thumbnail .block--txt .txt--wrap .category,
[class^=page--] .wrap .list--photo .block--txt .txt--wrap .category {
  position: relative;
  padding-left: 1rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 900;
  opacity: 1;
  font-size: clamp(1rem, 0.625%, 0.6666666667rem);
  line-height: 1.5;
}
[class^=page--] .wrap .list .block--txt .txt--wrap .category::before,
[class^=page--] .wrap .list--thumbnail .block--txt .txt--wrap .category::before,
[class^=page--] .wrap .list--photo .block--txt .txt--wrap .category::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 1rem;
  content: "";
  background: currentcolor;
  transform: rotate(20deg) translateY(-50%);
}
[class^=page--] .wrap .list--qa .list__item a::before,
[class^=page--] .wrap .list--thumbnail--qa .list__item a::before,
[class^=page--] .wrap .list--photo--qa .list__item a::before {
  display: none;
}
[class^=page--] .wrap .list--qa .list__item .block--txt .date,
[class^=page--] .wrap .list--thumbnail--qa .list__item .block--txt .date,
[class^=page--] .wrap .list--photo--qa .list__item .block--txt .date {
  order: 1;
}
[class^=page--] .wrap .list--qa .list__item .block--txt .tit,
[class^=page--] .wrap .list--thumbnail--qa .list__item .block--txt .tit,
[class^=page--] .wrap .list--photo--qa .list__item .block--txt .tit {
  order: 2;
}
[class^=page--] .wrap .list--radio,
[class^=page--] .wrap .list--thumbnail--radio,
[class^=page--] .wrap .list--photo--radio {
  gap: 2rem;
}
[class^=page--] .wrap .list--radio .list__item,
[class^=page--] .wrap .list--thumbnail--radio .list__item,
[class^=page--] .wrap .list--photo--radio .list__item {
  width: 100%;
}
[class^=page--] .wrap .list--radio .list__item a,
[class^=page--] .wrap .list--radio .list__item a:visited,
[class^=page--] .wrap .list--thumbnail--radio .list__item a,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:visited,
[class^=page--] .wrap .list--photo--radio .list__item a,
[class^=page--] .wrap .list--photo--radio .list__item a:visited {
  position: relative;
  display: flex;
  gap: 2rem;
  align-items: center;
  padding: 1rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--radio .list__item a,
  [class^=page--] .wrap .list--radio .list__item a:visited,
  [class^=page--] .wrap .list--thumbnail--radio .list__item a,
  [class^=page--] .wrap .list--thumbnail--radio .list__item a:visited,
  [class^=page--] .wrap .list--photo--radio .list__item a,
  [class^=page--] .wrap .list--photo--radio .list__item a:visited {
    gap: 1rem;
  }
}
[class^=page--] .wrap .list--radio .list__item a:hover, [class^=page--] .wrap .list--radio .list__item a:active,
[class^=page--] .wrap .list--radio .list__item a:visited:hover,
[class^=page--] .wrap .list--radio .list__item a:visited:active,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:hover,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:active,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:visited:hover,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:visited:active,
[class^=page--] .wrap .list--photo--radio .list__item a:hover,
[class^=page--] .wrap .list--photo--radio .list__item a:active,
[class^=page--] .wrap .list--photo--radio .list__item a:visited:hover,
[class^=page--] .wrap .list--photo--radio .list__item a:visited:active {
  opacity: 1;
}
[class^=page--] .wrap .list--radio .list__item a:hover::after, [class^=page--] .wrap .list--radio .list__item a:active::after,
[class^=page--] .wrap .list--radio .list__item a:visited:hover::after,
[class^=page--] .wrap .list--radio .list__item a:visited:active::after,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:hover::after,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:active::after,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:visited:hover::after,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:visited:active::after,
[class^=page--] .wrap .list--photo--radio .list__item a:hover::after,
[class^=page--] .wrap .list--photo--radio .list__item a:active::after,
[class^=page--] .wrap .list--photo--radio .list__item a:visited:hover::after,
[class^=page--] .wrap .list--photo--radio .list__item a:visited:active::after {
  width: 100%;
}
[class^=page--] .wrap .list--radio .list__item a::after,
[class^=page--] .wrap .list--radio .list__item a:visited::after,
[class^=page--] .wrap .list--thumbnail--radio .list__item a::after,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:visited::after,
[class^=page--] .wrap .list--photo--radio .list__item a::after,
[class^=page--] .wrap .list--photo--radio .list__item a:visited::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.12);
  transition: width 0.3s ease-in-out;
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .list--radio .list__item:first-child a,
  [class^=page--] .wrap .list--thumbnail--radio .list__item:first-child a,
  [class^=page--] .wrap .list--photo--radio .list__item:first-child a {
    padding-top: 1rem;
  }
  [class^=page--] .wrap .list--radio .list__item:first-child a .ico,
  [class^=page--] .wrap .list--thumbnail--radio .list__item:first-child a .ico,
  [class^=page--] .wrap .list--photo--radio .list__item:first-child a .ico {
    top: 50%;
  }
}
[class^=page--] .wrap .list--radio .list__item .ico,
[class^=page--] .wrap .list--thumbnail--radio .list__item .ico,
[class^=page--] .wrap .list--photo--radio .list__item .ico {
  position: static;
  background: #000;
  border: none;
}
[class^=page--] .wrap .list--radio .list__item .ico--play,
[class^=page--] .wrap .list--thumbnail--radio .list__item .ico--play,
[class^=page--] .wrap .list--photo--radio .list__item .ico--play {
  left: 2px;
  fill: #fff;
}
[class^=page--] .wrap .list--schedule .list__item a,
[class^=page--] .wrap .list--schedule .list__item a:visited,
[class^=page--] .wrap .list--thumbnail--schedule .list__item a,
[class^=page--] .wrap .list--thumbnail--schedule .list__item a:visited,
[class^=page--] .wrap .list--photo--schedule .list__item a,
[class^=page--] .wrap .list--photo--schedule .list__item a:visited {
  display: flex;
  gap: 5rem;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .list__item a,
  [class^=page--] .wrap .list--schedule .list__item a:visited,
  [class^=page--] .wrap .list--thumbnail--schedule .list__item a,
  [class^=page--] .wrap .list--thumbnail--schedule .list__item a:visited,
  [class^=page--] .wrap .list--photo--schedule .list__item a,
  [class^=page--] .wrap .list--photo--schedule .list__item a:visited {
    gap: 2rem;
    align-items: flex-start;
  }
}
[class^=page--] .wrap .list--schedule .block--date,
[class^=page--] .wrap .list--thumbnail--schedule .block--date,
[class^=page--] .wrap .list--photo--schedule .block--date {
  position: relative;
  inset: 0;
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
  color: #808080;
}
[class^=page--] .wrap .list--schedule .block--date__start,
[class^=page--] .wrap .list--thumbnail--schedule .block--date__start,
[class^=page--] .wrap .list--photo--schedule .block--date__start {
  display: flex;
}
[class^=page--] .wrap .list--schedule .block--date__start > [class^=block--date],
[class^=page--] .wrap .list--thumbnail--schedule .block--date__start > [class^=block--date],
[class^=page--] .wrap .list--photo--schedule .block--date__start > [class^=block--date] {
  position: static;
  width: auto;
  height: auto;
}
[class^=page--] .wrap .list--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__month {
  font-size: 25px;
  font-size: 2.0833333333rem;
  line-height: 1;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__month {
    font-size: 14px;
    font-size: 1.1666666667rem;
    line-height: 1;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .list--schedule .block--date .block--date__month::after,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month::after,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__month::after {
  top: -0.5rem;
  right: auto;
  left: 3rem;
  height: 6rem;
  background: #808080;
  transform: rotate(45deg);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__month::after,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month::after,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__month::after {
    left: 1.5rem;
    height: 4.5rem;
  }
}
[class^=page--] .wrap .list--schedule .block--date .block--date__date,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
  font-size: 28px;
  font-size: 2.3333333333rem;
  line-height: 1;
  letter-spacing: 0.05rem;
  padding-top: 2.5rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
    font-size: 16px;
    font-size: 1.3333333333rem;
    line-height: 1;
    letter-spacing: 0.05rem;
    padding-top: 2rem;
  }
}
[class^=page--] .wrap .list--schedule .block--date .block--date__youbi,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__youbi,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__youbi {
  width: 1rem;
  padding-left: 2rem;
  text-align: center;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 16px;
  font-size: 1.3333333333rem;
  line-height: 1;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__youbi {
    padding-left: 1.25rem;
    font-size: 12px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .list--schedule .block--txt,
[class^=page--] .wrap .list--thumbnail--schedule .block--txt,
[class^=page--] .wrap .list--photo--schedule .block--txt {
  width: 100%;
  padding: 0;
}
[class^=page--] .wrap .list--schedule .sys-schedule,
[class^=page--] .wrap .list--thumbnail--schedule .sys-schedule,
[class^=page--] .wrap .list--photo--schedule .sys-schedule {
  margin-bottom: 5rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .sys-schedule,
  [class^=page--] .wrap .list--thumbnail--schedule .sys-schedule,
  [class^=page--] .wrap .list--photo--schedule .sys-schedule {
    margin-bottom: 2rem;
  }
}
[class^=page--] .wrap .list--schedule .sys-schedule:last-child,
[class^=page--] .wrap .list--thumbnail--schedule .sys-schedule:last-child,
[class^=page--] .wrap .list--photo--schedule .sys-schedule:last-child {
  margin-bottom: 0;
}
[class^=page--] .wrap .list--schedule .sys-schedule a,
[class^=page--] .wrap .list--thumbnail--schedule .sys-schedule a,
[class^=page--] .wrap .list--photo--schedule .sys-schedule a {
  position: relative;
  padding: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .sys-schedule a .block--date,
  [class^=page--] .wrap .list--thumbnail--schedule .sys-schedule a .block--date,
  [class^=page--] .wrap .list--photo--schedule .sys-schedule a .block--date {
    position: absolute;
    top: 0;
    left: 0;
  }
}
[class^=page--] .wrap .list--schedule .sys-schedule a .block--txt,
[class^=page--] .wrap .list--thumbnail--schedule .sys-schedule a .block--txt,
[class^=page--] .wrap .list--photo--schedule .sys-schedule a .block--txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 13rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .sys-schedule a .block--txt,
  [class^=page--] .wrap .list--thumbnail--schedule .sys-schedule a .block--txt,
  [class^=page--] .wrap .list--photo--schedule .sys-schedule a .block--txt {
    position: static;
    margin-left: 7rem;
  }
}
[class^=page--] .wrap .list--schedule .sys-schedule a .block--txt .tit,
[class^=page--] .wrap .list--thumbnail--schedule .sys-schedule a .block--txt .tit,
[class^=page--] .wrap .list--photo--schedule .sys-schedule a .block--txt .tit {
  letter-spacing: 0.05rem;
  font-size: clamp(1.3333333333rem, 0.8333333333%, 1.1666666667rem);
  line-height: 1.5;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .sys-schedule a .block--txt .tit,
  [class^=page--] .wrap .list--thumbnail--schedule .sys-schedule a .block--txt .tit,
  [class^=page--] .wrap .list--photo--schedule .sys-schedule a .block--txt .tit {
    padding-top: 0;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--thumbnail,
  [class^=page--] .wrap .list--photo,
  [class^=page--] .wrap .list--movie,
  [class^=page--] .wrap .list--video {
    gap: 5rem;
  }
}
[class^=page--] .wrap .block--carousel .slick-list {
  padding: 0 !important;
}
[class^=page--] .wrap .block--carousel .list--thumbnail,
[class^=page--] .wrap .block--carousel .list--video,
[class^=page--] .wrap .block--carousel .list--movie {
  display: block;
  width: 70% !important;
  min-height: 200px;
  margin-inline: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail,
  [class^=page--] .wrap .block--carousel .list--video,
  [class^=page--] .wrap .block--carousel .list--movie {
    width: 100% !important;
    margin-inline: auto !important;
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .list__item,
  [class^=page--] .wrap .block--carousel .list--video .list__item,
  [class^=page--] .wrap .block--carousel .list--movie .list__item {
    margin: 0 !important;
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail:not(:has(> .slick-dots)) .slick-arrow,
[class^=page--] .wrap .block--carousel .list--video:not(:has(> .slick-dots)) .slick-arrow,
[class^=page--] .wrap .block--carousel .list--movie:not(:has(> .slick-dots)) .slick-arrow {
  display: none !important;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow,
[class^=page--] .wrap .block--carousel .list--video .slick-arrow,
[class^=page--] .wrap .block--carousel .list--movie .slick-arrow {
  top: calc(100% - 22.5px);
  z-index: 2;
  width: 60px;
  height: 45px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow,
  [class^=page--] .wrap .block--carousel .list--video .slick-arrow,
  [class^=page--] .wrap .block--carousel .list--movie .slick-arrow {
    top: 103%;
    width: 30px;
    height: 22px;
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow::before,
[class^=page--] .wrap .block--carousel .list--video .slick-arrow::before,
[class^=page--] .wrap .block--carousel .list--movie .slick-arrow::before {
  display: none;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow::after,
[class^=page--] .wrap .block--carousel .list--video .slick-arrow::after,
[class^=page--] .wrap .block--carousel .list--movie .slick-arrow::after {
  transition: transform, filter 0.1s ease-in-out;
  position: static;
  inset: 0;
  width: 60px;
  height: 45px;
  transform: rotate(0);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow::after,
  [class^=page--] .wrap .block--carousel .list--video .slick-arrow::after,
  [class^=page--] .wrap .block--carousel .list--movie .slick-arrow::after {
    width: 30px;
    height: 22px;
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow:hover, [class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow:active,
[class^=page--] .wrap .block--carousel .list--video .slick-arrow:hover,
[class^=page--] .wrap .block--carousel .list--video .slick-arrow:active,
[class^=page--] .wrap .block--carousel .list--movie .slick-arrow:hover,
[class^=page--] .wrap .block--carousel .list--movie .slick-arrow:active {
  filter: brightness(0);
  transform: scale(100%) translateY(-50%);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow:hover, [class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow:active,
  [class^=page--] .wrap .block--carousel .list--video .slick-arrow:hover,
  [class^=page--] .wrap .block--carousel .list--video .slick-arrow:active,
  [class^=page--] .wrap .block--carousel .list--movie .slick-arrow:hover,
  [class^=page--] .wrap .block--carousel .list--movie .slick-arrow:active {
    transform: scale(100%) translateY(50%);
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev,
[class^=page--] .wrap .block--carousel .list--video .slick-prev,
[class^=page--] .wrap .block--carousel .list--movie .slick-prev {
  left: calc(50% - (120px + 2rem));
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev,
  [class^=page--] .wrap .block--carousel .list--video .slick-prev,
  [class^=page--] .wrap .block--carousel .list--movie .slick-prev {
    left: calc(50% - (72px + 2rem));
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev::after,
[class^=page--] .wrap .block--carousel .list--video .slick-prev::after,
[class^=page--] .wrap .block--carousel .list--movie .slick-prev::after {
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/arrow_l.svg");
  background-size: cover;
  border: none;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-next,
[class^=page--] .wrap .block--carousel .list--video .slick-next,
[class^=page--] .wrap .block--carousel .list--movie .slick-next {
  right: calc(50% - (120px + 2rem));
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-next,
  [class^=page--] .wrap .block--carousel .list--video .slick-next,
  [class^=page--] .wrap .block--carousel .list--movie .slick-next {
    right: calc(50% - (72px + 2rem));
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-next::after,
[class^=page--] .wrap .block--carousel .list--video .slick-next::after,
[class^=page--] .wrap .block--carousel .list--movie .slick-next::after {
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/arrow_r.svg");
  background-size: cover;
  border: none;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots,
[class^=page--] .wrap .block--carousel .list--video .slick-dots,
[class^=page--] .wrap .block--carousel .list--movie .slick-dots {
  position: relative;
  inset: 0;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  width: calc(120px + 2rem);
  height: auto;
  margin: 5rem auto 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots,
  [class^=page--] .wrap .block--carousel .list--video .slick-dots,
  [class^=page--] .wrap .block--carousel .list--movie .slick-dots {
    width: calc(72px + 2rem);
    margin-top: 1rem;
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots li,
[class^=page--] .wrap .block--carousel .list--video .slick-dots li,
[class^=page--] .wrap .block--carousel .list--movie .slick-dots li {
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots li,
  [class^=page--] .wrap .block--carousel .list--video .slick-dots li,
  [class^=page--] .wrap .block--carousel .list--movie .slick-dots li {
    width: 24px;
    height: 24px;
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots button,
[class^=page--] .wrap .block--carousel .list--video .slick-dots button,
[class^=page--] .wrap .block--carousel .list--movie .slick-dots button {
  width: 40px;
  height: 40px;
  padding: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots button,
  [class^=page--] .wrap .block--carousel .list--video .slick-dots button,
  [class^=page--] .wrap .block--carousel .list--movie .slick-dots button {
    width: 24px;
    height: 24px;
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots button::before,
[class^=page--] .wrap .block--carousel .list--video .slick-dots button::before,
[class^=page--] .wrap .block--carousel .list--movie .slick-dots button::before {
  width: 100%;
  height: 100%;
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/sparkle.svg");
  background-size: cover;
  transition: transform 0.1s ease-in-out;
}
[class^=page--] .wrap .block--carousel .list--photo:not(:has(> .slick-dots)) {
  padding-bottom: 0 !important;
}
[class^=page--] .wrap .block--carousel .list--photo .slick-arrow {
  display: none !important;
}

[class^=page--]:not(.page--home) .wrap .list .tit,
[class^=page--]:not(.page--home) .wrap .list--thumbnail .tit {
  margin-bottom: 0;
  letter-spacing: 0.05rem;
  font-size: clamp(1.3333333333rem, 0.8333333333%, 1.1666666667rem);
  line-height: 1.5;
}
[class^=page--]:not(.page--home) .wrap .list .date,
[class^=page--]:not(.page--home) .wrap .list--thumbnail .date {
  font-size: clamp(1.1666666667rem, 0.7291666667%, 0.8333333333rem);
  line-height: 1.2;
}
[class^=page--]:not(.page--home) .wrap .list--information, [class^=page--]:not(.page--home) .wrap .list--qa,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--information,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--qa {
  gap: 3.5rem;
}
[class^=page--]:not(.page--home) .wrap .list--information .name, [class^=page--]:not(.page--home) .wrap .list--qa .name,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--information .name,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--qa .name {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: clamp(1rem, 0.625%, 0.6666666667rem);
  line-height: 1.1;
}
[class^=page--]:not(.page--home) .wrap .list--photo, [class^=page--]:not(.page--home) .wrap .list--movie, [class^=page--]:not(.page--home) .wrap .list--video,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--photo,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--movie,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--video {
  flex-flow: row wrap;
}
[class^=page--]:not(.page--home) .wrap .list--photo .list__item, [class^=page--]:not(.page--home) .wrap .list--movie .list__item, [class^=page--]:not(.page--home) .wrap .list--video .list__item,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--photo .list__item,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--movie .list__item,
[class^=page--]:not(.page--home) .wrap .list--thumbnail--video .list__item {
  width: calc((100% - 5rem) / 2);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--]:not(.page--home) .wrap .list--photo .list__item, [class^=page--]:not(.page--home) .wrap .list--movie .list__item, [class^=page--]:not(.page--home) .wrap .list--video .list__item,
  [class^=page--]:not(.page--home) .wrap .list--thumbnail--photo .list__item,
  [class^=page--]:not(.page--home) .wrap .list--thumbnail--movie .list__item,
  [class^=page--]:not(.page--home) .wrap .list--thumbnail--video .list__item {
    width: 100%;
  }
}

.block--pager {
  inset: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  align-items: center;
  justify-content: center;
  height: auto;
  padding-inline: 5rem;
  padding-top: 2rem;
  letter-spacing: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-size: clamp(1.5rem, 0.9375%, 1rem);
  line-height: 1.2;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .block--pager {
    gap: 0.5rem 1rem;
    margin-top: 5rem;
  }
}
.block--pager [class^=pager__item] {
  position: static;
  height: auto;
  padding: 0;
  margin: 0;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1;
  letter-spacing: normal;
}
.block--pager [class^=pager__item] a,
.block--pager [class^=pager__item] a:visited {
  height: auto;
  padding: 0;
}
.block--pager [class^=pager__item]::before {
  display: none;
}
.block--pager .pager__item--older,
.block--pager .pager__item--newer {
  position: absolute;
  top: 1rem;
  height: 40px;
}
.block--pager .pager__item--current {
  opacity: 0.2;
}
.block--pager .pager__item--other a:hover, .block--pager .pager__item--other a:active,
.block--pager .pager__item--other a:visited:hover,
.block--pager .pager__item--other a:visited:active,
.block--pager .pager__item--older a:hover,
.block--pager .pager__item--older a:active,
.block--pager .pager__item--older a:visited:hover,
.block--pager .pager__item--older a:visited:active,
.block--pager .pager__item--newer a:hover,
.block--pager .pager__item--newer a:active,
.block--pager .pager__item--newer a:visited:hover,
.block--pager .pager__item--newer a:visited:active {
  opacity: 0.5;
}

@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .wrap .list--thumbnail .list__item, body:not(.page--home) .wrap .list--video .list__item, body:not(.page--home) .wrap .list--photo .list__item, body:not(.page--home) .wrap .list--movie .list__item {
    width: 100%;
  }
}

.page--photo.page--photo-detail .wrap .list--thumbnail {
  gap: 2rem;
}
.page--photo.page--photo-detail .wrap .list--thumbnail li {
  position: relative;
  width: calc((100% - 4rem) / 3);
  margin: 0;
  overflow: hidden;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--photo.page--photo-detail .wrap .list--thumbnail li {
    width: 100%;
  }
}
.page--photo.page--photo-detail .wrap .list--thumbnail li .thumb {
  position: relative;
}
.page--photo.page--photo-detail .wrap .list--thumbnail li .thumb img:not(.blur) {
  position: relative;
  z-index: 1;
  background-size: contain;
  transform: scale(1);
}
.page--photo.page--photo-detail .wrap .list--thumbnail li .blur {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  filter: blur(12px);
  transform: scale(1.1);
}

[class^=page--] .wrap .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
}
[class^=page--] .wrap .header::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .header {
    height: auto;
  }
}
[class^=page--] .wrap .header .inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  transition: padding 0.3s ease-in-out;
}
[class^=page--] .wrap .header .inner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, white 100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .inner {
    padding: 1rem;
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .header .inner h1.logo a img {
    height: auto;
  }
}
[class^=page--] .wrap .header .inner h1.logo.pc {
  position: relative;
  inset: auto;
  display: block !important;
  width: 11.9791666667vw;
  max-width: 230px;
  height: auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .inner h1.logo.pc {
    width: 41.8604651163vw;
    max-width: 120px;
  }
}
[class^=page--] .wrap .header .inner h1.logo.pc a {
  display: block;
  padding: 0;
}
[class^=page--] .wrap .header .drawer {
  margin-left: -2rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer {
    overflow-y: scroll;
  }
}
[class^=page--] .wrap .header .drawer .g-nav {
  text-align: center;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav {
    display: flex;
    flex-direction: column;
    height: auto;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official,
[class^=page--] .wrap .header .drawer .g-nav .nav--member {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2rem;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 900;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav--official,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member {
    gap: 2rem;
    height: 100%;
    padding: 5rem 2rem;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official .nav--logo,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav--logo {
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .nav--logo,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav--logo {
    max-width: 100%;
    min-height: auto;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official .nav--logo img,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav--logo img {
  max-width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .nav--logo img,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav--logo img {
    max-width: 100%;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official .logo--of,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .logo--of {
  width: 100%;
  max-width: 22vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .logo--of,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .logo--of {
    max-width: 100%;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .logo--of img,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .logo--of img {
    width: 60vw;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-height: 100%;
  padding: 0;
  margin: 0;
  overflow: inherit;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns {
    flex-wrap: nowrap;
    gap: 2rem;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns {
  margin: 0;
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link {
  padding: 0;
  color: #000;
  font-size: clamp(2rem, 1.25%, 1.3333333333rem);
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link {
    font-size: clamp(1.3333333333rem, 0.8333333333%, 1.1666666667rem);
    line-height: 1;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link .fab {
  color: #000;
  transition: color 0.1s ease-in-out;
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:hover, [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link:active,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link:active {
  color: #f27329;
  opacity: 1;
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:hover .fab, [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited:active .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link:hover .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link:active .fab {
  color: #f27329;
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login {
  flex-direction: row;
  justify-content: center;
  width: 60%;
  min-width: 30rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login {
    width: 88%;
    min-width: 0;
    margin-bottom: 2rem;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login::before {
  display: none;
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login {
  width: 100%;
  max-width: 20rem;
  margin: 0;
  white-space: nowrap;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login {
    width: 100%;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited {
  padding: 1rem 2rem;
  font-size: clamp(2rem, 1.25%, 1.1666666667rem);
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited {
    width: 100%;
    max-width: 100%;
    font-size: clamp(1.5rem, 0.9375%, 1.3333333333rem);
    line-height: 1;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns {
  flex-direction: row;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns {
    margin-top: 2rem;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official {
  background: #fff !important;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member {
  background: #4d4d4d;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:visited {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 1.25%, 1.3333333333rem);
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:visited {
    font-size: clamp(1.3333333333rem, 0.8333333333%, 1.1666666667rem);
    line-height: 1;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:hover, [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:visited:active,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:visited:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:visited:active {
  color: #f27329;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage {
  margin: 0;
  opacity: 1;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a {
  padding: 0;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:hover, [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:active,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:hover,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:active {
  opacity: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer {
    margin-left: 0;
  }
}
[class^=page--].window-scroll .wrap .header .inner {
  padding: 1rem 2rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--].window-scroll .wrap .header .inner {
    padding: 1rem;
  }
}
[class^=page--].window-scroll .wrap .header .inner::before {
  opacity: 1;
}
[class^=page--].window-scroll .wrap .header::after {
  opacity: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--].window-scroll .wrap .header .drawer {
    margin-left: 0;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--].drawer-visible .drawer {
    z-index: 990;
  }
}

.header .inner .drawer__btn {
  position: relative;
  inset: auto;
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  width: 50px;
  height: 45px;
  padding: 0;
  text-align: center;
  mix-blend-mode: normal;
  transition: all 0.1s ease-in-out;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .header .inner .drawer__btn {
    width: 40px;
    height: auto;
  }
}
.header .inner .drawer__btn span {
  position: static;
  inset: 0;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .header .inner .drawer__btn span {
    position: static;
    inset: 0;
    width: 100%;
    height: auto;
  }
}
.header .inner .drawer__btn span.drawer__btn--item {
  height: 3px;
  background: #000;
}
.header .inner .drawer__btn span.txt {
  top: auto;
  bottom: 0;
  height: auto;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-align: center;
  background: transparent;
  font-size: clamp(1.1666666667rem, 0.7291666667%, 0.8333333333rem);
  line-height: 1.1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .header .inner .drawer__btn span.txt {
    letter-spacing: 0;
    font-size: clamp(1rem, 0.625%, 0.6666666667rem);
    line-height: 1.1;
  }
}
.header .inner .drawer__btn span.txt::before {
  top: auto;
  bottom: 0;
  content: "MENU";
}
.drawer-visible .header .inner .drawer__btn {
  justify-content: flex-start;
  mix-blend-mode: normal;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .drawer-visible .header .inner .drawer__btn {
    mix-blend-mode: difference;
  }
}
.drawer-visible .header .inner .drawer__btn span.drawer__btn--item {
  background: #fff;
}
.drawer-visible .header .inner .drawer__btn span:first-child {
  transform: rotate(45deg) translate(12px, 12px);
}
.drawer-visible .header .inner .drawer__btn span:nth-child(2) {
  transform: rotate(-45deg) translate(0, 2px);
}
.drawer-visible .header .inner .drawer__btn span.txt {
  color: #fff;
  transform: translate(0, 80%);
}
.drawer-visible .header .inner .drawer__btn span.txt::before {
  content: "CLOSE";
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .header .inner .drawer__btn:hover, .header .inner .drawer__btn:active {
    mix-blend-mode: normal;
  }
}
@media (hover: hover) {
  .header .inner .drawer__btn:hover .drawer__btn--item, .header .inner .drawer__btn:active .drawer__btn--item {
    background: #f27329;
    transform: scale(110%, 150%);
    transform-origin: top right;
  }
  .header .inner .drawer__btn:hover .txt, .header .inner .drawer__btn:active .txt {
    position: absolute;
    opacity: 0;
  }
}

@media screen and (min-width: 1px) and (max-width: 960px) {
  .drawer-visible .header .inner .drawer__btn:hover, .drawer-visible .header .inner .drawer__btn:active {
    mix-blend-mode: difference;
  }
}
@media (hover: hover) {
  .drawer-visible .header .inner .drawer__btn:hover, .drawer-visible .header .inner .drawer__btn:active {
    transform: scale(110%, 110%);
    transform-origin: top right;
  }
  .drawer-visible .header .inner .drawer__btn:hover .drawer__btn--item, .drawer-visible .header .inner .drawer__btn:active .drawer__btn--item {
    background: #f27329;
    transform-origin: center;
  }
  .drawer-visible .header .inner .drawer__btn:hover .drawer__btn--item:first-child, .drawer-visible .header .inner .drawer__btn:active .drawer__btn--item:first-child {
    transform: rotate(45deg) translate(12px, 12px);
  }
  .drawer-visible .header .inner .drawer__btn:hover .drawer__btn--item:nth-child(2), .drawer-visible .header .inner .drawer__btn:active .drawer__btn--item:nth-child(2) {
    transform: rotate(-45deg) translate(0, 2px);
  }
  .drawer-visible .header .inner .drawer__btn:hover .txt, .drawer-visible .header .inner .drawer__btn:active .txt {
    position: absolute;
    opacity: 0;
  }
}

[class^=page--] footer .footer__inner .list-tit {
  color: #fff;
}
[class^=page--] footer .footer__inner .list-tit::before, [class^=page--] footer .footer__inner .list-tit::after {
  background: currentcolor;
}
[class^=page--] footer .footer__inner .nav__list--sns .g-nav--item__sns a {
  color: #fff;
}
[class^=page--] footer .bg {
  background: #000;
}
[class^=page--] footer .bg img {
  display: none;
}

@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .bg {
    display: none;
  }
}
.page--home .wrap .container .section--hero-img {
  height: auto;
  min-height: 0;
}
.page--home .wrap .container .section--hero-img .kv__logo {
  position: absolute;
  bottom: 2vw;
  left: 50%;
  z-index: 1;
  width: 57.55vw;
  min-width: 800px;
  height: auto;
  transform: translateX(-50%);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .section--hero-img .kv__logo {
    display: none;
  }
}
.page--home .wrap .container .section--hero-img .block--hero-img {
  height: auto;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}
.page--home .wrap .container .section--hero-img .block--hero-img img {
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.page--home .wrap .container .section--hero-img .block--hero-img img.kv-pc, .page--home .wrap .container .section--hero-img .block--hero-img img.kv-sp {
  position: relative;
}
.page--home .wrap .container .section--hero-img .block--hero-img img.kv-pc {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
}
.page--home .wrap .container .section--banner {
  padding-bottom: 0;
}
.page--home .wrap .container .section--banner .slick-list {
  overflow: visible;
}
.page--home .wrap .container .section--banner .list--bnr {
  overflow: visible;
}
.page--home .wrap .container .section--banner .list--bnr .list__item {
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
}
.page--home .wrap .container .block--contents {
  position: relative;
  display: block;
  width: calc(100% + 5vw);
  padding: 15rem 10rem 10rem;
  transition: transform 0.3s ease-in-out;
}
.page--home .wrap .container .block--contents:not(:first-child)::before, .page--home .wrap .container .block--contents:not(:first-child)::after {
  position: absolute;
  inset: 0;
  content: "";
  will-change: clip-path;
}
.page--home .wrap .container .block--contents:not(:first-child)::before {
  z-index: 1;
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/texture03.jpg");
  background-size: 20vw;
}
.page--home .wrap .container .block--contents:not(:first-child)::after {
  top: -1rem;
  left: -1rem;
  z-index: 0;
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  background: black;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents:not(:first-child)::after {
    top: -0.5rem;
    left: -0.5rem;
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
  }
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even) {
  margin: 0 auto 0 -5vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents:not(:first-child):nth-child(even) {
    padding: 5rem 5rem 8rem 2rem;
  }
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even)::before, .page--home .wrap .container .block--contents:not(:first-child):nth-child(even)::after,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even) .shadow {
  -webkit-clip-path: polygon(0 8rem, 100% 0, calc(100% - 8rem) 100%, 0 calc(100% - 5rem));
          clip-path: polygon(0 8rem, 100% 0, calc(100% - 8rem) 100%, 0 calc(100% - 5rem));
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents:not(:first-child):nth-child(even)::before, .page--home .wrap .container .block--contents:not(:first-child):nth-child(even)::after,
  .page--home .wrap .container .block--contents:not(:first-child):nth-child(even) .shadow {
    -webkit-clip-path: polygon(0 2rem, 100% 0, calc(100% - 2rem) 100%, 0 calc(100% - 2rem));
            clip-path: polygon(0 2rem, 100% 0, calc(100% - 2rem) 100%, 0 calc(100% - 2rem));
  }
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview::before, .page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview::after,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview .content--wrap,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview .shadow {
  transform: translateX(-5vw);
  transition: transform 0.3s ease-in-out;
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview .limited--badge {
  top: -4rem;
  right: 2vw;
  transform: rotate(-2deg) scale(0.8);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview .limited--badge {
    top: -2rem;
  }
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview.inview::before, .page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview.inview::after,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview.inview .content--wrap,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview.inview .shadow {
  transform: translateX(0);
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(even).not--inview.inview .limited--badge {
  transform: rotate(-2deg) scale(1);
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd) {
  margin: 0 -5vw 0 auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents:not(:first-child):nth-child(odd) {
    padding: 5rem 2rem 8rem 5rem;
  }
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd)::before, .page--home .wrap .container .block--contents:not(:first-child):nth-child(odd)::after,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd) .shadow {
  -webkit-clip-path: polygon(8rem 0, 100% 8rem, 100% calc(100% - 8rem), 0 100%);
          clip-path: polygon(8rem 0, 100% 8rem, 100% calc(100% - 8rem), 0 100%);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents:not(:first-child):nth-child(odd)::before, .page--home .wrap .container .block--contents:not(:first-child):nth-child(odd)::after,
  .page--home .wrap .container .block--contents:not(:first-child):nth-child(odd) .shadow {
    -webkit-clip-path: polygon(2rem 0, 100% 2rem, 100% calc(100% - 2rem), 0 100%);
            clip-path: polygon(2rem 0, 100% 2rem, 100% calc(100% - 2rem), 0 100%);
  }
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview::before, .page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview::after,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview .content--wrap,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview .shadow {
  transform: translateX(5vw);
  transition: transform 0.3s ease-in-out;
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview .limited--badge {
  top: -4rem;
  left: 2vw;
  transform: rotate(-4deg) scale(0.8);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview .limited--badge {
    top: -2rem;
  }
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview.inview::before, .page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview.inview::after,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview.inview .content--wrap,
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview.inview .shadow {
  transform: translateX(0);
}
.page--home .wrap .container .block--contents:not(:first-child):nth-child(odd).not--inview.inview .limited--badge {
  transform: rotate(-4deg) scale(1);
}
.page--home .wrap .container .block--contents .shadow {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents .shadow {
    top: 1.5rem;
    left: 1.5rem;
  }
}
.page--home .wrap .container .block--contents .content--wrap {
  position: relative;
  z-index: 10;
  display: flex;
  gap: 6.25vw;
  width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents .content--wrap {
    flex-direction: column;
    gap: 3rem;
  }
}
.page--home .wrap .container .block--contents .block--title {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents .block--title {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.page--home .wrap .container .block--contents .block--title .list__more {
  position: static;
  margin: 0;
}
.page--home .wrap .container .block--contents .block--title .section-tit {
  flex-shrink: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents .block--title .section-tit {
    font-size: clamp(1.8333333333rem, 1.1458333333%, 1.5rem);
    line-height: 1.5;
  }
}
.page--home .wrap .container .block--contents .block--title + * {
  width: 100%;
  padding: 0;
}
.page--home .wrap .container .block--contents .limited--badge {
  position: absolute;
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.3rem 2rem 1rem;
  font-family: "Moul", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.1rem;
  background: #000;
  border-radius: 0;
  box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.6);
  font-size: clamp(2.3333333333rem, 1.4583333333%, 1.5rem);
  line-height: 1.5;
  transform-origin: center center;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .block--contents .limited--badge {
    font-size: clamp(1.5rem, 0.9375%, 1rem);
    line-height: 1.2;
    padding: 0.6rem 1rem 0.5rem;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.6);
  }
}
.page--home .wrap .container .area--official,
.page--home .wrap .container .area--fc {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15rem;
  width: 100%;
  padding: 5rem 5vw 15rem;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--official,
  .page--home .wrap .container .area--fc {
    gap: 10rem;
  }
}
.page--home .wrap .container .area--official::after,
.page--home .wrap .container .area--fc::after {
  z-index: -10000;
}
.page--home .wrap .container .area--official {
  padding-bottom: 0;
  background: none;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--official {
    padding-bottom: 5rem;
  }
}
.page--home .wrap .container .area--official::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/texture01.jpg");
  background-position: bottom center;
  background-size: 20vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--official::after {
    background-size: 40vw;
  }
}
.page--home .wrap .container .area--fc {
  padding-top: 0;
}
.page--home .wrap .container .area--fc section.none {
  display: none;
}
.page--home .wrap .container .area--fc::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/texture02.jpg");
  background-size: 20vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc::after {
    background-size: 40vw;
  }
}
.page--home .wrap .container .area--fc .block--contents::before {
  background: #fff;
}
.page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(8)::before, .page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(8)::after,
.page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(8) .shadow {
  -webkit-clip-path: polygon(0 8rem, calc(100% - 8rem) 0, 100% 100%, 0 calc(100% - 5rem));
          clip-path: polygon(0 8rem, calc(100% - 8rem) 0, 100% 100%, 0 calc(100% - 5rem));
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(8)::before, .page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(8)::after,
  .page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(8) .shadow {
    -webkit-clip-path: polygon(0 2rem, calc(100% - 2rem) 0, 100% 100%, 0 calc(100% - 2rem));
            clip-path: polygon(0 2rem, calc(100% - 2rem) 0, 100% 100%, 0 calc(100% - 2rem));
  }
}
.page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(9)::before, .page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(9)::after,
.page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(9) .shadow {
  -webkit-clip-path: polygon(0 0, 100% 8rem, 100% calc(100% - 5rem), 8rem 100%);
          clip-path: polygon(0 0, 100% 8rem, 100% calc(100% - 5rem), 8rem 100%);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(9)::before, .page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(9)::after,
  .page--home .wrap .container .area--fc .block--contents:not(:first-child):nth-child(9) .shadow {
    -webkit-clip-path: polygon(0 0, 100% 2rem, 100% calc(100% - 2rem), 2rem 100%);
            clip-path: polygon(0 0, 100% 2rem, 100% calc(100% - 2rem), 2rem 100%);
  }
}
.page--home .wrap .container .area--fc .fc--spray--area {
  position: relative;
  z-index: auto;
  width: calc(100% + 10vw);
  margin: 0 -5vw;
}
.page--home .wrap .container .area--fc .fc--spray--area::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/1;
  content: "";
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/texture01.jpg");
  background-position: top center;
  background-size: 20vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 35%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 35%);
}
.page--home .wrap .container .area--fc .fc--spray--area .title {
  position: relative;
}
.page--home .wrap .container .area--fc .fc--spray--area .title .ink {
  width: 120vw;
  max-width: none;
  margin: 0 -10vw;
  overflow: hidden;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transform-origin: left;
}
.page--home .wrap .container .area--fc .fc--spray--area .title .text {
  position: absolute;
  top: 16%;
  left: 50%;
  width: 94vw;
  transform: translateX(-50%);
  transform-origin: 0% 50%;
  animation: pulse-text 3.5s ease-in-out infinite;
}
.page--home .wrap .container .area--fc .fc--spray--area .can {
  position: absolute;
  top: 11vw;
  left: -15vw;
  z-index: 10;
  width: 17vw;
}
.page--home .wrap .container .area--fc .fc--spray--area .can img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotate(40deg);
  animation: spray-moving 0.5s linear infinite alternate;
}
.page--home .wrap .container .area--fc .fc--spray--area.inview .title .ink {
  animation: wipe-in-right 2s ease-out 0.5s forwards;
}
.page--home .wrap .container .area--fc .fc--spray--area.inview .can {
  animation: spray-slide 1.82s linear forwards;
}
.page--home .wrap .container .area--fc .section--login {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -35vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .section--login {
    margin-top: -30vw;
    margin-bottom: 0;
  }
}
.page--home .wrap .container .area--fc .section--login .logo--fc {
  width: 52.7vw;
  max-width: 100%;
  margin: 0 auto 5rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .section--login .logo--fc {
    width: 100%;
    margin: 0 auto 2rem;
  }
}
.page--home .wrap .container .area--fc .section--login .logo--fc img {
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
.page--home .wrap .container .area--fc .section--login.not--inview .logo--fc img {
  opacity: 0;
  transform: scale(2);
}
.page--home .wrap .container .area--fc .section--login.inview .logo--fc img {
  opacity: 1;
  transform: scale(1);
}
.page--home .wrap .container .area--fc .section--login .block--login {
  margin: 5rem auto 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .section--login .block--login {
    margin: 2rem auto 0;
  }
}
.page--home .wrap .container .area--fc .section--login .block--login .nav--login {
  display: flex;
  gap: 5rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .section--login .block--login .nav--login {
    gap: 1rem;
  }
}
.page--home .wrap .container .area--fc .section--login .block--login .nav--login li {
  margin: 0;
  font-size: inherit;
  letter-spacing: inherit;
}
.page--home .wrap .container .block--content-wrap {
  position: relative;
  background: transparent;
}

.stickers--wrap {
  position: absolute;
  inset: 0;
  z-index: auto;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.stickers--wrap [class^=stkr] {
  position: absolute;
  height: auto;
  transform: translate(-50%, -50%);
}
.stickers--wrap .stkr01 {
  top: -10%;
  left: 15%;
  width: 31.0692708333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr01 {
    top: -5%;
    left: 30%;
    width: 78.823255814vw;
  }
}
.stickers--wrap .stkr02 {
  top: 100%;
  left: 100%;
  width: 25.21875vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr02 {
    width: 58.6465116279vw;
  }
}
.stickers--wrap .stkr03 {
  top: 10%;
  left: 0%;
  width: 30.5369791667vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr03 {
    top: 0%;
    width: 58.6465116279vw;
  }
}
.stickers--wrap .stkr04 {
  top: 130%;
  left: 50%;
  width: 23.9369791667vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr04 {
    top: 110%;
    width: 60.5302325581vw;
  }
}
.stickers--wrap .stkr05 {
  top: 50%;
  left: 110%;
  width: 22.3958333333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr05 {
    width: 55.8139534884vw;
  }
}
.stickers--wrap .stkr06 {
  top: 120%;
  left: 30%;
  width: 37.5953125vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr06 {
    top: 110%;
    width: 63.488372093vw;
  }
}
.stickers--wrap .stkr07 {
  top: 120%;
  left: 100%;
  width: 21.9994791667vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr07 {
    top: 110%;
    left: 110%;
    width: 55.8139534884vw;
  }
}
.stickers--wrap .stkr08 {
  top: 60%;
  left: 18%;
  width: 18.8041666667vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr08 {
    top: 80%;
    width: 41.3686046512vw;
  }
}
.stickers--wrap .stkr09 {
  top: 40%;
  left: -5%;
  width: 19.4125vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr09 {
    top: 10%;
    width: 54.5476744186vw;
  }
}
.stickers--wrap .stkr10 {
  top: 110%;
  left: 40%;
  width: 15.9895833333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr10 {
    width: 38.7209302326vw;
  }
}
.stickers--wrap .stkr11 {
  top: 100%;
  left: 100%;
  width: 16.40625vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr11 {
    width: 38.7209302326vw;
  }
}
.stickers--wrap .stkr12 {
  top: 120%;
  left: 50%;
  width: 19.121875vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr12 {
    width: 40.5593023256vw;
  }
}
.stickers--wrap .stkr13 {
  top: 96%;
  left: 20%;
  width: 28.5265625vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr13 {
    left: 40%;
    width: 74.026744186vw;
  }
}
.stickers--wrap .stkr14 {
  top: 50%;
  left: -3%;
  width: 19.2364583333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr14 {
    width: 54.9vw;
  }
}
.stickers--wrap .stkr15 {
  top: 115%;
  left: 30%;
  width: 24.53125vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr15 {
    left: 50%;
    width: 61.7441860465vw;
  }
}
.stickers--wrap .stkr16 {
  top: 75%;
  left: 10%;
  width: 48.3333333333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr16 {
    top: 110%;
    left: 0%;
    width: 137.7906976744vw;
  }
}
.stickers--wrap .stkr17 {
  top: 100%;
  left: 78%;
  width: 75.303125vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr17 {
    top: 130%;
    width: 214.911627907vw;
  }
}
.stickers--wrap .stkr18 {
  top: 100%;
  left: 90%;
  width: 28.0208333333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr18 {
    top: 150%;
    width: 79.8837209302vw;
  }
}
.stickers--wrap .stkr19 {
  top: -10%;
  left: -5%;
  width: 42.5vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr19 {
    width: 121.3953488372vw;
  }
}
.stickers--wrap .stkr20 {
  top: 160%;
  left: 50%;
  width: 70.2083333333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr20 {
    top: 120%;
    width: 200.2325581395vw;
  }
}
.stickers--wrap .stkr21 {
  top: 100%;
  left: 90%;
  width: 31.09375vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr21 {
    top: 90%;
    width: 88.6046511628vw;
  }
}
.stickers--wrap .stkr22 {
  top: 120%;
  left: 0%;
  width: 22.96875vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr22 {
    top: 100%;
    width: 65.5813953488vw;
  }
}
.stickers--wrap .stkr23 {
  top: 90%;
  left: 20%;
  width: 40vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr23 {
    top: 100%;
    width: 114.0697674419vw;
  }
}
.stickers--wrap .stkr24 {
  top: 90%;
  left: 10%;
  width: 44.8921875vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr24 {
    width: 125.9406976744vw;
  }
}
.stickers--wrap .stkr25 {
  top: 90%;
  left: 60%;
  width: 35.625vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr25 {
    top: 90%;
    width: 125.9406976744vw;
  }
}
.stickers--wrap .stkr26 {
  top: 10%;
  left: 90%;
  width: 95.1234375vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr26 {
    width: 266.8604651163vw;
  }
}
.stickers--wrap .stkr27 {
  top: 100%;
  left: 0%;
  width: 59.1666666667vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr27 {
    width: 168.8372093023vw;
  }
}
.stickers--wrap .stkr28 {
  top: 130%;
  left: 30%;
  width: 38.75vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr28 {
    width: 127.9779069767vw;
  }
}
.stickers--wrap .stkr29 {
  top: 30%;
  left: 80%;
  width: 92.1463541667vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr29 {
    width: 262.9813953488vw;
  }
}
.stickers--wrap .stkr30 {
  top: 120%;
  left: 110%;
  width: 51.0145833333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr30 {
    width: 145.5906976744vw;
  }
}
.stickers--wrap .stkr31 {
  top: 120%;
  left: 7%;
  width: 44.8421875vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr31 {
    width: 127.9779069767vw;
  }
}
.stickers--wrap .stkr32 {
  top: 10%;
  left: 0%;
  width: 30.2083333333vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr32 {
    width: 127.9779069767vw;
  }
}
.stickers--wrap .stkr33 {
  top: 100%;
  left: 10%;
  width: 60.9510416667vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr33 {
    width: 173.9511627907vw;
  }
}
.stickers--wrap .stkr34 {
  top: 100%;
  left: 60%;
  width: 27.9166666667vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr34 {
    width: 256.9534883721vw;
  }
}
.stickers--wrap .stkr35 {
  top: 150%;
  left: 110%;
  width: 89.9265625vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .stickers--wrap .stkr35 {
    width: 79.8837209302vw;
  }
}
.stickers--wrap .stkr01,
.stickers--wrap .stkr02,
.stickers--wrap .stkr03,
.stickers--wrap .stkr04,
.stickers--wrap .stkr05,
.stickers--wrap .stkr06,
.stickers--wrap .stkr07,
.stickers--wrap .stkr08,
.stickers--wrap .stkr09,
.stickers--wrap .stkr10,
.stickers--wrap .stkr11,
.stickers--wrap .stkr12,
.stickers--wrap .stkr13,
.stickers--wrap .stkr14,
.stickers--wrap .stkr15 {
  z-index: -9998;
}
.stickers--wrap .stkr16 {
  z-index: -9999;
}
.stickers--wrap .stkr17 {
  z-index: -9999;
}
.stickers--wrap .stkr18 {
  z-index: -9999;
}
.stickers--wrap .stkr19 {
  z-index: -9999;
}
.stickers--wrap .stkr20 {
  z-index: -9999;
}
.stickers--wrap .stkr21 {
  z-index: -9999;
}
.stickers--wrap .stkr22 {
  z-index: -9999;
}
.stickers--wrap .stkr23 {
  z-index: -9999;
}
.stickers--wrap .stkr24 {
  z-index: -9999;
}
.stickers--wrap .stkr25 {
  z-index: -9999;
}
.stickers--wrap .stkr26 {
  z-index: -9999;
}
.stickers--wrap .stkr27 {
  z-index: -9999;
}
.stickers--wrap .stkr28 {
  z-index: -9999;
}
.stickers--wrap .stkr29 {
  z-index: -9999;
}
.stickers--wrap .stkr30 {
  z-index: -9999;
}
.stickers--wrap .stkr31 {
  z-index: -9999;
}
.stickers--wrap .stkr32 {
  z-index: -9999;
}
.stickers--wrap .stkr33 {
  z-index: -9999;
}
.stickers--wrap .stkr34 {
  z-index: -9999;
}
.stickers--wrap .stkr35 {
  z-index: -9999;
}

#announcement {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: -10rem auto 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  #announcement {
    margin-top: -5rem;
  }
}
#announcement a,
#announcement a:visited {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  width: 50vw;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 1rem 2rem;
  font-weight: 700;
  line-height: 1.3;
  background: #fff;
  border: 3px solid #000;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  #announcement a,
  #announcement a:visited {
    width: 100%;
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }
}
#announcement a:hover,
#announcement a:visited:hover {
  opacity: 0.8;
}
#announcement .icon {
  font-size: 200%;
  color: #f27329;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  #announcement .icon {
    font-size: 150%;
  }
}

body:not(.page--home) .wrap > .bg {
  inset: 0;
  z-index: -1;
  display: block;
  height: auto;
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/texture01.jpg");
  background-size: 20vw;
}
body:not(.page--home) .wrap > .bg img {
  display: none;
}
body:not(.page--home) .wrap > .bg::before {
  display: none;
}
body:not(.page--home) .container {
  position: relative;
  max-width: 75vw;
  padding: 5rem 2rem;
  margin-right: auto;
  margin-left: auto;
  background: rgba(255, 255, 255, 0.9);
  border: 1rem solid #000;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .container {
    width: 92vw;
    max-width: 100%;
    padding: 5rem 1.5rem;
    margin: 0 auto;
    border-width: 0.5rem;
  }
}
body:not(.page--home) .container [class^=section--] {
  width: 100%;
}
body:not(.page--home) .list--thumbnail,
body:not(.page--home) .list--video {
  gap: 5rem;
}
body:not(.page--home) .list--thumbnail .list__item,
body:not(.page--home) .list--video .list__item {
  width: calc((100% - 5rem) / 2);
  margin: 0;
}
body:not(.page--home) .list--thumbnail .list__item .block--txt,
body:not(.page--home) .list--video .list__item .block--txt {
  margin: 0;
}
body:not(.page--home) .list--thumbnail .list__item .block--txt .date,
body:not(.page--home) .list--video .list__item .block--txt .date {
  margin-bottom: 0;
}
body:not(.page--home) .artist--photo {
  width: 100%;
}
body.page--feature .wrap > .bg, body.page--photo .wrap > .bg, body.page--movie .wrap > .bg, body.page--qa .wrap > .bg, body.page--blog .wrap > .bg {
  background: url("/static/fcopen/fanplakit/artist/sneakerstep_rdctfygu/img/common/texture02.jpg");
  background-size: 20vw;
}
body.page--feature .center-img {
  display: block;
  margin-inline: auto;
}
body.page--feature .page--introduction .block--logo {
  max-height: 100%;
}
body.page--feature .page--introduction .block--logo .fanclubname {
  margin: 0 auto;
  font-size: 0;
}
body.page--feature .page--introduction .block-tit {
  font-weight: 700;
  color: #000;
}
body.page--feature .page--introduction [class^=block--] {
  margin-bottom: 0;
}
body.page--feature .page--introduction [class^=block--] table {
  width: 100%;
  max-width: 650px;
}
body.page--feature .page--introduction [class^=block--] table th {
  font-weight: initial;
}
body.page--feature .page--introduction + svg {
  display: none;
}
body.page--feature .section--detail.support.faq .section-tit {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
  font-weight: 900;
  vertical-align: middle;
  font-size: clamp(3rem, 1.875%, 2rem);
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .section-tit {
    font-size: clamp(1.8333333333rem, 1.1458333333%, 1.5rem);
    line-height: 1.5;
  }
}
body.page--feature .section--detail.support.faq .section-tit .section--ruby--tit {
  margin: 0 1rem 0 0;
  font-size: 60%;
  font-weight: 400;
}
body.page--feature .section--detail.support.faq .tit--category {
  margin: 0 0 2rem;
  font-weight: 900;
  color: #000;
  font-size: clamp(1.6666666667rem, 1.0416666667%, 1.3333333333rem);
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .tit--category {
    letter-spacing: 0.05rem;
    font-size: clamp(1.1666666667rem, 0.7291666667%, 1rem);
    line-height: 1.5;
  }
}
body.page--feature .section--detail.support.faq .list--faq {
  gap: 0;
  margin-bottom: 5rem;
}
body.page--feature .section--detail.support.faq .list--faq li {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
body.page--feature .section--detail.support.faq .list--faq li + li {
  border-top: none;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q {
  position: relative;
  display: flex;
  gap: 1rem;
  justify-content: stretch;
  padding: 3rem 1rem;
  cursor: pointer;
  transition: color 0.1s ease-in-out;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .list--faq li .faq--q {
    padding: 2rem;
    padding-inline: 0;
  }
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q:hover, body.page--feature .section--detail.support.faq .list--faq li .faq--q:active {
  color: #f27329;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q .tit_faq {
  padding-right: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  font-size: clamp(1.375rem, 0.859375%, 1rem);
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .list--faq li .faq--q .tit_faq {
    letter-spacing: 0.05rem;
    font-size: clamp(1.1666666667rem, 0.7291666667%, 1rem);
    line-height: 1.5;
    font-weight: 400;
  }
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q i {
  position: absolute;
  top: 3rem;
  right: 1rem;
  margin: 0 0 0 auto;
  transition: transform 0.1s ease-in-out;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .list--faq li .faq--q i {
    top: 2.25rem;
  }
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q.visible {
  color: #f27329;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q.visible i {
  transform: translateY(-20%) rotate(180deg);
}
body.page--feature .section--detail.support.faq .list--faq li .icon--q,
body.page--feature .section--detail.support.faq .list--faq li .icon--a {
  margin: 0;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 900;
  font-size: clamp(2.3333333333rem, 1.4583333333%, 1.5rem);
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .list--faq li .icon--q,
  body.page--feature .section--detail.support.faq .list--faq li .icon--a {
    font-size: clamp(1.5rem, 0.9375%, 1rem);
    line-height: 1;
  }
}
body.page--feature .section--detail.support.faq .list--faq li .icon--a {
  position: absolute;
  top: 2rem;
  left: 1rem;
  opacity: 0.3;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .list--faq li .icon--a {
    top: 2.25rem;
    left: 0;
  }
}
body.page--feature .section--detail.support.faq .list--faq li .faq--a {
  position: relative;
  padding: 2rem 1rem 5rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .list--faq li .faq--a {
    padding-inline: 0;
  }
}
body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt {
  padding: 0 0 0 3rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt {
    padding: 0 0 0 2rem;
  }
}
body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt a,
body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt a:visited,
body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt a:link {
  display: inline;
  padding: 0;
  font-weight: 700;
  color: #000;
  text-decoration: underline;
}
body.page--feature .section--detail.support.faq .list--faq .txt {
  line-height: inherit;
}
body.page--blog .wrap .block--bloglist {
  margin-bottom: 8rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--blog .wrap .block--bloglist {
    margin-bottom: 5rem;
  }
}
body.page--blog .wrap .block--bloglist .block--title {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 2rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--blog .wrap .block--bloglist .block--title {
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 0 2rem;
  }
}
body.page--blog .wrap .block--bloglist .block--title .tit {
  padding: 0;
  margin: 0;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 900;
  color: #000;
  font-size: clamp(2.3333333333rem, 1.4583333333%, 1.5rem);
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--blog .wrap .block--bloglist .block--title .tit {
    letter-spacing: 0.05rem;
    font-size: clamp(1.375rem, 0.859375%, 1rem);
    line-height: 1.5;
  }
}
body.page--blog .wrap .block--bloglist .block--title .list__more {
  position: static;
  flex-shrink: 0;
}
body.page--blog .wrap .block--bloglist .block--title .list__more a,
body.page--blog .wrap .block--bloglist .block--title .list__more a:visited {
  font-size: clamp(1.5rem, 0.9375%, 1rem);
  line-height: 1.2;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--blog .wrap .block--bloglist .block--title .list__more a,
  body.page--blog .wrap .block--bloglist .block--title .list__more a:visited {
    font-size: clamp(1rem, 0.625%, 0.6666666667rem);
    line-height: 1.1;
  }
}
body.page--blog .wrap .block--bloglist .list--blog {
  gap: 2rem;
}
body.page--blog .wrap .section--list .section-tit {
  margin-bottom: 3rem;
}
body.page--blog .wrap .section--list .section-tit.header-none {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
body.page--blog .wrap .section--detail .wrap--data .date {
  font-size: clamp(1.5rem, 0.9375%, 1rem);
  line-height: 1.2;
}
body.page--blog .wrap .section--detail .wrap--data .date .time {
  margin-left: 0.5rem;
  font-size: 65%;
}
body.page--blog .wrap .section--detail .block--title {
  margin: 0 0 5rem;
}
body.page--schedule .wrap .section--list .block--refine ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
body.page--schedule .wrap .section--list .block--refine ul li {
  margin: 0;
}
body.page--schedule .wrap .section--list .block--refine ul li p {
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: clamp(1.1666666667rem, 0.7291666667%, 0.8333333333rem);
  line-height: 1.1;
  background: rgba(0, 0, 0, 0.12);
}
body.page--schedule .wrap .section--list .block--refine ul li input:checked + p {
  background: #000;
}
body.page--schedule .wrap .section--list .block--month {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--schedule .wrap .section--list .block--month {
    flex-direction: column;
    align-items: flex-start;
  }
}
body.page--schedule .wrap .section--list .block--month::after {
  display: none;
}
body.page--schedule .wrap .section--list .block--month .tit {
  color: #000;
}
body.page--schedule .wrap .section--list .block--month .tit span {
  padding: 0 0 0 0.5rem;
}
body.page--schedule .wrap .section--list .block--month ul {
  position: static;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--schedule .wrap .section--list .block--month ul {
    gap: 1rem;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--schedule .wrap .section--list .block--month ul li {
    margin: 0;
  }
}
body.page--schedule .wrap .section--list .block--month ul li a::after {
  background: currentcolor;
}
body.page--faq .wrap .tit--category {
  font-size: clamp(2.3333333333rem, 1.4583333333%, 1.5rem);
  line-height: 1.5;
}
body.page--qa .wrap .block__question,
body.page--qa .wrap .block__answer {
  padding: 2rem;
  background: rgba(128, 128, 128, 0.2);
  border: none;
}
body.page--qa .wrap .block__question .tit--q span,
body.page--qa .wrap .block__question .tit--a,
body.page--qa .wrap .block__answer .tit--q span,
body.page--qa .wrap .block__answer .tit--a {
  margin: 0 0 2rem;
  margin-bottom: 2rem;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #000;
}
body.page--qa .wrap .block__question .tit--a,
body.page--qa .wrap .block__answer .tit--a {
  color: #f27329;
}
body.page--qa .wrap .block__question .name,
body.page--qa .wrap .block__answer .name {
  margin-top: 1rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  opacity: 0.6;
}
body.page--qa .wrap .block__answer {
  background: rgba(242, 115, 41, 0.2);
}

.soundonly .area--movie {
  background: #000;
  border-radius: 8px;
}
.soundonly .area--movie .date {
  margin: 0;
}
.soundonly .area--movie .video-js .vjs-progress-control {
  left: 0;
}

.detail_table tr th,
.detail_table tr td {
  padding: 2rem;
}

.wrap .section--list,
.wrap .section--detail {
  padding: 0;
}

.page--biography .block--editor i,
.page--biography .block--editor em,
.page--biography .block--txt i,
.page--biography .block--txt em {
  font-style: initial;
}
.page--biography .block--editor .nav--sns__twitcasting .ph img,
.page--biography .block--txt .nav--sns__twitcasting .ph img {
  opacity: 0.7;
}

.item--notice {
  width: 90%;
  max-width: 630px;
  padding: 1.2em;
  margin: 4em auto 0;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.4;
  color: inherit;
}

.fanclubname img {
  width: 750px;
  margin-bottom: 2rem;
}

[class^=page--] .wrap .page--membership-id-guide .txtRed {
  color: #f22d29;
}
[class^=page--] .wrap .page--membership-id-guide .txtRed .membership-id-guide__step-item-text-small {
  color: #f22d29;
}
[class^=page--] .wrap .page--membership-id-guide .idNote {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 5rem;
  margin: 5rem auto;
  border-top: rgba(0, 0, 0, 0.12) solid 1px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .idNote {
    padding-top: 2rem;
    margin: 2rem auto;
  }
}
[class^=page--] .wrap .page--membership-id-guide .idNote h3 {
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-size: 1.8333333333rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .idNote h3 {
    font-size: 16px;
    font-size: 1.3333333333rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
    margin-bottom: 0;
  }
}
[class^=page--] .wrap .page--membership-id-guide .idNote .idNoteImg {
  width: 40%;
  line-height: 0;
  border: rgba(0, 0, 0, 0.12) solid 1px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .idNote .idNoteImg {
    width: 100%;
  }
}
[class^=page--] .wrap .page--membership-id-guide .idNote .idNoteTxt {
  width: calc(60% - 2rem);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .idNote .idNoteTxt {
    width: 100%;
  }
}
[class^=page--] .wrap .page--membership-id-guide .idNote .idNoteTxt p {
  font-weight: bold;
}
[class^=page--] .wrap .page--membership-id-guide .idNote .idNoteTxt p + p {
  margin-top: 2rem;
}
[class^=page--] .wrap .page--membership-id-guide .idNote .idNoteTxt a,
[class^=page--] .wrap .page--membership-id-guide .idNote .idNoteTxt a:visited {
  text-decoration: underline;
}
[class^=page--] .wrap .page--membership-id-guide .idNote .idNoteTxt a:hover,
[class^=page--] .wrap .page--membership-id-guide .idNote .idNoteTxt a:visited:hover {
  opacity: 0.5;
}
[class^=page--] .wrap .page--membership-id-guide .redBox {
  padding: 2rem;
  color: #f22d29;
  border: #f22d29 solid 1px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .redBox {
    padding: 1rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .redBox .membership-id-guide__step-item-text-small {
  margin-top: 0;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide p,
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide h2,
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide h3 {
  word-break: normal;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide {
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.7;
    letter-spacing: 0.05rem;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide h2 {
  text-align: center;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide h2 {
    margin-top: -2rem;
    margin-bottom: 2rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__image {
  width: 100%;
  height: auto;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice {
  margin: 5rem 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice {
    margin: 2rem 0;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-image {
  width: 111px;
  margin: 2rem auto 2rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-image {
    width: 25%;
    margin: 15px auto 20px;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2rem 5rem;
  margin: 2rem auto;
  font-weight: bold;
  text-align: center;
  border-radius: 100px;
  font-size: clamp(1.75rem, 1.09375%, 1.1666666667rem);
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-button {
    width: 80%;
    padding: 1rem 0.5rem;
    margin: 1rem auto;
    font-size: clamp(1.1666666667rem, 0.7291666667%, 0.8333333333rem);
    line-height: 1.1;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-button--blue {
  margin-top: 5rem;
  background-color: #a8e8fa;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-button--blue {
    margin-top: 2rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-button--yellow {
  background-color: #fc0;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-title-br--pc {
  display: block;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-title-br--pc {
    display: none;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-title-br--sp {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__notice-title-br--sp {
    display: block;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__tab {
  flex: 1;
  padding: 2rem;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.05rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #090c31;
  border-radius: 20px 20px 0 0;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__tab {
    padding: 14px 0;
    font-size: 14px;
    text-align: center;
    border-radius: 5px 5px 0 0;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__tab:hover {
  opacity: 0.6;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__tab-input {
  display: none;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__tabs {
  display: flex;
  gap: 1rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__tabs {
    gap: 0.5rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__tab-content {
  display: none;
  padding: 5rem 2rem;
  background-color: #24295f;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__tab-content {
    padding: 1rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide #tab-initial-link:checked ~ .membership-id-guide__tabs .membership-id-guide__tab--initial-link,
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide #tab-new-member:checked ~ .membership-id-guide__tabs .membership-id-guide__tab--new-member {
  text-decoration: underline;
  text-underline-offset: 10px;
  background-color: #24295f;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide #tab-initial-link:checked ~ .membership-id-guide__tab-content--initial-link,
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide #tab-new-member:checked ~ .membership-id-guide__tab-content--new-member {
  display: block;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__steps-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  color: #fff;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-image-wrapper {
  display: flex;
  flex-grow: 1;
  gap: 2.5%;
  margin-top: 2rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-image-wrapper {
    flex-grow: 1;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    margin: 0 auto;
    margin-top: 2rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list {
  position: relative;
  display: block;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list:not(:first-child) {
  padding-top: 2rem;
  border-top: 1px dotted currentcolor;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list:not(:first-child) {
    padding-top: 20px;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-wrapper {
  position: relative;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-wrapper--col2 {
  display: flex;
  gap: 3%;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-wrapper--col2 {
    flex-direction: column;
    gap: 30px;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-wrapper--col2 .membership-id-guide__step-item,
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-wrapper--col2 .membership-id-guide__step-item-image-wrapper {
  width: 100%;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-wrapper--col2 .membership-id-guide__step-item-image-wrapper {
  aspect-ratio: 350/250;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-wrapper--col2 .membership-id-guide__step-item-image-wrapper {
    aspect-ratio: 520/371;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-caution {
  padding: 2rem;
  margin: 2rem auto 1rem;
  font-weight: 700;
  border: 1px solid #fc0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-caution {
    padding: 15px 5.1%;
    margin: 15px auto 0;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-caution-title {
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
  font-weight: bold;
  color: #fc0;
  text-align: center;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-caution-title {
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-caution-text {
  margin: 2rem 0 0;
  font-size: 16px;
  font-size: 1.3333333333rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list-caution-text {
    margin-top: 1rem;
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-number {
  margin: 0 0 2rem;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 700;
  color: #fc0;
  font-size: 24px;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-number {
    margin: 0 0 1rem;
    font-size: 14px;
    font-size: 1.1666666667rem;
    line-height: 1.2;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-text-small {
  display: block;
  margin-top: 2rem;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-text-small {
    margin-top: 8px;
    font-size: 10px;
    font-size: 0.8333333333rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-image {
  width: 60%;
  background-color: #090c31;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-image {
    width: 60%;
    background-color: #090c31;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-image--pc {
  width: 88.2%;
  background-color: #090c31;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-image--pc {
    width: 88.2%;
    background-color: #090c31;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-image-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 350/200;
  overflow: hidden;
  background-color: #090c31;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-image-wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    aspect-ratio: 350/200;
    margin: 0 auto;
    overflow: hidden;
    background-color: #090c31;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-wrapper {
  display: flex;
  gap: 2.5%;
  margin-top: 2rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-wrapper {
    flex-direction: column;
    gap: 15px;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-title {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 2rem;
  font-weight: 700;
  background-color: #090c31;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-title {
    padding: 1rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-title-number {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-family: "Archivo Black", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #000;
  text-align: center;
  background: #fff;
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.05rem;
  border-radius: 100%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-title-number {
    width: 25px;
    height: 25px;
    font-size: 14px;
    font-size: 1.1666666667rem;
    line-height: 1;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-title-text-bold {
  font-size: 110%;
  font-weight: 700;
  color: #fc0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-title-text-bold {
    font-size: 14px;
    font-size: 1.1666666667rem;
    line-height: 1;
    letter-spacing: 0.05rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem;
  background: #fff;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-content {
    padding: 1rem;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-flow-item-text {
  color: #4d4d4d;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list:nth-child(1) .membership-id-guide__step-item {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list:nth-child(1) .membership-id-guide__step-item-text-wrapper {
  width: 78%;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list:nth-child(1) .membership-id-guide__step-item .membership-id-guide__step-deco-image {
  width: 12%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide__step-item-list:nth-child(1) .membership-id-guide__step-item .membership-id-guide__step-deco-image {
    width: 20%;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(2) .membership-id-guide__step-deco-image,
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(2) .membership-id-guide__step-deco-image {
  margin: 1rem 0 0 auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(2) .membership-id-guide__step-item {
    display: flex;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(2) .membership-id-guide__step-deco-image {
  width: 47.2%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(2) .membership-id-guide__step-deco-image {
    flex-shrink: 0;
    width: 30%;
    margin: 0;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(3) .membership-id-guide__step-item {
  display: flex;
  gap: 3%;
  justify-content: space-between;
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(3) .membership-id-guide__step-item .membership-id-guide__step-deco-image {
  width: 25%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(3) .membership-id-guide__step-item .membership-id-guide__step-deco-image {
    width: 40%;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(4) .membership-id-guide__step-item-list-wrapper, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(5) .membership-id-guide__step-item-list-wrapper {
  display: flex;
  gap: 3%;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(4) .membership-id-guide__step-item-list-wrapper, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(5) .membership-id-guide__step-item-list-wrapper {
    display: block;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(4) .membership-id-guide__step-item-text, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(5) .membership-id-guide__step-item-text {
    width: 80%;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(4) .membership-id-guide__step-deco-image, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(5) .membership-id-guide__step-deco-image {
  width: 15.2%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(4) .membership-id-guide__step-deco-image, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(5) .membership-id-guide__step-deco-image {
    position: absolute;
    top: 2%;
    right: 0;
    width: 19%;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--initial-link .membership-id-guide__step-item-list:nth-child(5) .membership-id-guide__step-deco-image {
  width: 17%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(2) .membership-id-guide__step-item {
    display: flex;
    gap: 10px;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(2) .membership-id-guide__step-deco-image {
  width: 22%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(2) .membership-id-guide__step-deco-image {
    flex-shrink: 0;
    width: 20%;
    margin: 0;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(3) .membership-id-guide__step-item, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(4) .membership-id-guide__step-item, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(6) .membership-id-guide__step-item, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(7) .membership-id-guide__step-item {
    display: flex;
    gap: 10px;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(3) .membership-id-guide__step-deco-image, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(4) .membership-id-guide__step-deco-image, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(6) .membership-id-guide__step-deco-image, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(7) .membership-id-guide__step-deco-image {
  width: 23%;
  margin: 1rem 0 0 auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(3) .membership-id-guide__step-deco-image, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(4) .membership-id-guide__step-deco-image, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(6) .membership-id-guide__step-deco-image, [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(7) .membership-id-guide__step-deco-image {
    flex-shrink: 0;
    width: 20%;
    margin: 0;
  }
}
[class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(8) .membership-id-guide__step-deco-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 11%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .page--membership-id-guide .membership-id-guide .membership-id-guide__tab-content--new-member .membership-id-guide__step-item-list:nth-child(8) .membership-id-guide__step-deco-image {
    top: -15px;
    width: 15%;
  }
}