@charset "UTF-8";
/* base
------------------------------ */
body {
  font-family: "Noto Sans JP", "Jost", sans-serif;
}

.block--editor ul li {
  list-style: none;
}

#svgicon {
  display: none;
}

.category,
.date,
.block--share .share,
.list--thumbnail .list__item .thumb .limited-thumb span,
.detail__btn a,
.block--pager li,
.block--category li,
.page--qa .tit--q,
.page--qa .tit--a {
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}

/* color
------------------------------ */
body,
footer, body:not(.page--home) .wrap,
.page--home .wrap .block--content-wrap {
  background: #141517;
}

body,
a,
footer a,
footer .nav__list--sns li a,
.page--home .block--content-wrap,
.page--home .block--contents a,
.copyright,
.page--home footer .list-tit, .btn .btn--sub,
#form__search .searchBox input[type=submit] {
  color: #FFFFFF;
}

footer .copyright {
  color: #FFFFFF !important;
}

#main-container,
#main-container a {
  color: #141517 !important;
}

.btn .btn--main {
  background: #BE8C4E;
  color: #FFFFFF;
  padding: 1em 3.5em;
  transition: 0.4s;
}
@media screen and (min-width: 961px) {
  .btn .btn--main:hover {
    background: #a68459;
    color: #FFFFFF;
  }
}

.btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: none;
  margin: 0 auto;
  position: relative;
}
.btn .btn--sub {
  display: block;
  width: 100%;
  min-width: unset;
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  overflow: hidden;
  border: 1px solid #42464c;
  border-radius: 4em;
  background: transparent;
  transition: 0.4s;
  padding: 0.8em 3.5em;
  margin: 0;
}
.btn .btn--sub::after {
  display: none;
}
@media screen and (min-width: 961px) {
  .btn .btn--sub:hover {
    opacity: 1;
    background: #42464c;
  }
}

.lineIco a svg {
  fill: #FFFFFF;
}

.ico--play {
  stroke: #FFFFFF;
}

.gold {
  color: #BE8C4E;
}

.txt--link {
  text-decoration: underline;
}

@media screen and (min-width: 961px) {
  .txt--link:hover {
    text-decoration: none;
  }
}
/* placeholder */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  color: #FFFFFF;
}

/* footer */
.page--home footer *,
.page--home .area--fc * {
  color: #FFFFFF;
}

.wrap .bg {
  display: none;
}
.wrap .container {
  transition: filter 0.6s;
}

.form--confirm {
  background: #efefef;
}

/* list
------------------------------ */
.tit {
  font-weight: bold;
}

.list.list--blog .list__item,
.list.list--information .list__item,
.list.list--info .list__item {
  border-bottom: 1px solid #42464c;
}
.list.list--blog .list__item a,
.list.list--information .list__item a,
.list.list--info .list__item a {
  display: block;
  padding: 30px 60px 30px 0;
  position: relative;
}
.list.list--blog .list__item a::before,
.list.list--information .list__item a::before,
.list.list--info .list__item a::before {
  content: "";
  width: 43px;
  height: 43px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_w.svg);
  background-size: 35%;
  border: 1px solid #42464c;
  border-radius: 40px;
  position: absolute;
  top: calc(50% - 21px);
  right: 10px;
}
.list.list--blog .list__item a .tit,
.list.list--information .list__item a .tit,
.list.list--info .list__item a .tit {
  position: static;
  transition: 0.4s;
}
.list.list--blog .list__item a .date,
.list.list--information .list__item a .date,
.list.list--info .list__item a .date {
  color: #BE8C4E;
}
.list.list--blog .list__item.new .tit::after,
.list.list--information .list__item.new .tit::after,
.list.list--info .list__item.new .tit::after {
  width: 43px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin: 0;
  position: absolute;
  top: calc(50% - 43px);
  right: 10px;
}

.nonlogin .list--thumbnail .list__item,
ul.list--thumbnail .list__item {
  border-radius: 10px;
  overflow: clip;
  background: #141517;
}
.nonlogin .list--thumbnail .list__item > a,
ul.list--thumbnail .list__item > a {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.nonlogin .list--thumbnail .list__item.new a .tit::after,
ul.list--thumbnail .list__item.new a .tit::after {
  position: absolute;
  top: calc(50% - 30px);
  right: 15px;
  transform: translateY(-50%);
}
.nonlogin .list--thumbnail .list__item .block--txt,
ul.list--thumbnail .list__item .block--txt {
  width: 100%;
  padding: 1.8em 4em 1.5em 1.5em;
  position: relative;
  margin-bottom: 0;
}
.nonlogin .list--thumbnail .list__item .block--txt .tit,
ul.list--thumbnail .list__item .block--txt .tit {
  margin-bottom: 5px;
  position: static;
}
.nonlogin .list--thumbnail .list__item .block--txt .date,
ul.list--thumbnail .list__item .block--txt .date {
  color: #BE8C4E;
  font-size: 11px;
  margin-bottom: 0;
}
.nonlogin .list--thumbnail .list__item .block--txt::before,
ul.list--thumbnail .list__item .block--txt::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: no-repeat center #fff url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_b.svg);
  background-size: 40%;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border-radius: 5em;
}
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb + img,
ul.list--thumbnail .list__item .thumb .limited-thumb + img {
  filter: none;
  transform: none;
}
.nonlogin .list--thumbnail .list__item .thumb,
ul.list--thumbnail .list__item .thumb {
  width: 100%;
  border-radius: 0;
  position: relative;
  margin-bottom: 0;
}
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb,
ul.list--thumbnail .list__item .thumb .limited-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 1;
}
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div,
ul.list--thumbnail .list__item .thumb .limited-thumb > div {
  position: relative;
  padding-top: min(5vw, 73px);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div,
  ul.list--thumbnail .list__item .thumb .limited-thumb > div {
    padding-top: min(15vw, 90px);
  }
}
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div::before,
ul.list--thumbnail .list__item .thumb .limited-thumb > div::before {
  content: "";
  display: block;
  width: min(4vw, 60px);
  height: min(4vw, 60px);
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--member.svg);
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div::before,
  ul.list--thumbnail .list__item .thumb .limited-thumb > div::before {
    width: min(12vw, 70px);
    height: min(12vw, 70px);
  }
}
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div .txt,
ul.list--thumbnail .list__item .thumb .limited-thumb > div .txt {
  line-height: 1.4;
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div .btn,
  ul.list--thumbnail .list__item .thumb .limited-thumb > div .btn {
    width: auto;
  }
}
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div .btn .btn--main,
ul.list--thumbnail .list__item .thumb .limited-thumb > div .btn .btn--main {
  min-width: 12em;
  font-weight: bold;
  font-size: 13px;
  padding: 1.1em 0.8em 1.1em 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div .btn .btn--main,
  ul.list--thumbnail .list__item .thumb .limited-thumb > div .btn .btn--main {
    min-width: auto;
    padding-right: 3.2em;
    padding-left: 2em;
  }
}
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div .btn .btn--main::before,
ul.list--thumbnail .list__item .thumb .limited-thumb > div .btn .btn--main::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: no-repeat center #fff url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_b.svg);
  background-size: 40%;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  border-radius: 5em;
}
.nonlogin .list--thumbnail .list__item.item__annualMember .limited-thumb .btn,
ul.list--thumbnail .list__item.item__annualMember .limited-thumb .btn {
  width: 15em;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .nonlogin .list--thumbnail .list__item.item__annualMember .limited-thumb .btn,
  ul.list--thumbnail .list__item.item__annualMember .limited-thumb .btn {
    width: 22em;
  }
}

.no-data {
  text-align: center;
}

.list--qa {
  position: relative;
  border-radius: 10px;
  overflow: clip;
}
.list--qa .list__item {
  margin-bottom: 10px;
}
.list--qa .list__item:last-of-type {
  margin-bottom: 0;
}
.list--qa .list__item a {
  background: #141517;
  border-radius: 10px;
  padding: 1.5em 56px;
}
.list--qa .list__item a::before {
  width: 22px;
  height: 27px;
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  color: #BE8C4E;
  border: none;
  padding: 0;
  font-size: 2em;
  font-weight: 400;
  line-height: 1;
  top: 50%;
  left: 17px;
  transform: translateY(-50%);
}
.list--qa .list__item a::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: no-repeat center #fff url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_b.svg);
  background-size: 40%;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border-radius: 5em;
}
.list--qa .list__item a .block--txt .tit {
  font-size: 14px;
  margin-bottom: 5px;
}
.list--qa .list__item a .block--txt .date {
  font-size: 11px;
  margin-bottom: 0;
}
.list--qa .list__item.new a .tit::after {
  position: absolute;
  top: calc(50% - 24px);
  right: -41px;
}
.list--qa .limited-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 1;
}
.list--qa .limited-thumb > div {
  position: relative;
  padding-top: 35px;
}
.list--qa .limited-thumb > div::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--member.svg);
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.list--qa .limited-thumb > div .txt {
  line-height: 1.4;
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
}
.list--qa .limited-thumb > div .btn .btn--main {
  width: 100%;
  min-width: 13em;
  font-weight: bold;
  font-size: 13px;
  padding: 1.1em 0.8em 1.1em 0;
  margin: 0;
  position: relative;
}
.list--qa .limited-thumb > div .btn .btn--main::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: no-repeat center #fff url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_b.svg);
  background-size: 40%;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  border-radius: 5em;
}

li.no-data {
  padding: 24px 0;
}

.date, .category {
  opacity: 1;
  font-size: 14px;
}

.list__item.new .tit::after {
  content: "New!";
  display: inline-block;
  color: #6BC79F;
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  margin-left: 1px;
}

.detail__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #42464c;
  border-radius: 4em;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.detail__btn a {
  display: block;
  width: 100%;
  padding: 0.8em 4em;
  background: transparent;
  transition: 0.3s;
}
.detail__btn a::after {
  display: none;
}
@media screen and (min-width: 961px) {
  .detail__btn a:hover {
    opacity: 1;
    background: #42464c;
  }
}

.list--thumbnail .list__item .thumb {
  overflow: hidden;
  border-radius: 8px;
}

.list--thumbnail a .thumb::after {
  display: none;
}

.nav__list--sns li {
  width: 22px;
  height: 23px;
  margin: 0 2px;
  vertical-align: middle;
}
.nav__list--sns li a {
  padding: 0;
  padding-left: 0;
}
.nav__list--sns li.g-nav--item__bilibili a {
  display: block;
  height: 100%;
  line-height: 18px;
}
.nav__list--sns li.g-nav--item__bilibili img {
  width: 100%;
}

/* pager
------------------------------ */
.block--pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  height: auto;
  padding-top: 0;
  top: 0;
}
.block--pager li::before {
  display: none;
}
.block--pager .pager__item--older,
.block--pager .pager__item--newer {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}
.block--pager .pager__item--older a, .block--pager .pager__item--older span,
.block--pager .pager__item--newer a,
.block--pager .pager__item--newer span {
  display: block;
  padding: 0;
  line-height: 1;
  background: #42464c;
  border-radius: 3em;
}
.block--pager .pager__item--older a::after, .block--pager .pager__item--older span::after,
.block--pager .pager__item--newer a::after,
.block--pager .pager__item--newer span::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  top: 50%;
  left: calc(50% - 1px);
  transform: translate(-50%, -54%) rotate(45deg);
}
.block--pager .pager__item--older span,
.block--pager .pager__item--newer span {
  opacity: 0.4;
}
.block--pager .pager__item--current {
  color: #141517;
  background: #BE8C4E;
  border-radius: 8px;
  line-height: 1;
  padding: 0.6em 0.8em;
}
.block--pager .pager__item--older {
  transform: scale(-1);
}

/* header
------------------------------ */
h1.logo a img {
  filter: none;
}

body .wrap.loggedin #header-nav h1.logo,
body .wrap #header-nav h1.logo {
  width: 55px;
  height: auto;
  position: fixed;
  top: 1.5vw;
  left: 1.5vw;
}
body .wrap.loggedin #header-nav h1.logo a,
body .wrap #header-nav h1.logo a {
  padding: 0;
}

#header-nav.header {
  width: auto;
  z-index: 100;
}
#header-nav.header .drawer {
  width: 300px;
  height: calc(100vh - 3vw);
  background: #42464c;
  border-radius: 5px;
  position: fixed;
  right: calc(1.5vw + 55px);
  top: 1.5vw;
  z-index: 999;
  overflow: scroll;
  overflow-x: clip;
  transform-origin: top right;
  transform: scale(0);
  transition: transform 0.3s;
  pointer-events: none;
}
#header-nav.header .drawer .g-nav {
  padding: 0 0 16px;
}
#header-nav.header .drawer .g-nav .nav--official {
  margin-bottom: 20px;
}
#header-nav.header .drawer .nav {
  display: block;
  padding: 15px 0 0;
  overflow-x: clip;
}
#header-nav.header .drawer .nav .g-nav--item {
  display: block;
  width: 90%;
  margin: 0 auto 8px;
  transform-origin: left;
  transform: translateX(32px);
  opacity: 0;
}
#header-nav.header .drawer .nav .g-nav--item a {
  background: #1c1e21;
  border-radius: 5px;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  padding: 1em;
  position: relative;
}
#header-nav.header .drawer .nav .g-nav--item a::before {
  content: "";
  width: 20px;
  height: 20px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_w.svg);
  background-size: 40%;
  border: 1px solid #5a5f68;
  border-radius: 40px;
  position: absolute;
  top: calc(50% - 10px);
  right: 10px;
}
#header-nav.header .drawer .nav .g-nav--item a::after {
  display: none;
}
#header-nav.header .drawer .nav .g-nav--item a i {
  display: inline-block;
  font-size: 0.8em;
  margin-left: 0.3em;
}
#header-nav.header .drawer .nav.nav__member-menu .g-nav--item__mypage a,
#header-nav.header .drawer .nav.nav__member-menu .g-nav--item a {
  background: #FFFFFF;
  color: #141517;
  font-weight: 700;
  letter-spacing: 0;
}
#header-nav.header .drawer .nav.nav__member-menu .g-nav--item__mypage a::before,
#header-nav.header .drawer .nav.nav__member-menu .g-nav--item a::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_b.svg);
  border: 1px solid #5a5f68;
  left: unset;
  opacity: 1;
  transform: none;
}
#header-nav.header .drawer .nav.nav__list--contents > .g-nav--item__sns {
  display: none;
}
#header-nav.header .drawer .nav.nav__list--sns.sp {
  display: none !important;
  justify-content: flex-end;
  gap: 0 8px;
  width: 90%;
  background: #1c1e21;
  border-radius: 5px;
  padding: 11px;
  margin: 0 auto 24px;
  position: relative;
  opacity: 0;
  transform: translateX(32px);
}
#header-nav.header .drawer .nav.nav__list--sns.sp::before {
  content: "SNS";
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  left: 14px;
  top: calc(50% - 7px);
}
#header-nav.header .drawer .nav.nav__list--sns.sp li a {
  font-size: 16px;
  transition: 0.4s;
}
#header-nav.header .drawer .nav--member {
  width: 90%;
  margin: 0 auto;
  background: linear-gradient(180deg, #141516 0%, #533812 100%);
  border-radius: 8px;
  border: 1px solid #BE8C4E;
  padding-top: 45px;
  padding-bottom: 8px;
  position: relative;
  opacity: 0;
  transform: translateX(32px);
}
#header-nav.header .drawer .nav--member::before, #header-nav.header .drawer .nav--member::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/corner_g.svg);
  position: absolute;
  top: 12px;
}
#header-nav.header .drawer .nav--member::before {
  left: 12px;
}
#header-nav.header .drawer .nav--member::after {
  right: 12px;
  transform: rotate(90deg);
}
#header-nav.header .drawer .nav--member > h2.logo {
  width: 70%;
  margin: 0 auto;
}
#header-nav.header .drawer .nav--member .block--login {
  position: relative;
  width: 100%;
  margin-bottom: 8px;
  bottom: unset;
  right: unset;
  border: none;
}
#header-nav.header .drawer .nav--member .block--login .nav {
  margin: 0 auto;
  border-top: none;
}
#header-nav.header .drawer .nav--member .block--login .nav li {
  display: block;
}
#header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__join {
  width: 80%;
  margin: 0 auto 5px;
}
#header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__join a {
  background: #BE8C4E;
  color: #fff;
  text-align: center;
  border-radius: 3em;
  font-size: 1.1em;
  padding: 1em 0;
  transition: 0.4s;
  margin-bottom: 8px;
}
#header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__login {
  text-align: center;
}
#header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__login a {
  display: inline-block;
  background: none;
  text-decoration: underline;
  font-size: 13px;
  padding: 0;
  transition: 0.3s;
}
#header-nav.header .drawer .nav--member .g-nav--item a {
  padding: 1em 1em 1em 33px;
}
#header-nav.header .drawer .nav--member .g-nav--item a::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: no-repeat center;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__movie a::after {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--movie.svg);
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__photo a::after {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--photo.svg);
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__qa a::after {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--qa.svg);
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__letter a::after {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--letter.svg);
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__live-report a::after {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--report.svg);
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__game a::after {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--game.svg);
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__lottery a::after {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--lottery.svg);
}
#header-nav.header .drawer .nav--member .g-nav--item.g-nav--item__mypage a::after {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--mypage.svg);
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__lottery a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 14px;
}
#header-nav.header .drawer .nav--member .g-nav--item.nav--item__lottery span {
  display: block;
  font-size: 10px;
  padding-right: 1.25em;
  line-height: 1.2;
  letter-spacing: -0.06em;
  margin-top: 5px;
  order: 2;
}
#header-nav.header .modal--bg {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-backdrop-filter: blur(10px) brightness(130%);
          backdrop-filter: blur(10px) brightness(130%);
  pointer-events: none;
  opacity: 0;
  cursor: pointer;
  transition: 0.4s;
}

.wrap.loggedin #header-nav.header .drawer .nav--member > h2.logo {
  margin: 0 auto 10px;
}

.drawer-visible {
  overflow: clip;
}
.drawer-visible #header-nav.header {
  width: 100%;
}
.drawer-visible #header-nav.header .modal--bg {
  pointer-events: auto;
  opacity: 1;
}
.drawer-visible #header-nav.header .drawer {
  transform: scale(1);
  pointer-events: auto;
}
.drawer-visible #header-nav.header .drawer .g-nav {
  opacity: 1;
  transition: 0.4s;
  transition-delay: 0.6s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item {
  transform: translateX(0);
  opacity: 1;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(1) {
  transition: opacity 0.4s 0.1s, transform 0.4s 0.1s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(2) {
  transition: opacity 0.4s 0.2s, transform 0.4s 0.2s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(3) {
  transition: opacity 0.4s 0.3s, transform 0.4s 0.3s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(4) {
  transition: opacity 0.4s 0.4s, transform 0.4s 0.4s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(5) {
  transition: opacity 0.4s 0.5s, transform 0.4s 0.5s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(6) {
  transition: opacity 0.4s 0.6s, transform 0.4s 0.6s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(7) {
  transition: opacity 0.4s 0.7s, transform 0.4s 0.7s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(8) {
  transition: opacity 0.4s 0.8s, transform 0.4s 0.8s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(9) {
  transition: opacity 0.4s 0.9s, transform 0.4s 0.9s;
}
.drawer-visible #header-nav.header .drawer .nav .g-nav--item:nth-of-type(10) {
  transition: opacity 0.4s 1s, transform 0.4s 1s;
}
.drawer-visible #header-nav.header .drawer .nav.nav__list--sns.sp {
  opacity: 1;
  transform: translateX(0);
  transition: 0.4s 0.8s, transform 0.4s 0.8s;
}
.drawer-visible #header-nav.header .drawer .nav--member {
  opacity: 1;
  transform: translateX(0);
  transition: 0.4s 0.9s, transform 0.4s 0.9s;
}

/* drawer
------------------------------ */
#header-nav + .drawer__btn {
  mix-blend-mode: unset;
  width: 45px;
  height: 45px;
  background: #BE8C4E;
  border-radius: 5px;
  text-align: center;
  padding: 0;
  position: fixed;
  right: 1.5vw;
  top: 1.5vw;
  z-index: 102;
  cursor: pointer;
}
#header-nav + .drawer__btn span {
  display: block;
  width: 40%;
  background: #141517;
  position: absolute;
  left: 30%;
  height: 2px;
  top: calc(50% - 1px);
}
#header-nav + .drawer__btn span.top {
  top: calc(50% - 6px);
}
#header-nav + .drawer__btn span.btm {
  top: calc(50% + 4px);
}

.header .drawer .g-nav .nav__list--sns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 2vw;
}
.header .drawer .g-nav .nav__list--sns li {
  width: 22px;
  height: 23px;
  margin: 0 2px;
  vertical-align: middle;
}
.header .drawer .g-nav .nav__list--sns li a {
  padding: 0;
  padding-left: 0;
}
.header .drawer .g-nav .nav__list--sns li.g-nav--item__bilibili a {
  display: block;
  height: 100%;
  line-height: 18px;
}
.header .drawer .g-nav .nav__list--sns li.g-nav--item__bilibili img {
  width: 100%;
}

.drawer-visible #header-nav + .drawer__btn span.top {
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
.drawer-visible #header-nav + .drawer__btn span.mid {
  transform: scaleX(0);
  transform-origin: right;
}
.drawer-visible #header-nav + .drawer__btn span.btm {
  top: calc(50% - 1px);
  transform: rotate(-45deg);
}

.wrap #header-nav.header .drawer .g-nav .nav--official .nav li a::after,
.wrap #header-nav.header .drawer .g-nav .nav__list--login .nav li a::after {
  display: none;
}

/* footer
------------------------------ */
.footer {
  height: auto;
  padding: 80px 0;
}
.footer .list--link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 30px;
  margin-bottom: 30px;
}
.footer .list--link li {
  display: inline-block;
}
.footer .list--link li a {
  display: block;
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}
.footer .list--link li a i {
  display: inline-block;
  font-size: 0.8em;
  vertical-align: 1px;
  margin-left: 5px;
}
.footer .nav__list--sns {
  margin: 0 auto 40px;
}
.footer .nav__list--sns .g-nav--item__bilibili {
  width: 30px;
}
.footer nav.nav {
  margin-bottom: 30px;
}

/* .parts
------------------------------ */
img {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}

.block--flame {
  width: calc(100% - 96px);
  height: calc(100% - 96px);
  position: absolute;
  top: 48px;
  left: 48px;
  z-index: 10;
  pointer-events: none;
}
.block--flame div {
  position: absolute;
}
.block--flame .flame--parts--corner {
  width: 63px;
  height: 63px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/corner_g.svg);
  background-size: contain;
}
.block--flame .flame--parts--center {
  width: 63px;
  height: 63px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/center_g.svg);
  background-size: contain;
  left: 50%;
  transform: translateX(-50%);
}
.block--flame .rotate90 {
  transform: rotate(90deg);
}
.block--flame .block--flame__top,
.block--flame .block--flame__btm {
  width: 100%;
  height: 63px;
}
.block--flame .block--flame__top::before, .block--flame .block--flame__top::after,
.block--flame .block--flame__btm::before,
.block--flame .block--flame__btm::after {
  content: "";
  display: block;
  width: calc(50% - 92px);
  height: 63px;
  background: repeat-x center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/line_g.svg);
  background-size: contain;
  position: absolute;
  top: 0;
}
.block--flame .block--flame__top::before,
.block--flame .block--flame__btm::before {
  left: 63px;
}
.block--flame .block--flame__top::after,
.block--flame .block--flame__btm::after {
  right: 63px;
}
.block--flame .block--flame__top .flame--parts--corner:not(.rotate90),
.block--flame .block--flame__btm .flame--parts--corner:not(.rotate90) {
  top: 0;
  left: 0;
}
.block--flame .block--flame__top .flame--parts--corner.rotate90,
.block--flame .block--flame__btm .flame--parts--corner.rotate90 {
  top: 0;
  right: 0;
}
.block--flame .block--flame__top {
  top: 0;
}
.block--flame .block--flame__btm {
  bottom: 0;
  transform: rotate(180deg);
}
.block--flame .block--flame__mid {
  width: 63px;
  height: 100%;
}
.block--flame .block--flame__mid::before, .block--flame .block--flame__mid::after {
  content: "";
  display: block;
  width: 63px;
  height: calc(50% - 92px);
  background: repeat-y center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/line_vertical_g.svg);
  background-size: contain;
  position: absolute;
  left: 0;
}
.block--flame .block--flame__mid::before {
  top: 63px;
}
.block--flame .block--flame__mid::after {
  bottom: 63px;
}
.block--flame .block--flame__mid .flame--parts--center {
  top: 50%;
  transform: translateY(-50%) rotate(270deg);
  left: 0;
}
.block--flame .block--flame__mid.mid__right {
  transform: scaleX(-1);
  right: 0;
}

.section-tit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Libre Baskerville", "Noto Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.05em;
  text-align: center;
  font-size: min(3vw, 50px);
  padding: 0 min(4vw, 60px);
  position: relative;
  margin: 0 auto;
}
.section-tit::before, .section-tit::after {
  content: "";
  display: block;
  width: min(3vw, 45px);
  height: min(3vw, 45px);
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/title/title.svg);
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.section-tit::before {
  left: calc(50% - 1.5vw);
  opacity: 0;
  transition: 0.3s cubic-bezier(0, 0, 0.1, 0.92);
}
.section-tit::after {
  transform: scaleX(-1) translateY(-50%);
  right: calc(50% - 1.5vw);
  opacity: 0;
  transition: 0.3s cubic-bezier(0, 0, 0.1, 0.92);
}
.section-tit .tit--sub {
  display: block;
  text-align: center;
  position: relative;
}
.section-tit .tit--sub::before {
  content: "";
  display: block;
  width: 300%;
  font-size: clamp(11px, 0.8vw, 14px);
  text-align: center;
  position: absolute;
  left: -100%;
  bottom: clamp(-30px, 0.8vw, -42px);
}

.section-tit.delighter div {
  overflow: clip;
  position: relative;
}
.section-tit.delighter div em {
  display: block;
  font-style: normal;
  line-height: 1.2;
  transform: translateY(120%);
  transition: 0.4s cubic-bezier(0, 0, 0.1, 0.92);
}
.section-tit.delighter .tit--sub {
  opacity: 0;
  transition: 0.4s ease-out;
}
.section-tit.delighter.started::before {
  left: 0;
  opacity: 1;
}
.section-tit.delighter.started::after {
  right: 2px;
  opacity: 1;
}
.section-tit.delighter.started div em {
  transform: translateY(0);
  transition-delay: 0.1s;
}
.section-tit.delighter.started .tit--sub {
  opacity: 1;
  transition-delay: 0.6s;
}

#section--news .section-tit .tit--sub::before,
.page--information .section-tit .tit--sub::before {
  content: "ニュース";
}

#section--member .section-tit .tit--sub::before,
.page--biography .section-tit .tit--sub::before {
  content: "メンバー紹介";
}

#section--video .section-tit .tit--sub::before,
.page--video .section-tit .tit--sub::before {
  content: "ミュージックビデオ";
}

.page--event .section-tit .tit--sub::before {
  content: "イベント情報";
}

#section--movie .section-tit .tit--sub::before,
.page--movie .section-tit .tit--sub::before {
  content: "Lounge『A』だけの限定動画";
}

#section--photo .section-tit .tit--sub::before,
.page--photo .section-tit .tit--sub::before {
  content: "Lounge『A』だけの限定写真";
}

#section--qa .section-tit .tit--sub::before,
.page--qa .section-tit .tit--sub::before {
  content: "メンバーへの質問はこちら";
}

.page--letter .section-tit .tit--sub::before {
  content: "レター";
}

.page--report .section-tit .tit--sub::before,
.page--blog .section-tit .tit--sub::before {
  content: "ライブレポート";
}

.page--arcade .section-tit .tit--sub::before {
  content: "Lounge『A』限定 ゲームコンテンツ";
}

.block--indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 2em;
  margin-top: 5vw;
}

.swiper-initialized .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  border-radius: 0;
  background: none;
  border: 1px solid #FFFFFF;
  border-radius: 3em;
}
.swiper-initialized .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFFFFF;
}
.swiper-initialized .swiper-pagination {
  display: flex;
  align-items: center;
  width: auto;
  position: relative;
  top: 0;
}
.swiper-initialized .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}
.swiper-initialized .swiper-button-prev,
.swiper-initialized .swiper-button-next {
  display: block;
  width: 50px;
  height: 50px;
  margin-top: 0;
  position: relative;
}
.swiper-initialized .swiper-button-prev::after,
.swiper-initialized .swiper-button-next::after {
  content: "";
  width: 43px;
  height: 43px;
  background: no-repeat center rgba(0, 0, 0, 0.7803921569) url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_w.svg);
  background-size: 35%;
  border: 1px solid #42464c;
  border-radius: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper-initialized .swiper-button-prev::before,
.swiper-initialized .swiper-button-next::before {
  display: none;
}
.swiper-initialized .swiper-button-prev {
  transform: rotate(180deg);
  top: 1px;
}
.swiper-initialized .block--navigator {
  display: inline-block;
}
.swiper-initialized .swiper-pagination-bullet {
  opacity: 1;
}

/* .page--home
------------------------------ */
.page--home .wrap {
  padding-bottom: max(60px, 6vw);
}
.page--home .wrap .footer {
  display: block;
  position: relative;
}
.page--home .wrap #header-nav > .logo {
  display: none !important;
}
.page--home .wrap .block--content-wrap {
  display: block;
  padding: 5vw 0 0;
}
.page--home .wrap .block--contents {
  width: 80%;
  max-width: 1100px;
  margin: 0 auto min(8vw, 120px);
}
.page--home .wrap .block--title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 0 auto 60px;
}
.page--home .wrap .block--title .section-tit {
  padding: 0 min(4vw, 60px);
}
.page--home .wrap .list {
  max-width: 1100px;
  margin: 0 auto;
}
.page--home .wrap .list .no-data {
  text-align: center;
}
.page--home .wrap #section--member .list__more,
.page--home .wrap .block--contents > .list__more {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 30px 0 0 auto;
}
.page--home .wrap #section--member .list__more a,
.page--home .wrap .block--contents > .list__more a {
  display: block;
  line-height: 1;
  position: relative;
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  border: 1px solid #42464c;
  border-radius: 8px;
  padding: 10px 34px 10px 11px;
  background: #141517;
}
.page--home .wrap #section--member .list__more a::before,
.page--home .wrap .block--contents > .list__more a::before {
  content: "";
  width: 21px;
  height: 21px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_w.svg);
  background-size: 35%;
  border: 1px solid #42464c;
  border-radius: 40px;
  position: absolute;
  top: calc(50% - 10px);
  right: 7px;
}
.page--home .wrap #section--member .list__more {
  position: relative;
  z-index: 10;
  right: max((100% - 1100px) / 2, 10%);
}
.page--home .wrap .date, .page--home .wrap .category {
  color: #BE8C4E;
}
.page--home .wrap #float--banner {
  width: 218px;
  height: 48px;
  border-radius: 8px;
  position: fixed;
  left: 50%;
  bottom: 6vw;
  z-index: 99;
  transition: 0.4s ease-out;
  overflow: clip;
  transform: translateX(-50%);
}
.page--home .wrap #float--banner a {
  display: flex;
  align-items: center;
  gap: 0 9px;
  height: 48px;
  line-height: 1;
  background: #BE8C4E;
  position: relative;
  padding: 2px 30px 0;
}
.page--home .wrap #float--banner a .ico {
  width: 30px;
  height: 30px;
}
.page--home .wrap #float--banner a .block--txt {
  width: 133px;
  font-family: "Libre Baskerville", "Noto Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.05em;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
}
.page--home .wrap #float--banner a .block--txt div {
  font-size: 10px;
  letter-spacing: 0.02em;
  margin-bottom: 2px;
}
.page--home .wrap #float--banner a .block--txt span {
  display: inline-block;
}
.page--home .wrap #float--banner a .block--txt span:first-of-type {
  margin-left: -4px;
}
.page--home .wrap #float--banner a .block--txt span:last-of-type {
  margin-right: -3px;
  margin-left: 1px;
}
.page--home .wrap #float--banner a::before, .page--home .wrap #float--banner a::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/title/title_w.svg);
  background-size: contain;
  position: absolute;
  top: calc(50% - 8px);
}
.page--home .wrap #float--banner a::before {
  left: 7px;
}
.page--home .wrap #float--banner a::after {
  right: 7px;
  transform: scaleX(-1);
}
.page--home .wrap #section--heroimg {
  position: relative;
  height: min(100vh, 1200px);
  background: repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
}
.page--home .wrap #section--heroimg::before, .page--home .wrap #section--heroimg::after {
  content: "";
  display: block;
  width: 100%;
  height: min(10vw, 300px);
  background: linear-gradient(#141517 40%, transparent);
  position: absolute;
  left: 0;
}
.page--home .wrap #section--heroimg::before {
  top: 0;
}
.page--home .wrap #section--heroimg::after {
  bottom: 0;
  transform: rotate(180deg);
}
.page--home .wrap #section--heroimg .block--inner {
  width: calc(100% - 96px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1vw;
  position: relative;
  z-index: 12;
}
.page--home .wrap #section--heroimg .block--inner h1 {
  width: min(22%, 500px);
}
.page--home .wrap #section--heroimg .block--inner .artist--photo {
  width: min(70%, 1600px);
  text-align: center;
  margin-right: -8%;
}
.page--home .wrap #section--banner .block--banner-swiper {
  opacity: 0;
  transition: opacity 0.4s;
}
.page--home .wrap #section--banner .block--banner-swiper.swiper-initialized {
  opacity: 1;
}
.page--home .wrap #section--banner .swiper-wrapper li a {
  display: block;
  overflow: clip;
  border-radius: 8px;
}
.page--home .wrap #section--banner .swiper-button-prev,
.page--home .wrap #section--banner .swiper-button-next,
.page--home .wrap #section--banner .swiper-pagination {
  display: none;
}
.page--home .wrap #section--video .block--banner-swiper {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
.page--home .wrap #section--video .block--indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120%;
  gap: 0 2em;
  margin-top: 0;
  position: absolute;
  top: calc(50% - 46px);
  left: -10%;
}
.page--home .wrap #section--video .block--indicator .swiper-button-prev {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 0;
}
.page--home .wrap #section--video .block--indicator .swiper-button-next {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0;
}
.page--home .wrap #section--video .list--thumbnail {
  overflow: hidden;
  background: #42464c;
  border-radius: 10px;
}
.page--home .wrap #section--video .list--thumbnail .list__item {
  opacity: 0 !important;
  pointer-events: none !important;
  margin-bottom: 0 !important;
}
.page--home .wrap #section--video .list--thumbnail .list__item.swiper-slide-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.page--home .wrap #section--video .list--thumbnail .block--txt {
  padding: 20px;
  background: #42464C;
}
.page--home .wrap #section--video .list--thumbnail .block--txt .tit {
  margin-bottom: 0;
}
.page--home .wrap #section--video .list--thumbnail .block--txt::before {
  display: none;
}
.page--home .wrap #section--member {
  position: relative;
  background: repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
  margin-bottom: min(10vw, 200px);
}
.page--home .wrap #section--member::before, .page--home .wrap #section--member::after {
  content: "";
  display: block;
  width: 100%;
  height: 10vw;
  background: linear-gradient(#141517 40%, transparent);
  position: absolute;
  left: 0;
}
.page--home .wrap #section--member::before {
  top: 0;
}
.page--home .wrap #section--member::after {
  bottom: 0;
  transform: rotate(180deg);
}
.page--home .wrap #section--member .swiper-wrapper > .list__item > a {
  transform: translateY(80px);
  opacity: 0;
}
.page--home .wrap #section--member .list__item {
  position: relative;
}
.page--home .wrap #section--member .list__item > a {
  display: block;
  position: relative;
  transition: 0.8s;
}
.page--home .wrap #section--member .list__item .block--detail {
  width: 60%;
  background: rgba(255, 255, 255, 0.26);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 10px;
  color: #BE8C4E;
  border: 1px solid #42464c;
  padding: 15px;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: 17%;
  opacity: 0;
  transition: 0.4s;
}
.page--home .wrap #section--member .list__item .block--detail .name {
  color: #fff;
  font-size: 1.3em;
  margin-bottom: 10px;
}
.page--home .wrap #section--member .list__item .block--detail dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.page--home .wrap #section--member .list__item .block--detail dl dt {
  width: 30%;
  line-height: 1;
}
.page--home .wrap #section--member .list__item .block--detail dl dd {
  width: 70%;
  margin-bottom: 12px;
  font-weight: bold;
  line-height: 1;
}
.page--home .wrap #section--member .list__item .block--detail .list--sns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.page--home .wrap #section--member .list__item .block--detail .list--sns li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #BE8C4E;
  border-radius: 30px;
  line-height: 1;
}
@media screen and (min-width: 961px) {
  .page--home .wrap #section--member .list__item .block--detail .list--sns li a:hover {
    opacity: 0.5;
  }
}
.page--home .wrap #section--login {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  background-image: linear-gradient(180deg, #141516 0%, #533812 100%), conic-gradient(from var(--gradient-angle), #BE8C4E 0%, #987f3f 37%, #e2d7b5 30%, #987f3f 33%, #e2d7b5 40%, #BE8C4E 50%, #987f3f 77%, #e2d7b5 80%, #987f3f 83%, #BE8C4E 90%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border-radius: 10px;
  border: 1px solid transparent;
  animation: 4s gradient-angle infinite linear;
  position: relative;
}
.page--home .wrap #section--login .artist--photo {
  width: 67%;
  margin: -3% auto -1%;
  position: relative;
  left: -4%;
}
.page--home .wrap #section--login .block--login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  position: relative;
  left: -1%;
  top: 0;
}
.page--home .wrap #section--login .block--login .block--inner {
  width: 75%;
}
.page--home .wrap #section--login .block--login .block--inner .btn--main {
  width: 100%;
  min-width: unset;
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}
.page--home .wrap #section--login .block--login .block--inner .txt {
  text-align: center;
}
.page--home .wrap #section--login .block--login .block--inner .txt a {
  color: #BE8C4E;
  text-decoration: underline;
}
.page--home .wrap .block--fc {
  position: relative;
  width: 100%;
  height: 100%;
  background: repeat center;
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg--fc.png), linear-gradient(180deg, rgba(84, 56, 18, 0.22) 0%, rgba(84, 56, 18, 0.48) 50%, #543812 100%);
  padding: min(8vw, 140px) 0;
}
.page--home .wrap .block--fc::before, .page--home .wrap .block--fc::after {
  content: "";
  display: block;
  width: 100%;
  height: min(10vw, 450px);
  background: linear-gradient(#141517 40%, transparent);
  position: absolute;
  left: 0;
  pointer-events: none;
}
.page--home .wrap .block--fc::before {
  top: -3vw;
}
.page--home .wrap .block--fc::after {
  bottom: 0;
  transform: rotate(180deg);
}
.page--home .wrap .block--fc > h2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Libre Baskerville", "Noto Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.05em;
  text-align: center;
  font-size: 3vw;
  line-height: 1;
  padding: 0 40px;
  position: relative;
  margin: 0 auto 0.8em;
  width: 35%;
  max-width: 600px;
  margin-bottom: min(6vw, 90px);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .block--fc > h2 {
    width: 95%;
    margin-bottom: 8vw;
  }
}
.page--home .wrap .block--fc > h2::before, .page--home .wrap .block--fc > h2::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/title/title.svg);
  background-size: contain;
  position: absolute;
  top: calc(50% - 15px);
  display: none;
}
.page--home .wrap .block--fc > h2::before {
  left: 0;
}
.page--home .wrap .block--fc > h2::after {
  right: 2px;
  transform: scaleX(-1);
}
.page--home .wrap .block--fc > h2 > div {
  line-height: 1;
  font-size: 0.5em;
  letter-spacing: 0.05em;
}
.page--home .wrap .block--fc > h2 > span:first-of-type {
  display: inline-block;
  margin-left: -0.2em;
  margin-right: -0.05em;
}
.page--home .wrap .block--fc > h2 > span:last-of-type {
  display: inline-block;
  margin-right: -0.5em;
  margin-left: 0.12em;
}
.page--home .wrap .block--fc .list--thumbnail .list__item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.page--home .wrap .block--fc .list--thumbnail .list__item > a {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.page--home .wrap .block--fc .list--thumbnail .list__item .block--txt::before {
  top: calc(50% - 12px);
  transform: none;
}
.page--home .wrap .block--fc .block--contents {
  max-width: 1000px;
  margin: 0 auto min(8vw, 120px);
}
.page--home .wrap .block--fc .block--contents > .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: min(20vw, 270px);
  background-image: linear-gradient(180deg, #141516 0%, #533812 100%), conic-gradient(from var(--gradient-angle), #BE8C4E 0%, #987f3f 37%, #e2d7b5 30%, #987f3f 33%, #e2d7b5 40%, #BE8C4E 50%, #987f3f 77%, #e2d7b5 80%, #987f3f 83%, #BE8C4E 90%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border-radius: 10px;
  border: 1px solid transparent;
  position: relative;
  padding: 10px;
  animation: 4s gradient-angle infinite linear;
}
.page--home .wrap .block--fc .block--contents > .inner .block--title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47%;
  margin-bottom: 0;
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper {
  width: 53%;
  background: #141517;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item {
  width: 100% !important;
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item .thumb {
  border-radius: 0;
  margin-bottom: 0;
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item .block--txt .tit {
  font-size: 15px;
  margin-bottom: 4px;
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item .block--txt .date {
  font-size: 11px;
  margin-bottom: 0;
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator {
  width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator .swiper-button-prev {
  height: 43px;
  position: absolute;
  left: 0;
  top: calc(50% - 43px);
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator .swiper-button-next {
  height: 43px;
  position: absolute;
  right: 0;
  top: calc(50% - 43px);
}
@media screen and (min-width: 961px) {
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator {
    opacity: 0;
    transition: opacity 0.3s;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper:hover .block--indicator,
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator:hover {
    opacity: 1;
  }
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper.swiper-initialized .list__item {
  opacity: 0 !important;
}
.page--home .wrap .block--fc .block--contents > .inner .block--swiper.swiper-initialized .list__item.swiper-slide-active {
  opacity: 1 !important;
}
.page--home .wrap .block--fc .block--contents > .inner .section-tit {
  color: #BE8C4E;
}
.page--home .wrap .block--fc .block--contents > .inner .section-tit::after {
  content: "";
}
.page--home .wrap .block--fc .block--contents > .inner .section-tit span {
  color: #FFFFFF;
}
.page--home .wrap .block--fc .block--contents:nth-of-type(2n+1) .inner {
  flex-direction: row-reverse;
}
.page--home .wrap #section--photo .no-data {
  padding: 5em 0;
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .page--home .wrap #section--photo .no-data {
    padding: 8em 0;
  }
}
.page--home .wrap #section--photo:not(.nonlogin) .limited-thumb {
  display: none;
}
.page--home .wrap #section--photo > .inner .block--swiper .list__item {
  height: auto;
}
.page--home .wrap #section--photo > .inner .block--swiper .list__item .thumb img {
  height: 100%;
}
.page--home .wrap #section--photo.no-carousel .block--indicator {
  display: none !important;
}
.page--home .wrap #section--photo.no-carousel.nonlogin .list__item .thumb .limited-thumb img {
  filter: none;
  transform: none;
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0turn;
  inherits: false;
}
@keyframes gradient-angle {
  to {
    --gradient-angle: 1turn;
  }
}
.page--home:has(#fc-area.started) #float--banner {
  opacity: 0;
  pointer-events: none;
}

.page--home .wrap .delighter {
  transition: 0.4s cubic-bezier(0, 0.18, 0.31, 1.01);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8vw);
}
.page--home .wrap .delighter.started {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
@media screen and (min-width: 961px) {
  .page--home .wrap #section--member.started .swiper-wrapper > .list__item > a {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
  }
  .page--home .wrap #section--member.started .swiper-wrapper > .list__item > .block--detail {
    opacity: 1;
    transition-delay: 0.8s;
  }
}
.page--home .wrap #section--heroimg .block--inner h1 {
  opacity: 0;
  transform: translateY(60px);
  transition: 0.8s cubic-bezier(0, 0, 0.1, 0.92);
}
.page--home .wrap #section--heroimg .block--inner .artist--photo {
  opacity: 0;
  transform: translateY(-60px);
  transition: 0.8s cubic-bezier(0, 0, 0.1, 0.92);
}
.page--home .wrap #section--login .artist--photo {
  transform: translateY(30px);
  opacity: 0;
  transition: 0.4s ease-out;
}
.page--home .wrap #section--login .block--login {
  opacity: 0;
  transition: 0.4s ease-out;
}
.page--home .wrap #section--login.started .artist--photo {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.2s;
}
.page--home .wrap #section--login.started .block--login {
  opacity: 1;
  transition-delay: 0.6s;
}
.page--home .wrap .block--contents .block--title {
  opacity: 0;
  transition: 0.4s ease-out;
}
.page--home .wrap .block--contents .list--qa,
.page--home .wrap .block--contents .list--blog,
.page--home .wrap .block--contents .block--swiper {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s ease-out;
}
@media screen and (min-width: 961px) {
  .page--home .wrap .block--contents .list--qa {
    width: 53%;
    margin: 0;
  }
}
.page--home .wrap .block--contents.started .block--title {
  opacity: 1;
}
.page--home .wrap .block--contents.started .list--qa,
.page--home .wrap .block--contents.started .list--blog,
.page--home .wrap .block--contents.started .block--swiper {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}

.page--home.loaded .wrap #section--heroimg .block--inner h1 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}
.page--home.loaded .wrap #section--heroimg .block--inner .artist--photo {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}
.page--home.loaded.anim-finish .wrap #section--heroimg .block--inner h1 {
  transition-delay: 0s;
}
.page--home.loaded.anim-finish .wrap #section--heroimg .block--inner .artist--photo {
  transition-delay: 0s;
}

.page--home .wrap.loggedin ul.list--thumbnail .list__item .thumb .limited-thumb {
  display: none;
}

.page--home.user--status__monthly-Member .wrap.loggedin #fc-area ul.list--thumbnail .list__item.item__annualMember .thumb .limited-thumb,
.page--home .wrap.user--status__monthly-Member .loggedin #fc-area ul.list--thumbnail .list__item.item__annualMember .thumb .limited-thumb {
  display: flex;
}

.page--home #announcement {
  width: 50vw;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-weight: 700;
  background: #fff;
  border-radius: 5px;
  font-size: 15px;
  margin: 0 auto 8vw;
  position: relative;
  z-index: 10;
}
.page--home #announcement .text {
  margin: 0;
}
.page--home #announcement a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em 2em;
  gap: 0.5em;
  color: #111;
  line-height: 1.3;
}
@media screen and (min-width: 961px) {
  .page--home #announcement a:hover {
    color: #666;
  }
}
.page--home #announcement .icon {
  font-size: 200%;
  color: #f59729;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home #announcement {
    width: 90%;
    max-width: 400px;
    margin: -6vw auto 15vw;
    font-size: 13px;
  }
  .page--home #announcement a {
    padding: 1em 0.5em;
  }
  .page--home #announcement .icon {
    font-size: 150%;
  }
}

/* under page common
------------------------------ */
body:not(.page--home) .wrap {
  padding-top: 0;
  padding-bottom: max(324px, 19vw);
  background: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
  background-attachment: fixed;
}
body:not(.page--home) .wrap::before, body:not(.page--home) .wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 16vw;
  background: linear-gradient(#141517 40%, transparent);
  position: absolute;
  left: 0;
}
body:not(.page--home) .wrap::after {
  bottom: 0;
  transform: rotate(180deg);
}
body:not(.page--home) .wrap > .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
body:not(.page--home) .wrap > .bg img {
  display: none !important;
}
body:not(.page--home) .wrap > .bg::before {
  opacity: 0.3;
}
body:not(.page--home) .wrap .container {
  position: relative;
  z-index: 3;
}
body:not(.page--home) .wrap.loggedin .section--list .list__item .limited-thumb {
  display: none;
}
body:not(.page--home) .section--list,
body:not(.page--home) .section--detail {
  width: calc(90% - 80px);
  max-width: 1024px;
  padding: 140px 0 80px;
  margin: 0 auto;
}
body:not(.page--home) .section--list .section-tit,
body:not(.page--home) .section--detail .section-tit {
  margin-bottom: min(7vw, 100px);
}
body:not(.page--home) .section--list .date,
body:not(.page--home) .section--detail .date {
  color: #BE8C4E;
}
body:not(.page--home):has(.section--detail) .wrap {
  background: none;
}
body:not(.page--home):has(.section--detail) .wrap > .bg {
  display: none;
}
body:not(.page--home) .section--list {
  position: relative;
}
body:not(.page--home) .section--list::before, body:not(.page--home) .section--list::after {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/corner_g.svg);
  position: absolute;
  top: 118px;
}
body:not(.page--home) .section--list::before {
  left: -10px;
}
body:not(.page--home) .section--list::after {
  right: -10px;
  transform: rotate(90deg);
}
body:not(.page--home) .section--detail .block--title {
  border-bottom: 1px solid #42464c;
}
body:not(.page--home) .section--detail .block--title .date {
  color: #BE8C4E;
}
body:not(.page--home) .section-tit {
  color: #BE8C4E;
}

/* footer
------------------------------ */
footer.footer .copyright {
  bottom: 30px;
}
footer.footer .copyright small {
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  font-size: 11px;
}

/* page--information
------------------------------ */
.page--information .block--share {
  text-align: center;
}
.page--information .block--share.share {
  font-size: 10px;
}

/* .page--event
------------------------------ */
.page--event .list--thumbnail li a {
  background: #42464c;
}

/* .page--biography{
------------------------------ */
.page--biography p.section-tit,
.page--biography figure.thumb.artist--photo,
.page--biography .artist--name {
  display: none;
}
.page--biography .container::before, .page--biography .container::after {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/corner_g.svg);
  position: absolute;
  top: 118px;
  z-index: 10;
}
.page--biography .container::before {
  left: 10%;
}
.page--biography .container::after {
  right: 10%;
  transform: rotate(90deg);
}
.page--biography .block--editor h2.section-tit {
  z-index: 10;
}
.page--biography .block--editor .inner::after {
  content: "";
  display: block;
  width: 100%;
  height: min(16vw, 300px);
  background: linear-gradient(#141517 40%, transparent);
  transform: rotate(180deg);
  position: absolute;
  top: min(59vw, 640px);
  left: 0;
}
.page--biography .block--editor .inner .artist--photo {
  width: 85%;
  margin: -5% 4% 50px auto;
}
.page--biography .block--editor .inner .artist--photo::before {
  content: "";
  display: block;
  width: 100%;
  height: min(59vw + 140px, 850px);
  background: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.page--biography .block--editor .inner .artist--photo::after {
  content: "";
  display: block;
  width: 100%;
  height: 16vw;
  background: linear-gradient(#141517 40%, transparent);
  position: absolute;
  top: 0;
  left: 0;
}
.page--biography .block--editor .inner .artist--photo img {
  display: block;
  position: relative;
  z-index: 10;
}
.page--biography .block--editor .inner .artist--photo img.cover {
  display: none;
}
.page--biography .block--editor .inner .artist--photo + .txt--basic {
  position: relative;
  z-index: 10;
  margin-bottom: min(4vw, 100px);
}
.page--biography .block--editor .list--member {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4%;
  position: relative;
  z-index: 10;
}
.page--biography .block--editor .list--member .list__item {
  width: 22%;
}
.page--biography .block--editor .list--member .list__item a {
  display: block;
  line-height: 1;
  position: relative;
}
.page--biography .block--editor .list--member .list__item a .ph {
  overflow: hidden;
  border-radius: 8px;
}
.page--biography .block--editor .list--member .list__item a .ph .dummy {
  display: none;
}
.page--biography .block--editor .list--member .list__item a .name {
  width: 80%;
  border-radius: 8em;
  font-weight: bold;
  font-size: 0.8em;
  background: #BE8C4E;
  text-align: center;
  line-height: 1;
  padding: 1em 1.5em;
  position: absolute;
  left: 50%;
  bottom: -17px;
  transform: translateX(-50%);
}

.page--biography.biography__detail {
  background: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
  position: relative;
}
.page--biography.biography__detail::before, .page--biography.biography__detail::after {
  content: "";
  display: block;
  width: 100%;
  height: 15vw;
  background: linear-gradient(#141517 40%, transparent);
  position: absolute;
  left: 0;
}
.page--biography.biography__detail::before {
  top: 0;
}
.page--biography.biography__detail::after {
  bottom: 0;
  transform: rotate(180deg);
}
@media screen and (min-width: 961px) {
  .page--biography.biography__detail .section--detail {
    width: calc(90% - 80px);
  }
}
.page--biography.biography__detail .section--detail .inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 10;
}
.page--biography.biography__detail .section--detail .inner .list--sns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 5vw;
}
.page--biography.biography__detail .section--detail .inner .list--sns li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #BE8C4E;
  border-radius: 30px;
  line-height: 1;
}
.page--biography.biography__detail .section--detail .inner .block--txt {
  width: 40%;
  position: relative;
  top: 0;
}
.page--biography.biography__detail .section--detail .inner .block--txt h2 {
  display: none;
}
.page--biography.biography__detail .section--detail .inner .block--txt h3 {
  font-size: 2em;
  line-height: 1.5;
  margin-bottom: 3vw;
}
.page--biography.biography__detail .section--detail .inner .block--txt h3 span {
  display: block;
  font-size: 15px;
}
.page--biography.biography__detail .section--detail .inner .block--txt .txt--basic {
  font-weight: bold;
  margin-bottom: 30px;
}
.page--biography.biography__detail .section--detail .inner .block--txt dl {
  font-weight: bold;
  margin-bottom: 30px;
}
.page--biography.biography__detail .section--detail .inner .block--txt dl dt {
  font-size: 0.9em;
}
.page--biography.biography__detail .section--detail .inner .block--txt dl dd {
  color: #BE8C4E;
}
.page--biography.biography__detail .section--detail .inner .block--txt dl dd:not(:last-of-type) {
  margin-bottom: 10px;
}
.page--biography.biography__detail .section--detail .inner .block--sample-voice {
  width: 120%;
  border-radius: 10px;
  margin: 30px auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.page--biography.biography__detail .section--detail .inner .block--sample-voice iframe {
  position: relative !important;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--biography.biography__detail .section--detail .inner .block--sample-voice {
    width: 100%;
  }
}
.page--biography.biography__detail .section--detail .inner .block--letter {
  width: 120%;
  background: rgba(255, 255, 255, 0.1607843137);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  border-radius: 10px;
  padding: 45px 30px 30px;
  position: relative;
  margin-bottom: 30px;
  z-index: 10;
}
.page--biography.biography__detail .section--detail .inner .block--letter::before, .page--biography.biography__detail .section--detail .inner .block--letter::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/corner_g.svg);
  background-size: contain;
  position: absolute;
  top: 15px;
}
.page--biography.biography__detail .section--detail .inner .block--letter::before {
  left: 15px;
}
.page--biography.biography__detail .section--detail .inner .block--letter::after {
  right: 14px;
  transform: scaleX(-1);
}
.page--biography.biography__detail .section--detail .inner .block--letter .tit {
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 3em;
}
.page--biography.biography__detail .section--detail .inner .block--letter .btn {
  position: relative;
}
.page--biography.biography__detail .section--detail .inner .block--letter .btn::before {
  content: "";
  display: block;
  width: 6em;
  height: 6em;
  background: no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0.5em;
  z-index: 1;
  pointer-events: none;
}
.page--biography.biography__detail .section--detail .inner .block--letter .btn a {
  display: block;
  background: #fff;
  border-radius: 4em;
  color: #BE8C4E;
  font-weight: bold;
  padding: 1.3em 7em 1.3em 3em;
  position: relative;
  transition: 0.4s;
}
.page--biography.biography__detail .section--detail .inner .block--letter.member--vau .btn::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/feature/member/square_mini_vau.webp);
}
.page--biography.biography__detail .section--detail .inner .block--letter.member--take .btn::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/feature/member/square_mini_take.webp);
}
.page--biography.biography__detail .section--detail .inner .block--letter.member--shiyun .btn::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/feature/member/square_mini_shiyun.webp);
}
.page--biography.biography__detail .section--detail .inner .block--letter.member--teruto .btn::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/feature/member/square_mini_teruto.webp);
}
@media screen and (min-width: 961px) {
  .page--biography.biography__detail .section--detail .inner .block--letter .txt--basic {
    text-align: center;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter .btn a:hover {
    background: #BE8C4E;
    color: #fff;
    opacity: 1;
  }
}
.page--biography.biography__detail .section--detail .inner .block--artist {
  width: 70%;
  position: relative;
  left: 4%;
  top: max(-11vw, -190px);
}

@media screen and (min-width: 961px) {
  .page--biography.biography__detail .section--detail .inner .block--txt .detail__btn {
    margin: 0 auto 0 34%;
  }
}
/* page--introduction
------------------------------ */
body.page--feature:has(.page--introduction) .wrap {
  padding-top: 0;
  padding-bottom: 325px;
  background: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
  background-attachment: fixed;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature:has(.page--introduction) .wrap {
    padding-bottom: 90px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
  }
  body.page--feature:has(.page--introduction) .wrap .container {
    background: none !important;
  }
}
body.page--feature:has(.page--introduction) .wrap::before, body.page--feature:has(.page--introduction) .wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 16vw;
  background: linear-gradient(#141517 40%, transparent);
  position: absolute;
  left: 0;
}
body.page--feature:has(.page--introduction) .wrap::after {
  bottom: 0;
  transform: rotate(180deg);
}
body.page--feature:has(.page--introduction) .wrap .container {
  background: rgba(0, 0, 0, 0.3);
}

.page--feature .page--introduction .block--logo {
  height: 10vw;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/logo/logo--fc.webp);
  background-size: contain;
}
.page--feature .page--introduction .block--logo .artistname, .page--feature .page--introduction .block--logo .fanclubname {
  display: none;
}
@media screen and (min-width: 961px) {
  .page--feature .page--introduction .block--service figure.thumb {
    width: 70%;
    margin: 0 auto;
  }
}
.page--feature .page--introduction .block--service__item {
  width: 70%;
  margin: 5vw auto;
  background-image: linear-gradient(180deg, #141516 0%, #533812 100%), conic-gradient(from var(--gradient-angle), #BE8C4E 0%, #987f3f 37%, #e2d7b5 30%, #987f3f 33%, #e2d7b5 40%, #BE8C4E 50%, #987f3f 77%, #e2d7b5 80%, #987f3f 83%, #BE8C4E 90%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border-radius: 10px;
  border: 1px solid transparent;
  position: relative;
  padding: 40px 20px 35px;
  animation: 4s gradient-angle infinite linear;
}
.page--feature .page--introduction .block--service__item figure.thumb {
  width: 70%;
  margin: 0 auto 30px;
}
.page--feature .page--introduction .block--service__item .block--title {
  border: none;
  text-align: center;
  font-weight: bold;
  color: #BE8C4E;
  letter-spacing: 0.05em;
  font-size: 1.4em;
  margin-bottom: 30px;
}
.page--feature .page--introduction .block--service__item .txt--basic.bold {
  text-align: center;
}
.page--feature .page--introduction .attention_entry,
.page--feature .page--introduction [class^=block--] table {
  width: 70%;
  margin: 0 auto;
  background: #141517;
}
.page--feature .page--introduction .attention_entry {
  margin: 20px auto;
}
.page--feature .page--introduction .block--first_login {
  width: 70%;
  border: 1px solid;
  border-radius: 10px;
  background: #141517;
  padding: 30px;
  margin: 0 auto 50px;
}
.page--feature .page--introduction .block--first_login + .txt--link {
  margin-bottom: 10px;
}

/* page--movie
------------------------------ */
.page--movie #form__search .searchBox {
  width: 60%;
  margin: 0 auto;
}
.page--movie #form__search .searchBox input[type=text] {
  background: #141517;
  border: 1px solid #42464c;
  color: #BE8C4E;
}
.page--movie #form__search .searchBox input[type=submit] {
  color: #BE8C4E;
}

/* page--photo
------------------------------ */
.page--photo .list--photo .list__item .thumb {
  margin-bottom: 0;
}
.page--photo.page--photo-detail .wrap {
  background: none;
}
.page--photo.page--photo-detail .wrap .section-tit {
  font-size: 20px;
  padding: 0 110px;
  line-height: 1.4;
}
.page--photo.page--photo-detail .wrap .section-tit .tit--sub {
  display: none;
}
.page--photo.page--photo-detail .wrap .list--thumbnail {
  gap: 2vw 3%;
}
.page--photo.page--photo-detail .wrap .list--thumbnail li {
  width: 31.3333333333%;
  margin-right: 0;
  margin-bottom: 0;
}
.page--photo.page--photo-detail .wrap .list--thumbnail li a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.page--photo.page--photo-detail .wrap .detail__btn {
  margin-top: 40px;
}

.page--movie.user--status__monthly-Member .list--thumbnail .list__item.item__annualMember .thumb .limited-thumb,
.page--movie .wrap.user--status__monthly-Member .list--thumbnail .list__item.item__annualMember .thumb .limited-thumb, .page--photo.user--status__monthly-Member .list--thumbnail .list__item.item__annualMember .thumb .limited-thumb,
.page--photo .wrap.user--status__monthly-Member .list--thumbnail .list__item.item__annualMember .thumb .limited-thumb {
  display: flex;
}

/* page--qa
------------------------------ */
.page--qa.page--qa-edit .section--detail > .txt, .page--qa.page--qa-confirm .section--detail > .txt {
  text-align: center;
}
.page--qa.page--qa-edit .form--confirm,
.page--qa.page--qa-edit .form--post, .page--qa.page--qa-confirm .form--confirm,
.page--qa.page--qa-confirm .form--post {
  max-width: 700px;
  background: #42464c;
  border: none;
  border-radius: 10px;
  overflow: hidden;
  padding: 30px 30px 20px;
  margin: 40px auto;
}
.page--qa.page--qa-edit .form--confirm dt,
.page--qa.page--qa-edit .form--post dt, .page--qa.page--qa-confirm .form--confirm dt,
.page--qa.page--qa-confirm .form--post dt {
  margin-top: 0;
}
.page--qa.page--qa-edit .form--confirm dd textarea,
.page--qa.page--qa-edit .form--post dd textarea, .page--qa.page--qa-confirm .form--confirm dd textarea,
.page--qa.page--qa-confirm .form--post dd textarea {
  background: #fff;
}
.page--qa.page--qa-edit input[readonly=readonly], .page--qa.page--qa-confirm input[readonly=readonly] {
  background: #2d2d2d;
  color: #acacac;
}
.page--qa.page--qa-confirm .section--detail .block--title {
  border: none;
}
.page--qa.page--qa-confirm .section--detail .block--title .txt--basic {
  text-align: center;
}
.page--qa.page--qa-done .section--detail .txt {
  text-align: center;
  margin-bottom: 30px;
}
.page--qa .block__question {
  border: 1px solid #42464c;
}
.page--qa .block__answer {
  background-image: linear-gradient(180deg, #141516 0%, #533812 100%), conic-gradient(from var(--gradient-angle), #BE8C4E 0%, #987f3f 37%, #e2d7b5 30%, #987f3f 33%, #e2d7b5 40%, #BE8C4E 50%, #987f3f 77%, #e2d7b5 80%, #987f3f 83%, #BE8C4E 90%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border: 1px solid transparent;
  position: relative;
  animation: 4s gradient-angle infinite linear;
  margin-bottom: 8vw;
}
.page--qa .block__answer .tit--a {
  color: #BE8C4E;
}

/* page--arcade
------------------------------ */
.wrap .container .page--arcade .section--list .txt--lead {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2em;
  margin-bottom: 3vw;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .wrap .container .page--arcade .section--list .txt--lead {
    font-size: 1em;
    line-height: 1.6em;
    margin-bottom: 8vw;
  }
}
.wrap .container .page--arcade .section--list .block--item {
  margin: 30px auto;
}
@media screen and (min-width: 961px) {
  .wrap .container .page--arcade .section--list .block--item {
    width: 60%;
  }
}
.wrap .container .page--arcade .section--list .btn--main {
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}
.wrap .container .page--arcade .section--list .list--thumbnail {
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .wrap .container .page--arcade .section--list .list--thumbnail {
    width: 50%;
  }
}
.wrap .container .page--arcade .section--list .list--thumbnail .list__item {
  width: 100%;
}
.wrap .container .page--arcade .section--list .list--thumbnail .list__item .thumb {
  height: auto;
  max-height: unset;
  background: #141517;
}
.wrap .container .page--arcade .section--list .list--thumbnail .list__item .block--txt {
  line-height: 1.5;
}

/* slide puzzle */
.page--arcade.page--slide_puzzle .btn + .txt--sub {
  margin-bottom: 30px;
}
.page--arcade.page--slide_puzzle .block--contents {
  background: linear-gradient(180deg, #141516 0%, #533812 100%);
  border-radius: 8px;
  border: 1px solid #BE8C4E;
  padding: 5vw;
  margin: 30px auto;
}
.page--arcade.page--slide_puzzle .block--contents .tit {
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #623d11;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.page--arcade.page--slide_puzzle .popup {
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 40px 5%;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s ease-in-out;
}
.page--arcade.page--slide_puzzle .popup .close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -50px;
  top: -50px;
  cursor: pointer;
}
@media screen and (min-width: 961px) {
  .page--arcade.page--slide_puzzle .popup .close {
    transition: 0.3s;
  }
  .page--arcade.page--slide_puzzle .popup .close:hover {
    opacity: 0.5;
  }
}
.page--arcade.page--slide_puzzle .popup .close::before, .page--arcade.page--slide_puzzle .popup .close::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  transform-origin: center;
  top: 50%;
  transform: rotate(45deg);
}
.page--arcade.page--slide_puzzle .popup .close::after {
  transform: rotate(-45deg);
}
.page--arcade.page--slide_puzzle .popup .inner {
  width: 80%;
  position: relative;
}
.page--arcade.page--slide_puzzle .popup .inner .tit {
  border-bottom: 1px solid;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
.page--arcade.page--slide_puzzle .popup .inner dl dt {
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1;
}
.page--arcade.page--slide_puzzle .popup .inner dl dd {
  margin-bottom: 3em;
}
.page--arcade.page--slide_puzzle .popup .inner .back {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.page--arcade.page--slide_puzzle .popup .inner .back a {
  display: block;
  line-height: 1;
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  border: 1px solid;
  border-radius: 4em;
  padding: 0.8em 4em;
}
.page--arcade.page--slide_puzzle .pop--active {
  opacity: 1;
  pointer-events: auto;
}

/* page--letter
------------------------------ */
.page--questionnaire .block--error {
  color: #ffffff;
  background: rgba(204, 0, 0, 0.8);
  padding: 10px;
  margin-bottom: 10px;
}

/* page--letter
------------------------------ */
.page--feature .wrap .container article.page--letter .section--list .txt--basic {
  text-align: center;
  font-weight: bold;
  color: #BE8C4E;
  font-size: 1.3em;
  margin: 30px auto;
}
.page--feature .wrap .container article.page--letter .letter-normal {
  width: 100%;
  max-width: 600px;
  margin: 60px auto 50px;
}
.page--feature .wrap .container article.page--letter .letter-normal a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  background: #42464c;
  padding: 30px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.page--feature .wrap .container article.page--letter .letter-normal a::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: no-repeat center #fff url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_b.svg);
  background-size: 40%;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border-radius: 5em;
}
.page--feature .wrap .container article.page--letter .letter-normal a .ico {
  width: 60px;
  height: 60px;
  line-height: 1;
}
.page--feature .wrap .container article.page--letter .letter-normal a .tit {
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  font-size: 1.4em;
  letter-spacing: 0.05em;
}

.page--questionnaire.page--letter .section--detail {
  width: 90%;
  max-width: 720px;
  position: relative;
}
.page--questionnaire.page--letter .section--detail::before, .page--questionnaire.page--letter .section--detail::after {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/frame/corner_g.svg);
  position: absolute;
  top: 118px;
}
.page--questionnaire.page--letter .section--detail::before {
  left: -10px;
}
.page--questionnaire.page--letter .section--detail::after {
  right: -10px;
  transform: rotate(90deg);
}
.page--questionnaire.page--letter .section--detail .block--title {
  border-bottom: none;
  margin-bottom: 60px;
}
.page--questionnaire.page--letter .section--detail .block--title .section-tit {
  font-size: min(3vw, 45px);
}
.page--questionnaire.page--letter .section--detail .block--title .section-tit .none {
  display: none;
}
.page--questionnaire.page--letter .section--detail .block--title .section-tit .tit--sub {
  display: block;
  text-align: center;
  position: relative;
}
.page--questionnaire.page--letter .section--detail .block--title .section-tit .tit--sub::before {
  content: "レター";
  display: block;
  width: 200%;
  font-size: 13px;
  text-align: center;
  position: absolute;
  left: -50%;
  bottom: -23px;
}
.page--questionnaire.page--letter .section--detail .block--title + .txt--basic {
  position: relative;
  padding-left: 30px;
  margin: 30px auto 30px;
}
.page--questionnaire.page--letter .section--detail .block--title + .txt--basic span.gold {
  color: #FFFFFF;
}
.page--questionnaire.page--letter .section--detail .block--title + .txt--basic span.gray {
  display: block;
}
.page--questionnaire.page--letter .section--detail .block--title + .txt--basic::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--pencil.svg);
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
.page--questionnaire.page--letter .section--detail .form--post .form__select {
  border: none;
  padding-left: 52px;
  background: #131518;
  padding: 5px 1em 5px 51px;
}
.page--questionnaire.page--letter .section--detail .form--post .form__select::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_vau.webp);
  background-size: cover;
  border-radius: 5em;
  position: absolute;
  left: 9px;
  top: calc(50% - 21px);
}
.page--questionnaire.page--letter .section--detail .form--post .form__select:has(select.member-vau)::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_vau.webp);
}
.page--questionnaire.page--letter .section--detail .form--post .form__select:has(select.member-take)::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_take.webp);
}
.page--questionnaire.page--letter .section--detail .form--post .form__select:has(select.member-shiyun)::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_shiyun.webp);
}
.page--questionnaire.page--letter .section--detail .form--post .form__select:has(select.member-teruto)::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_teruto.webp);
}
.page--questionnaire.page--letter .block--letter--body {
  padding: 190px 90px;
  margin-bottom: 40px;
  position: relative;
}
.page--questionnaire.page--letter .block--letter--body .block--letter__bg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  overflow: clip;
}
.page--questionnaire.page--letter .block--letter--body .block--letter__bg > div {
  width: 100%;
  background: no-repeat center;
  background-size: contain;
}
.page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__top {
  height: 173px;
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/normal/upper_part.png);
}
.page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__mid {
  height: calc(100% - 346px);
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/normal/repeat_part.png);
  background-repeat: repeat-y;
}
.page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__btm {
  height: 173px;
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/normal/bottom_part.png);
}
.page--questionnaire.page--letter .block--letter--body > dl {
  border-radius: 10px;
  background: #1c1e21;
  padding: 35px 30px;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}
.page--questionnaire.page--letter .block--letter--body > dl dt {
  display: none;
  margin-bottom: 0;
}
.page--questionnaire.page--letter .block--letter--body > dl dd {
  margin-bottom: 0;
}
.page--questionnaire.page--letter .block--letter--body > dl dd input[type=text],
.page--questionnaire.page--letter .block--letter--body > dl dd select,
.page--questionnaire.page--letter .block--letter--body > dl dd textarea {
  border-radius: 0;
  color: #fff;
  background: none;
  border: none;
}
.page--questionnaire.page--letter .block--letter--body > dl dd select {
  font-weight: bold;
  font-size: 1.3em;
  padding: 0.5em 1.5em 0.5em 0.5em;
}
.page--questionnaire.page--letter .block--letter--body > dl dd select option {
  color: #141517;
}
.page--questionnaire.page--letter .block--letter--body > dl dd .form__select {
  border: 1px solid #39414d;
  width: auto;
  border-radius: 8px;
  margin-bottom: 30px;
}
.page--questionnaire.page--letter .block--letter--body > dl dd .form__select::after {
  width: 0.8em;
  height: 0.8em;
  border-color: #fff;
  transform: rotate(-45deg) translateY(-50%);
  top: 42%;
}
.page--questionnaire.page--letter .block--letter--body > dl dd textarea {
  min-height: 11em;
  resize: none;
}
.page--questionnaire.page--letter.page--questionnaire-confirm .block--title + .txt {
  text-align: center;
  margin: 30px auto;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm {
  border: none;
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm dd:first-of-type {
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  margin-bottom: 40px;
  padding-left: 60px;
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm dd:first-of-type::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background: no-repeat center;
  background-size: cover;
  border-radius: 5em;
  position: absolute;
  left: 0;
  top: calc(50% - 25px);
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm dd:first-of-type::after {
  content: "くんへ";
  display: inline-block;
  font-weight: bold;
  margin-left: -2px;
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm dd:last-of-type {
  text-align: right;
  margin-top: 30px;
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm.member-vau dd:first-of-type::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_vau.webp);
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm.member-take dd:first-of-type::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_take.webp);
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm.member-shiyun dd:first-of-type::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_shiyun.webp);
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm.member-teruto dd:first-of-type::before {
  background-image: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/letter/icon/avatar_teruto.webp);
}
.page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm.member-teruto dd:first-of-type::after {
  content: "へ";
}
.page--questionnaire.page--letter.page--questionnaire-confirm:has(.block--error) .block--title:first-of-type {
  display: none;
}
.page--questionnaire.page--letter.page--questionnaire-complete .section--detail .block--title + .txt--basic::before {
  display: none;
}

/* page--report
------------------------------ */
.page--blog .wrap .section--list .wrap--icon {
  display: none;
}
.page--blog .wrap .section--list > .thumb {
  width: calc(100% - 160px);
  margin: 50px auto;
}
.page--blog .wrap .section--list .report--title {
  letter-spacing: 0.05em;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin: -2vw auto 7vw;
}
.page--blog .wrap .section--detail .block--title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.page--blog .wrap .section--detail .block--title .wrap--data {
  width: 100%;
  order: 2;
}
.page--blog .wrap .section--detail .block--txt.block--editor {
  margin-bottom: 8vw;
}
.page--blog .wrap .block--attention {
  background: #141517;
  text-align: center;
  border: 1px solid #42464c;
  padding: 3em;
  margin: 4em auto 0;
}
.page--blog .wrap .block--attention .tit {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 1em;
}

/* page--faq
------------------------------ */
body.page--faq .wrap {
  background: none;
}
body.page--faq .wrap .section--list::before, body.page--faq .wrap .section--list::after {
  display: none;
}
body.page--faq .wrap .searchBox {
  border: 1px solid #42464c;
  border-radius: 8px;
  margin: 0 auto 80px;
}
body.page--faq .wrap .searchBox input[type=text] {
  color: #FFFFFF;
}
body.page--faq .wrap .tit--category {
  font-weight: bold;
  font-size: 1.5em;
  color: #BE8C4E;
  margin: 0 0 20px;
}
body.page--faq .wrap .list--faq li {
  border-bottom: 1px solid #42464c;
}
body.page--faq .wrap .list--faq li a {
  display: block;
  padding: 30px 60px 30px 0;
  position: relative;
}
body.page--faq .wrap .list--faq li a .txt {
  font-weight: bold;
}
body.page--faq .wrap .list--faq li a::before {
  content: "";
  width: 43px;
  height: 43px;
  background: no-repeat center url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/ico/ico--arrow_w.svg);
  background-size: 35%;
  border: 1px solid #42464c;
  border-radius: 40px;
  position: absolute;
  top: calc(50% - 21px);
  right: 10px;
}
body.page--faq .wrap .block--faq-detail {
  padding: 0;
  border: none;
}
body.page--faq .wrap .block--faq-detail span.icon--a {
  background: #BE8C4E;
}
body.page--faq .wrap .block--contact p a {
  color: #fff;
}

body:not(.page--home) .wrap:has(article.page--faq) {
  background: none;
}
body:not(.page--home) .wrap:has(article.page--faq) .container {
  background: none;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .section-tit::before, body:not(.page--home) .wrap:has(article.page--faq) .container .section-tit::after, body:not(.page--home) .wrap:has(article.page--faq) .container::before, body:not(.page--home) .wrap:has(article.page--faq) .container::after {
  display: none;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .section--list::before, body:not(.page--home) .wrap:has(article.page--faq) .container .section--list::after {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .wrap:has(article.page--faq) .container .section-tit {
    font-size: 5vw;
  }
}
body:not(.page--home) .wrap:has(article.page--faq) .container .tit--category {
  font-weight: bold;
  font-size: 1.5em;
  color: #BE8C4E;
  margin: 0 0 20px;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq li {
  border-bottom: 1px solid #42464c;
  padding: 0;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq li a {
  display: inline-block;
  padding: 0;
  text-decoration: underline;
}
@media screen and (min-width: 961px) {
  body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq li .faq--q {
    transition: 0.4s;
  }
  body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq li:hover .faq--q {
    color: #BE8C4E;
  }
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq .icon--q,
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq .icon--a {
  font-family: "Jost", "Noto Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq .icon--q {
  float: none;
  position: absolute;
  left: 0;
  top: 31px;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq .icon--a {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  border-radius: 30px;
  background: #BE8C4E;
  position: absolute;
  left: 0;
  top: 0;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq .faq--q {
  font-weight: bold;
  position: relative;
  padding: 2em 1.25em 2em 1.3em;
  cursor: pointer;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq .faq--q i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq .faq--a {
  display: none;
  position: relative;
  padding: 0 0 2em 3em;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .list--faq .faq--a .txt {
  padding-left: 0;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .block--faq-detail {
  padding: 0;
  border: none;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .block--faq-detail span.icon--a {
  background: #BE8C4E;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .block--contact p a {
  color: #fff;
}
body:not(.page--home) .wrap:has(article.page--faq) .container .contact--txt {
  text-align: center;
}

/* page--support
------------------------------ */
.section--detail.support .section-tit::before, .section--detail.support .section-tit::after {
  display: none;
}
.section--detail.support .section-tit.started div em {
  transform: translateY(0);
}
.section--detail.support .nav__submit--privacy {
  margin-top: 40px;
}
.section--detail.support .nav__submit--privacy .inner > p {
  margin-bottom: 20px;
}

/* page--error
------------------------------ */
.page--membership-id-guide .membership-id-guide__title {
  color: #080c30;
}

/* page--error
------------------------------ */
.section-error .tit {
  font-size: 7vw;
}
.section-error .tit .number {
  font-size: inherit;
}

@media (hover: none) and (orientation: landscape) {
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator {
    opacity: 1;
  }
}
@media screen and (min-width: 961px) {
  /* list
  ------------------------------ */
  .list.list--information li.list__item a::before {
    transition: 0.4s;
  }
  .list.list--information li.list__item a:hover {
    opacity: 1;
  }
  .list.list--information li.list__item a:hover .tit {
    color: #BE8C4E;
  }
  .list.list--information li.list__item a:hover::before {
    animation: 0.6s arrow-animation 1;
  }
  .list--thumbnail .list__item a .block--txt {
    transition: background 0.4s;
  }
  .list--thumbnail .list__item a .block--txt::before, .list--thumbnail .list__item a .block--txt .date {
    transition: 0.4s;
  }
  .list--thumbnail .list__item a .thumb::before {
    content: "";
    display: block;
    width: 80px;
    height: 110%;
    background: #fff;
    filter: blur(40px);
    transform: skew(-30deg) translateX(-30px);
    position: absolute;
    top: 0px;
    left: -50%;
    opacity: 0.2;
    pointer-events: none;
    will-change: transform, opacity;
  }
  .list--thumbnail .list__item a:hover .block--txt {
    background: #2d3239;
  }
  .list--thumbnail .list__item a:hover .block--txt .date {
    color: #fff;
  }
  .list--thumbnail .list__item a:hover .block--txt::before {
    animation: 0.6s arrow-animation 1;
  }
  .list--thumbnail .list__item a:hover .thumb::before {
    transition: 0.6s ease-out;
    transform: skewX(-30deg) translateX(70vw);
  }
  .list--thumbnail .list__item:has(a:hover) {
    background: #2d3239;
  }
  .detail__back:hover a {
    opacity: 1;
  }
  .list--qa .list__item a .block--txt {
    transition: 0.4s;
  }
  .list--qa .list__item a .block--txt::after, .list--qa .list__item a .block--txt .date {
    transition: 0.4s;
  }
  .list--qa .list__item a:hover {
    opacity: 1;
    background: #2d3239;
  }
  .list--qa .list__item a:hover::after {
    animation: 0.6s arrow-animation 1;
  }
  .list--faq li a .tit {
    transition: 0.4s;
  }
  .list--faq li a:hover {
    opacity: 1;
    color: #BE8C4E;
  }
  .list--faq li a:hover::before {
    animation: 0.6s arrow-animation 1;
  }
  .list--link li a:hover {
    opacity: 0.4;
  }
  /* parts
  ------------------------------ */
  .swiper-initialized .swiper-button-prev::after,
  .swiper-initialized .swiper-button-next::after {
    transition: 0.4s;
  }
  .swiper-initialized .swiper-button-prev:hover::after,
  .swiper-initialized .swiper-button-next:hover::after {
    background-color: #BE8C4E;
    animation: 0.6s arrow-animation 1;
  }
  .block--pager a:hover {
    color: #BE8C4E;
  }
  .block--pager .pager__item--older a:hover,
  .block--pager .pager__item--newer a:hover {
    background: #BE8C4E;
    color: #141517;
  }
  /* header
  ------------------------------ */
  /* drawer
  ------------------------------ */
  #header-nav + .drawer__btn span {
    transition: 0.4s;
    transform-origin: center;
  }
  #header-nav + .drawer__btn span.mid {
    transform-origin: left;
  }
  #header-nav + .drawer__btn:hover {
    background: #cca676;
  }
  #header-nav + .drawer__btn:hover span.top {
    top: calc(50% - 1px);
    transform: rotate(45deg);
  }
  #header-nav + .drawer__btn:hover span.mid {
    transform: scaleX(0);
    transform-origin: right;
  }
  #header-nav + .drawer__btn:hover span.btm {
    top: calc(50% - 1px);
    transform: rotate(-45deg);
  }
  #header-nav.header .drawer .nav .g-nav--item a {
    transition: 0.4s;
  }
  #header-nav.header .drawer .nav .g-nav--item a::before {
    transition: 0.4s;
  }
  #header-nav.header .drawer .nav .g-nav--item a:hover {
    background: #2d3239;
  }
  #header-nav.header .drawer .nav .g-nav--item a:hover::before {
    animation: 0.6s arrow-animation 1;
  }
  #header-nav.header .drawer .nav.nav__member-menu .g-nav--item a:hover {
    background: #c0c0c0;
  }
  #header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__join a::after,
  #header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__login a::after {
    display: none;
  }
  #header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__join a:hover {
    background: #ddae74;
  }
  #header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__login a:hover {
    text-decoration: none;
    color: #BE8C4E;
  }
  @keyframes arrow-animation {
    0% {
      background-position: 50% center;
    }
    50% {
      background-position: 200% center;
    }
    50.001% {
      background-position: -100% center;
    }
    100% {
      background-position: 50% center;
    }
  }
  /* .page--home
  ------------------------------ */
  .page--home .wrap {
    padding-bottom: 0;
  }
  .page--home .wrap .block--content-wrap {
    padding-top: 2vw;
  }
  .page--home .wrap #float--banner a:hover {
    background: #be9d74;
  }
  .page--home .wrap #section--heroimg {
    margin-bottom: 0;
  }
  .page--home .wrap #section--banner {
    margin-top: 0;
  }
  .page--home .wrap #section--banner .block--indicator {
    display: none !important;
  }
  .page--home .wrap #section--banner.num2 .list--bnr, .page--home .wrap #section--banner.num3 .list--bnr, .page--home .wrap #section--banner.num4 .list--bnr, .page--home .wrap #section--banner.no-carousel .list--bnr {
    transform: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  .page--home .wrap #section--banner.num2 .list--bnr .list__item, .page--home .wrap #section--banner.num3 .list--bnr .list__item, .page--home .wrap #section--banner.num4 .list--bnr .list__item, .page--home .wrap #section--banner.no-carousel .list--bnr .list__item {
    width: auto !important;
    max-width: 300px;
    margin: 0 10px !important;
  }
  .page--home .wrap #section--banner.num4 {
    width: 90%;
    max-width: 1500px;
    margin: 0 auto min(8vw, 120px);
  }
  .page--home .wrap #section--banner.num4 .list--bnr {
    gap: 0 10px;
  }
  .page--home .wrap #section--banner.num4 .list--bnr .list__item {
    max-width: calc((100% - 30px) / 4);
    margin: 0 !important;
  }
  .page--home .wrap #section--banner .list--bnr .list__item {
    margin: 0;
  }
  .page--home .wrap #section--banner .list--bnr .list__item .thumb__wrap {
    text-align: center;
  }
  .page--home .wrap #section--banner .list--bnr li a:hover {
    opacity: 0.5;
  }
  .page--home .wrap #section--member .block--swiper {
    width: min(100vw, 2400px) !important;
    margin: 0 auto;
  }
  .page--home .wrap #section--member .block--swiper .swiper-wrapper {
    width: 100% !important;
    transform: none !important;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
    padding: 0;
    box-sizing: content-box;
    margin: 0 auto;
    margin-right: -1%;
  }
  .page--home .wrap #section--member .block--swiper .swiper-slide {
    width: 30% !important;
    margin: 0 -2%;
    position: relative;
    z-index: 2;
  }
  .page--home .wrap #section--member .block--swiper .swiper-slide.area--shiyun {
    margin-right: -7%;
  }
  .page--home .wrap #section--member .block--swiper .swiper-slide.area--shiyun .block--detail {
    left: 40%;
  }
  .page--home .wrap #section--member .block--swiper .swiper-slide.area--take {
    bottom: max(-2.5vw, -60px);
  }
  .page--home .wrap #section--member .block--swiper .swiper-slide.area--take .block--detail {
    left: 55%;
    bottom: 21.3%;
  }
  .page--home .wrap #section--member .block--swiper .swiper-slide.area--vau {
    z-index: 1;
    margin-right: -4%;
  }
  .page--home .wrap #section--member .block--swiper .swiper-slide.area--teruto .block--detail {
    left: 55%;
  }
  .page--home .wrap #section--member .block--indicator {
    display: none !important;
  }
  .page--home .wrap #section--member .list__more a,
  .page--home .wrap .block--contents > .list__more a {
    transition: 0.5s cubic-bezier(0, 0, 0.1, 0.92);
  }
  .page--home .wrap #section--member .list__more a::after,
  .page--home .wrap .block--contents > .list__more a::after {
    display: none;
  }
  .page--home .wrap #section--member .list__more a:hover,
  .page--home .wrap .block--contents > .list__more a:hover {
    background: #42464c;
  }
  .page--home .wrap #section--member .list__more a:hover::before,
  .page--home .wrap .block--contents > .list__more a:hover::before {
    border-color: #fff;
    animation: 0.6s arrow-animation 1;
  }
  .page--home .wrap #section--member.started .swiper-wrapper > .list__item.area--shiyun > a,
  .page--home .wrap #section--member.started .swiper-wrapper > .list__item.area--teruto > a {
    transition-delay: 0.6s;
  }
  /* under page common
  ------------------------------ */
  body:not(.page--home) .wrap .container ul.list--thumbnail .list__item a {
    height: 100%;
  }
  body:not(.page--home) .wrap .container ul.list--thumbnail .list__item .thumb {
    height: calc(9 * (85vw - 80px) / 3 / 16);
    max-height: 177px;
  }
  body:not(.page--home) .wrap .container ul.list--thumbnail .list__item .block--txt {
    height: max(calc(100% - (((85vw - 80px)/3) * 9 / 16)), calc(100% - 177px));
  }
  .wrap .container .section--list .list--thumbnail {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 5vw 3%;
  }
  .wrap .container .section--list .list--thumbnail .list__item {
    width: 31.3333333333%;
    background: #42464d;
    transition: background 0.4s;
    margin-right: 0;
    margin-bottom: 0;
    line-height: 1;
  }
  .wrap .container .section--list .list--thumbnail .list__item:has(a:hover) {
    background: #2d3239;
  }
  /* .page--video
  ------------------------------ */
  .page--video .wrap .container .section--list .list--thumbnail .list__item {
    width: 48.5%;
  }
  .page--video .wrap .container .section--list .list--thumbnail .list__item .thumb {
    height: calc(9 * (85vw - 80px) / 2 / 16);
    max-height: 279px;
  }
  .page--video .wrap .container .section--list .list--thumbnail .list__item .block--txt {
    height: max(calc(100% - (85vw - 80px) / 2), calc(100% - 279px));
  }
  /* .page--video
  ------------------------------ */
  .page--biography .block--editor .list--member li a:hover {
    opacity: 1;
  }
  .page--biography .block--editor .list--member li a:hover .ph::before {
    transition: 0.6s ease-out;
    transform: skewX(-30deg) translateX(70vw);
  }
  .page--biography .block--editor .list--member li a:hover .name {
    background: #cca676;
  }
  .page--biography .block--editor .list--member li a .ph {
    position: relative;
  }
  .page--biography .block--editor .list--member li a .ph::before {
    content: "";
    display: block;
    width: 80px;
    height: 110%;
    background: #fff;
    filter: blur(40px);
    transform: skew(-30deg) translateX(-30px);
    position: absolute;
    top: 0px;
    left: -50%;
    opacity: 0.2;
    pointer-events: none;
  }
  .page--biography .block--editor .list--member li a .name {
    transition: 0.3s;
  }
  /* .page--photo
  ------------------------------ */
  body.page--photo .wrap .container .list--thumbnail.list--photo .list__item .thumb {
    height: calc((85vw - 80px) / 3);
    max-height: 320.85px;
    transition: none;
  }
  body.page--photo .wrap .container .list--thumbnail.list--photo .list__item .block--txt {
    height: max(calc(100% - (85vw - 80px) / 3), calc(100% - 320.85px));
  }
  body.page--photo .list--photo .list__item .thumb + a {
    position: relative;
    display: flex;
    align-items: stretch;
    height: 100%;
  }
  body.page--photo.page--photo-detail .wrap .section-tit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 670px;
    font-size: min(2vw, 30px);
    padding: 0 min(4vw, 60px);
  }
  /* .page--letter
  ------------------------------ */
  .page--feature .wrap .container article.page--letter .letter-normal a:hover {
    background: #6c7179;
  }
  .page--feature .wrap .container article.page--letter .letter-normal a:hover::before {
    animation: 0.6s arrow-animation 1;
  }
  /* .page--arcade
  ------------------------------ */
  /* slide puzzle */
  .page--arcade.page--slide_puzzle .section--detail {
    max-width: 850px;
  }
  .page--arcade.page--slide_puzzle .section--detail h2 {
    width: 70%;
    margin: 0 auto 5vw;
  }
  .page--arcade.page--slide_puzzle .section--detail .thumb {
    width: 45%;
    margin: 8vw auto 4vw;
  }
  .page--arcade.page--slide_puzzle .block--attention {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 8px;
    background: #2d2d2d;
    padding: 3em;
  }
  .page--arcade.page--slide_puzzle .block--contents {
    background: linear-gradient(180deg, #141516 0%, #533812 100%);
    border-radius: 8px;
    border: 1px solid #BE8C4E;
    padding: 5vw;
    margin: 30px auto;
  }
  .page--arcade.page--slide_puzzle .block--contents .tit {
    font-family: "Jost", "Noto Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #623d11;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .page--arcade.page--slide_puzzle .popup {
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 40px 5%;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
  }
  .page--arcade.page--slide_puzzle .pop--active {
    opacity: 1;
    pointer-events: auto;
  }
  /* .page--report
  ------------------------------ */
  .page--blog .section--list .section-tit.header-none {
    font-size: min(3vw, 50px);
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body {
    font-size: 14px;
  }
  /* parts
  ------------------------------ */
  .section-tit {
    font-size: 8vw;
    padding: 0 8vw;
  }
  .section-tit::before, .section-tit::after {
    width: 6vw;
    height: 6vw;
    top: calc(50% - 0.4vw);
  }
  .section-tit .tit--sub::before {
    width: 260%;
    font-size: 11px;
    bottom: -24px;
    left: -80%;
  }
  .tit {
    font-size: 15px;
    line-height: 1.4;
  }
  .block--category li a {
    font-size: 15px;
    padding: 0.25em 1.25em;
  }
  .date, .category {
    font-size: 13px;
  }
  .block--share li.share {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .block--flame {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 15px;
    left: 15px;
  }
  /* btn
  ------------------------------ */
  .btn:has(.btn--main),
  .btn:has(.btn--sub) {
    width: 90%;
  }
  .btn .btn--main, .btn .btn--sub {
    width: 100%;
    font-size: 1.1em;
    line-height: 1.2;
    padding: 1.3em 0.5em;
  }
  /* list
  ------------------------------ */
  .list.list--blog .list__item a::before,
  .list.list--information .list__item a::before,
  .list.list--info .list__item a::before {
    width: 40px;
    height: 40px;
    top: calc(50% - 21px);
  }
  .list.list--blog .list__item a .date,
  .list.list--information .list__item a .date,
  .list.list--info .list__item a .date {
    margin-bottom: 10px;
  }
  .nonlogin .list--thumbnail .list__item.new a .tit::after,
  ul.list--thumbnail .list__item.new a .tit::after {
    top: calc(50% - 27px);
    right: 14px;
  }
  .list--thumbnail .list__item {
    margin-bottom: 8vw;
  }
  .list--thumbnail .list__item a {
    padding: 0;
  }
  .list--thumbnail .list__item a .block--txt .tit {
    margin-bottom: 10px;
  }
  .list--qa .list__item a {
    padding: 1.5em 56px 1.5em 47px;
  }
  .list--qa .list__item a::before {
    left: 14px;
  }
  /* header
  ------------------------------ */
  #header-nav {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    transition: none;
    z-index: 900;
  }
  #header-nav h1.logo {
    display: block !important;
    width: 60%;
    height: auto;
    text-align: center;
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translateY(-50%);
  }
  #header-nav h1.logo a {
    padding: 0;
  }
  #header-nav h1.logo a img {
    display: block;
    max-height: 160px;
    margin: 0 auto;
  }
  #header-nav.header .modal--bg {
    position: fixed;
  }
  #header-nav.header .drawer {
    width: 90%;
    height: calc(100vh - 10vw);
    height: calc(100dvh - 10vw);
    border-radius: 8px;
    right: unset;
    top: 5vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
    left: 5%;
  }
  #header-nav.header .drawer > .g-nav {
    padding-bottom: 0;
  }
  #header-nav.header .drawer .nav {
    padding-top: 0;
  }
  #header-nav.header .drawer .nav .g-nav--item {
    width: 86%;
  }
  #header-nav.header .drawer .g-nav .nav__list--sns li.g-nav--item__sns {
    height: auto;
  }
  #header-nav.header .drawer .nav__list--login.sp {
    display: none !important;
  }
  #header-nav.header .drawer .nav.nav__list--sns.sp {
    width: 86%;
    padding: 14px 11px;
  }
  #header-nav.header .drawer .nav--member {
    width: 86%;
  }
  #header-nav.header .drawer .nav--member .block--login.pc {
    display: block !important;
    margin: 16px 0 30px;
  }
  #header-nav.header .drawer .nav--member .block--login.pc .g-nav--item__login {
    font-size: 13px;
    margin-top: 20px;
  }
  .drawer-visible #header-nav + .drawer__btn {
    border-radius: 4em;
    background: #fff;
    transform: scale(0.8);
    position: fixed;
    top: 0.5vw;
    right: 0.5vw;
  }
  /* drawer
  ------------------------------ */
  #header-nav + .drawer__btn {
    position: fixed;
    z-index: 901;
  }
  .window-scroll:not(.drawer-visible) #header-nav + .drawer__btn .drawer__btn--item.top::before {
    color: #FFFFFF;
  }
  /* .page--home
  ------------------------------ */
  .page--home .wrap > .logo.sp {
    display: none;
  }
  .page--home .wrap .block--content-wrap {
    padding: 0;
  }
  .page--home .wrap .block--contents {
    width: 90%;
    margin: 0 auto 16vw;
  }
  .page--home .wrap .block--title {
    margin: 0 auto 16vw;
  }
  .page--home .wrap .block--title .section-tit {
    padding: 0 8vw;
  }
  .page--home .wrap .list--bnr .list__item {
    margin: 0;
  }
  .page--home .wrap #section--member .list__more,
  .page--home .wrap .block--contents > .list__more {
    margin: 10px 0 0 auto;
  }
  .page--home .wrap #section--member .list__more a,
  .page--home .wrap .block--contents > .list__more a {
    font-size: 14px;
    padding: 12px 38px 12px 17px;
  }
  .page--home .wrap footer .nav__list--sns {
    margin: 0 auto 12vw;
  }
  .page--home .wrap footer .nav__list--sns li {
    margin: 0 3vw;
  }
  .page--home .wrap footer .nav__list--sns li a i {
    font-size: 6vw;
  }
  .page--home .wrap footer .list--link {
    display: block;
    margin-bottom: 16vw;
  }
  .page--home .wrap footer .list--link li {
    display: block;
    text-align: center;
    margin: 20px auto;
  }
  .page--home .wrap footer .list--link li a {
    font-size: 15px;
  }
  .page--home .wrap footer .nav .list-tit {
    display: none;
  }
  .page--home .wrap footer .nav .list--support {
    display: block;
    text-align: center;
  }
  .page--home .wrap footer .nav .list--support .list__item {
    display: inline-block;
  }
  .page--home .wrap #float--banner {
    width: 80%;
    max-width: 400px;
    height: min(16vw, 90px);
    left: 50%;
    bottom: 7vw;
    transform: translateX(-50%);
  }
  .page--home .wrap #float--banner a {
    height: 100%;
    padding: 2px 40px 0;
  }
  .page--home .wrap #float--banner a .ico {
    width: 20%;
    height: auto;
  }
  .page--home .wrap #float--banner a .block--txt {
    width: 80%;
    text-align: center;
    font-size: min(3.8vw, 19px);
  }
  .page--home .wrap #float--banner a .block--txt div {
    font-size: min(3.5vw, 16px);
  }
  .page--home .wrap #float--banner a::before, .page--home .wrap #float--banner a::after {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
  }
  .page--home .wrap #section--heroimg::before, .page--home .wrap #section--heroimg::after {
    height: 40vw;
  }
  .page--home .wrap #section--heroimg::after {
    bottom: 0;
    transform: rotate(180deg);
  }
  .page--home .wrap #section--heroimg .block--flame {
    height: calc(100% - 30px - 29vh);
  }
  .page--home .wrap #section--heroimg .block--inner {
    width: calc(100% - 30px);
    align-items: center;
    justify-content: center;
  }
  .page--home .wrap #section--heroimg .block--inner h1 {
    width: 65%;
    max-width: 24vh;
  }
  .page--home .wrap #section--heroimg .block--inner .artist--photo {
    width: 182%;
    max-width: 100vh;
    margin: 0 -47% 0 -40%;
  }
  .page--home .wrap #section--banner {
    padding-left: 5%;
    padding-right: 5%;
  }
  .page--home .wrap #section--banner .swiper-button-prev,
  .page--home .wrap #section--banner .swiper-button-next,
  .page--home .wrap #section--banner .swiper-pagination {
    display: block;
  }
  .page--home .wrap #section--banner .swiper-pagination {
    text-align: left;
    padding-left: 0;
    position: relative;
    top: 15px;
  }
  .page--home .wrap #section--banner .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: none;
    background: #5a5f68;
  }
  .page--home .wrap #section--banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #BE8C4E;
  }
  .page--home .wrap #section--banner .block--indicator {
    justify-content: flex-end;
    position: relative;
    top: -11px;
    right: 0;
    margin-top: 0;
  }
  .page--home .wrap #section--banner .block--indicator .swiper-button-prev, .page--home .wrap #section--banner .block--indicator .swiper-button-next {
    width: 30px;
    height: 30px;
  }
  .page--home .wrap #section--banner .block--indicator .swiper-button-prev::after, .page--home .wrap #section--banner .block--indicator .swiper-button-prev::after, .page--home .wrap #section--banner .block--indicator .swiper-button-next::after, .page--home .wrap #section--banner .block--indicator .swiper-button-next::after {
    width: 30px;
    height: 30px;
  }
  .page--home .wrap #section--banner .block--indicator .swiper-button-prev {
    top: 0;
  }
  .page--home .wrap #section--banner.no-carousel .block--banner-swiper:not(.swiper-initialized) {
    padding: 0 5%;
    margin-bottom: 22vw;
  }
  .page--home .wrap #section--banner.no-carousel .list--bnr {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page--home .wrap #section--banner.no-carousel .list__item {
    text-align: center;
  }
  .page--home .wrap #section--news .block--title {
    margin-bottom: 8vw;
  }
  .page--home .wrap #section--video .block--banner-swiper {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .page--home .wrap #section--video .block--indicator {
    width: 100%;
    gap: 0 2em;
    margin-top: 0;
    position: absolute;
    top: unset;
    bottom: -20px;
    left: 0;
  }
  .page--home .wrap #section--video .block--indicator .swiper-button-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
  }
  .page--home .wrap #section--video .block--indicator .swiper-button-next {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
  }
  .page--home .wrap #section--video .list--thumbnail {
    overflow: hidden;
    background: #42464c;
    border-radius: 10px;
  }
  .page--home .wrap #section--video .list--thumbnail .list__item {
    opacity: 0 !important;
  }
  .page--home .wrap #section--video .list--thumbnail .list__item.swiper-slide-visible {
    opacity: 1 !important;
  }
  .page--home .wrap #section--video .list--thumbnail .block--txt {
    padding: 16px 20px;
  }
  .page--home .wrap #section--video .list--thumbnail .block--txt .tit {
    margin-bottom: 0;
  }
  .page--home .wrap #section--video > .list__more {
    margin-top: 84px;
  }
  .page--home .wrap #section--member {
    margin-bottom: 8vw;
  }
  .page--home .wrap #section--member::before, .page--home .wrap #section--member::after {
    height: 35vw;
  }
  .page--home .wrap #section--member .list__more {
    margin-top: -8vw;
  }
  .page--home .wrap #section--member .list__item {
    position: relative;
  }
  .page--home .wrap #section--member .list__item > a {
    display: block;
    position: relative;
    margin: 0 -8%;
  }
  .page--home .wrap #section--member .list__item .block--detail {
    width: 80%;
    padding: 18px;
    bottom: 8vw;
  }
  .page--home .wrap #section--member .list__item .block--detail .name {
    color: #fff;
    font-size: 1.3em;
    margin-bottom: 10px;
  }
  .page--home .wrap #section--member .list__item .block--detail dl {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 5px;
  }
  .page--home .wrap #section--member .list__item .block--detail dl dt {
    width: 30%;
    line-height: 1;
  }
  .page--home .wrap #section--member .list__item .block--detail dl dd {
    width: 70%;
    margin-bottom: 12px;
    font-weight: bold;
    line-height: 1;
  }
  .page--home .wrap #section--member .list__item .block--detail .list--sns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
  }
  .page--home .wrap #section--member .list__item .block--detail .list--sns li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #BE8C4E;
    border-radius: 30px;
    line-height: 1;
  }
  .page--home .wrap #section--member .block--indicator {
    justify-content: space-between;
    gap: 0;
    width: 100%;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 10;
  }
  .page--home .wrap #section--member.started .list__item.swiper-slide-active > a {
    opacity: 1;
    transform: translateY(0);
  }
  .page--home .wrap #section--member.started .list__item.swiper-slide-active > .block--detail {
    opacity: 1;
    transition-delay: 0.2s;
  }
  .page--home .wrap #section--login {
    flex-wrap: wrap;
    padding-bottom: 4vw;
  }
  .page--home .wrap #section--login .artist--photo {
    width: 132%;
    margin: -10% -16% -12%;
    position: relative;
    left: 0;
  }
  .page--home .wrap #section--login .block--login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    left: -1%;
    top: 0;
  }
  .page--home .wrap #section--login .block--login .block--inner {
    width: 75%;
  }
  .page--home .wrap #section--login .block--login .block--inner .btn--main {
    width: 100%;
    min-width: unset;
  }
  .page--home .wrap #section--login .block--login .block--inner .txt {
    text-align: center;
  }
  .page--home .wrap #section--login .block--login .block--inner .txt a {
    color: #BE8C4E;
    text-decoration: underline;
  }
  .page--home .wrap #section--login .block--login .nav {
    border-top: none;
  }
  .page--home .wrap .block--fc {
    padding-top: 30vw;
    padding-bottom: 24vw;
  }
  .page--home .wrap .block--fc::before, .page--home .wrap .block--fc::after {
    height: 20vw;
  }
  .page--home .wrap .block--fc > h2 {
    font-size: 8vw;
    line-height: 1.5;
    margin-bottom: 16vw;
  }
  .page--home .wrap .block--fc > h2 > div {
    line-height: 1;
    font-size: 0.5em;
    letter-spacing: 0.05em;
  }
  .page--home .wrap .block--fc > h2 > span:first-of-type {
    display: inline-block;
    margin-left: -0.2em;
    margin-right: -0.05em;
  }
  .page--home .wrap .block--fc > h2 > span:last-of-type {
    display: inline-block;
    margin-right: -0.5em;
    margin-left: 0.12em;
  }
  .page--home .wrap .block--fc .block--inner h2 {
    margin-bottom: -3vw;
  }
  .page--home .wrap .block--fc .block--contents {
    max-width: 1000px;
    margin: 0 auto 8vw;
  }
  .page--home .wrap .block--fc .block--contents > .inner {
    flex-wrap: wrap;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--title {
    width: 100%;
    padding-top: 8vw;
    margin-bottom: 14vw;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper {
    width: 100%;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item {
    width: 100% !important;
    opacity: 0 !important;
    margin-bottom: 0;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item.swiper-slide-active {
    opacity: 1 !important;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item .thumb {
    border-radius: 0;
    margin-bottom: 0;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item .block--txt .tit {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .list__item .block--txt .date {
    font-size: 11px;
    margin-bottom: 0;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 10;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator .swiper-button-prev {
    height: 40px;
    position: absolute;
    left: 0;
    top: calc(50% - 40px);
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--swiper .block--indicator .swiper-button-next {
    height: 40px;
    position: absolute;
    right: 0;
    top: calc(50% - 40px);
  }
  .page--home .wrap .block--fc .block--contents > .inner .section-tit {
    color: #BE8C4E;
  }
  .page--home .wrap .block--fc .block--contents > .inner .section-tit::after {
    content: "";
  }
  .page--home .wrap .block--fc .block--contents > .inner .section-tit span {
    color: #FFFFFF;
  }
  .page--home .wrap .block--fc .block--contents:nth-of-type(2n+1) .inner {
    flex-direction: row-reverse;
  }
  .page--home .wrap #section--photo .list__item {
    opacity: 1 !important;
  }
  .page--home .wrap #section--photo:not(.nonlogin) .limited-thumb {
    display: none;
  }
  .page--home .wrap #section--photo.no-carousel .block--indicator {
    display: none !important;
  }
  .page--home .wrap #section--photo.no-carousel.nonlogin .list__item .thumb .limited-thumb img {
    filter: none;
    transform: none;
  }
  .page--home .wrap #section--qa .list--qa {
    width: 100%;
  }
  .page--home.window-scroll .wrap #float--banner {
    left: 50%;
    bottom: 4vw;
  }
  .page--home .list--information,
  .page--home .list--video {
    transform: translateY(8vw);
    opacity: 0;
    transition: 0.6s cubic-bezier(0, 0, 0.1, 0.92);
  }
  .page--home .started .list--information,
  .page--home .started .list--video {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.3s;
  }
  /* under page common
  ------------------------------ */
  body:not(.page--home) h1.logo.sp {
    display: none !important;
  }
  body:not(.page--home) .wrap {
    padding-top: 0;
    padding-bottom: 90px;
    background: none;
  }
  body:not(.page--home) #header-nav.header h1.logo {
    width: 10vw;
    top: 9.5vw;
    left: 4.5vw;
  }
  body:not(.page--home) #header-nav.header + .drawer__btn {
    right: 2.5vw;
    top: 2.5vw;
  }
  body:not(.page--home) .footer {
    display: block;
  }
  body:not(.page--home) .footer .list--link {
    display: none;
  }
  body:not(.page--home) .section--list, body:not(.page--home) .section--detail {
    width: 86%;
    padding: min(24vw, 150px) 0 40px;
  }
  body:not(.page--home) .section--list::before, body:not(.page--home) .section--list::after, body:not(.page--home) .section--detail::before, body:not(.page--home) .section--detail::after {
    display: none;
    width: 10vw;
    height: 10vw;
    top: 28vw;
  }
  body:not(.page--home) .section--list .section-tit, body:not(.page--home) .section--detail .section-tit {
    margin-bottom: 16vw;
  }
  body:not(.page--home) .container:has(.section--list)::before {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.5;
  }
  body:not(.page--home) .block--pager {
    margin-top: 16vw;
  }
  body:not(.page--home) .section--detail .block--title {
    padding-bottom: 20px;
  }
  body:not(.page--home) .section--detail .block--title .tit {
    font-size: 20px;
    letter-spacing: 0.05em;
  }
  body:not(.page--home) .section--detail .date {
    color: #BE8C4E;
  }
  .list.list--information .list__item a {
    padding: 24px 60px 24px 0;
  }
  /* .page--information
  ------------------------------ */
  .page--information .wrap .section--list .section-tit {
    margin-bottom: 10vw;
  }
  .page--information .wrap .section--detail .block--share {
    padding: 16vw 0;
  }
  /* .page--biography
  ------------------------------ */
  .page--biography .container::before, .page--biography .container::after {
    display: none;
  }
  .page--biography .section--detail {
    padding-bottom: 80px;
  }
  .page--biography .block--editor .inner::after {
    display: none;
  }
  .page--biography .block--editor .inner .artist--photo {
    width: 180%;
    margin: -10% -35% 10vw;
  }
  .page--biography .block--editor .inner .artist--photo::before {
    height: 140vw;
    background-size: 110px;
    opacity: 0.5;
  }
  .page--biography .block--editor .inner .artist--photo::after {
    height: 24vw;
    top: 120vw;
    transform: rotate(180deg);
  }
  .page--biography .block--editor .inner .artist--photo + .txt--basic {
    margin-bottom: 8vw;
  }
  .page--biography .block--editor .list--member {
    flex-wrap: wrap;
    padding: 0;
    gap: 9vw 4%;
  }
  .page--biography .block--editor .list--member .list__item {
    width: 48%;
  }
  .page--biography .block--editor .list--member .list__item:nth-of-type(1) {
    order: 3;
  }
  .page--biography .block--editor .list--member .list__item:nth-of-type(2) {
    order: 1;
  }
  .page--biography .block--editor .list--member .list__item:nth-of-type(3) {
    order: 2;
  }
  .page--biography .block--editor .list--member .list__item:nth-of-type(4) {
    order: 4;
  }
  .page--biography.biography__detail {
    background: url(/static/fcopen/fanplakit/artist/knight-X_gM89Ydu5/images/common/bg/bg.webp);
    position: relative;
  }
  .page--biography.biography__detail::before, .page--biography.biography__detail::after {
    height: 35vw;
  }
  .page--biography.biography__detail::after {
    display: none;
  }
  .page--biography.biography__detail .section--detail .inner {
    padding-bottom: 50vw;
  }
  .page--biography.biography__detail .section--detail .inner .list--sns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 5vw;
  }
  .page--biography.biography__detail .section--detail .inner .list--sns li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #BE8C4E;
    border-radius: 30px;
    line-height: 1;
  }
  .page--biography.biography__detail .section--detail .inner .block--txt {
    width: 100%;
    top: 28vw;
    z-index: 10;
    text-shadow: 0 0 13px #000;
  }
  .page--biography.biography__detail .section--detail .inner .block--txt h3 {
    filter: drop-shadow(0px 0px 12px #141517) drop-shadow(0px 0px 12px #141517);
    margin-bottom: 8vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--txt h3 span {
    display: block;
    font-size: 15px;
  }
  .page--biography.biography__detail .section--detail .inner .block--txt .txt--basic {
    filter: drop-shadow(0px 0px 12px #141517) drop-shadow(0px 0px 12px #141517);
    font-weight: bold;
    margin-bottom: 30px;
  }
  .page--biography.biography__detail .section--detail .inner .block--txt dl {
    font-weight: bold;
    margin-bottom: 30px;
    filter: drop-shadow(0px 0px 12px #141517) drop-shadow(0px 0px 12px #141517);
  }
  .page--biography.biography__detail .section--detail .inner .block--txt dl dt {
    font-size: 0.9em;
  }
  .page--biography.biography__detail .section--detail .inner .block--txt dl dd {
    color: #BE8C4E;
  }
  .page--biography.biography__detail .section--detail .inner .block--txt dl dd:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .page--biography.biography__detail .section--detail .inner .block--artist {
    width: 150%;
    position: absolute;
    left: -28vw;
    top: -16vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter {
    width: 100%;
    text-shadow: none;
    text-align: center;
    padding: 11vw 8vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter::before, .page--biography.biography__detail .section--detail .inner .block--letter::after {
    width: 12vw;
    height: 12vw;
    top: 3vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter::before {
    left: 3vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter::after {
    right: 3vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter .tit {
    font-size: 1em;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter .txt--basic {
    font-size: 13px;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter .btn {
    width: 100%;
    max-width: 350px;
  }
  .page--biography.biography__detail .section--detail .inner .block--letter .btn a {
    padding: 1.3em 5.6em 1.3em 3em;
    font-size: 1.2em;
  }
  .page--biography.biography__detail .section--detail .inner .detail__btn {
    width: 100%;
    margin: 14vw auto 0;
    border: none;
    position: relative;
    left: 0;
  }
  .page--biography.biography__detail .section--detail .inner .detail__btn a {
    width: 60%;
    border: 1px solid #42464c;
    border-radius: 4em;
    margin: 0 auto;
  }
  .page--biography.biography__detail.biography__shiyun .section--detail .inner .block--artist {
    left: 1vw;
  }
  /* page--introduction
  ------------------------------ */
  .page--feature .page--introduction .block--logo {
    width: 80%;
    height: 22vw;
  }
  .page--feature .page--introduction .block--service__item {
    width: 100%;
    margin: 5vw auto;
    text-align: left;
    border-radius: 10px;
    padding: 5vw;
  }
  .page--feature .page--introduction .block--service__item figure.thumb {
    width: 100%;
    margin: 0 auto 30px;
  }
  .page--feature .page--introduction .block--service__item .block--title {
    margin-bottom: 0;
  }
  .page--feature .page--introduction .block--service__item .txt--basic.bold {
    text-align: left;
  }
  .page--feature .page--introduction .attention_entry,
  .page--feature .page--introduction [class^=block--] table {
    width: 100%;
  }
  .page--feature .page--introduction .block--first_login {
    width: 100%;
    border-radius: 10px;
    padding: 5vw;
    margin: 0 auto 50px;
  }
  /* .page--movie
  ------------------------------ */
  .page--movie #form__search .searchBox {
    width: 100%;
  }
  /* .page--photo
  ------------------------------ */
  .page--photo .list--photo {
    margin-bottom: 8vw;
  }
  .page--photo.page--photo-detail .wrap .section--list {
    padding: min(24vw, 150px) 0 40px;
  }
  .page--photo.page--photo-detail .wrap .section-tit {
    padding: 0 min(8vw, 80px);
  }
  .page--photo.page--photo-detail .wrap .section-tit::before {
    top: 50%;
    transform: translateY(-50%);
  }
  .page--photo.page--photo-detail .wrap .section-tit::after {
    top: 50%;
    transform: translateY(-50%) scaleX(-1);
  }
  /* .page--qa
  ------------------------------ */
  .page--qa.page--qa-edit .section--detail > .txt, .page--qa.page--qa-confirm .section--detail > .txt {
    text-align: center;
  }
  .page--qa.page--qa-edit .form--confirm,
  .page--qa.page--qa-edit .form--post, .page--qa.page--qa-confirm .form--confirm,
  .page--qa.page--qa-confirm .form--post {
    padding: 20px 5% 0;
  }
  .page--qa.page--qa-confirm .section--detail .block--title {
    border: none;
  }
  .page--qa.page--qa-confirm .section--detail .block--title .txt--basic {
    text-align: center;
  }
  .page--qa.page--qa-done .section--detail .txt {
    text-align: center;
    margin-bottom: 30px;
  }
  .page--qa .block__question {
    border: 1px solid #42464c;
  }
  .page--qa .block__answer {
    background-image: linear-gradient(180deg, #141516 0%, #533812 100%), conic-gradient(from var(--gradient-angle), #BE8C4E 0%, #987f3f 37%, #e2d7b5 30%, #987f3f 33%, #e2d7b5 40%, #BE8C4E 50%, #987f3f 77%, #e2d7b5 80%, #987f3f 83%, #BE8C4E 90%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    position: relative;
    animation: 4s gradient-angle infinite linear;
    margin-bottom: 8vw;
  }
  .page--qa .block__answer .tit--a {
    color: #BE8C4E;
  }
  /* page--letter
  ------------------------------ */
  .page--feature .wrap .container article.page--letter .section--list .txt--basic {
    font-size: 1.1em;
  }
  .page--feature .wrap .container article.page--letter .letter-normal {
    width: 100%;
    max-width: 480px;
  }
  .page--feature .wrap .container article.page--letter .letter-normal a {
    justify-content: flex-start;
    font-size: min(4.5vw, 26px);
    padding: 1.2em calc(8vw + 25px) 1.2em 1.5em;
  }
  .page--feature .wrap .container article.page--letter .letter-normal a::before {
    width: 7vw;
    height: 7vw;
  }
  .page--feature .wrap .container article.page--letter .letter-normal a .ico {
    width: min(8vw, 50px);
    height: min(8vw, 50px);
  }
  .page--feature .wrap .container article.page--letter .letter-normal a .tit {
    font-size: 1em;
    letter-spacing: 0.05em;
  }
  .page--questionnaire.page--letter .section--detail {
    width: 90%;
    max-width: 720px;
    position: relative;
  }
  .page--questionnaire.page--letter .section--detail::before, .page--questionnaire.page--letter .section--detail::after {
    display: none;
  }
  .page--questionnaire.page--letter .section--detail .block--title {
    margin-bottom: 30px;
  }
  .page--questionnaire.page--letter .section--detail .block--title .section-tit {
    font-size: 8vw;
    margin-bottom: 3vw;
  }
  .page--questionnaire.page--letter .section--detail .block--title .section-tit::before, .page--questionnaire.page--letter .section--detail .block--title .section-tit::after {
    width: 24px;
    height: 24px;
  }
  .page--questionnaire.page--letter .section--detail .block--title .section-tit .tit--sub::before {
    width: 200%;
    font-size: 13px;
    left: -50%;
    bottom: -23px;
  }
  .page--questionnaire.page--letter .section--detail .block--title + .txt--basic {
    padding-left: 26px;
    margin: 0px auto 30px;
  }
  .page--questionnaire.page--letter .section--detail .block--title + .txt--basic::before {
    width: 22px;
    height: 22px;
  }
  .page--questionnaire.page--letter .section--detail .form--post .form__select {
    padding: 5px 1em 5px 51px;
    margin-bottom: 10px;
  }
  .page--questionnaire.page--letter .section--detail .form--post .form__select::before {
    width: 36px;
    height: 36px;
    top: calc(50% - 18px);
  }
  .page--questionnaire.page--letter .block--letter--body {
    padding: 24vw 11vw;
    margin-bottom: 40px;
  }
  .page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__top {
    height: 22vw;
    margin-bottom: -4px;
  }
  .page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__mid {
    height: calc(100% - 44vw);
  }
  .page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__btm {
    height: 22vw;
    margin-top: -4px;
  }
  .page--questionnaire.page--letter .block--letter--body > dl {
    border-radius: 10px;
    background: #1c1e21;
    padding: 10px;
    margin-bottom: 0;
    position: relative;
    z-index: 3;
  }
  .page--questionnaire.page--letter .block--letter--body > dl dt {
    display: none;
    margin-bottom: 0;
  }
  .page--questionnaire.page--letter .block--letter--body > dl dd select {
    font-size: 1.1em;
  }
  .page--questionnaire.page--letter .block--letter--body > dl dd .form__select::after {
    width: 0.6em;
    height: 0.6em;
    top: 42%;
  }
  .page--questionnaire.page--letter .block--letter--body > dl dd textarea {
    min-height: 20em;
  }
  .page--questionnaire.page--letter.page--questionnaire-confirm .block--title + .txt {
    text-align: center;
    margin: 30px auto;
  }
  .page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm {
    border: none;
    margin-top: 0;
    padding-top: 25px;
  }
  .page--questionnaire.page--letter.page--questionnaire-confirm .form--confirm dd:last-of-type {
    text-align: left;
    margin-top: 30px;
  }
  .page--questionnaire.page--letter.page--questionnaire-complete .section--detail .block--title + .txt--basic::before {
    display: none;
  }
  /* .page--arcade
  ------------------------------ */
  .page--arcade .section-tit {
    font-size: 6vw;
  }
  .page--arcade .txt--lead {
    font-size: 1em;
  }
  /* slide puzzle */
  .page--arcade.page--slide_puzzle .popup .inner {
    width: 100%;
    padding-top: 64vw;
  }
  .page--arcade.page--slide_puzzle .close {
    display: none;
  }
  /* .page--blog
  ------------------------------ */
  .page--blog .wrap .section--list .report--title {
    font-size: 4vw;
    margin: -6vw auto 3vw;
  }
  .page--blog .wrap .section--list .section-tit.header-none {
    font-size: 8vw;
  }
  .page--blog .wrap .block--attention {
    padding: 5vw;
  }
  .page--blog .wrap .block--attention .tit {
    font-size: 1.2em;
    margin-bottom: 5px;
  }
  .page--blog .wrap .block--attention .txt--basic {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
  body {
    font-size: 18px;
  }
  /* header
  ------------------------------ */
  #header-nav.header .drawer {
    width: 50%;
    height: auto;
    max-height: calc(100dvh - 10vw);
    padding-top: 4vw;
    padding-bottom: 4vw;
    right: calc(-1.5vw + 55px);
    top: 5vw;
    left: unset;
  }
  #header-nav.header .drawer .nav--member .block--login .nav .g-nav--item__join a {
    font-size: 18px;
  }
  #header-nav.header .drawer .nav .g-nav--item a {
    font-size: 18px;
  }
  /* list
  ------------------------------ */
  .nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div,
  ul.list--thumbnail .list__item .thumb .limited-thumb > div {
    padding-top: min(15vw, 60px);
  }
  .nonlogin .list--thumbnail .list__item .thumb .limited-thumb > div::before,
  ul.list--thumbnail .list__item .thumb .limited-thumb > div::before {
    width: min(12vw, 45px);
    height: min(12vw, 45px);
  }
  /* parts
  ------------------------------ */
  .section-tit {
    font-size: min(5vw, 50px);
    padding: 0 min(7vw, 60px);
  }
  .section-tit::before, .section-tit::after {
    width: min(5vw, 45px);
    height: min(5vw, 45px);
  }
  .section-tit::before {
    left: calc(50% - 1.5vw);
  }
  .section-tit::after {
    right: calc(50% - 1.5vw);
  }
  .section-tit .tit--sub::before {
    width: 300%;
    font-size: max(13px, 0.8vw);
    left: -100%;
    bottom: clamp(-30px, 0.8vw, -42px);
  }
  /* .page--home
  ------------------------------ */
  .page--home .wrap .block--content-wrap {
    padding: 8vw 0 0;
  }
  .page--home .wrap .block--contents {
    width: 80%;
    margin: 0 auto 8vw;
  }
  .page--home .wrap .block--title {
    margin-bottom: 60px;
  }
  .page--home .wrap .block--title .section-tit {
    padding: 0 min(7vw, 60px);
  }
  .page--home .wrap #section--heroimg {
    height: 87vh;
    padding-top: 9vw;
  }
  .page--home .wrap #section--heroimg .block--flame {
    height: 87vh;
  }
  .page--home .wrap #section--heroimg .block--inner h1 {
    width: 20vh;
  }
  .page--home .wrap #section--heroimg .block--inner .artist--photo {
    width: 84vh;
    margin: 0 auto;
  }
  .page--home .wrap #section--banner {
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 12vw;
  }
  .page--home .wrap #section--banner.no-carousel .block--banner-swiper:not(.swiper-initialized) {
    margin-bottom: 0;
  }
  .page--home .wrap #section--banner.no-carousel .block--banner-swiper:not(.swiper-initialized) .list--bnr .list__item {
    max-width: 320px;
  }
  .page--home .wrap #section--member .swiper-wrapper > .list__item > a {
    opacity: 1;
    transform: translateY(0);
  }
  .page--home .wrap #section--member .swiper-wrapper > .list__item .thumb--member {
    text-align: center;
  }
  .page--home .wrap #section--member .swiper-wrapper > .list__item .thumb--member img {
    max-height: 60vh;
  }
  .page--home .wrap #section--member .swiper-wrapper > .list__item .thumb--member .block--detail {
    max-width: 400px;
  }
  .page--home .wrap .block--fc > h2 {
    width: 50%;
    margin-bottom: 8vw;
  }
  .page--home .wrap .block--fc .block--contents > .inner {
    padding: 3vw;
  }
  .page--home .wrap .block--fc .block--contents > .inner .block--title {
    padding-top: 5vw;
    margin-bottom: 8vw;
  }
  .page--home .wrap .block--fc .block--inner > h2 {
    margin-bottom: 0;
  }
  .page--home .wrap .block--fc .block--inner .btn .btn--main {
    font-size: 1.25em;
    padding: 1.1em 3.5em;
  }
  .page--home .wrap footer .list--link {
    display: flex;
    justify-content: center;
    margin-bottom: 8vw;
  }
  .page--home .wrap footer .list--link li {
    margin: 0;
    padding: 0;
  }
  .page--home .wrap footer .nav__list--sns {
    margin: 0 auto 8vw;
  }
  .page--home .wrap footer .nav__list--sns li {
    margin: 0 2vw !important;
  }
  .page--home .wrap footer .nav__list--sns li a i {
    font-size: 3vw;
  }
  /* 下層共通
  ------------------------------ */
  body:not(.page--home) .wrap .list--thumbnail {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*gap: 8vw 4%;
    .list__item{
    	width: 48%;
    	margin-bottom: 0;
    }
    	*/
  }
  body:not(.page--home) .wrap #header-nav.header h1.logo {
    width: 8vw;
    top: 7.5vw;
    left: 2.5vw;
  }
  body:not(.page--home) .wrap #header-nav.header + .drawer__btn {
    right: 3.5vw;
    top: 3.5vw;
  }
  body:not(.page--home) .wrap #header-nav h1.logo a img,
  body:not(.page--home) .wrap #header-nav .inner h1.logo a img {
    max-height: 60px;
  }
  body:not(.page--home) .wrap .section--list, body:not(.page--home) .wrap .section--detail {
    width: 80%;
  }
  body:not(.page--home) .wrap .section--list .section-tit, body:not(.page--home) .wrap .section--detail .section-tit {
    margin-bottom: 12vw;
  }
  body:not(.page--home) .wrap .block--pager {
    margin-top: 8vw;
  }
  body:not(.page--home) .wrap footer .copyright {
    bottom: 0;
  }
  /* page--information
  ------------------------------ */
  .page--information .wrap .section--detail .block--share {
    padding: 8vw 0;
  }
  /* page--biography member
  ------------------------------ */
  .page--biography {
    padding-bottom: 12vw;
  }
  .page--biography .block--editor .inner .artist--photo {
    width: 120%;
    margin: -10% -10% 4vw;
  }
  .page--biography.biography__detail .section--detail .inner {
    padding-bottom: 25vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--artist {
    width: 100%;
    left: 10vw;
    top: -8vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--txt {
    width: 50%;
    top: 17vw;
  }
  .page--biography.biography__detail .section--detail .inner .block--sample-voice,
  .page--biography.biography__detail .section--detail .inner .block--letter {
    width: 200%;
  }
  .page--biography.biography__detail .section--detail .inner .detail__btn {
    left: 50%;
  }
  /* page--introduction
  ------------------------------ */
  .page--feature .page--introduction .block--service figure.thumb .pc {
    display: block !important;
  }
  .page--feature .page--introduction .block--service figure.thumb .sp {
    display: none !important;
  }
  .page--feature .page--introduction .block--service__item {
    text-align: center;
  }
  .page--feature .page--introduction .block--service__item .txt--basic.bold {
    text-align: center;
  }
  .page--feature .page--introduction .block--service__item figure.thumb {
    width: 60%;
  }
  /* page--photo
  ------------------------------ */
  .page--photo {
    /*&.page--photo-list{
    	.list--photo .list__item{
    		width: 48%;
    	}
    }
    	*/
  }
  /* page--qa
  ------------------------------ */
  .page--qa .block__question,
  .page--qa .block__answer {
    padding: 5vw;
  }
  /* page--letter
  ------------------------------ */
  .page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__btm,
  .page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__top {
    height: 19.2vw;
  }
  .page--questionnaire.page--letter .block--letter--body .block--letter__bg > div.block--letter--body__mid {
    height: calc(100% - 38.4vw);
    margin-top: -1vw;
  }
}