@charset "UTF-8";
/* base
------------------------------ */
body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  font-weight: 600;
}

.thumb::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/static/common/global-image/dummy.gif);
  background-size: cover;
}

#svgicon {
  display: none;
}

.category,
.block--share .share,
.list--schedule .block--date,
.list--faq .icon--q,
.list--qa .list__item a::before,
.list--thumbnail .list__item .thumb .limited-thumb span,
.detail__btn a,
.header .g-nav .g-nav--item a,
.list__item.new .tit::after,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.block--pager li,
.block--category li,
.block--month,
.page--qa .tit--q span,
.page--qa .tit--a,
.page--qa .name span,
.page--faq .block--faq-detail span.icon--q,
.page--faq .block--faq-detail span.icon--a,
.g-nav--item__mypage,
.page--home footer .list-tit {
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

.category,
.section-tit,
.block--share .share,
.list--schedule .block--date,
.list--faq .icon--q,
.list--qa .list__item a::before,
.list--thumbnail .list__item .thumb .limited-thumb span,
.detail__btn a,
.header .g-nav .g-nav--item a,
.list__more a,
.list__item.new .tit::after,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.block--pager li,
.block--category li,
.block--month,
.page--qa .tit--q span,
.page--qa .tit--a,
.page--qa .name span,
.page--faq .block--faq-detail span.icon--q,
.page--faq .block--faq-detail span.icon--a,
.g-nav--item__mypage {
  font-family: "pf-venue", sans-serif;
  font-weight: 900;
}

.date {
  font-family: "pf-venue", sans-serif;
  font-weight: 600;
  opacity: 1;
}

input[type=tel],
input[type=email],
input[type=password],
input[type=number],
.block--category li a::after,
.btn .btn--main,
.block__answer,
.limited .section-tit::after,
.tit .limited::after,
.list--schedule .block--date > [class^=block--date] .block--date__month::after {
  background-color: var(--of_bg);
  border: none;
}

input[type=password] {
  background-color: #dddddd;
}

textarea, input[type=text] {
  border: none;
}

.list--schedule .block--txt .category {
  display: block;
  opacity: 1;
  margin-bottom: 0.5em;
}

.list__item.new .tit::after {
  display: none;
}

.list__item.new .block--txt {
  position: relative;
}
.list__item.new .block--txt::after {
  content: "NEW";
  font-size: 12px;
  margin-left: 5px;
  font-weight: 900;
  color: #ffffff;
  background: #47b8ec;
  padding: 0 0.5em;
}

.section--blog .category,
.page--blog .section-tit {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

:root {
  --main--bg: #ff3599;
  --of_color: #fff;
  --of_bg: #ff3599;
  --fc_color: #ffffff;
  --fc_bg:#E367D5;
  --fc_btn:#ffffff;
  --home_footer_color:#ffffff;
  --fc_main: #E367D5;
}

.btn .btn--main,
.btn .btn--sub,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.page--home .section--hero-img .block--login nav li a {
  color: var(--fc_color);
}

.tit .free::after,
.free .section-tit::after,
.btn .btn--sub,
.block--pager .pager__item--newer a::after,
.block--pager .pager__item--newer span::after,
.block--pager .pager__item--older a::after,
.block--pager .pager__item--older span::after,
.page--faq .block--faq-detail,
.page--faq .block--faq-detail span.icon--q,
.form__select select, .form__select select:focus,
.form__select::after, .form__checkbox label p::before {
  border-color: var(--main--bg);
}

.page--blog .block--comment .list--comment li {
  border-color: rgba(0, 0, 0, 0.1);
}

/* background
------------------------------ */
.page--home .background_texture {
  background-image: url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/background_bg.jpeg");
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -2;
}
.page--home .background_texture::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: repeat top left url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/noise.png");
  background-size: 550px;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: soft-light;
  transform: translateZ(0);
  will-change: transform;
}

/* other
------------------------------ */
.form--confirm {
  background: #ffffff;
  color: #000000;
  border: none;
}

.btn, button, .btn input {
  font-weight: 600;
}

.block--regist ul {
  background-color: #ffffff;
  color: #000000;
}

.block--pager li::before {
  background: var(--main--bg);
}

/* header
------------------------------ */
.header {
  background: transparent;
  z-index: 100;
}
.header .nav.nav__list--contents .g-nav--item__sns {
  display: none;
}

.logo a::before {
  content: "";
  display: block;
  background: url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/4s4ki_official_logo.png") no-repeat center center;
  background-size: contain;
  height: 100%;
  width: 100%;
}
.logo img {
  display: none;
}

/* drawer
------------------------------ */
.header .drawer {
  padding: 0;
  background: var(--main--bg);
}
.header .drawer .g-nav {
  padding: 0;
}
.header .drawer .g-nav .nav--member .g-nav--item, .header .drawer .g-nav .nav--member .g-nav--item__mypage {
  font-family: talon, sans-serif;
}
.header .drawer .nav--official .g-nav--item,
.header .drawer .nav--member .g-nav--item {
  display: block;
}
.header .drawer .nav--official {
  background: var(--of_color);
}
.header .drawer .nav--official .nav li a {
  color: var(--main--bg) !important;
}
.header .drawer .nav--member {
  background: var(--fc_main);
}
.header .drawer .nav--member::before {
  content: "";
  display: block;
  background: url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/4s4ki_fc_logo_menu.svg") no-repeat center center;
  background-size: contain;
  margin-bottom: 1em;
}
.header .drawer .nav--member .nav li a {
  color: var(--fc_color);
  font-family: inherit;
}
.header .drawer .nav--member .nav__member-menu li:not(.g-nav--item__mypage) a {
  position: relative;
}
.header .drawer .nav--member .nav__member-menu li:not(.g-nav--item__mypage) a::before {
  content: "";
  background-size: contain;
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  left: 0;
  opacity: 0;
}
.header .drawer .nav--member .nav__member-menu .g-nav--item__mypage a::before, .header .drawer .nav--member .nav__member-menu .g-nav--item__mypage a::after {
  display: none;
}
.header .drawer .nav--member .block--login.pc {
  display: block !important;
}

.drawer__btn {
  mix-blend-mode: difference;
}

/* .page--home
------------------------------ */
.page--home .container {
  position: relative;
  z-index: 2;
}
.page--home .section--hero-img .block--hero-img .bg {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.page--home .block--content-wrap {
  background: transparent;
  /*.page--home 無料コンテンツ
  ------------------------------ */
}
.page--home .block--content-wrap .section--banner .thumb__wrap {
  position: relative;
}
.page--home .block--content-wrap .section--banner .thumb__wrap img {
  position: absolute;
  top: 0;
  left: 0;
}
.page--home .block--content-wrap .date {
  display: block;
}
.page--home .block--content-wrap .tit {
  font-weight: 700;
  display: inline;
  line-height: 1.3;
}
.page--home .block--content-wrap #official .block--contents {
  margin-bottom: 0;
  color: var(--of_color);
  margin-left: -5vw;
  margin-right: auto;
}
.page--home .block--content-wrap #official .block--contents .block--title .section-tit {
  margin-bottom: 0 !important;
  font-weight: 900;
  padding: 0 0.1em;
  line-height: 1;
  display: inline-block;
  background-color: var(--main--bg);
  color: var(--of_color);
}
.page--home .block--content-wrap #official .block--contents a {
  color: var(--of_color);
}
.page--home .block--content-wrap #official .block--contents .list__more a {
  color: var(--main--bg);
}
.page--home .block--content-wrap #official .block--contents .list__more a::after {
  background: var(--main--bg);
}
.page--home .block--content-wrap #official .block--contents .list__more a:hover::after {
  background: var(--main--bg);
}
.page--home .block--content-wrap #official .block--contents .date {
  background-color: var(--of_color);
  color: var(--main--bg);
  display: block;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: 0.1em;
}
.page--home .block--content-wrap #official .block--contents .tit {
  background-color: var(--of_color);
  color: var(--main--bg);
  display: inline;
  padding: 0.2em 0.1em;
  line-height: 1.7;
}

/*.page--home .section--schdedule
------------------------------ */
.page--home .list--schedule .list__item .block--date {
  background: var(--of_color);
  color: var(--main--bg);
  padding: 0.2em 0.1em;
}
.page--home .list--schedule .list__item .block--date .block--date__month::after {
  display: none !important;
}
.page--home .list--schedule .list__item .block--date .block--date__date, .page--home .list--schedule .list__item .block--date .block--date__youbi {
  position: static;
}
.page--home .list--schedule .list__item .block--txt .category {
  background: var(--of_color);
  color: var(--main--bg);
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: 0.2em;
}

/*.page--home .section--discography
------------------------------ */
.page--home .block--content-wrap .section--discography {
  position: relative;
}
.page--home .block--content-wrap .section--discography .block--discography__item .thumb {
  width: 100%;
  position: relative;
}
.page--home .block--content-wrap .section--discography .block--discography__item .thumb a {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
}
.page--home .block--content-wrap .section--discography .block--discography__item .thumb a::before {
  content: "";
  display: none;
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 2.5%;
  left: 3%;
  z-index: -1;
}
.page--home .block--content-wrap .section--discography .block--discography__item .block--txt::after {
  display: none;
}
.page--home .block--content-wrap .section--discography .block--discography__item .block--txt .category {
  display: block;
  padding: 0.2em 0.4em 0.1em;
  opacity: 1;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  background: var(--of_color);
  color: var(--main--bg);
}
.page--home .block--content-wrap .section--discography .block--discography__item .block--txt .tit {
  display: block;
  padding: 0.1em 0.2em;
}
.page--home .block--content-wrap .section--discography .block--discography__item .block--txt .date {
  font-weight: 600;
  line-height: 1.2;
}

/*.page--home .section--video
------------------------------ */
.page--home .block--content-wrap .section--video .slick-prev::after,
.page--home .block--content-wrap .section--video .slick-next::after {
  border-color: var(--of_color);
}
.page--home .block--content-wrap .section--video .slick-dots li button::before {
  background-color: var(--main--bg);
}
.page--home .block--content-wrap .section--video.block--wide .list--thumbnail {
  margin-top: 0;
}
.page--home .block--content-wrap .section--video.block--wide .list--thumbnail .list__item {
  margin: 0;
}

/*.page--home 有料コンテンツ
------------------------------ */
.page--home #fc {
  margin-right: -5vw;
  margin-left: auto;
  -webkit-backdrop-filter: blur(25px) brightness(1.22) hue-rotate(-10deg);
          backdrop-filter: blur(25px) brightness(1.22) hue-rotate(-10deg);
  position: relative;
  color: var(--fc_color);
}
.page--home #fc::before {
  content: " ";
  background: url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/4s4ki_fc_logo.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
}
.page--home #fc a, .page--home #fc .no-data {
  color: var(--fc_main);
}
.page--home #fc .block--title .section-tit {
  font-family: inherit;
  font-family: talon, sans-serif;
  background: none;
  padding: 0;
  color: var(--fc_main);
  line-height: 1;
}
.page--home #fc .block--title .section-tit::after {
  display: none;
}
.page--home #fc .block--login.pc,
.page--home #fc .nav {
  display: flex !important;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.page--home #fc .block--login.pc .nav__list--login li,
.page--home #fc nav .nav--login li {
  margin: 0 0.5em;
}
.page--home #fc .block--login.pc .nav__list--login li a,
.page--home #fc nav .nav--login li a {
  display: block;
  color: var(--fc_btn);
  background: var(--fc_main);
  font-weight: 600;
}
.page--home #fc .btn--main {
  color: var(--fc_btn);
  background: var(--fc_main);
}

/*.page--home .section--blog
------------------------------ */
.page--home .block--content-wrap .section--blog .category {
  opacity: 1;
}
.page--home .block--content-wrap .section--blog .tit {
  margin-left: 1em;
}

/*.page--home .section--movie
------------------------------ */
.page--home .block--content-wrap .section--movie .tit {
  display: block;
}
.page--home .block--content-wrap .section--movie .date {
  display: inline-block;
}

/*.page--home .section--photo
------------------------------ */
.page--home .block--content-wrap .section--photo .tit {
  display: block;
  margin-bottom: 10px;
}
.page--home .block--content-wrap .section--photo .date {
  display: inline-block;
}

/*.page--home .section--radio
------------------------------ */
.page--home .block--content-wrap .section--radio .ico--play {
  stroke: var(--fc_main);
  left: 2px;
  bottom: 1px;
}
.page--home .block--content-wrap .section--radio .tit {
  display: block;
}
.page--home .block--content-wrap .section--radio .date {
  display: inline-block;
}
.page--home .block--content-wrap .section--radio .btn--main {
  background-color: var(--fc_color);
  font-weight: 900;
}

/* footer
------------------------------ */
footer .footer__inner {
  transform: none !important;
  left: 0 !important;
  right: 0 !important;
}
footer .copyright small em,
footer .copyright small a,
footer .copyright small br {
  display: none;
}

.page--home footer {
  background: var(--main--bg);
  color: var(--home_footer_color);
}
.page--home footer .list-tit,
.page--home footer .nav__list--sns li a,
.page--home footer .list-tit,
.page--home footer small,
.page--home footer small a {
  background: var(--home_footer_bg);
  color: var(--home_footer_color);
}
.page--home footer .list-tit::before, .page--home footer .list-tit::after {
  background-color: var(--home_footer_color);
}
.page--home footer .nav__list--sns li a,
.page--home footer small,
.page--home footer .list--support .list__item a {
  color: var(--of_color);
}

body:not(.page--home) footer .bg {
  position: fixed;
  top: auto;
  bottom: 0;
  height: 100vh !important;
}
body:not(.page--home) footer .bg::before {
  opacity: 1;
  background-color: var(--of_color);
}
body:not(.page--home) footer .nav__list--sns li a,
body:not(.page--home) footer small,
body:not(.page--home) footer .list--support .list__item a {
  color: var(--main--bg);
}

body.page--blog .wrap .container section p, body.page--blog .wrap .container section dt,
body.page--movie .wrap .container section p,
body.page--movie .wrap .container section dt,
body.page--photo .wrap .container section p,
body.page--photo .wrap .container section dt,
body.page--questionnaire .wrap .container section p,
body.page--questionnaire .wrap .container section dt,
body.page--introduction .wrap .container section p,
body.page--introduction .wrap .container section dt,
body.page--chat-community .wrap .container section p,
body.page--chat-community .wrap .container section dt,
body.page--feature.page--fc .wrap .container section p,
body.page--feature.page--fc .wrap .container section dt {
  color: var(--of_color);
}
body.page--blog .wrap footer .bg::before,
body.page--movie .wrap footer .bg::before,
body.page--photo .wrap footer .bg::before,
body.page--questionnaire .wrap footer .bg::before,
body.page--introduction .wrap footer .bg::before,
body.page--chat-community .wrap footer .bg::before,
body.page--feature.page--fc .wrap footer .bg::before {
  background-color: var(--fc_bg);
}
body.page--blog .wrap footer .footer__inner li a,
body.page--movie .wrap footer .footer__inner li a,
body.page--photo .wrap footer .footer__inner li a,
body.page--questionnaire .wrap footer .footer__inner li a,
body.page--introduction .wrap footer .footer__inner li a,
body.page--chat-community .wrap footer .footer__inner li a,
body.page--feature.page--fc .wrap footer .footer__inner li a {
  color: var(--of_color);
}
body.page--blog .wrap footer .copyright small,
body.page--movie .wrap footer .copyright small,
body.page--photo .wrap footer .copyright small,
body.page--questionnaire .wrap footer .copyright small,
body.page--introduction .wrap footer .copyright small,
body.page--chat-community .wrap footer .copyright small,
body.page--feature.page--fc .wrap footer .copyright small {
  color: var(--of_color);
}

/* 下層ページ共通
------------------------------ */
body:not(.page--home) .wrap {
  padding-top: 0;
  padding-bottom: 25vw;
}
body:not(.page--home) .wrap .container section {
  z-index: 10;
  position: relative;
  width: 100%;
}

.block--editor a {
  text-decoration: underline;
}

/* 無料コンテンツページ
------------------------------ */
body:not(.page--home):not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap .container section:not(.page--introduction) {
  background-color: var(--of_color);
  color: var(--of_bg);
}
body:not(.page--home):not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap .container section:not(.page--introduction) a {
  color: var(--of_bg);
}
body:not(.page--home):not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap .container section:not(.page--introduction) a::after {
  border-color: var(---of_bg);
}
body:not(.page--home):not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap .container section:not(.page--introduction) .lineIco a svg, body:not(.page--home):not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap .container section:not(.page--introduction) svg {
  fill: var(--of_color);
}
body:not(.page--home):not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap .container section:not(.page--introduction) .btn .btn--main {
  background-color: var(--of_color);
  color: var(--of_bg);
}
body:not(.page--home):not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap .container section:not(.page--introduction) .btn .btn--sub {
  border-color: var(--of_color);
}

.page--error .btn .btn--sub {
  background-color: var(--of_bg);
  color: var(--of_color) !important;
}

.page--redirect .wrap .container section:not(.page--introduction) .btn .btn--sub {
  color: var(--of_color);
}
.page--redirect .wrap .container section:not(.page--introduction) .btn .btn--main {
  background-color: var(--of_color);
  color: var(--of_bg);
}

/* page--schedule
------------------------------ */
.page--schedule .section--list .block--refine label p {
  color: #ffffff;
  background: rgba(158, 158, 158, 0.5);
}
.page--schedule .section--list .block--refine input[type=checkbox]:checked + p {
  background-color: var(--of_bg) !important;
  color: #ffffff !important;
}
.page--schedule .section--list .block--month ul li a::after {
  background-color: #ffffff;
}
.page--schedule .section--detail .block--liveinfo li .item-tit {
  opacity: 1;
  font-weight: 800;
}
.page--schedule #next .arrow-2 span {
  border-top-color: var(--of_bg);
  border-right-color: var(--of_bg);
}

/* .page--biography
------------------------------ */
.page--biography .artist--name {
  display: none;
}
.page--biography .profile--name {
  text-align: center;
  line-height: 1.3;
}
.page--biography .profile--name span {
  display: block;
}

/* .page--discography
------------------------------ */
.page--discography .block--category li:nth-of-type(5) {
  display: none;
}
.page--discography .category {
  display: inline-block !important;
  border: 1px solid var(--main--bg);
  padding: 0.2em 0.4em 0.1em;
  opacity: 1;
  margin-right: 0.5em;
}
.page--discography .list--discography .list__item .thumb {
  position: relative;
}
.page--discography .list--discography .list__item .thumb::before {
  content: " ";
  padding-top: 100%;
  display: block;
}
.page--discography .list--discography .list__item .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page--discography .section--detail::after {
  content: "";
  display: table;
  clear: both;
}

/* 有料コンテンツページ
------------------------------ */
body.page--blog .section--list .section-tit.header-none,
body.page--movie .section--list .section-tit.header-none,
body.page--photo .section--list .section-tit.header-none,
body.page--radio .section--list .section-tit.header-none,
body.page--qa .section--list .section-tit.header-none {
  font-family: inherit;
}
body.page--blog .section-tit,
body.page--movie .section-tit,
body.page--photo .section-tit,
body.page--radio .section-tit,
body.page--qa .section-tit {
  position: relative;
  font-family: talon, sans-serif !important;
}
body.page--blog .wrap .container section,
body.page--movie .wrap .container section,
body.page--photo .wrap .container section,
body.page--radio .wrap .container section,
body.page--qa .wrap .container section {
  background-color: var(--fc_bg);
  color: var(--fc_color);
}
body.page--blog .wrap .container section .block--pager .pager__item--newer a::after,
body.page--blog .wrap .container section .block--pager .pager__item--newer span::after,
body.page--blog .wrap .container section .block--pager .pager__item--older a::after,
body.page--blog .wrap .container section .block--pager .pager__item--older span::after,
body.page--blog .wrap .container section .page--faq .block--faq-detail,
body.page--blog .wrap .container section .page--faq .block--faq-detail span.icon--q,
body.page--movie .wrap .container section .block--pager .pager__item--newer a::after,
body.page--movie .wrap .container section .block--pager .pager__item--newer span::after,
body.page--movie .wrap .container section .block--pager .pager__item--older a::after,
body.page--movie .wrap .container section .block--pager .pager__item--older span::after,
body.page--movie .wrap .container section .page--faq .block--faq-detail,
body.page--movie .wrap .container section .page--faq .block--faq-detail span.icon--q,
body.page--photo .wrap .container section .block--pager .pager__item--newer a::after,
body.page--photo .wrap .container section .block--pager .pager__item--newer span::after,
body.page--photo .wrap .container section .block--pager .pager__item--older a::after,
body.page--photo .wrap .container section .block--pager .pager__item--older span::after,
body.page--photo .wrap .container section .page--faq .block--faq-detail,
body.page--photo .wrap .container section .page--faq .block--faq-detail span.icon--q,
body.page--radio .wrap .container section .block--pager .pager__item--newer a::after,
body.page--radio .wrap .container section .block--pager .pager__item--newer span::after,
body.page--radio .wrap .container section .block--pager .pager__item--older a::after,
body.page--radio .wrap .container section .block--pager .pager__item--older span::after,
body.page--radio .wrap .container section .page--faq .block--faq-detail,
body.page--radio .wrap .container section .page--faq .block--faq-detail span.icon--q,
body.page--qa .wrap .container section .block--pager .pager__item--newer a::after,
body.page--qa .wrap .container section .block--pager .pager__item--newer span::after,
body.page--qa .wrap .container section .block--pager .pager__item--older a::after,
body.page--qa .wrap .container section .block--pager .pager__item--older span::after,
body.page--qa .wrap .container section .page--faq .block--faq-detail,
body.page--qa .wrap .container section .page--faq .block--faq-detail span.icon--q {
  border-color: var(--fc_color);
}
body.page--blog .wrap .container section .block--pager li::before,
body.page--movie .wrap .container section .block--pager li::before,
body.page--photo .wrap .container section .block--pager li::before,
body.page--radio .wrap .container section .block--pager li::before,
body.page--qa .wrap .container section .block--pager li::before {
  background-color: var(--fc_color);
}
body.page--blog .wrap .container section a,
body.page--movie .wrap .container section a,
body.page--photo .wrap .container section a,
body.page--radio .wrap .container section a,
body.page--qa .wrap .container section a {
  color: var(--fc_color);
}
body.page--blog .wrap .container section .lineIco a svg,
body.page--blog .wrap .container section svg,
body.page--movie .wrap .container section .lineIco a svg,
body.page--movie .wrap .container section svg,
body.page--photo .wrap .container section .lineIco a svg,
body.page--photo .wrap .container section svg,
body.page--radio .wrap .container section .lineIco a svg,
body.page--radio .wrap .container section svg,
body.page--qa .wrap .container section .lineIco a svg,
body.page--qa .wrap .container section svg {
  fill: var(--fc_color);
}
body.page--blog .wrap .container section .btn .btn--main,
body.page--movie .wrap .container section .btn .btn--main,
body.page--photo .wrap .container section .btn .btn--main,
body.page--radio .wrap .container section .btn .btn--main,
body.page--qa .wrap .container section .btn .btn--main {
  background-color: var(--fc_color);
  color: var(--fc_bg);
}
body.page--blog .wrap .container section .btn .btn--sub,
body.page--movie .wrap .container section .btn .btn--sub,
body.page--photo .wrap .container section .btn .btn--sub,
body.page--radio .wrap .container section .btn .btn--sub,
body.page--qa .wrap .container section .btn .btn--sub {
  border-color: var(--fc_color);
}

/* .page--information
------------------------------ */
.page--information .section--detail .thumb {
  box-shadow: 0px 0px 15px -5px #eaeaea;
}
.page--information .list--information .date {
  display: block;
}
.page--information .list--information .tit {
  display: inline;
}

/* .page--blog
------------------------------ */
.page--blog .block--bloglist .block--title .tit {
  font-size: 60px;
  position: relative;
  font-family: talon, sans-serif;
}
.page--blog .block--comment {
  background: rgba(193, 193, 193, 0.1);
}
.page--blog .block--comment .list--comment li .date {
  vertical-align: inherit;
}
.page--blog .wrap--action .icon--like .fa-heart.clicked {
  color: #47b8ec;
}
.page--blog .block--comment #next {
  width: 20vw;
  animation: none;
  bottom: 0;
  transform-origin: top;
  position: relative;
  margin: 0 auto;
}
.page--blog .list__item.new .tit {
  display: inline;
}

.page--blog .block--comment .list--comment li.comment--member .comment--bg, .page--blog .block--comment .list--comment li .replies li.comment--member {
  color: #fff;
}

/* .page--video
------------------------------ */
.page--video .block--txt {
  margin-bottom: 0;
}

/* .page--questionnaire
------------------------------ */
.page--questionnaire .wrap {
  padding-bottom: 10vw !important;
}
.page--questionnaire .wrap .section--detail {
  background-color: var(--fc_bg) !important;
}
.page--questionnaire .wrap .section--detail .block--title .tit {
  text-align: center;
  font-weight: 800;
}
.page--questionnaire .wrap .section--detail .btn .btn--main {
  color: var(--fc_bg) !important;
  font-weight: 900;
}
.page--questionnaire .form__select select,
.page--questionnaire .form__select select:focus,
.page--questionnaire .form__select::after,
.page--questionnaire .form__checkbox label p::before {
  border-color: var(--of_color);
}
.page--questionnaire .form--confirm dt,
.page--questionnaire .form--confirm dd {
  color: var(--fc_color);
}
.page--questionnaire .icon--required::before {
  content: "必須";
  display: inline-block;
  background: #47b8ec;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 3px;
  vertical-align: 1px;
  margin-left: 1em;
}
.page--questionnaire.page--questionnaire-confirm .form--confirm dt, .page--questionnaire.page--questionnaire-confirm .form--confirm dd {
  color: #000000;
}

/* .page--introduction
------------------------------ */
body .wrap .container section.page--introduction {
  background-color: var(--fc_bg);
  color: var(--fc_color);
}
body .wrap .container section.page--introduction .block--logo {
  background: url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/4s4ki_fc_logo_menu.svg") no-repeat center center;
  background-size: contain;
}
body .wrap .container section.page--introduction .fanclubname, body .wrap .container section.page--introduction .artistname {
  display: none;
}
body .wrap .container section.page--introduction .txt--sub a {
  display: inline-block;
  color: var(--fc_color);
  position: relative;
  padding-right: 0.5em;
}
body .wrap .container section.page--introduction .txt--sub a::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 0.25em;
}
body .wrap .container section.page--introduction .btn .btn--main {
  background-color: var(--fc_btn);
  color: var(--fc_bg);
  font-weight: 600;
}
body .wrap .container section.page--introduction .block--service .block--service__contents li {
  color: var(--fc_color);
}
body .wrap .container section.page--introduction .block--service .block--service__contents li:nth-of-type(5) {
  display: none;
}
body .wrap .container section.page--introduction .block--service .section-tit,
body .wrap .container section.page--introduction .block--service .block--service__contents li .inner p {
  color: var(--fc_btn);
}
body .wrap .container section.page--introduction .block--service .block--service__contents li .inner span {
  width: 50px;
  height: 50px;
  line-height: 69px;
  background: var(--fc_btn);
}
body .wrap .container section.page--introduction .block--service .block--service__contents li .inner span svg {
  fill: var(--fc_bg);
  transform: none;
  display: inline-block;
}

/* page--chat-community
------------------------------ */
.page--chat-community .wrap .container .section--detail {
  background-color: var(--fc_bg) !important;
}
.page--chat-community .wrap .container .section--detail .block--title {
  background: #47b8ec;
}
.page--chat-community .wrap .container .section--detail .block--title .block--cmnty_serch .cmnty_serch i {
  color: var(--fc_bg) !important;
}
.page--chat-community .wrap .container .section--detail .block--title .block--cmnty_serch .cmnty_serch .datepicker {
  color: var(--fc_bg);
}
.page--chat-community .wrap .container .section--detail .block--title .block--cmnty_serch .cmnty_serch .btn {
  line-height: 1;
}
.page--chat-community .wrap .container .section--detail .block--title .block--cmnty_serch .cmnty_serch .btn .btn--main {
  background-color: var(--fc_bg) !important;
  color: #ffffff !important;
  padding: 0.5em 1.5em 0.6em;
}
.page--chat-community .wrap .container .section--detail .block--title .block--cmnty_serch .btn input {
  color: var(--of_bg) !important;
}
.page--chat-community .wrap .container .section--detail .block--comment {
  background-color: #ffffff;
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .txt {
  background-color: var(--fc_bg);
  color: #ffffff;
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .txt::before {
  border-left: 18px solid var(--fc_bg);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .txt.parent .nick {
  color: #ffffff;
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .nick {
  color: var(--fc_bg);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.none .txt.parent {
  background-color: #e4e4e4;
  color: #000000;
  border-color: rgba(255, 255, 255, 0.5019607843);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.none .txt.parent .nick {
  color: #000000;
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.none .txt.parent::before {
  border-left: 18px solid #e4e4e4;
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.comment--member .txt {
  background-color: #e4e4e4;
  color: #000000;
  border-color: rgba(255, 255, 255, 0.5019607843);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.comment--member .txt::before {
  border-left: 18px solid #e4e4e4;
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.comment--member .txt.parent .nick, .page--chat-community .wrap .container .section--detail .block--comment .list--comment li.comment--member .txt.parent .quote-txt {
  color: #000000;
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.comment--member .txt.url-replace {
  background-color: var(--of_bg);
  color: #ffffff;
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.comment--member .txt.url-replace::before {
  border-left: 18px solid var(--of_bg);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li.comment--member .nick {
  color: var(--of_bg);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .wrap--action .date, .page--chat-community .wrap .container .section--detail .block--comment .list--comment li .wrap--action .fa-heart, .page--chat-community .wrap .container .section--detail .block--comment .list--comment li .wrap--action .likes {
  color: var(--fc_bg);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .wrap--action .icon--like i::before {
  color: var(--fc_bg);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .wrap--action .fa-reply::before {
  color: var(--fc_bg);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .wrap--action .delete input {
  color: var(--fc_bg);
}
.page--chat-community .wrap .container .section--detail .block--comment .list--comment li .form--inptarea .comment_reply_confirm_popup .fa-solid {
  color: #ffffff;
}
.page--chat-community .wrap .container .section--detail .block--comment .switching a {
  color: var(--fc_bg) !important;
}
.page--chat-community .wrap .wrap--action #comment_popup, .page--chat-community .wrap .wrap--action #comment_form_close, .page--chat-community .wrap .wrap--action .form--inptarea {
  background-color: var(--fc_bg) !important;
}
.page--chat-community .wrap .wrap--action #comment_confirm_body {
  color: #000000;
}
.page--chat-community .wrap .wrap--action #comment_modal_close::before {
  background-color: var(--fc_bg);
}
.page--chat-community .wrap .wrap--action #comment_modal_close::after {
  background-color: var(--fc_bg);
}
.page--chat-community .wrap .wrap--action .btn .btn--main {
  background-color: var(--fc_bg) !important;
  color: #ffffff !important;
}
.page--chat-community #ui-datepicker-div {
  z-index: 10 !important;
  color: var(--fc_bg);
}
.page--chat-community #ui-datepicker-div .ui-corner-all {
  color: var(--fc_bg);
}
.page--chat-community #ui-datepicker-div td.ui-datepicker-current-day a {
  color: #ffffff;
}
.page--chat-community #ui-datepicker-div td.ui-datepicker-current-day a::before {
  background-color: var(--fc_bg) !important;
}
.page--chat-community #ui-datepicker-div td.ui-datepicker-today a::before {
  border-color: var(--fc_bg) !important;
}
.page--chat-community #ui-datepicker-div td a {
  color: var(--fc_bg);
}
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button {
  background-color: var(--fc_bg);
}

/* .page--streaming
------------------------------ */
.page--feature .page--streaming {
  background-color: var(--fc_bg) !important;
  color: var(--of_color) !important;
}
.page--feature .page--streaming .txt--basic a {
  color: var(--of_color) !important;
  text-decoration: underline;
}
.page--feature .page--streaming .inner {
  background: none;
}
.page--feature .page--streaming .inner .block--tit {
  font-weight: 600;
}
.page--feature .page--streaming .inner .block--steps .list--dl {
  background: none;
}
.page--feature .page--streaming .inner .block--steps .methodList li .fa {
  color: #ffffff;
}
.page--feature .page--streaming .inner .block--steps .app--dl {
  background: #ffffff;
  border-radius: 10px;
}

/* .page--movie
------------------------------ */
.page--movie.category-2 #radio_link .btn--main {
  font-weight: 900;
  background-color: var(--fc_color);
  color: var(--fc_bg);
}

/* .page--faq
------------------------------ */
.page--faq .searchBox input[type=text] {
  background-color: #f2f2f2;
}
.page--faq .list--faq li {
  border: none;
}
.page--faq .block--faq-detail span.icon--q {
  color: #ff3599;
}
.page--faq .block--faq-detail .icon--a {
  background: #ff3599 !important;
  color: #ffffff !important;
}
.page--faq .block--faq-detail span.icon--q,
.page--faq .block--faq-detail span.icon--a {
  line-height: 30px;
}

/* .payment
------------------------------ */
.page--feature .section--detail.support .detail_table th, .page--feature .section--detail.support .detail_table td {
  background: #fdf5fd;
}

/* サポート FAQ
------------------------------ */
body.page--faq .wrap .container section.section--detail,
body.page--faq .wrap .container section.section--list,
body:not(.page--home) .wrap .container section.support {
  padding-bottom: 0;
}

/* 推奨環境
------------------------------ */
.page--feature div.section--detail.support {
  position: relative;
  width: 100%;
  z-index: 10;
  color: var(--main--bg);
}

.page--feature:not(.page--fc) .wrap, .page--feature:not(.page--fc) .footer {
  background: #ffffff !important;
}
.page--feature:not(.page--fc) .footer .bg {
  display: none;
}

/* OS
------------------------------ */
.win .header .inner .drawer .g-nav .nav--official .g-nav--item a::after, .android .header .inner .drawer .g-nav .nav--official .g-nav--item a::after {
  bottom: 0.25em !important;
}
.win .page--home .block--content-wrap #official .block--contents .block--title .section-tit, .android .page--home .block--content-wrap #official .block--contents .block--title .section-tit {
  padding: 0.2em 0 0;
  line-height: 0.8;
}
.win .page--home .block--content-wrap #official .block--contents .date, .win .page--home .block--content-wrap #official .block--contents .category, .android .page--home .block--content-wrap #official .block--contents .date, .android .page--home .block--content-wrap #official .block--contents .category {
  padding: 0.3em 0 0;
}
.win .page--home .block--content-wrap #official .section--schedule .block--date, .android .page--home .block--content-wrap #official .section--schedule .block--date {
  padding: 0.5em 0.1em 0;
}
.win .page--home .block--content-wrap #official .section--discography .block--discography__item .block--txt .category, .android .page--home .block--content-wrap #official .section--discography .block--discography__item .block--txt .category {
  padding: 0.5em 0.4em 0.1em;
}
.win .page--discography .category, .android .page--discography .category {
  padding: 0.4em 0.4em 0.1em !important;
}
.win .page--discography .block--disc-detail .category, .android .page--discography .block--disc-detail .category {
  padding: 0.35em 0.4em 0.1em !important;
}

.win .page--home .block--content-wrap #official .block--contents .tit {
  padding: 0 0.1em;
}

/*  関係者
------------------------------ */
.section--detail.support .btn .btn--main {
  background-color: var(--of_bg) !important;
  color: var(--fc_color) !important;
}

@media screen and (min-width: 961px) {
  .section-tit {
    font-size: 7vw;
  }
  .tit {
    line-height: 1.6;
  }
  .txt--basic {
    text-align: center;
  }
  .date {
    letter-spacing: 0.1em;
    font-size: 13px;
  }
  /* list
  ------------------------------ */
  .list .list__item {
    margin-bottom: 25px;
  }
  .list .list__item a {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .list .list__item .ico {
    top: 0;
  }
  .list--qa .list__item a::before {
    line-height: 36px;
  }
  /* header
  ------------------------------ */
  .wrap.loggedin .header h1.logo a {
    padding: 0;
  }
  .header,
  body:not(.page--home) .header,
  .wrap.loggedin .header {
    background: transparent;
  }
  body:not(.page--home) .header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
    opacity: 0;
    transition: opacity 0.3s;
  }
  body:not(.page--home).window-scroll .header {
    box-shadow: none;
  }
  body:not(.page--home).window-scroll .header::before {
    opacity: 0;
  }
  header#header-nav h1.logo {
    width: clamp(140px, 22vw, 250px);
    height: clamp(50px, 13vw, 320px);
    top: 30px;
    left: 3vw;
    transition: 0.3s;
    position: fixed;
  }
  header#header-nav h1.logo a {
    padding: 15px 0;
  }
  header#header-nav h1.logo.active {
    width: clamp(80px, 7vw, 190px);
  }
  /* drawer
  ------------------------------ */
  .drawer__btn {
    display: block !important;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 3vw;
    top: 3vw;
    z-index: 999;
    transition: 0.3s;
    padding: 5px;
    cursor: pointer;
  }
  .drawer__btn span {
    display: block;
    width: 80%;
    height: 2px;
    background: #fff;
    position: absolute;
    transition: 0.2s;
  }
  .drawer__btn span:first-child {
    top: 40%;
  }
  .drawer__btn span:last-child {
    top: 64%;
  }
  body:not(.drawer-visible) .drawer__btn:hover span:first-child {
    top: 36%;
  }
  body:not(.drawer-visible) .drawer__btn:hover span:last-child {
    top: 68%;
  }
  .drawer-visible .drawer__btn span:first-child {
    top: 48%;
    transform: rotate(45deg);
  }
  .drawer-visible .drawer__btn span:last-child {
    top: 48%;
    transform: rotate(-45deg);
  }
  .drawer-visible .header .inner .drawer {
    opacity: 1;
    pointer-events: auto;
  }
  .header .inner .drawer {
    opacity: 0;
    position: fixed;
    top: 0;
    z-index: 999;
    height: 100vh;
    width: 100vw;
    pointer-events: none;
    padding: 0;
    transition: 0.4s cubic-bezier(0.16, 0.68, 0.65, 1.03);
  }
  .header .inner .drawer .g-nav {
    text-align: left;
    display: flex;
  }
  .header .inner .drawer .g-nav .nav--official,
  .header .inner .drawer .g-nav .nav--member {
    height: 100vh;
    position: relative;
    width: 50vw;
    padding: 2vh 10vw 10vh;
  }
  .header .inner .drawer .g-nav .nav--official .g-nav--item,
  .header .inner .drawer .g-nav .nav--member .g-nav--item {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .header .inner .drawer .g-nav .nav--official .g-nav--item a,
  .header .inner .drawer .g-nav .nav--member .g-nav--item a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .header .inner .drawer .g-nav .nav--official .g-nav--item a::after,
  .header .inner .drawer .g-nav .nav--member .g-nav--item a::after {
    bottom: 5px;
  }
  .header .inner .drawer .g-nav .nav--official {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 5vh;
  }
  .header .inner .drawer .g-nav .nav--official .nav__list--sns {
    width: 100%;
    margin-top: 0 !important;
  }
  .header .inner .drawer .g-nav .nav--official .nav {
    margin-top: 175px;
  }
  .header .inner .drawer .g-nav .nav--official .nav .g-nav--item {
    margin-bottom: 0;
  }
  .header .inner .drawer .g-nav .nav--official .nav .g-nav--item a {
    font-size: 3.5vw;
    letter-spacing: 0.1em;
  }
  .header .inner .drawer .g-nav .nav--official .nav .g-nav--item a::after {
    background: var(--main--bg);
  }
  .header .inner .drawer .g-nav .nav--member {
    padding: 5vh 10vw 7vh;
  }
  .header .inner .drawer .g-nav .nav--member::before {
    width: 15vw;
    height: 115px;
    margin-bottom: 0;
    max-width: 170px;
  }
  .header .inner .drawer .g-nav .nav--member .nav {
    padding-top: 0;
  }
  .header .inner .drawer .g-nav .nav--member .nav .g-nav--item {
    margin-bottom: 0;
  }
  .header .inner .drawer .g-nav .nav--member .nav .g-nav--item a {
    font-size: 4.3vw;
  }
  .header .inner .drawer .g-nav .nav--member .nav .g-nav--item a::after {
    background: var(--fc_color);
  }
  .header .inner .drawer .g-nav .nav--member .nav__member-menu li a::before {
    top: 5px;
  }
  .header .inner .drawer .g-nav .nav--member .g-nav--item__mypage {
    margin-bottom: 2vh;
  }
  .header .inner .drawer .g-nav .nav--member .g-nav--item__mypage a {
    transition: 0.4s;
    font-size: 2.5vw;
  }
  .header .inner .drawer .g-nav .nav--member .g-nav--item__mypage a:hover {
    opacity: 0.5;
  }
  .header .inner .drawer .g-nav .nav__list--sns li {
    font-size: 2vw;
  }
  .header .inner .drawer .g-nav .nav__list--sns li a {
    transition: 0.4s;
  }
  .header .inner .drawer .g-nav .nav__list--sns li a:hover {
    opacity: 0.5;
  }
  .header .inner .drawer .g-nav .nav__list--sns li a i {
    font-size: 1.6vw;
  }
  .header .inner .drawer .g-nav .block--login.pc {
    position: relative;
    margin: 0;
    bottom: auto;
    left: 0vw;
  }
  .header .inner .drawer .g-nav .block--login.pc .nav__list--login {
    padding: 0;
    margin: 0;
    border: none;
  }
  .header .inner .drawer .g-nav .block--login.pc .nav__list--login::before {
    display: none;
  }
  .header .inner .drawer .g-nav .block--login.pc .nav__list--login li {
    margin-right: 20px;
  }
  .header .inner .drawer .g-nav .block--login.pc .nav__list--login li a {
    background: transparent;
    color: var(--fc_color);
    padding: 10px 0;
    font-size: 1.3vw;
    transition: 0.4s;
  }
  .header .inner .drawer .g-nav .block--login.pc .nav__list--login li a:hover {
    opacity: 0.5;
  }
  .header .inner .drawer .g-nav .block--login.pc .nav__list--login li a::after {
    display: none;
  }
  /* .page--home header
  ------------------------------ */
  .page--home .header {
    background: transparent;
    padding: 0;
    left: 0;
    top: 0;
  }
  .page--home .header .block--login a:hover {
    opacity: 0.5;
  }
  .page--home .header.window-scroll .header {
    box-shadow: none;
  }
  .page--home .header.window-scroll .header .g-nav .nav::before {
    opacity: 1;
  }
  /* .page--home
  ------------------------------ */
  .bg img {
    filter: blur(100px);
  }
  .page--home .section--hero-img {
    position: relative;
    margin-bottom: 100px;
  }
  .page--home .section--hero-img .block--hero-img {
    width: 50vw;
    max-height: 100vh;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .page--home .section--hero-img .block--hero-img img:not(.cover) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .page--home .section--hero-img .block--hero-img img {
    max-height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
  }
  .page--home .block--content-wrap {
    background: transparent;
    padding: 60px 5% 10vw;
  }
  .page--home .block--content-wrap #official {
    margin-bottom: 100px;
  }
  .page--home .block--content-wrap #official .list__item a:hover {
    opacity: 1;
  }
  .page--home .block--content-wrap #official .list__item a:hover .date, .page--home .block--content-wrap #official .list__item a:hover .tit, .page--home .block--content-wrap #official .list__item a:hover .block--date, .page--home .block--content-wrap #official .list__item a:hover .category {
    background-color: #47b8ec !important;
    color: var(--of_color) !important;
    transition: all 0.3s !important;
  }
  .page--home .block--content-wrap #official .block--discography__item .thumb {
    transition: all 0.3s;
  }
  .page--home .block--content-wrap #official .block--discography__item .thumb:hover {
    filter: drop-shadow(2px 2px 16px rgba(253, 34, 180, 0.5));
  }
  .page--home .block--content-wrap .block--contents {
    display: flex;
    width: 85vw;
    padding: 5vw 0 2vw 10vw;
  }
  .page--home .block--content-wrap .block--contents .block--title {
    /* glitch-effect */
    width: 60%;
  }
  .page--home .block--content-wrap .block--contents .block--title .list__more {
    top: auto;
    bottom: 0;
  }
  .page--home .block--content-wrap .block--contents .block--title .section-tit,
  .page--home .block--content-wrap .block--contents .block--title .section-tit * {
    animation: glitch-text 6s infinite steps(50);
  }
  @keyframes glitch-text {
    2% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    4% {
      font-weight: 600;
      font-style: normal;
      text-decoration: underline;
      text-transform: none;
    }
    6% {
      font-weight: 400;
      font-style: normal;
      text-decoration: underline;
      text-transform: lowercase;
    }
    8% {
      font-weight: 700;
      font-style: italic;
      text-decoration: underline;
      text-transform: lowercase;
    }
    10% {
      font-weight: 700;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    12% {
      font-weight: 600;
      font-style: italic;
      text-decoration: underline;
      text-transform: none;
    }
    14% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    16% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    18% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    20% {
      font-weight: 600;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    22% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    24% {
      font-weight: 400;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    26% {
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    28% {
      font-weight: 100;
      font-style: normal;
      text-decoration: line-through;
      text-transform: lowercase;
    }
    30% {
      font-weight: 200;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    32% {
      font-weight: 100;
      font-style: normal;
      text-decoration: underline;
      text-transform: none;
    }
    34% {
      font-weight: 600;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    36% {
      font-weight: 100;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    38% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    40% {
      font-weight: 300;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    42% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    44% {
      font-weight: 400;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    46% {
      font-weight: 400;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    48% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: uppercase;
    }
    50% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    52% {
      font-weight: 300;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    54% {
      font-weight: 600;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    56% {
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    58% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    60% {
      font-weight: 400;
      font-style: italic;
      text-decoration: underline;
      text-transform: none;
    }
    62% {
      font-weight: 100;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    64% {
      font-weight: 100;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    66% {
      font-weight: 400;
      font-style: italic;
      text-decoration: line-through;
      text-transform: none;
    }
    68% {
      font-weight: 600;
      font-style: italic;
      text-decoration: underline;
      text-transform: none;
    }
    70% {
      font-weight: 600;
      font-style: normal;
      text-decoration: none;
      text-transform: capitalize;
    }
    72% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    74% {
      font-weight: 500;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    76% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    78% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    80% {
      font-weight: 400;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    82% {
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    84% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    86% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: uppercase;
    }
    88% {
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    90% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    92% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    94% {
      font-weight: 100;
      font-style: normal;
      text-decoration: none;
      text-transform: capitalize;
    }
    96% {
      font-weight: 100;
      font-style: normal;
      text-decoration: none;
      text-transform: uppercase;
    }
    98% {
      font-weight: 600;
      font-style: normal;
      text-decoration: underline;
      text-transform: none;
    }
  }
  .page--home .block--content-wrap .block--contents .block--title .section-tit {
    margin-bottom: 0;
  }
  .page--home .block--content-wrap .block--contents .block--title .list__more {
    position: static;
    margin-top: 30px;
    display: block;
  }
  .page--home .block--content-wrap .block--contents .block--title .list__more a {
    display: inline-block;
    font-size: 20px;
  }
  .page--home .block--content-wrap .block--contents .block--title.limited .section-tit {
    font-size: 2vw;
    font-family: inherit;
  }
  .page--home .block--content-wrap .block--contents .block--title.limited .section-tit::before {
    top: 0.25em;
  }
  .page--home .block--content-wrap .block--contents .list,
  .page--home .block--content-wrap .block--contents .list--thumbnail {
    width: 60%;
  }
  .page--home .block--content-wrap .block--contents .list .list__item .block--date .block--date__date,
  .page--home .block--content-wrap .block--contents .list--thumbnail .list__item .block--date .block--date__date {
    font-size: 20px;
  }
  .page--home .block--content-wrap .block--contents .list:first-child a,
  .page--home .block--content-wrap .block--contents .list--thumbnail .list__item:first-child a {
    padding-top: 0;
  }
  .page--home .block--content-wrap .block--contents .list:first-child a .block--date,
  .page--home .block--content-wrap .block--contents .list:first-child a .ico, .page--home .block--content-wrap .block--contents .list:first-child a::before,
  .page--home .block--content-wrap .block--contents .list--thumbnail .list__item:first-child a .block--date,
  .page--home .block--content-wrap .block--contents .list--thumbnail .list__item:first-child a .ico,
  .page--home .block--content-wrap .block--contents .list--thumbnail .list__item:first-child a::before {
    top: 0;
  }
  .page--home .block--content-wrap .block--contents .list .block--date,
  .page--home .block--content-wrap .block--contents .list--thumbnail .list__item .block--date {
    font-weight: 500;
  }
  .page--home .block--content-wrap .block--contents a .tit {
    transition: all 0.3s;
  }
  .page--home .block--content-wrap.section--information div:nth-child(2) {
    width: 60%;
  }
  /* .section--banner
  ------------------------------ */
  .page--home .block--content-wrap .section--banner {
    margin-bottom: 0;
  }
  .page--home .block--content-wrap .section--banner.block--wide .list--bnr {
    margin-top: 50px;
  }
  .page--home .block--content-wrap .section--banner.block--wide .list--bnr .list__item {
    min-height: 250px;
  }
  .page--home .block--content-wrap .section--banner .list--bnr--noslide {
    margin: 60px auto 0;
  }
  .page--home .block--content-wrap .section--banner .list--bnr--noslide .list__item {
    min-height: 250px;
  }
  /* 無料コンテンツ
  ------------------------------ */
  .page--home .block--content-wrap .block--contents:not(.limited):nth-of-type(2) {
    padding-top: 6vw;
  }
  .page--home .block--content-wrap .block--contents:not(.limited):nth-of-type(5) {
    margin-bottom: 10vw;
  }
  /*.page--home .section--schdedule
  ------------------------------ */
  .page--home .list.list--schedule .list__item .block--date {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
  .page--home .list.list--schedule .list__item .block--date .block--date__start .block--date__month,
  .page--home .list.list--schedule .list__item .block--date .block--date__start .period,
  .page--home .list.list--schedule .list__item .block--date .block--date__start .block--date__date {
    font-size: 34px;
  }
  .page--home .list.list--schedule .list__item .block--date .block--date__start .block--date__youbi {
    font-size: 18px;
  }
  .page--home .list.list--schedule .list__item .block--txt {
    padding-left: 150px;
  }
  /* .section--video
  ------------------------------ */
  .page--home .block--content-wrap .section--video .slick-dots {
    position: static;
  }
  .page--home .block--content-wrap .section--video .slick-prev::before,
  .page--home .block--content-wrap .section--video .slick-next::before,
  .page--home .block--content-wrap .section--video .slick-prev::after,
  .page--home .block--content-wrap .section--video .slick-next::after {
    display: none;
  }
  .page--home .block--content-wrap .section--video .block--txt {
    padding-top: 20px;
  }
  /* .section--discography
  ------------------------------ */
  .page--home .block--content-wrap .section--discography {
    justify-content: space-between;
  }
  .page--home .block--content-wrap .section--discography .block--title {
    width: 50%;
    margin-bottom: 0;
  }
  .page--home .block--content-wrap .section--discography .block--title .list__more {
    margin: 30px 0 0 0;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .page--home .block--content-wrap .section--discography .no-data {
    width: 50%;
  }
  .page--home .block--content-wrap .section--discography .block--discography__item {
    width: 50%;
  }
  .page--home .block--content-wrap .section--discography .block--discography__item:nth-child(2) {
    width: 40%;
  }
  .page--home .block--content-wrap .section--discography .block--discography__item .thumb {
    margin-bottom: 0;
  }
  .page--home .block--content-wrap .section--discography .block--discography__item .block--txt {
    position: absolute;
    left: 10vw;
    top: 50%;
    width: 40%;
  }
  .page--home .block--content-wrap .section--discography .block--discography__item .block--txt .date,
  .page--home .block--content-wrap .section--discography .block--discography__item .block--txt .category {
    opacity: 1;
  }
  .page--home .block--content-wrap .section--discography .block--discography__item .block--txt .tit {
    font-size: 2.2vw;
    margin-bottom: 50px;
  }
  .page--home .block--content-wrap .section--discography .block--discography__item .block--txt .list__more {
    display: none;
  }
  /* 有料コンテンツ
  ------------------------------ */
  .page--home #fc {
    padding-top: 30vw;
  }
  .page--home #fc::before {
    height: 17vw;
    width: 21vw;
    top: 0;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .page--home #fc .block--login,
  .page--home #fc nav {
    top: 17vw;
  }
  .page--home #fc .block--login li a:hover,
  .page--home #fc nav li a:hover {
    opacity: 0.5;
  }
  .page--home #fc .nav {
    width: 100%;
  }
  .page--home #fc ul.nav {
    text-align: center;
    margin-bottom: 6vw;
    width: 70vw;
    height: 5vw;
    align-items: center;
  }
  .page--home #fc ul.nav li {
    margin: 0;
  }
  .page--home #fc ul.nav li a {
    font-size: 16px;
    color: var(--fc_btn);
    background: var(--fc_main);
    border-radius: 30px;
    padding: 15px 40px;
  }
  .page--home #fc ul.nav li a:hover {
    opacity: 0.5;
  }
  .page--home #fc .block--contents {
    padding: 0 5vw 0 10vw;
    margin-bottom: 70px;
  }
  .page--home #fc .list__more a::after {
    background: var(--fc_main);
  }
  .page--home #fc .list__more a:hover::after {
    background: var(--fc_main);
  }
  .page--home #fc .btn--main:hover {
    opacity: 0.5;
  }
  /* top fc mypage--btn */
  body:not(.page--home) .wrap.loggedin header h1.logo .block--contents.limited:nth-of-type(6) .nav.nav--login,
  .page--home .wrap.loggedin .block--content-wrap .block--contents.limited:nth-of-type(6) .nav.nav--login {
    width: 70vw;
    height: 5vw;
    align-items: center;
  }
  body:not(.page--home) .wrap.loggedin header h1.logo .block--contents.limited:nth-of-type(6) .nav.nav--login li a,
  .page--home .wrap.loggedin .block--content-wrap .block--contents.limited:nth-of-type(6) .nav.nav--login li a {
    padding: 15px 50px;
    border-radius: 30px;
    font-size: 16px;
  }
  /* .section--movie
  ------------------------------ */
  .page--home .block--content-wrap .section--movie .block--title,
  .page--home .block--content-wrap .section--photo .block--title {
    width: 40%;
    padding-right: 3%;
  }
  /* .section--blog
  ------------------------------ */
  .page--home .block--content-wrap .section--blog .block--title {
    width: 40%;
    padding-right: 3%;
  }
  .page--home .block--content-wrap .section--blog .list--blog {
    width: 55%;
  }
  /* .section--radio
  ------------------------------ */
  .page--home .block--content-wrap .section--radio {
    flex-wrap: wrap;
  }
  .page--home .block--content-wrap .section--radio .block--title {
    width: 40%;
  }
  .page--home .block--content-wrap .section--radio #radio_link {
    margin: 30px auto;
  }
  /* 下層ページ共通
  ------------------------------ */
  body:not(.page--home) .wrap .container section {
    padding: 15vw 15vw 0 15vw;
  }
  body:not(.page--home) .list__more a::after {
    background: var(--of_color);
  }
  body:not(.page--home) .list__more a:hover::after {
    background: var(--of_color);
  }
  /* 下層　有料コンテンツページ
  ------------------------------ */
  body.page--blog .section-tit,
  body.page--blog .section--list .section-tit.header-none,
  body.page--movie .section-tit,
  body.page--movie .section--list .section-tit.header-none,
  body.page--photo .section-tit,
  body.page--photo .section--list .section-tit.header-none,
  body.page--radio .section-tit,
  body.page--radio .section--list .section-tit.header-none,
  body.page--qa .section-tit,
  body.page--qa .section--list .section-tit.header-none {
    margin-bottom: 30px;
    font-size: 5.5vw;
  }
  .page--home .block--content-wrap .block--contents.limited .block--title .section-tit {
    font-size: 7vw;
  }
  /* .section--detail
  ------------------------------ */
  .section--detail a:hover {
    opacity: 1;
  }
  .section--detail .detail__btn a::after {
    background: var(--fc_btn);
  }
  /* .page--information
  ------------------------------ */
  .page--information .section--detail .thumb {
    max-width: 470px;
    margin: 0 auto 40px;
  }
  /* .page--biography
  ------------------------------ */
  .page--biography .profile--name {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .page--biography .profile--name span {
    font-size: 15px;
  }
  /* .page--schedule
  ------------------------------ */
  .page--schedule .list--schedule {
    margin-bottom: 60px;
  }
  .page--schedule .list--schedule li a {
    padding: 30px 0;
  }
  .page--schedule .list--schedule li a:hover {
    opacity: 0.5;
  }
  .page--schedule #next {
    bottom: -110px;
  }
  /* .page--discography
  ------------------------------ */
  .page--discography .header--disco {
    height: calc(100% + 15vw);
    top: -15vw;
  }
  .page--discography .block--disc-detail .block--title .category {
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    top: -10px;
  }
  .page--discography .list--thumbnali .list__item a .thumb {
    transition: all 0.4s;
  }
  .page--discography .list--thumbnali .list__item a:hover .thumb {
    opacity: 0.7;
  }
  /* .page--video
  ------------------------------ */
  .page--video .section--detail .block--txt {
    margin-bottom: 20px;
  }
  /* .page--blog
  ------------------------------ */
  .page--blog .wrap--action .do-comment {
    cursor: pointer;
  }
  /* .page--movie
  ------------------------------ */
  .page--movie.category-2 #radio_link {
    margin-bottom: 4em;
  }
  .page--movie.category-2 #radio_link .btn--main {
    transition: all 0.4s;
  }
  .page--movie.category-2 #radio_link .btn--main:hover {
    opacity: 0.5;
  }
  /* .page--introduction
  ------------------------------ */
  body .wrap .container section.page--introduction {
    padding: 15vw 15vw 10px;
  }
  body .wrap .container section.page--introduction .block--logo {
    margin-bottom: 2vw;
    width: 330px;
    height: 200px;
  }
  body .wrap .container section.page--introduction .block--logo .fanclubname {
    width: 32vw;
    height: 20vw;
    margin: 0 auto;
    position: relative;
    top: 5vw;
  }
  body .wrap .container section.page--introduction .section-tit {
    font-size: 3vw;
  }
  body .wrap .container section.page--introduction .text--lead {
    font-size: 16px;
    line-height: 2.2em;
    letter-spacing: 0.05em;
  }
  body .wrap .container section.page--introduction .attention_entry {
    width: 650px;
    margin: 0 auto;
  }
  /* .page--photo
  ------------------------------ */
  body.page--photo.page--photo-detail .section-tit {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
    font-size: 3.5vw;
    line-height: 1.4 !important;
  }
  /* .page--questionnaire
  ------------------------------ */
  body.page--questionnaire .block--title .tit {
    font-size: 30px;
  }
  body.page--questionnaire .txt--basic {
    font-size: 17px;
  }
  body.page--questionnaire #questionnaire_form {
    max-width: 900px;
    margin: 0 auto 100px;
  }
  body.page--questionnaire #questionnaire_form .btn--main {
    transition: all 0.4s;
  }
  body.page--questionnaire #questionnaire_form .btn--main:hover {
    opacity: 0.5;
  }
  body.page--questionnaire .footer {
    padding-top: 120px;
  }
  /* page--chat-community
  ------------------------------ */
  body.page--chat-community .wrap .container section.section--detail {
    padding: 15vw 30vw 0;
  }
  body.page--chat-community .wrap .container section.section--detail .section-detail__inner {
    max-width: 850px;
    margin: 0 auto;
  }
  /* .page--streaming
  ------------------------------ */
  .page--feature .wrap .container .page--streaming {
    background-color: var(--fc_bg) !important;
    padding: 15vw 15vw 0 15vw;
  }
  .page--feature .wrap .container .page--streaming .block--steps .list--dl a:first-of-type {
    margin-right: 1em;
  }
  .page--feature .wrap .container .page--streaming .block--steps .app--dl {
    padding: 2em 3em;
  }
  /* 推奨環境
  ------------------------------ */
  .page--feature div.section--detail.support {
    padding: 15vw 15vw 0 15vw;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .block--title {
    margin-bottom: 0;
  }
  .block--title .section-tit {
    font-size: clamp(10px, 15vw, 70px);
    margin-bottom: 0;
  }
  .date, .category, .list__more a,
  .block--category li a {
    font-size: 11px;
    letter-spacing: 0.1em;
  }
  .list__item.new .block--txt::after {
    font-size: 10px;
  }
  .list .list__item {
    margin-bottom: 10px;
  }
  /* header
  ------------------------------ */
  h1.logo {
    position: fixed;
    z-index: 100;
    left: 5vw;
    top: 5vw;
    width: 23vw;
    height: 85px;
  }
  .page--home .wrap h1.logo {
    width: 23vw;
    height: 85px;
    text-align: left;
    position: fixed;
    top: 5vw;
    left: 5vw !important;
    z-index: 100;
    clip: initial !important;
  }
  .page--home .wrap h1.logo a {
    width: 100%;
    height: 100%;
  }
  .header .drawer .nav.nav__list--login.sp li {
    font-size: 3.5vw;
  }
  /* footer
  ------------------------------ */
  .page--home .nav .list-tit {
    font-weight: 600;
  }
  body:not(.page--home) footer {
    padding: 20px 5%;
  }
  /* drawer
  ------------------------------ */
  .header .drawer {
    background: var(--fc_bg);
  }
  .header .drawer .nav--official,
  .header .drawer .nav--member {
    min-height: 55vh;
    width: 100vw;
    padding: 10%;
  }
  .header .drawer .nav--official .nav,
  .header .drawer .nav--member .nav {
    display: block;
  }
  .header .drawer .nav--official .nav .g-nav--item,
  .header .drawer .nav--member .nav .g-nav--item {
    width: 100%;
    text-align: center;
    font-size: 6vw;
    margin-bottom: 12px;
  }
  .header .drawer .nav--official .nav li a,
  .header .drawer .nav--member .nav li a {
    padding: 4px 0;
  }
  .header .drawer .nav--official {
    min-height: inherit;
    height: initial;
    padding-top: 10vw;
    min-height: 55vh;
    background: var(--of_color);
    padding: 7vh 10vw 6vw;
    position: relative;
  }
  .header .drawer .nav--official .nav__list--sns {
    width: 100%;
    background: var(--of_color);
    text-align: center;
    padding: 0;
  }
  .header .drawer .nav--official .nav__list--sns li {
    font-size: 4vw;
    margin: 0 0.5em;
  }
  .header .drawer .nav--official .nav__list--sns li a i {
    font-size: 20px;
  }
  .header .drawer .nav--official .nav .g-nav--item {
    margin-bottom: 0.2em;
  }
  .header .drawer .nav--official .nav li a {
    font-size: clamp(10px, 6.5vw, 40px);
    letter-spacing: 0.1em;
    padding: 10px 0;
  }
  .header .drawer .nav--official .nav--official,
  .header .drawer .nav--official .nav--member {
    position: relative;
    padding: 5% 10%;
  }
  .header .drawer .nav--member {
    min-height: inherit;
    background: none;
    padding: 4vw 10vw 6vw;
    height: initial;
  }
  .header .drawer .nav--member .nav__member-menu li:not(.g-nav--item__mypage) a {
    padding-left: 0;
  }
  .header .drawer .nav--member .nav__member-menu .g-nav--item {
    width: auto;
    text-align: center;
    font-size: 10vw;
  }
  .header .drawer .nav--member .nav__member-menu .g-nav--item__mypage {
    font-size: 10vw;
    width: 100%;
    text-align: center;
    margin: 0.5em 0;
  }
  .header .drawer .nav--member::before {
    width: clamp(10px, 50vw, 250px);
    height: clamp(10px, 38vw, 200px);
    margin: 0 auto;
  }
  .header .drawer .nav--member .block--login .nav li a {
    font-size: 16px;
  }
  .header .drawer .nav--member .nav {
    margin-top: 5vw;
  }
  .header .drawer .nav--member .nav .g-nav--item,
  .header .drawer .nav--member .nav .g-nav--item__mypage {
    font-size: clamp(10px, 11vw, 60px);
  }
  .header .drawer .nav--member .block--login.pc {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 1.5em;
  }
  .header .drawer .nav--member .block--login.pc .nav__list--login {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    text-align: center;
  }
  .header .drawer .nav--member .block--login.pc .nav__list--login li {
    margin: 0 1em;
    font-size: 1vw;
  }
  .header .drawer .nav--member .block--login.pc .nav__list--login li a {
    font-size: 18px;
    background: none;
  }
  .header .drawer .g-nav {
    height: 100%;
  }
  .drawer__btn span {
    left: 50%;
    transform: translateX(-50%);
  }
  body.drawer-visible .drawer__btn span:first-child {
    transform: rotate(45deg) translateX(-50%);
    top: 70%;
  }
  body.drawer-visible .drawer__btn span:last-child {
    transform: rotate(-45deg) translateX(-50%);
    top: 30%;
  }
  /* list
  ------------------------------ */
  .list--qa .list__item a::before,
  .list--qa .list__item .ico {
    line-height: 27px !important;
  }
  /* .page--home
  ------------------------------ */
  .page--home .background_texture {
    background-image: none;
  }
  .page--home .background_texture::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-image: url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/background_bg_sp.jpeg");
    background-size: cover;
  }
  .page--home .background_texture::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: repeat top left url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/noise.png");
    background-size: 550px;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
    mix-blend-mode: soft-light;
    transform: translateZ(0);
    will-change: transform;
  }
  .page--home.beforeLoaded .bg {
    opacity: 1 !important;
  }
  .page--home.afterLoaded .block--content-wrap {
    opacity: 1 !important;
  }
  .page--home.afterLoaded .block--content-wrap .block--title {
    /* glitch-effect */
  }
  .page--home.afterLoaded .block--content-wrap .block--title .list__more {
    top: auto;
    bottom: 0;
  }
  .page--home.afterLoaded .block--content-wrap .block--title .section-tit,
  .page--home.afterLoaded .block--content-wrap .block--title .section-tit * {
    animation: glitch-text 6s infinite steps(50);
  }
  @keyframes glitch-text {
    2% {
      font-weight: 600;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    4% {
      font-weight: 600;
      font-style: normal;
      text-decoration: underline;
      text-transform: none;
    }
    6% {
      font-weight: 300;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    8% {
      font-weight: 400;
      font-style: italic;
      text-decoration: underline;
      text-transform: capitalize;
    }
    10% {
      font-weight: 300;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    12% {
      font-weight: 700;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    14% {
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    16% {
      font-weight: 500;
      font-style: normal;
      text-decoration: underline;
      text-transform: none;
    }
    18% {
      font-weight: 400;
      font-style: normal;
      text-decoration: line-through;
      text-transform: lowercase;
    }
    20% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    22% {
      font-weight: 700;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    24% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    26% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    28% {
      font-weight: 200;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    30% {
      font-weight: 600;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    32% {
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    34% {
      font-weight: 100;
      font-style: normal;
      text-decoration: underline;
      text-transform: none;
    }
    36% {
      font-weight: 100;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    38% {
      font-weight: 100;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    40% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    42% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    44% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: uppercase;
    }
    46% {
      font-weight: 100;
      font-style: italic;
      text-decoration: underline;
      text-transform: none;
    }
    48% {
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      text-transform: capitalize;
    }
    50% {
      font-weight: 400;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    52% {
      font-weight: 700;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    54% {
      font-weight: 100;
      font-style: normal;
      text-decoration: none;
      text-transform: capitalize;
    }
    56% {
      font-weight: 500;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    58% {
      font-weight: 300;
      font-style: normal;
      text-decoration: line-through;
      text-transform: lowercase;
    }
    60% {
      font-weight: 600;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    62% {
      font-weight: 500;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    64% {
      font-weight: 600;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    66% {
      font-weight: 700;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    68% {
      font-weight: 600;
      font-style: italic;
      text-decoration: underline;
      text-transform: none;
    }
    70% {
      font-weight: 100;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    72% {
      font-weight: 200;
      font-style: normal;
      text-decoration: underline;
      text-transform: none;
    }
    74% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    76% {
      font-weight: 600;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    78% {
      font-weight: 100;
      font-style: normal;
      text-decoration: none;
      text-transform: capitalize;
    }
    80% {
      font-weight: 700;
      font-style: normal;
      text-decoration: line-through;
      text-transform: none;
    }
    82% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    84% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    86% {
      font-weight: 700;
      font-style: normal;
      text-decoration: underline;
      text-transform: capitalize;
    }
    88% {
      font-weight: 200;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    90% {
      font-weight: 700;
      font-style: normal;
      text-decoration: none;
      text-transform: none;
    }
    92% {
      font-weight: 100;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    94% {
      font-weight: 300;
      font-style: normal;
      text-decoration: underline;
      text-transform: lowercase;
    }
    96% {
      font-weight: 100;
      font-style: italic;
      text-decoration: none;
      text-transform: none;
    }
    98% {
      font-weight: 200;
      font-style: normal;
      text-decoration: line-through;
      text-transform: uppercase;
    }
  }
  .page--home .bg {
    height: 50vh;
    position: absolute;
    z-index: inherit;
    opacity: 0;
    transition: all 0.4s;
  }
  .page--home .bg img {
    filter: none;
    transform: scale(1);
  }
  .page--home .container .view__area .section--hero-img {
    margin-top: 0;
    margin-bottom: 5vw;
    height: 50vh;
  }
  .page--home .container .view__area .section--hero-img .block--hero-img {
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    height: 160vw;
    max-height: none;
  }
  .page--home .container .view__area .section--hero-img .block--hero-img .bg {
    display: none;
  }
  .page--home .container .view__area .section--hero-img .block--login {
    display: none;
  }
  .page--home .container .view__area .section--hero-img .block--login .g-nav--item__login::before {
    display: none;
  }
  .page--home .container .block--content-wrap {
    padding-top: 0;
  }
  .page--home .container .block--content-wrap .block--contents {
    width: 95vw;
    padding: 0 5vw;
  }
  .page--home .container .section--discography .tit {
    font-size: 15px;
  }
  .page--home .section--hero-img .block--hero-img img {
    background-image: none !important;
    display: none;
  }
  /* .section--banner
  ------------------------------ */
  .page--home .section--banner {
    margin-bottom: 0;
  }
  .page--home .section--banner.block--wide .list--bnr .list__item {
    min-height: clamp(180px, 40vw, 400px);
  }
  .page--home .section--banner .list--bnr--noslide .list__item {
    min-height: clamp(150px, 47vw, 400px);
    margin: 0;
  }
  .page--home .section--banner .list--bnr--noslide .list__item:nth-of-type(2) {
    margin-top: 5vw;
  }
  /* 無料コンテンツ
  ------------------------------ */
  .page--home .block--content-wrap {
    opacity: 0;
    transition: all 0.5s;
  }
  .page--home .block--content-wrap #official {
    margin: 5vw 0 clamp(10px, 15vw, 50px);
  }
  .page--home .block--content-wrap #official .block--contents:not(.limited) {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .page--home .block--content-wrap #official .block--contents:not(.limited):nth-of-type(2), .page--home .block--content-wrap #official .block--contents:not(.limited):nth-of-type(3), .page--home .block--content-wrap #official .block--contents:not(.limited):nth-of-type(4) {
    margin-top: 50px;
  }
  .page--home .block--content-wrap #official .block--contents:not(.limited):nth-of-type(4) {
    padding-bottom: 7vw;
  }
  .page--home .block--content-wrap .block--contents:not(.limited) {
    width: 100vw;
    margin-left: 0;
  }
  .page--home .block--content-wrap .block--contents:not(.limited):nth-of-type(2) {
    padding-top: 50px;
  }
  .page--home .block--content-wrap .block--contents:not(.limited):nth-of-type(4) {
    padding-bottom: 7vw;
  }
  .page--home .block--content-wrap .block--contents:not(.limited):nth-of-type(5) {
    margin-bottom: 15vw;
    padding: 10vw 5vw 7vw;
  }
  .page--home .block--content-wrap .block--contents:not(.limited):nth-of-type(5) .block--txt {
    position: absolute;
    bottom: 0;
  }
  .page--home .block--content-wrap .block--contents:not(.limited):nth-of-type(5) .block--txt .list__more {
    display: none;
  }
  /* .section--schedule
  ------------------------------ */
  .page--home .block--content-wrap .section--schedule .list__item a {
    display: flex;
    justify-content: space-between;
  }
  .page--home .block--content-wrap .section--schedule .list__item .block--date {
    position: initial;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-inline-size: -webkit-fit-content;
    min-inline-size: -moz-fit-content;
    min-inline-size: fit-content;
  }
  .page--home .block--content-wrap .section--schedule .list__item .block--txt {
    padding-left: 0;
    width: 65%;
  }
  .page--home .block--content-wrap .section--schedule .block--date__start .block--date__month,
  .page--home .block--content-wrap .section--schedule .block--date__start .period,
  .page--home .block--content-wrap .section--schedule .block--date__start .block--date__date {
    font-size: clamp(10px, 8vw, 40px);
  }
  .page--home .block--content-wrap .section--schedule .block--date__start .block--date__youbi {
    font-size: 4vw;
  }
  /* .section--video
  ------------------------------ */
  .page--home .block--content-wrap .section--video {
    padding-bottom: 14vw;
  }
  .page--home .block--content-wrap .section--video#video.block--wide .list--thumbnail .list__item .video {
    margin-bottom: 3vw;
  }
  /* 有料コンテンツ
  ------------------------------ */
  .page--home .block--content-wrap #fc {
    padding: clamp(10px, 70vw, 350px) 0 30px;
  }
  .page--home .block--content-wrap #fc::before {
    height: clamp(10px, 42vw, 260px);
    width: clamp(100px, 55vw, 240px);
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .page--home .block--content-wrap #fc .block--contents.limited {
    word-break: break-all;
    margin-bottom: 50px;
  }
  .page--home .block--content-wrap #fc .block--contents.limited .nav {
    width: 100%;
  }
  .page--home .block--content-wrap #fc .block--contents.limited .nav.nav--login {
    text-align: center;
    margin-bottom: 15vw;
  }
  .page--home .block--content-wrap #fc .block--contents.limited .nav.nav--login li {
    margin: 0;
  }
  .page--home .block--content-wrap #fc .block--contents.limited .nav.nav--login li a {
    border-radius: 20px;
    font-weight: bold;
    padding: 3px 20px;
  }
  .page--home .block--content-wrap #fc .block--contents.limited:last-of-type {
    margin-bottom: 0;
  }
  .page--home .block--content-wrap #fc .block--contents.limited:last-of-type .ico .ico--play {
    top: -1px;
    left: 1px;
  }
  .page--home .block--content-wrap #fc .block--contents.limited .block--login.pc, .page--home .block--content-wrap #fc .block--contents.limited .nav {
    top: clamp(30px, 23vw, 130px);
  }
  .page--home .block--content-wrap #fc .block--contents.limited .block--login.pc .nav__list--login li, .page--home .block--content-wrap #fc .block--contents.limited .block--login.pc .nav--login li, .page--home .block--content-wrap #fc .block--contents.limited .nav .nav__list--login li, .page--home .block--content-wrap #fc .block--contents.limited .nav .nav--login li {
    margin-right: 0;
  }
  .page--home .block--content-wrap #fc .block--contents.limited .block--login.pc .nav__list--login li a, .page--home .block--content-wrap #fc .block--contents.limited .block--login.pc .nav--login li a, .page--home .block--content-wrap #fc .block--contents.limited .nav .nav__list--login li a, .page--home .block--content-wrap #fc .block--contents.limited .nav .nav--login li a {
    padding: 13px 40px;
    border-radius: 20px;
  }
  .page--home .block--content-wrap #fc .block--contents.limited .block--title .section-tit {
    font-size: clamp(10px, 22vw, 100px);
    line-height: 1;
    margin-bottom: 10px;
  }
  /* 下層ページ共通
  ------------------------------ */
  body:not(.page--home) .wrap .container section {
    padding: 30vw 5vw 10vw;
  }
  body:not(.page--home) .section-tit {
    font-size: 15vw;
  }
  /* 有料コンテンツページ
  ------------------------------ */
  body.page--blog .section-tit,
  body.page--blog .section--list .section-tit.header-none,
  body.page--movie .section-tit,
  body.page--movie .section--list .section-tit.header-none,
  body.page--photo .section-tit,
  body.page--photo .section--list .section-tit.header-none,
  body.page--radio .section-tit,
  body.page--radio .section--list .section-tit.header-none,
  body.page--qa .section-tit,
  body.page--qa .section--list .section-tit.header-none {
    font-size: 16vw;
    line-height: 1.4;
    letter-spacing: 0;
    margin-bottom: 0;
  }
  body.page--blog .section-tit,
  body.page--movie .section-tit,
  body.page--photo .section-tit,
  body.page--radio .section-tit,
  body.page--qa .section-tit {
    font-size: 20vw;
  }
  /* サポート FAQ
  ------------------------------ */
  .list--faq {
    margin-bottom: 40px;
  }
  /* .page--video
  ------------------------------ */
  .page--video .list--thumbnail .list__item .thumb {
    margin-bottom: 10px;
  }
  .page--video .section--detail .block--txt {
    margin-bottom: 10px;
  }
  /* .page--biography
  ------------------------------ */
  .page--biography .profile--name {
    font-size: 22px;
  }
  .page--biography .profile--name span {
    font-size: 14px;
  }
  /* .page--discography
  ------------------------------ */
  .page--discography .block--disc-detail {
    text-align: center;
  }
  .page--discography .block--disc-detail .category {
    display: inline-block;
  }
  .page--discography .block--disc-detail .date {
    display: block;
  }
  /* .page--blog
  ------------------------------ */
  .page--blog .block--bloglist .block--title .tit {
    font-size: 15vw;
    position: relative;
    padding-left: 0;
  }
  .page--blog .block--comment #next {
    font-size: 12px;
    width: 50%;
    animation: none;
    bottom: 0;
    transform-origin: top;
    position: relative;
  }
  /* .page--photo
  ------------------------------ */
  body.page--photo.page--photo-detail .section-tit {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif !important;
    font-size: 10vw;
    padding: 0 !important;
  }
  /* .page--introduction
  ------------------------------ */
  body .wrap .container section.page--introduction {
    padding-top: 20vw;
    padding-bottom: 10vw;
  }
  body .wrap .container section.page--introduction .block--logo {
    width: 45vw;
    height: 27vw;
    max-width: 300px;
    margin-bottom: 5vw;
  }
  body .wrap .container section.page--introduction .block--logo .fanclubname {
    width: 26vw;
    height: 20vw;
    margin: 0 auto;
    position: relative;
    top: 6vw;
  }
  body .wrap .container section.page--introduction .text--lead {
    margin-bottom: 10vw;
  }
  body .wrap .container section.page--introduction .block--service .block--service__contents li .inner span {
    line-height: 63px;
  }
  body .wrap .container section.page--introduction .block--service .section-tit {
    font-size: 10vw;
  }
  /* .page--streaming
  ------------------------------ */
  .page--feature .wrap .container .page--streaming {
    background-color: var(--fc_bg) !important;
    padding: 20vw 5vw 15vw;
  }
  .page--feature .wrap .container .page--streaming .block--steps .app--dl {
    padding: 3em 1em 1.5em;
  }
  /* 推奨環境
  ------------------------------ */
  .page--feature div.section--detail.support {
    padding: 30vw 5vw 10vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 961px) {
  body {
    font-size: 16px;
  }
  .tit {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .date, .category {
    font-size: 14px;
    letter-spacing: 0.1em;
    margin-bottom: 0.8em;
  }
  .list .list__item a, .list--thumbnail .list__item a {
    padding: 18px 0;
  }
  .section-tit {
    font-size: 6vw;
  }
  .list__more a {
    font-size: 2vw;
  }
  .nav li {
    font-size: 16px;
  }
  .block--category li a {
    font-size: 15px;
  }
  h1.logo {
    width: 32vw;
    height: 14vw;
    top: 7vw;
    left: 2vw;
  }
  body:not(.page--home) .wrap .container section {
    padding: 21vw 10vw;
  }
  body:not(.page--home) .drawer__btn {
    right: 6%;
    top: 5vw;
  }
  .btn--main, .btn--sub {
    width: 60%;
  }
  .page--home .wrap h1.logo {
    height: 14vw;
    left: 2vw !important;
  }
  .page--home .section--banner {
    margin-bottom: 0;
  }
  .page--home .section--banner.block--wide .list--bnr .list__item {
    min-height: clamp(180px, 45vw, 380px);
  }
  /* 有料コンテンツページ
  ------------------------------ */
  body.page--blog .section-tit,
  body.page--blog .section--list .section-tit.header-none,
  body.page--movie .section-tit,
  body.page--movie .section--list .section-tit.header-none,
  body.page--photo .section-tit,
  body.page--photo .section--list .section-tit.header-none,
  body.page--radio .section-tit,
  body.page--radio .section--list .section-tit.header-none,
  body.page--qa .section-tit,
  body.page--qa .section--list .section-tit.header-none {
    font-size: 11vw;
  }
  .page--home .wrap h1.logo {
    top: 7vw;
  }
  .page--home .background_texture {
    background-image: none;
  }
  .page--home .background_texture::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-image: url("/static/fcopen/fanplakit/artist/4s4ki_gq30UwK3/img/background_tablet.jpg");
    background-size: cover;
  }
  .page--home .background_texture::after {
    display: none;
  }
  .page--home .block--content-wrap {
    padding: 0 5% 100px;
  }
  .page--home .block--content-wrap .section--blog .block--login {
    top: clamp(100px, 32vw, 120px) !important;
  }
  .page--home .block--content-wrap .block--contents .block--title .section-tit {
    margin-bottom: 10px;
  }
  .page--home .block--content-wrap .block--contents {
    width: 90vw;
    padding: 5vw 8vw 10vw;
  }
  .page--home .block--content-wrap .block--contents:not(.limited) {
    width: 100%;
    margin-left: 0;
    padding: 5vw 4vw 10vw;
  }
  .page--home .block--content-wrap .block--contents:not(.limited):nth-of-type(5) {
    padding-bottom: 79vw;
  }
  .page--home .block--content-wrap .block--contents.limited:nth-of-type(6) {
    padding-top: 50vw;
  }
  .page--home .block--content-wrap .section--discography .block--discography__item .thumb {
    width: 80%;
    position: relative;
    margin: 3em auto;
  }
  .page--home .block--content-wrap .section--discography .tit {
    font-size: 20px;
  }
  .page--home .block--content-wrap .block--contents.limited {
    margin: 0;
    width: 100%;
  }
  .page--home .block--content-wrap .block--contents.limited .block--title .section-tit {
    font-size: 11vw;
  }
  .page--home .block--content-wrap .block--contents.limited .block--title .section-tit::before {
    top: 0.5vw;
  }
  .page--home section[class^=section--].block--wide .list--thumbnail {
    width: 135%;
    margin: 0 -17% 0;
  }
  .page--home .section--video#video.block--wide .list--thumbnail {
    margin: 3vw auto;
  }
  .page--home .section--video#video.block--wide .list--thumbnail .list__item .video {
    margin-bottom: 3vw;
  }
  .page--home .section--video .slick-prev, .page--home .section--video .slick-next {
    bottom: -60px;
  }
  .page--home .section--video .slick-dots {
    bottom: -38px;
  }
  .page--home .section--radio .list .list__item a {
    padding: 3px 5em;
  }
  .page--schedule .section--list .block--month {
    margin-bottom: 2em;
  }
  .page--schedule .section--list .block--month ul {
    margin: -26px 0 0;
    font-size: 13px;
  }
  .page--schedule .section--list .block--month .tit {
    font-size: 6vw;
  }
  .page--schedule .section--list .block--refine {
    margin-bottom: 3em;
  }
  .page--schedule .section--list .block--refine label p {
    font-size: 12px;
  }
  .page--schedule .list--schedule {
    margin-bottom: 40px;
  }
  .page--schedule .list--schedule li a {
    padding: 20px 0;
  }
  .page--schedule .list--schedule .block--date > [class^=block--date] .block--date__month {
    font-size: 16px;
  }
  .page--schedule .list--schedule .block--date > [class^=block--date] .block--date__date {
    font-size: 21px;
    bottom: -36px;
  }
  .page--schedule .list--schedule .block--date > [class^=block--date] .block--date__youbi {
    bottom: -33px;
  }
  /* .page--blog
  ------------------------------ */
  .page--blog .section--list .block--title .tit {
    letter-spacing: 0;
    padding-left: 0;
    font-size: 8vw;
  }
  /* .page--movie
  ------------------------------ */
  .page--movie.category-2 #radio_link {
    margin-bottom: 4em;
  }
  .page--movie.category-2 #radio_link .btn--main {
    font-size: 20px;
  }
  /* .page--introduction
  ------------------------------ */
  body .wrap .container section.page--introduction {
    padding: 15vw 15vw 10px;
  }
  body .wrap .container section.page--introduction .block--logo {
    width: 100vw;
    height: 66vw;
    left: -15vw;
    margin-bottom: 12vw;
  }
  body .wrap .container section.page--introduction .block--logo .fanclubname {
    width: 32vw;
    height: 20vw;
    margin: 0 auto;
    position: relative;
    top: 5vw;
  }
  body .wrap .container section.page--introduction .block--logo .txt--lead {
    margin-bottom: 13vw;
  }
}/*# sourceMappingURL=service_f8349hg.css.map */