@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-intro {
  0% {
    filter: blur(1000px);
    transform: scale(0.5);
  }
  100% {
    filter: blur(0);
    transform: scale(1);
  }
}
.detail__btn a,
.list__more a,
.wrap .date,
.wrap .category,
.list__item.new .tit::after,
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb span:before,
.block--pager li,
.block--month,
.block--share .share,
.list--schedule .block--date,
.list--faq .icon--q,
.list--qa .list__item a::before,
.list--thumbnail .list__item .thumb .limited-thumb span,
.header .g-nav .g-nav--item a,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.block--category li,
.page--qa .name,
.page--qa .name span,
.page--faq .block--faq-detail span.icon--q,
.page--faq .block--faq-detail span.icon--a,
.g-nav--item__mypage,
.page--home .section--goods .list--goods .list__item.new::before,
.page--chat-community .switching {
  font-family: aw-conqueror-didot, serif;
  letter-spacing: 0.05rem;
  font-weight: 700;
}

.section-tit,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a,
.page--qa .tit--q span,
.page--qa .tit--a {
  font-family: cofo-raffine, serif;
  letter-spacing: 0.05rem;
  font-weight: 900;
}

.section-tit,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a,
.page--qa .tit--q span,
.page--qa .tit--a {
  letter-spacing: 0.06em;
}

[class^=page--] .wrap .area--official,
[class^=page--] .wrap .page--information .wrap,
[class^=page--] .wrap .page--schedule .wrap,
[class^=page--] .wrap .page--video .wrap {
  --new-color: #630000;
  --new-bg: #EDEBDD;
  --list__more-color: #EDEBDD;
}
[class^=page--] .wrap .area--fc,
[class^=page--] .wrap .page--photo .wrap,
[class^=page--] .wrap .page--movie .wrap,
[class^=page--] .wrap .page--qa .wrap,
[class^=page--] .wrap .page--radio .wrap,
[class^=page--] .wrap .page--blog .wrap {
  --new-color: #fff;
  --new-bg: #630000;
  --list__more-color: #630000;
}
[class^=page--] .wrap .list__more,
[class^=page--] .wrap .detail__btn,
[class^=page--] .wrap .section--list .block--month ul li {
  white-space: nowrap;
}
[class^=page--] .wrap .list__more a,
[class^=page--] .wrap .list__more a:visited,
[class^=page--] .wrap .detail__btn a,
[class^=page--] .wrap .detail__btn a:visited,
[class^=page--] .wrap .section--list .block--month ul li a,
[class^=page--] .wrap .section--list .block--month ul li a:visited {
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list__more a,
  [class^=page--] .wrap .list__more a:visited,
  [class^=page--] .wrap .detail__btn a,
  [class^=page--] .wrap .detail__btn a:visited,
  [class^=page--] .wrap .section--list .block--month ul li a,
  [class^=page--] .wrap .section--list .block--month ul li a:visited {
    font-size: clamp(10px, 3.5714285714vw, 15px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .list__more a,
  [class^=page--] .wrap .list__more a:visited,
  [class^=page--] .wrap .detail__btn a,
  [class^=page--] .wrap .detail__btn a:visited,
  [class^=page--] .wrap .section--list .block--month ul li a,
  [class^=page--] .wrap .section--list .block--month ul li a:visited {
    font-size: min(1.0416666667vw, 20px);
  }
}
[class^=page--] .wrap .list__more a,
[class^=page--] .wrap .list__more a:visited,
[class^=page--] .wrap .detail__btn a,
[class^=page--] .wrap .detail__btn a:visited,
[class^=page--] .wrap .section--list .block--month ul li a,
[class^=page--] .wrap .section--list .block--month ul li a:visited {
  color: var(--list__more-color);
  -webkit-text-stroke: 0.7px transparent;
  -webkit-text-fill-color: currentColor;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] .wrap .list__more a:hover,
  [class^=page--] .wrap .list__more a:visited:hover,
  [class^=page--] .wrap .detail__btn a:hover,
  [class^=page--] .wrap .detail__btn a:visited:hover,
  [class^=page--] .wrap .section--list .block--month ul li a:hover,
  [class^=page--] .wrap .section--list .block--month ul li a:visited:hover {
    opacity: 1;
    color: var(--list__more-color);
    -webkit-text-stroke: 0.7px currentColor;
    -webkit-text-fill-color: transparent;
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .list__more a::after,
  [class^=page--] .wrap .list__more a:visited::after,
  [class^=page--] .wrap .detail__btn a::after,
  [class^=page--] .wrap .detail__btn a:visited::after,
  [class^=page--] .wrap .section--list .block--month ul li a::after,
  [class^=page--] .wrap .section--list .block--month ul li a:visited::after {
    display: none;
  }
}

* {
  box-sizing: border-box;
}

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

html {
  min-height: 100%;
  font-size: 62.5%;
}
html:not(.wf-active) .container {
  opacity: 0;
}
html .wf-active .container, html .loaded .container {
  opacity: 1;
}

body {
  font-family: shippori-mincho, serif;
  font-weight: 400;
  font-feature-settings: "palt" 1;
  color: #EDEBDD;
  text-align: left;
  overflow-wrap: anywhere;
  letter-spacing: 0.04em;
  background: #630000;
}

body,
.list .tit,
.list--thumbnail .tit,
.list--photo .tit,
.page--schedule .wrap .list--schedule .tit,
.page--movie .section--detail .tit,
.page--faq .block--faq-detail dt .txt,
.page--faq .block--faq-detail dd .txt,
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
textarea {
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body,
  .list .tit,
  .list--thumbnail .tit,
  .list--photo .tit,
  .page--schedule .wrap .list--schedule .tit,
  .page--movie .section--detail .tit,
  .page--faq .block--faq-detail dt .txt,
  .page--faq .block--faq-detail dd .txt,
  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=password],
  input[type=number],
  textarea {
    font-size: 14px;
  }
}
@media screen and (min-width: 961px) {
  body,
  .list .tit,
  .list--thumbnail .tit,
  .list--photo .tit,
  .page--schedule .wrap .list--schedule .tit,
  .page--movie .section--detail .tit,
  .page--faq .block--faq-detail dt .txt,
  .page--faq .block--faq-detail dd .txt,
  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=password],
  input[type=number],
  textarea {
    font-size: min(1.1979166667vw, 23px);
  }
}

.loading {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  transform: translateY(0);
  transition: all 1s ease-in-out;
  background: #630000;
}
.loading--wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff) top left/0 1px no-repeat, linear-gradient(#fff, #fff) top right/1px 0 no-repeat, linear-gradient(#fff, #fff) bottom right/0 1px no-repeat, linear-gradient(#fff, #fff) bottom left/1px 0 no-repeat;
  animation: border-line 1.6s ease-out 0.5s both;
}
@keyframes border-line {
  0% {
    background-position: top left, top right, bottom right, bottom left;
    background-size: 0 1px, 1px 0, 0 1px, 1px 0;
  }
  25% {
    background-position: top left, top right, bottom right, bottom left;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  }
  60% {
    background-position: top left, top right, bottom right, bottom left;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  }
  60.001% {
    background-position: top right, bottom right, bottom left, top left;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  }
  100% {
    background-position: top right, bottom right, bottom left, top left;
    background-size: 0 1px, 1px 0, 0 1px, 1px 0;
  }
}
.loading--wrap img {
  max-width: 100%;
  max-height: 100%;
}
.loading--wrap .logo {
  position: absolute;
  top: 50%;
  left: 53%;
  width: 30%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .loading--wrap .logo {
    width: 70%;
  }
}
.loading--wrap .load02 {
  animation: left-right 0.4s ease-out 0.5s both;
  z-index: 2;
}
@keyframes left-right {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
.loading--wrap .load01, .loading--wrap .load03 {
  animation: left-right 0.4s ease-out 1.6s both;
}
.loading--wrap .load01 {
  z-index: 3;
}
.loading--wrap .load03 {
  z-index: 1;
}

body:not(.loaded) .header,
body:not(.loaded) .header *,
body:not(.loaded) .header *::before,
body:not(.loaded) .header *::after {
  transition: none !important;
  animation: none !important;
}

body.page--home {
  overflow-x: hidden;
}
body.page--home .wrap {
  transform: translateY(100vh);
  transition: transform 1s ease-in-out;
  padding-bottom: 0;
}
body.page--home .wrap .header .inner::before {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
body.page--home .wrap .container .section--hero-img {
  height: auto;
  min-height: 0;
}
body.page--home .wrap .container .section--hero-img .kv__logo {
  position: absolute;
  bottom: 2vw;
  left: 50%;
  z-index: 1;
  width: 57.55vw;
  min-width: 800px;
  height: auto;
  transform: translateX(-50%);
}
body.page--home .wrap .container .section--hero-img .block--hero-img {
  height: auto;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}
body.page--home .wrap .container .section--hero-img .block--hero-img img {
  width: 100%;
  height: 100%;
  max-height: 100%;
}
body.page--home .wrap .container .section--hero-img .block--hero-img img.kv-pc, body.page--home .wrap .container .section--hero-img .block--hero-img img.kv-sp {
  position: relative;
}
body.page--home .wrap .container .section--hero-img .block--hero-img img.kv-pc {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
}
body.page--home.window-scroll .wrap .header .inner::before {
  opacity: 1;
}
body.page--home footer {
  position: relative;
}
body.page--home .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}
body.page--home.done .loading {
  opacity: 0;
  transform: translateY(-100vh);
}
body.page--home.done .wrap {
  transform: translateY(0);
}
body.page--home.loading-finished .wrap {
  transform: none;
  transition: none;
}
body.page--home:not(.loading-finished) {
  overflow: hidden;
}

[class^=page--] .wrap .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
}
[class^=page--] .wrap .header::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: all 0.3s ease-in-out;
}
[class^=page--] .wrap .header .inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5208333333vw;
}
[class^=page--] .wrap .header .inner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(129, 1, 0, 0.6);
  -webkit-backdrop-filter: blur(4px) brightness(1.1);
          backdrop-filter: blur(4px) brightness(1.1);
  opacity: 1;
}
[class^=page--] .wrap .header .inner h1.logo.pc {
  position: relative;
  inset: auto;
  display: block !important;
  width: 100%;
  max-width: 9.375vw;
  height: auto;
}
[class^=page--] .wrap .header .inner h1.logo.pc a {
  display: block;
  padding: 0;
}
[class^=page--] .wrap .header .drawer {
  transition: 0.7s cubic-bezier(0.16, 0.68, 0.65, 1.03);
}
[class^=page--] .wrap .header .drawer .g-nav {
  text-align: center;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official,
[class^=page--] .wrap .header .drawer .g-nav .nav--member {
  display: flex;
  flex-direction: column;
  gap: 2vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2rem;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official .nav--logo,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav--logo {
  width: 100%;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official .nav--logo img,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav--logo img {
  width: 100%;
  max-width: 100%;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official .logo--of {
  max-width: min(28vw, 537.6px);
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .logo--fc {
  max-width: min(25vw, 480px);
}
[class^=page--] .wrap .header .drawer .g-nav .nav,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns {
  display: flex;
  flex-direction: column;
  gap: 1.2vw;
  max-height: 100%;
  padding: 0;
  margin: 0;
  overflow: inherit;
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns {
  margin: 0;
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link {
  padding: 0;
  color: #fff;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link {
    font-size: clamp(10px, 5.9523809524vw, 25px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link {
    font-size: min(1.71875vw, 33px);
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__sns a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__sns a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item a:link .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:visited .fab,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__sns a:link .fab {
  color: #fff;
  transition: color 0.3s ease-in-out;
}
[class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__mypage a {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__mypage a {
    font-size: clamp(10px, 5.2380952381vw, 22px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns .g-nav--item__mypage a {
    font-size: min(1.5625vw, 30px);
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav__list--sns {
  flex-direction: row;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official {
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-of-head.jpg") no-repeat center/cover !important;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a:link,
[class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a,
[class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a:link {
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a:visited:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a:link:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a:visited:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a:link:hover {
    color: #630000;
    opacity: 1;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a:hover .fab,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a:visited:hover .fab,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item a:link:hover .fab,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a:hover .fab,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a:visited:hover .fab,
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .g-nav--item__sns a:link:hover .fab {
    color: #630000;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member {
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-fc-head.jpg") no-repeat center/cover;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:visited {
  margin: 0;
  color: #630000;
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item a:visited:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:visited:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item a:visited:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:visited:hover {
    color: #3D6838;
    opacity: 1;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage {
  margin: 0;
  opacity: 1;
}
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a {
  padding: 0;
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav .g-nav--item__mypage a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav__list--contents .g-nav--item__mypage a:hover {
    opacity: 1;
  }
}
[class^=page--].window-scroll .wrap .header::after {
  opacity: 0;
}

.header .inner .drawer__btn {
  position: relative;
  inset: auto;
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  width: 2.6041666667vw;
  height: 2.34375vw;
  padding: 0;
  text-align: center;
  mix-blend-mode: normal;
}
.header .inner .drawer__btn span {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
}
.header .inner .drawer__btn span.drawer__btn--item {
  height: 1px;
  background: #fff;
}
.header .inner .drawer__btn span.txt {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  height: auto;
  font-family: aw-conqueror-didot, serif;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  background: transparent;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .header .inner .drawer__btn span.txt {
    font-size: 12px;
  }
}
@media screen and (min-width: 961px) {
  .header .inner .drawer__btn span.txt {
    font-size: min(0.7291666667vw, 14px);
  }
}
.header .inner .drawer__btn span.txt::before {
  top: auto;
  bottom: 0;
  content: "MENU";
}
.header .inner .drawer__btn .top {
  inset: 20% 0 0 0;
}
.header .inner .drawer__btn .btm {
  inset: 45% 0 0 0;
}
.drawer-visible .header .inner .drawer__btn {
  justify-content: flex-start;
  mix-blend-mode: normal;
}
.drawer-visible .header .inner .drawer__btn .top {
  inset: 10% 0 0 0;
}
.drawer-visible .header .inner .drawer__btn .btm {
  inset: 40% 0 0 0;
}
.drawer-visible .header .inner .drawer__btn span.drawer__btn--item {
  background: #fff;
}
.drawer-visible .header .inner .drawer__btn span:first-child {
  transform: rotate(45deg) translate(0.5729166667vw, 0.5729166667vw);
}
.drawer-visible .header .inner .drawer__btn span:nth-child(2) {
  transform: rotate(-45deg) translate(-0.1041666667vw, 0.1041666667vw);
}
.drawer-visible .header .inner .drawer__btn span.txt {
  color: #fff;
  transform: translate(0, 80%);
}
.drawer-visible .header .inner .drawer__btn span.txt::before {
  content: "CLOSE";
}
@media (hover: hover) and (pointer: fine) {
  .drawer-visible .header .inner .drawer__btn:hover {
    transform-origin: top right;
    transform: scale(120%, 120%);
  }
  .drawer-visible .header .inner .drawer__btn:hover .drawer__btn--item {
    transform-origin: top center;
  }
  .drawer-visible .header .inner .drawer__btn:hover .txt {
    opacity: 0;
  }
  .drawer-visible .header .inner .drawer__btn:hover .btm {
    inset: 40% 0 0 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .header .inner .drawer__btn:hover .drawer__btn--item {
    transform: scale(110%, 150%);
    transform-origin: top right;
  }
  .header .inner .drawer__btn:hover .txt {
    opacity: 0;
  }
  .header .inner .drawer__btn:hover .btm {
    inset: 60% 0 0 0;
  }
}
.header .inner .drawer__btn,
.header .inner .drawer__btn * {
  transition: all 0.3s ease-in-out;
}

[class^=page--] footer {
  background: #1B1717;
}
[class^=page--] footer .footer__inner .list-tit {
  color: #fff;
  font-family: shippori-mincho, serif;
}
[class^=page--] footer .footer__inner .list-tit::before, [class^=page--] footer .footer__inner .list-tit::after {
  background: currentcolor;
}
[class^=page--] footer .footer__inner .nav__list--sns {
  margin-bottom: 0;
}
[class^=page--] footer .footer__inner .nav__list--sns .g-nav--item__sns a {
  color: #fff;
}
[class^=page--] footer .footer__inner .nav__list--sns .g-nav--item__sns a i {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] footer .footer__inner .nav__list--sns .g-nav--item__sns a i {
    font-size: 18px;
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] footer .footer__inner .nav__list--sns .g-nav--item__sns a i {
    font-size: min(1.25vw, 24px);
  }
}
[class^=page--] footer .footer__inner .nav li a {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] footer .footer__inner .nav li a {
    font-size: clamp(10px, 3.0952380952vw, 13px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] footer .footer__inner .nav li a {
    font-size: min(0.9375vw, 18px);
  }
}
[class^=page--] footer .footer__inner .contact-links {
  display: flex;
  gap: 0.75rem 2rem;
}
[class^=page--] footer .footer__inner .contact-links__link {
  transition: 0.4s;
  color: #fff;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] footer .footer__inner .contact-links__link {
    font-size: clamp(10px, 3.3333333333vw, 14px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] footer .footer__inner .contact-links__link {
    font-size: min(1.0416666667vw, 20px);
  }
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] footer .footer__inner .contact-links__link:hover {
    opacity: 0.5;
  }
}
[class^=page--] footer .bg::before {
  opacity: 1;
}
[class^=page--] footer .bg img {
  display: none;
}
[class^=page--] footer .copyright small {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] footer .copyright small {
    font-size: clamp(10px, 2.8571428571vw, 12px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] footer .copyright small {
    font-size: min(0.78125vw, 15px);
  }
}

.area--official,
.page--information .wrap,
.page--schedule .wrap,
.page--video .wrap {
  --new-color: #630000;
  --new-bg: #EDEBDD;
  --list__more-color: #EDEBDD;
}

.area--fc,
.page--photo .wrap,
.page--movie .wrap,
.page--qa .wrap,
.page--radio .wrap,
.page--blog .wrap {
  --new-color: #fff;
  --new-bg: #630000;
  --list__more-color: #630000;
}

[class^=page--] .wrap .date,
[class^=page--] .wrap .category {
  opacity: 1;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .date,
  [class^=page--] .wrap .category {
    font-size: clamp(10px, 3.8095238095vw, 16px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .date,
  [class^=page--] .wrap .category {
    font-size: min(1.6666666667vw, 32px);
  }
}
[class^=page--] .wrap .date,
[class^=page--] .wrap .category {
  margin-bottom: 0;
}
[class^=page--] .wrap .container .block--content-wrap section .block--title .section-tit,
[class^=page--] .wrap .container section .section-tit {
  margin-bottom: 0 !important;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .container .block--content-wrap section .block--title .section-tit,
  [class^=page--] .wrap .container section .section-tit {
    font-size: clamp(10px, 7.8571428571vw, 33px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .container .block--content-wrap section .block--title .section-tit,
  [class^=page--] .wrap .container section .section-tit {
    font-size: min(2.34375vw, 45px);
  }
}
[class^=page--] .wrap .container .block--content-wrap section .block--title .section-tit,
[class^=page--] .wrap .container section .section-tit {
  line-height: 1;
}
[class^=page--] .wrap .list,
[class^=page--] .wrap .list--thumbnail,
[class^=page--] .wrap .list--photo {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
}
[class^=page--] .wrap .list .list__item,
[class^=page--] .wrap .list--thumbnail .list__item,
[class^=page--] .wrap .list--photo .list__item {
  width: 100%;
}
[class^=page--] .wrap .list .list__item a,
[class^=page--] .wrap .list--thumbnail .list__item a,
[class^=page--] .wrap .list--photo .list__item a {
  padding: 0;
  transition: opacity 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] .wrap .list .list__item a:hover,
  [class^=page--] .wrap .list--thumbnail .list__item a:hover,
  [class^=page--] .wrap .list--photo .list__item a:hover {
    opacity: 0.7;
  }
}
[class^=page--] .wrap .list .list__item .free::after,
[class^=page--] .wrap .list--thumbnail .list__item .free::after,
[class^=page--] .wrap .list--photo .list__item .free::after {
  display: none;
}
[class^=page--] .wrap .list .list__item.new .tit::after,
[class^=page--] .wrap .list--thumbnail .list__item.new .tit::after,
[class^=page--] .wrap .list--photo .list__item.new .tit::after {
  display: none;
}
[class^=page--] .wrap .list .list__item.new .date, [class^=page--] .wrap .list .list__item.new .category,
[class^=page--] .wrap .list--thumbnail .list__item.new .date,
[class^=page--] .wrap .list--thumbnail .list__item.new .category,
[class^=page--] .wrap .list--photo .list__item.new .date,
[class^=page--] .wrap .list--photo .list__item.new .category {
  display: inline;
}
[class^=page--] .wrap .list .list__item.new .date::after, [class^=page--] .wrap .list .list__item.new .category::after,
[class^=page--] .wrap .list--thumbnail .list__item.new .date::after,
[class^=page--] .wrap .list--thumbnail .list__item.new .category::after,
[class^=page--] .wrap .list--photo .list__item.new .date::after,
[class^=page--] .wrap .list--photo .list__item.new .category::after {
  content: "";
  display: inline-block;
  -webkit-mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/new.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100%;
  mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/new.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  background: var(--new-bg);
  width: min(2.6vw, 49.92px);
  height: min(1.6vw, 30.72px);
  aspect-ratio: 1/0.6;
  margin-left: 0.5em;
  vertical-align: middle;
}
[class^=page--] .wrap .list .list__item .thumb,
[class^=page--] .wrap .list--thumbnail .list__item .thumb,
[class^=page--] .wrap .list--photo .list__item .thumb {
  margin-bottom: 10px;
}
[class^=page--] .wrap .list .block--txt,
[class^=page--] .wrap .list--thumbnail .block--txt,
[class^=page--] .wrap .list--photo .block--txt {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
[class^=page--] .wrap .list .tit,
[class^=page--] .wrap .list--thumbnail .tit,
[class^=page--] .wrap .list--photo .tit {
  margin: 0;
}
[class^=page--] .wrap .list--schedule .block--date,
[class^=page--] .wrap .list--thumbnail--schedule .block--date,
[class^=page--] .wrap .list--photo--schedule .block--date {
  top: 0;
  width: auto;
}
[class^=page--] .wrap .list--schedule .block--date .block--date__start,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__start,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__start {
  display: flex;
  gap: 3px;
}
[class^=page--] .wrap .list--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--schedule .block--date .block--date__date,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
  width: min(2.4vw, 46.08px);
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
    font-size: clamp(10px, 4.0476190476vw, 17px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
    font-size: min(1.875vw, 36px);
  }
}
[class^=page--] .wrap .list--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--schedule .block--date .block--date__date,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
[class^=page--] .wrap .list--schedule .block--date .block--date__date,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
  text-align: left;
  bottom: -1em;
  left: 0;
}
[class^=page--] .wrap .list--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__month {
  text-align: right;
  position: relative;
}
[class^=page--] .wrap .list--schedule .block--date .block--date__month::after,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month::after,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__month::after {
  content: "";
  position: absolute;
  background: #EDEBDD;
  width: 1px;
  height: 2.5em;
  top: -0.2em;
  right: -0.08em;
  transform: rotate(45deg);
  transform-origin: center;
}
[class^=page--] .wrap .list--schedule .block--date .block--date__youbi,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__youbi,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__youbi {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
          text-orientation: upright;
  bottom: 0;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__youbi {
    font-size: clamp(10px, 2.619047619vw, 11px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__youbi {
    font-size: min(1.1979166667vw, 23px);
  }
}
[class^=page--] .wrap .list--schedule .block--date .block--date__youbi,
[class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__youbi,
[class^=page--] .wrap .list--photo--schedule .block--date .block--date__youbi {
  letter-spacing: -0.1em;
  left: -0.2em;
}
@supports (-webkit-hyphens: none) and (not (-moz-appearance: none)) {
  [class^=page--] .wrap .list--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__youbi {
    letter-spacing: 0.2em;
  }
}
[class^=page--] .wrap .list--schedule .block--txt,
[class^=page--] .wrap .list--thumbnail--schedule .block--txt,
[class^=page--] .wrap .list--photo--schedule .block--txt {
  padding-left: 6.5em !important;
  gap: 0.3em;
  display: flex;
  flex-direction: column;
}
[class^=page--] .wrap .list--schedule .block--txt .category,
[class^=page--] .wrap .list--thumbnail--schedule .block--txt .category,
[class^=page--] .wrap .list--photo--schedule .block--txt .category {
  margin-bottom: 0;
}
[class^=page--] .wrap .list--radio,
[class^=page--] .wrap .list--thumbnail--radio,
[class^=page--] .wrap .list--photo--radio {
  gap: 2rem;
}
[class^=page--] .wrap .list--radio .list__item,
[class^=page--] .wrap .list--thumbnail--radio .list__item,
[class^=page--] .wrap .list--photo--radio .list__item {
  width: 100%;
}
[class^=page--] .wrap .list--radio .list__item a,
[class^=page--] .wrap .list--radio .list__item a:visited,
[class^=page--] .wrap .list--thumbnail--radio .list__item a,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:visited,
[class^=page--] .wrap .list--photo--radio .list__item a,
[class^=page--] .wrap .list--photo--radio .list__item a:visited {
  position: relative;
  display: flex;
  gap: 2rem;
  align-items: center;
  padding: 1rem;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .list--radio .list__item a,
  [class^=page--] .wrap .list--radio .list__item a:visited,
  [class^=page--] .wrap .list--thumbnail--radio .list__item a,
  [class^=page--] .wrap .list--thumbnail--radio .list__item a:visited,
  [class^=page--] .wrap .list--photo--radio .list__item a,
  [class^=page--] .wrap .list--photo--radio .list__item a:visited {
    gap: 1rem;
  }
}
[class^=page--] .wrap .list--radio .list__item a,
[class^=page--] .wrap .list--radio .list__item a:visited,
[class^=page--] .wrap .list--thumbnail--radio .list__item a,
[class^=page--] .wrap .list--thumbnail--radio .list__item a:visited,
[class^=page--] .wrap .list--photo--radio .list__item a,
[class^=page--] .wrap .list--photo--radio .list__item a:visited {
  transition: opacity 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] .wrap .list--radio .list__item a:hover,
  [class^=page--] .wrap .list--radio .list__item a:visited:hover,
  [class^=page--] .wrap .list--thumbnail--radio .list__item a:hover,
  [class^=page--] .wrap .list--thumbnail--radio .list__item a:visited:hover,
  [class^=page--] .wrap .list--photo--radio .list__item a:hover,
  [class^=page--] .wrap .list--photo--radio .list__item a:visited:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .list--radio .list__item:first-child a,
  [class^=page--] .wrap .list--thumbnail--radio .list__item:first-child a,
  [class^=page--] .wrap .list--photo--radio .list__item:first-child a {
    padding-top: 1rem;
  }
  [class^=page--] .wrap .list--radio .list__item:first-child a .ico,
  [class^=page--] .wrap .list--thumbnail--radio .list__item:first-child a .ico,
  [class^=page--] .wrap .list--photo--radio .list__item:first-child a .ico {
    top: 50%;
  }
}
[class^=page--] .wrap .list--radio .list__item .ico,
[class^=page--] .wrap .list--thumbnail--radio .list__item .ico,
[class^=page--] .wrap .list--photo--radio .list__item .ico {
  position: relative;
  background: #630000;
  border: none;
  width: min(3vw, 57.6px);
  height: min(3vw, 57.6px);
  line-height: 1;
  top: 0 !important;
  flex-shrink: 0;
}
[class^=page--] .wrap .list--radio .list__item .ico--play,
[class^=page--] .wrap .list--thumbnail--radio .list__item .ico--play,
[class^=page--] .wrap .list--photo--radio .list__item .ico--play {
  fill: #fff;
  width: min(1vw, 19.2px);
  height: min(1vw, 19.2px);
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
}
[class^=page--] .wrap .list--radio .list__item .block--txt,
[class^=page--] .wrap .list--thumbnail--radio .list__item .block--txt,
[class^=page--] .wrap .list--photo--radio .list__item .block--txt {
  gap: 4px;
}
[class^=page--] .wrap .block--carousel .slick-list {
  padding: 0 !important;
}
[class^=page--] .wrap .block--carousel .list--thumbnail,
[class^=page--] .wrap .block--carousel .list--video,
[class^=page--] .wrap .block--carousel .list--movie {
  display: block;
  min-height: 200px;
  margin-inline: 0;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .list__item,
[class^=page--] .wrap .block--carousel .list--video .list__item,
[class^=page--] .wrap .block--carousel .list--movie .list__item {
  margin: 0 !important;
}
[class^=page--] .wrap .block--carousel .list--thumbnail:not(:has(> .slick-dots)) .slick-arrow,
[class^=page--] .wrap .block--carousel .list--video:not(:has(> .slick-dots)) .slick-arrow,
[class^=page--] .wrap .block--carousel .list--movie:not(:has(> .slick-dots)) .slick-arrow {
  display: none !important;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow,
[class^=page--] .wrap .block--carousel .list--video .slick-arrow,
[class^=page--] .wrap .block--carousel .list--movie .slick-arrow {
  z-index: 2;
  width: 12px;
  height: 11px;
  bottom: -7px;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev,
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-next,
[class^=page--] .wrap .block--carousel .list--video .slick-prev,
[class^=page--] .wrap .block--carousel .list--video .slick-next,
[class^=page--] .wrap .block--carousel .list--movie .slick-prev,
[class^=page--] .wrap .block--carousel .list--movie .slick-next {
  top: inherit;
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev:hover,
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-next:hover,
  [class^=page--] .wrap .block--carousel .list--video .slick-prev:hover,
  [class^=page--] .wrap .block--carousel .list--video .slick-next:hover,
  [class^=page--] .wrap .block--carousel .list--movie .slick-prev:hover,
  [class^=page--] .wrap .block--carousel .list--movie .slick-next:hover {
    transform: translateY(-50%) scale(1);
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev:hover::after,
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-next:hover::after,
  [class^=page--] .wrap .block--carousel .list--video .slick-prev:hover::after,
  [class^=page--] .wrap .block--carousel .list--video .slick-next:hover::after,
  [class^=page--] .wrap .block--carousel .list--movie .slick-prev:hover::after,
  [class^=page--] .wrap .block--carousel .list--movie .slick-next:hover::after {
    border-color: transparent transparent transparent #C7B299;
  }
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev::after,
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-next::after,
[class^=page--] .wrap .block--carousel .list--video .slick-prev::after,
[class^=page--] .wrap .block--carousel .list--video .slick-next::after,
[class^=page--] .wrap .block--carousel .list--movie .slick-prev::after,
[class^=page--] .wrap .block--carousel .list--movie .slick-next::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #EDEBDD;
  transition: border-color 0.3s ease-in-out;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev,
[class^=page--] .wrap .block--carousel .list--video .slick-prev,
[class^=page--] .wrap .block--carousel .list--movie .slick-prev {
  left: calc(50% - (24px + 2rem));
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev::after,
[class^=page--] .wrap .block--carousel .list--video .slick-prev::after,
[class^=page--] .wrap .block--carousel .list--movie .slick-prev::after {
  transform: rotate(60deg);
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-next,
[class^=page--] .wrap .block--carousel .list--video .slick-next,
[class^=page--] .wrap .block--carousel .list--movie .slick-next {
  right: calc(50% - (24px + 2rem));
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-next::after,
[class^=page--] .wrap .block--carousel .list--video .slick-next::after,
[class^=page--] .wrap .block--carousel .list--movie .slick-next::after {
  transform: rotate(0deg);
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots,
[class^=page--] .wrap .block--carousel .list--video .slick-dots,
[class^=page--] .wrap .block--carousel .list--movie .slick-dots {
  position: relative;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  margin: 3rem auto 0;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots li.slick-active button:before,
[class^=page--] .wrap .block--carousel .list--video .slick-dots li.slick-active button:before,
[class^=page--] .wrap .block--carousel .list--movie .slick-dots li.slick-active button:before {
  background: #EDEBDD;
}
[class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots li button::before,
[class^=page--] .wrap .block--carousel .list--video .slick-dots li button::before,
[class^=page--] .wrap .block--carousel .list--movie .slick-dots li button::before {
  background: #C7B299;
  opacity: 1;
  width: 6px;
  height: 6px;
  border-radius: 999px;
}
[class^=page--] .wrap .block--carousel .list--photo:not(:has(> .slick-dots)) {
  padding-bottom: 0 !important;
}
[class^=page--] .wrap .block--carousel .list--photo .slick-arrow {
  display: none !important;
}
[class^=page--] .wrap .block--carousel .list--video .new .tit::after {
  content: "";
  display: inline-block;
  -webkit-mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/new.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100%;
  mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/new.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  background: var(--new-bg);
  width: min(2.6vw, 49.92px);
  height: min(1.6vw, 30.72px);
  aspect-ratio: 1/0.6;
  margin-left: 0.5em;
  vertical-align: middle;
}
[class^=page--] .wrap .detail__btn a {
  font-weight: 700;
}
.soundonly [class^=page--] .wrap .detail__btn a {
  margin-top: 8rem;
}

[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login {
  flex-direction: row;
  justify-content: center;
  min-width: 30rem;
  gap: 5.2083333333vw;
  margin-left: 2rem;
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login::before {
  display: none;
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage {
  margin: 0;
  white-space: nowrap;
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited {
  padding: 0 5px;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited {
    font-size: clamp(10px, 3.5714285714vw, 15px);
  }
}
@media screen and (min-width: 961px) {
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited {
    font-size: min(1.4583333333vw, 28px);
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited {
  border-bottom: 1px solid;
  border-radius: 0;
  position: relative;
  background: none;
  color: #630000;
  transition: color 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:hover,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited:hover,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:hover,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited:hover,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:hover,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited:hover,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:hover,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited:hover {
    opacity: 1;
    color: #3D6838;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:hover::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited:hover::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:hover::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited:hover::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:hover::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited:hover::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:hover::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited:hover::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:hover::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited:hover::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:hover::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited:hover::after {
    left: 90%;
  }
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a::before, [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited::after {
  content: "";
  position: absolute;
  background-color: currentColor;
  -webkit-mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/nav-star.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100%;
  mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/nav-star.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a::before,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a::before,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited::before {
  bottom: max(-0.62vw, -11.904px);
  left: max(-0.7vw, -13.44px);
  width: min(1.25vw, 24px);
  height: min(1.25vw, 24px);
}
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a::after,
[class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a::after,
.page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited::after {
  bottom: max(-1vw, -19.2px);
  left: max(-2.2vw, -42.24px);
  width: min(2vw, 38.4px);
  height: min(2vw, 38.4px);
  transform: none;
  transition: left 0.3s ease-in-out;
}

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

.block--share {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
  padding: 2rem 0 0;
  margin-top: 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.block--share li {
  margin: 0;
}
.block--share li a,
.block--share li a:visited {
  color: #fff;
}
.block--share li.share {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .block--share li.share {
    font-size: clamp(10px, 3.5714285714vw, 15px);
  }
}
@media screen and (min-width: 961px) {
  .block--share li.share {
    font-size: min(1.0416666667vw, 20px);
  }
}
.block--share li.share {
  opacity: 0.7;
  letter-spacing: 0.1em;
  margin-bottom: -2px;
}
.block--share li.lineIco {
  position: relative;
  top: 1px;
}

.page--home .wrap .container .section--banner {
  padding-bottom: 5.7291666667vw;
  z-index: 1;
}
.page--home .wrap .container .section--banner .slick-list {
  overflow: visible;
}
.page--home .wrap .container .section--banner .slick-list img {
  width: 100%;
}
.page--home .wrap .container .section--banner .list--bnr {
  overflow: visible;
}
.page--home .wrap .container .area--official,
.page--home .wrap .container .area--fc {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.page--home .wrap .container .area--official section,
.page--home .wrap .container .area--fc section {
  display: block;
}
.page--home .wrap .container .area--official section .block--title,
.page--home .wrap .container .area--fc section .block--title {
  margin-bottom: 3.125vw;
}
.page--home .wrap .container .area--official > .block--contents,
.page--home .wrap .container .area--fc > .block--contents {
  margin-bottom: 5.7291666667vw;
}
.page--home .wrap .container .area--official {
  color: #EDEBDD;
  padding: 5.2083333333vw 2.34375vw 31.25vw 2.34375vw;
}
.page--home .wrap .container .area--official::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-of.jpg") repeat top center/50vw;
}
.page--home .wrap .container .area--official > .block--contents {
  padding: 6.7708333333vw 16.1458333333vw !important;
}
.page--home .wrap .container .area--official .limited {
  display: none;
}
.page--home .wrap .container .area--fc {
  padding: 0 3.6458333333vw;
}
.page--home .wrap .container .area--fc::after {
  position: absolute;
  left: 0;
  top: 2px;
  transform: translateY(-100%);
  width: 100%;
  height: 16vw;
  content: "";
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-fc.jpg") repeat top center/50vw;
  -webkit-mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/familyclub.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  -webkit-mask-size: 100%;
  mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/familyclub.png");
  mask-repeat: no-repeat;
  mask-position: center bottom;
  mask-size: 100%;
  z-index: 1;
  pointer-events: none;
}
.page--home .wrap .container .area--fc section.none {
  display: none;
}
.page--home .wrap .container .area--fc::before {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-fc.jpg") repeat top center/50vw;
  z-index: 0;
}
.page--home .wrap .container .area--fc > *:not(.star) {
  position: relative;
  z-index: 2;
}
.page--home .wrap .container .area--fc .star {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.page--home .wrap .container .area--fc .star__item {
  position: absolute;
  display: block;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
  transform-origin: center;
  animation: starTwinkle 3s ease-in-out infinite;
  will-change: opacity, transform;
}
@keyframes starTwinkle {
  0%, 100% {
    opacity: 0.3;
    transform: scale(0.85);
  }
  45% {
    opacity: 0.95;
    transform: scale(1.12);
  }
  70% {
    opacity: 0.5;
    transform: scale(0.95);
  }
}
.page--home .wrap .container .area--fc .star__item--type01 {
  background-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/fc-star01.svg");
}
.page--home .wrap .container .area--fc .star__item--type02 {
  background-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/fc-star02.svg");
}
.page--home .wrap .container .area--fc .star__item--01 {
  left: 1%;
  top: -28vw;
  width: 10vw;
  animation-delay: 0s;
}
.page--home .wrap .container .area--fc .star__item--02 {
  left: 14%;
  top: -31vw;
  width: 8vw;
  animation-delay: -1.2s;
}
.page--home .wrap .container .area--fc .star__item--03 {
  left: 28%;
  top: -28vw;
  width: 7vw;
  animation-delay: -0.4s;
}
.page--home .wrap .container .area--fc .star__item--04 {
  left: 37%;
  top: -25vw;
  width: 8vw;
  animation-delay: -2s;
}
.page--home .wrap .container .area--fc .star__item--05 {
  right: 40%;
  top: -25vw;
  width: 4vw;
  animation-delay: -0.9s;
}
.page--home .wrap .container .area--fc .star__item--06 {
  left: 50%;
  top: -27vw;
  width: 4vw;
  animation-delay: -1.7s;
}
.page--home .wrap .container .area--fc .star__item--07 {
  right: 15%;
  top: -26vw;
  width: 7vw;
  animation-delay: -0.6s;
}
.page--home .wrap .container .area--fc .star__item--08 {
  right: 28%;
  top: -30vw;
  width: 10vw;
  animation-delay: -2.4s;
}
.page--home .wrap .container .area--fc .star__item--09 {
  right: 12%;
  top: -20vw;
  width: 4vw;
  animation-delay: -1.1s;
}
.page--home .wrap .container .area--fc .star__item--10 {
  right: 1%;
  top: -25vw;
  width: 8vw;
  animation-delay: -2.8s;
}
.page--home .wrap .container .area--fc .side-txt {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
  color: #630000;
}
.page--home .wrap .container .area--fc .side-txt .side-txt__item {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: clip;
}
.page--home .wrap .container .area--fc .side-txt .side-txt__item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.1em;
  width: 1px;
  height: 100%;
  background: currentColor;
  pointer-events: none;
}
.page--home .wrap .container .area--fc .side-txt .side-txt__item .side-txt__inner {
  display: flex;
  flex-direction: column;
  animation: sideTxtLoop 170s linear infinite;
  will-change: transform;
}
.page--home .wrap .container .area--fc .side-txt .side-txt__item--left {
  transform: rotate(180deg);
  left: -0.9%;
}
.page--home .wrap .container .area--fc .side-txt .side-txt__item--right {
  right: -0.9%;
}
.page--home .wrap .container .area--fc .side-txt .side-txt__group {
  display: flex;
  flex-direction: column;
  gap: 3em;
  padding-block: 1.6em;
}
.page--home .wrap .container .area--fc .side-txt span {
  display: block;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
          text-orientation: mixed;
  letter-spacing: 0.1em;
  white-space: nowrap;
  font-family: aviano-didone, serif;
  font-weight: 300;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .side-txt span {
    font-size: clamp(10px, 5.4761904762vw, 23px);
  }
}
@media screen and (min-width: 961px) {
  .page--home .wrap .container .area--fc .side-txt span {
    font-size: min(3.3854166667vw, 65px);
  }
}
.page--home .wrap .container .area--fc .side-txt span {
  height: 21em;
  will-change: transform;
  flex-shrink: 0;
}
@keyframes sideTxtLoop {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
.page--home .wrap .container .area--fc .section--login {
  padding: 5.7291666667vw 0 4.6875vw 0;
}
.page--home .wrap .container .area--fc .section--login .logo--fc {
  margin: 0 auto 3.125vw auto;
}
.page--home .wrap .container .area--fc .section--login .logo--fc,
.page--home .wrap .container .area--fc .section--login .logo--fc img {
  max-width: 100%;
  width: 52.0833333333vw;
}
.page--home .wrap .container .area--fc .limited--badge {
  position: absolute;
  inset: 4.5vw auto auto -1vw;
  transform: rotate(-13deg);
  transform-origin: top left;
  width: 22.3958333333vw;
}
.page--home .wrap .container .area--fc .block--title {
  width: 100%;
}
.page--home .wrap .container .area--fc .block--title .list__more {
  margin-inline: auto 0;
  width: 100%;
}
.page--home .wrap .container .area--fc .content--wrap > .list__more {
  display: none;
}
.page--home .wrap .container .area--fc .section--blog .date {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .section--blog .date {
    font-size: clamp(10px, 3.5714285714vw, 15px);
  }
}
@media screen and (min-width: 961px) {
  .page--home .wrap .container .area--fc .section--blog .date {
    font-size: min(1.3541666667vw, 26px);
  }
}
.page--home .wrap .container .area--fc .section--blog .date::after {
  display: none;
}
.page--home .wrap .container .area--fc .section--blog .category {
  font-family: shippori-mincho, serif;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrap .container .area--fc .section--blog .category {
    font-size: clamp(10px, 3.0952380952vw, 13px);
  }
}
@media screen and (min-width: 961px) {
  .page--home .wrap .container .area--fc .section--blog .category {
    font-size: min(1.25vw, 24px);
  }
}
.page--home .wrap .container .area--fc .section--blog .block--txt {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
  align-items: center;
}
.page--home .wrap .container .area--fc .section--blog .block--txt .date {
  grid-column: 1;
}
.page--home .wrap .container .area--fc .section--blog .block--txt .category {
  grid-column: 2;
}
.page--home .wrap .container .area--fc .section--blog .block--txt .tit {
  grid-column: 1/-1;
}
.page--home .wrap .container .area--fc .section--movie {
  z-index: 10;
  padding: 0;
}
.page--home .wrap .container .area--fc .section--movie .payment-member {
  display: none;
}
.page--home .wrap .container .area--fc .section--movie .content--wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.page--home .wrap .container .area--fc .section--movie .content--wrap > .list__more {
  display: block !important;
  position: relative;
  transform: rotate(2deg);
  width: 100%;
}
.page--home .wrap .container .area--fc .section--movie .content--wrap > .list__more a {
  display: none;
}
.page--home .wrap .container .area--fc .section--movie .content--wrap > .list__more::after {
  content: "";
  background: url(/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/letter-bottom.png) no-repeat top right/contain;
  width: 30%;
  position: absolute;
  top: -3%;
  right: -8%;
  z-index: 1;
  height: 98%;
}
.page--home .wrap .container .area--fc .section--movie .block--title {
  background: url(/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/letter-center.png) no-repeat top center/contain;
  color: #630000;
  aspect-ratio: 25/47;
  right: -4%;
  padding: 4% 0 0 8%;
  margin: 0 0 0 auto;
  width: 32% !important;
  transform: rotate(2deg);
  z-index: 3;
}
.page--home .wrap .container .area--fc .section--movie .block--title::before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 6%;
  background: url(/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/letter-top.png) no-repeat top left/contain;
  z-index: 2;
  height: 97%;
}
.page--home .wrap .container .area--fc .section--movie .block--title + * {
  width: 78% !important;
}
.page--home .wrap .container .area--fc .section--movie .block--title .section-tit {
  margin-bottom: 0;
  margin-right: 0;
}
.page--home .wrap .container .area--fc .section--movie .block--title .list__more {
  width: auto;
  margin-inline: 2% 0;
  position: relative;
  top: 0;
  z-index: 11;
}
.page--home .wrap .container .area--fc .section--movie .list--movie {
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-fc-section.jpg") no-repeat top center/cover;
  z-index: 2;
  padding: 4% 12% 2% 6%;
  margin: 0 !important;
  position: absolute;
  top: 51%;
  left: 45%;
  box-shadow: 5px 5px 6px rgba(27, 23, 23, 0.16);
}
.page--home .wrap .container .area--fc .section--movie .list--movie .block--txt .tit {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page--home .wrap .container .area--fc .section--movie .list--movie .block--txt .date {
  color: #630000;
}
.page--home .wrap .container .area--fc .section--movie.delighter .content--wrap > .list__more::after,
.page--home .wrap .container .area--fc .section--movie.delighter .block--title::before {
  transition: all 0.5s ease-in-out;
}
.page--home .wrap .container .area--fc .section--movie.delighter .content--wrap > .list__more::after {
  transform: rotateY(90deg);
  transform-origin: top right;
  transition-delay: 0.4s;
}
.page--home .wrap .container .area--fc .section--movie.delighter .block--title::before {
  transform: rotateY(0deg);
  transform-origin: top left;
}
.page--home .wrap .container .area--fc .section--movie.delighter .list--movie {
  transition: all 1s ease-in-out;
  transform: translate(50%, -50%) rotate(0deg);
  transform-origin: center;
  transition-delay: 0.6s;
}
.page--home .wrap .container .area--fc .section--movie.delighter.started .content--wrap > .list__more::after {
  transform: rotateY(0deg);
}
.page--home .wrap .container .area--fc .section--movie.delighter.started .block--title::before {
  transform: rotateY(90deg);
}
.page--home .wrap .container .area--fc .section--movie.delighter.started .list--movie {
  transform: translate(-50%, -50%) rotate(-2deg);
}
.page--home .list--information {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page--home .list .list__item,
.page--home .list--thumbnail .list__item {
  padding: 0;
}

.area--official .section--information .list--information .block--txt,
.page--information .section--list .list--information .block--txt {
  gap: 0;
}

.block--pager {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .block--pager {
    font-size: clamp(10px, 4.7619047619vw, 20px);
  }
}
@media screen and (min-width: 961px) {
  .block--pager {
    font-size: min(1.25vw, 24px);
  }
}
.block--pager {
  margin: 2rem auto 0 auto;
  width: 100%;
}
.block--pager li {
  margin: 0;
  transition: opacity 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .block--pager li:hover {
    opacity: 0.7;
  }
}
.block--pager li::before {
  background: var(--list__more-color);
  height: 1px;
}
.block--pager a {
  padding: 0 0.3em;
}
.block--pager .pager__item--current {
  padding: 0.3em;
}
.block--pager .pager__item--older a, .block--pager .pager__item--older span,
.block--pager .pager__item--newer a,
.block--pager .pager__item--newer span {
  top: inherit;
}
.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: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent var(--list__more-color);
}
.block--pager .pager__item--older a::after, .block--pager .pager__item--older span::after {
  transform: rotate(60deg);
}
.block--pager .pager__item--newer a::after, .block--pager .pager__item--newer span::after {
  transform: rotate(0deg);
}

body:not(.page--home) .wrap {
  padding-top: 90px;
  padding-bottom: 0;
  background: transparent;
}
body:not(.page--home) .wrap > .bg {
  inset: 0;
  z-index: -1;
  display: block;
  height: auto;
}
body:not(.page--home) .wrap > .bg img {
  display: none;
}
body:not(.page--home) .wrap > .bg::before {
  display: none;
}
body:not(.page--home) .wrap header {
  background: none;
}
body:not(.page--home) .wrap .container {
  max-width: 75vw;
  margin-inline: auto;
  padding: 10rem 3vw 15rem;
}
body:not(.page--home) .wrap .container [class^=section--] {
  width: 100%;
}
body:not(.page--home) .wrap .container section .section-tit {
  margin-bottom: 2vw !important;
}
body:not(.page--home) .wrap .container :is(.section--list, .section--detail) .list {
  gap: 1.5vw;
}
body:not(.page--home) .wrap .container :is(.section--list, .section--detail) .list--thumbnail,
body:not(.page--home) .wrap .container :is(.section--list, .section--detail) .list--photo {
  gap: 3vw 1.5vw;
}
body:not(.page--home) .btn {
  margin: 3rem auto 2rem;
}
body:not(.page--home) .btn + .txt--sub a,
body:not(.page--home) .btn + .txt--sub a:visited {
  display: inline-block;
  margin-top: 0.5rem;
  font-weight: 700;
}
body:not(.page--home) .btn + .btn {
  margin-top: 2rem;
}
@media (hover: hover) and (pointer: fine) {
  body:not(.page--home) .btn--main:hover,
  body:not(.page--home) .btn--sub:hover {
    opacity: 0.8;
  }
}
body:not(.page--home) .btn--main {
  margin-inline: auto;
  max-width: 25em;
}
body:not(.page--home) .btn--sub {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  padding: 1rem 2rem;
  margin-inline: auto;
  color: #630000;
  border: 1px solid #630000;
  border-radius: 999px;
  transition: opacity 0.3s ease-in-out;
}
body:not(.page--home) footer {
  position: -webkit-sticky;
  position: sticky;
  top: 100vh;
  top: 100svh;
}

body.page--schedule .wrap .list--schedule .block--date {
  top: 14px;
}
body.page--schedule .wrap .list--schedule li .block--txt {
  padding-left: 110px;
}
body.page--schedule .wrap .list--schedule .tit {
  margin: 0;
}
body.page--schedule .wrap .section--detail .block--liveinfo > li {
  align-items: center;
}
body.page--schedule .list--schedule li .block--txt.new .category {
  display: inline;
}
body.page--schedule .list--schedule li .block--txt.new .category::after {
  content: "";
  display: inline-block;
  -webkit-mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/new.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100%;
  mask-image: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/new.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  background: var(--new-bg);
  width: min(2.6vw, 49.92px);
  height: min(1.6vw, 30.72px);
  aspect-ratio: 1/0.6;
  margin-left: 0.5em;
  vertical-align: middle;
}
body.page--schedule .list--schedule li .block--txt.new .category::after {
  aspect-ratio: 2/1;
}
body.page--schedule .list--schedule li .block--txt.new .tit::after {
  display: none;
}
body.page--schedule .section--list .block--month .tit {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--schedule .section--list .block--month .tit {
    font-size: clamp(10px, 9.5238095238vw, 40px);
  }
}
@media screen and (min-width: 961px) {
  body.page--schedule .section--list .block--month .tit {
    font-size: min(3.125vw, 60px);
  }
}
body.page--schedule .section--list .block--month .tit span {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--schedule .section--list .block--month .tit span {
    font-size: clamp(10px, 2.8571428571vw, 12px);
  }
}
@media screen and (min-width: 961px) {
  body.page--schedule .section--list .block--month .tit span {
    font-size: min(1.0416666667vw, 20px);
  }
}
body.page--schedule .section--list .block--refine label p {
  background: #C7B299;
  color: #630000;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--schedule .section--list .block--refine label p {
    font-size: clamp(10px, 2.380952381vw, 10px);
  }
}
@media screen and (min-width: 961px) {
  body.page--schedule .section--list .block--refine label p {
    font-size: min(0.625vw, 12px);
  }
}
body.page--schedule .section--list .block--refine input[type=checkbox]:checked + p {
  color: #630000;
}
body.page--schedule .section--list .block--refine li input[type=checkbox]:not(:checked) + p {
  background: rgba(199, 178, 153, 0.5);
}
body.page--schedule .section--list .block--refine ul li {
  margin-bottom: 4px;
}
body.page--schedule #next .arrow-2 {
  background: #630000;
}
body.page--information .wrap .section--detail .block--liveinfo .item-tit {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--information .wrap .section--detail .block--liveinfo .item-tit {
    font-size: clamp(10px, 2.8571428571vw, 12px);
  }
}
@media screen and (min-width: 961px) {
  body.page--information .wrap .section--detail .block--liveinfo .item-tit {
    font-size: min(0.7291666667vw, 14px);
  }
}
body.page--video .block--txt {
  margin-bottom: 10px;
}
body.page--photo.page--photo-detail .wrap .section-tit {
  font-family: shippori-mincho, serif;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--photo.page--photo-detail .wrap .section-tit {
    font-size: clamp(10px, 4.7619047619vw, 20px);
  }
}
@media screen and (min-width: 961px) {
  body.page--photo.page--photo-detail .wrap .section-tit {
    font-size: min(1.25vw, 24px);
  }
}
body.page--photo.page--photo-detail .wrap .list--thumbnail li {
  width: 100%;
}
body:not(.page--home) .wrap .list--thumbnail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  gap: 5rem 5%;
}
body:not(.page--home) .wrap .list--thumbnail .list__item {
  margin-bottom: 0;
}
body.page--movie input[type=text], body.page--movie #form__search .searchBox input[type=submit] {
  color: #630000;
}
body.page--movie .list--thumbnail::after {
  display: none;
}
body.page--movie #form__search {
  margin: 20px auto 40px;
}
body.page--qa.page--qa-done .section--detail .txt {
  text-align: center;
}
body.page--qa.page--qa-confirm .form--confirm {
  border: 0.5px solid #630000;
}
body.page--qa .date, body.page--qa .tit--q span::first-letter, body.page--qa .tit--a, body.page--qa .tit--a::first-letter {
  color: #630000;
}
body.page--qa .name {
  padding-left: 0.4em;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--qa .name {
    font-size: clamp(10px, 2.8571428571vw, 12px);
  }
}
@media screen and (min-width: 961px) {
  body.page--qa .name {
    font-size: min(1.25vw, 24px);
  }
}
body.page--qa .name span {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--qa .name span {
    font-size: clamp(10px, 2.8571428571vw, 12px);
  }
}
@media screen and (min-width: 961px) {
  body.page--qa .name span {
    font-size: min(1.25vw, 24px);
  }
}
body.page--qa .list--qa .tit {
  margin-bottom: 4px !important;
}
body .section--qa .list--qa .list__item a::before, body.page--qa .list--qa .list__item a::before {
  display: none;
}
body.page--blog .section-tit {
  font-family: shippori-mincho, serif;
}
body.page--blog .date {
  color: #630000;
}
body.page--blog .block--bloglist:last-child {
  margin-bottom: 0;
}
body.page--blog .block--bloglist .block--title .tit {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--blog .block--bloglist .block--title .tit {
    font-size: clamp(10px, 4.7619047619vw, 20px);
  }
}
@media screen and (min-width: 961px) {
  body.page--blog .block--bloglist .block--title .tit {
    font-size: min(1.8229166667vw, 35px);
  }
}
body.page--blog .block--bloglist .block--title .tit {
  padding-right: 90px;
}
body.page--blog .section--detail .section-detail__inner .block--title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.page--blog .section--detail .section-detail__inner .block--txt {
  color: #1B1717;
}
body.page--blog .section--detail .section-detail__inner .block--txt a {
  color: #1B1717;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
body.page--blog .section--detail .block--txt .ph, body.page--information .section--detail .block--txt .ph {
  margin-block: 0.5em;
}
body.page--feature {
  color: #1B1717;
}
body.page--feature .wrap .container .content--wrap {
  color: #1B1717;
}
body.page--feature .wrap .container .content--wrap .section-tit {
  margin-bottom: 3.5vw !important;
}
body.page--feature section a {
  color: #1B1717;
}
body.page--feature .section--detail.support .section-tit, body.page--feature .wrap .container section .section-tit {
  font-family: shippori-mincho, serif;
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .section--detail.support .section-tit, body.page--feature .wrap .container section .section-tit {
    font-size: clamp(10px, 5.4761904762vw, 23px);
  }
}
@media screen and (min-width: 961px) {
  body.page--feature .section--detail.support .section-tit, body.page--feature .wrap .container section .section-tit {
    font-size: min(2.34375vw, 45px);
  }
}
body.page--feature .section--detail.support .section-tit, body.page--feature .wrap .container section .section-tit {
  color: #630000;
}
body.page--feature .detail_table tr th,
body.page--feature .detail_table tr td {
  padding: 2rem;
}
body.page--feature .content--body .section--detail.support h3.support-tit_sub {
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .content--body .section--detail.support h3.support-tit_sub {
    font-size: 16px;
  }
}
@media screen and (min-width: 961px) {
  body.page--feature .content--body .section--detail.support h3.support-tit_sub {
    font-size: min(1.3020833333vw, 25px);
  }
}
body.page--feature .content--body .section--detail.support .support-list dt {
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .content--body .section--detail.support .support-list dt {
    font-size: 14px;
  }
}
@media screen and (min-width: 961px) {
  body.page--feature .content--body .section--detail.support .support-list dt {
    font-size: min(1.1979166667vw, 23px);
  }
}
body.page--feature .content--body .section--detail.support .detail_table th,
body.page--feature .content--body .section--detail.support .detail_table td {
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .content--body .section--detail.support .detail_table th,
  body.page--feature .content--body .section--detail.support .detail_table td {
    font-size: 13px;
  }
}
@media screen and (min-width: 961px) {
  body.page--feature .content--body .section--detail.support .detail_table th,
  body.page--feature .content--body .section--detail.support .detail_table td {
    font-size: min(1.0416666667vw, 20px);
  }
}
body.page--feature .page--introduction .block--service .block--service__contents li, body.page--feature .txt--sub a {
  color: #1B1717;
}
body.page--feature .page--introduction .block--service .block--service__contents li .inner span {
  background: #630000;
}
body.page--feature .page--introduction .block--service .block--service__contents li .inner span svg {
  fill: #fff;
}
body.page--feature .page--introduction .block--service .block--service__contents li .inner p {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .page--introduction .block--service .block--service__contents li .inner p {
    font-size: clamp(10px, 3.3333333333vw, 14px);
  }
}
@media screen and (min-width: 961px) {
  body.page--feature .page--introduction .block--service .block--service__contents li .inner p {
    font-size: min(0.8333333333vw, 16px);
  }
}
body.page--feature .page--introduction [class^=block--] .block-tit {
  line-height: 1;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .page--introduction [class^=block--] .block-tit {
    font-size: clamp(10px, 3.8095238095vw, 16px);
  }
}
@media screen and (min-width: 961px) {
  body.page--feature .page--introduction [class^=block--] .block-tit {
    font-size: min(1.0416666667vw, 20px);
  }
}
body.page--feature .page--introduction .attention_entry {
  text-align: left;
}
body.page--feature #svgicon {
  display: none;
}
body.page--feature .section--detail.support.faq .section--ruby--tit {
  margin: 0 0 0.5rem 0;
  color: #630000;
}
body.page--feature .section--detail.support.faq .section-tit {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
  font-weight: 700;
  vertical-align: middle;
}
body.page--feature .section--detail.support.faq .tit--category {
  margin: 0 0 2rem;
  font-weight: 700;
  color: #1B1717;
}
body.page--feature .section--detail.support.faq .list--faq {
  gap: 0;
  margin-bottom: 4.1666666667vw;
}
body.page--feature .section--detail.support.faq .list--faq li {
  border-top: 1px solid #EDEBDD;
  border-bottom: 1px solid #EDEBDD;
}
body.page--feature .section--detail.support.faq .list--faq li + li {
  border-top: none;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q {
  position: relative;
  display: flex;
  gap: 1.0416666667vw;
  justify-content: stretch;
  padding: 3rem 1rem;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q:active {
  color: #3D6838;
}
@media (hover: hover) and (pointer: fine) {
  body.page--feature .section--detail.support.faq .list--faq li .faq--q:hover {
    color: #3D6838;
  }
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q .tit_faq {
  padding-right: 2.5rem;
  font-weight: 700;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q i {
  position: absolute;
  top: 3rem;
  right: 1rem;
  margin: 0 0 0 auto;
  transition: color 0.3s ease-in-out;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q.visible {
  color: #3D6838;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--q.visible i {
  transform: translateY(-20%) rotate(180deg);
}
body.page--feature .section--detail.support.faq .list--faq li .icon--q,
body.page--feature .section--detail.support.faq .list--faq li .icon--a {
  margin: 0;
}
body.page--feature .section--detail.support.faq .list--faq li .icon--q {
  line-height: 1.5;
}
body.page--feature .section--detail.support.faq .list--faq li .icon--a {
  position: absolute;
  top: 2rem;
  left: 1rem;
  opacity: 0.5;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--a {
  position: relative;
  padding: 2rem 1rem 3rem;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt {
  padding: 0 0 0 2.0833333333vw;
}
body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt a,
body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt a:visited,
body.page--feature .section--detail.support.faq .list--faq li .faq--a .txt a:link {
  display: inline;
  padding: 0;
  color: #1B1717;
  text-decoration: underline;
}
body.page--feature .section--detail.support.faq .list--faq .txt {
  line-height: inherit;
}
body.page--feature .section--detail.support.faq .block--contact {
  padding: 5rem 1rem;
  border-radius: 1rem;
  margin-top: 8rem;
  text-align: center;
  background: #F2F0ED;
}
body.page--feature .section--detail.support.faq .block--contact .contact--attention {
  font-weight: bold;
  color: #630000;
  text-align: center;
  margin-bottom: 2em;
}
body.page--feature .section--detail.support.faq .block--contact .btn {
  margin: 0rem auto 3rem;
}
body.page--feature .section--detail.support.faq .block--contact .btn:last-child {
  margin: 0 auto;
}
body.page--faq .block--faq-detail {
  border-color: #630000;
}
body.page--faq .block--faq-detail dt,
body.page--faq .block--faq-detail dd {
  display: flex;
}
body.page--faq .block--faq-detail dt .txt,
body.page--faq .block--faq-detail dd .txt {
  padding-left: 10px;
}
body.page--faq .block--faq-detail dt {
  align-items: center;
}
body.page--faq .block--faq-detail span[class^=icon--] {
  line-height: 2;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--faq .block--faq-detail span[class^=icon--] {
    font-size: 15px;
  }
}
@media screen and (min-width: 961px) {
  body.page--faq .block--faq-detail span[class^=icon--] {
    font-size: min(1.25vw, 24px);
  }
}
body.page--faq .block--faq-detail span[class^=icon--] {
  width: 2em;
  height: 2em;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.page--faq .block--faq-detail span.icon--q {
  border-color: #630000;
  color: #630000;
}
body.page--faq .block--faq-detail a {
  color: #630000;
  text-decoration: underline;
}
body.page--faq .list--faq {
  margin: 0 0 50px;
}
body.page--faq .list--faq li:last-child {
  border-bottom: none;
}
body.page--faq .list--faq a {
  color: #630000;
}
body.page--faq .section--detail .block--contact a {
  color: #630000;
  text-decoration: underline;
}
body .section--detail .block--title .tit {
  line-height: 1.5;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body .section--detail .block--title .tit {
    font-size: 16px;
  }
}
@media screen and (min-width: 961px) {
  body .section--detail .block--title .tit {
    font-size: min(1.4583333333vw, 28px);
  }
}

.wrap .container .area--official > .block--contents,
.wrap .container .area--official .wrap .container :is(.section--list, .section--detail),
.page--information > .block--contents,
.page--information .wrap .container :is(.section--list, .section--detail),
.page--schedule > .block--contents,
.page--schedule .wrap .container :is(.section--list, .section--detail),
.page--video > .block--contents,
.page--video .wrap .container :is(.section--list, .section--detail),
.page--biography > .block--contents,
.page--biography .wrap .container :is(.section--list, .section--detail) {
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-of-section.jpg") repeat-y top center/100%;
  z-index: 1;
  position: relative;
  outline: 1.5px solid #C7B299;
  outline-offset: -1px;
}
.wrap .container .area--official > .block--contents::before, .wrap .container .area--official > .block--contents::after,
.wrap .container .area--official .wrap .container :is(.section--list, .section--detail)::before,
.wrap .container .area--official .wrap .container :is(.section--list, .section--detail)::after,
.page--information > .block--contents::before,
.page--information > .block--contents::after,
.page--information .wrap .container :is(.section--list, .section--detail)::before,
.page--information .wrap .container :is(.section--list, .section--detail)::after,
.page--schedule > .block--contents::before,
.page--schedule > .block--contents::after,
.page--schedule .wrap .container :is(.section--list, .section--detail)::before,
.page--schedule .wrap .container :is(.section--list, .section--detail)::after,
.page--video > .block--contents::before,
.page--video > .block--contents::after,
.page--video .wrap .container :is(.section--list, .section--detail)::before,
.page--video .wrap .container :is(.section--list, .section--detail)::after,
.page--biography > .block--contents::before,
.page--biography > .block--contents::after,
.page--biography .wrap .container :is(.section--list, .section--detail)::before,
.page--biography .wrap .container :is(.section--list, .section--detail)::after {
  content: "";
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/of-star.png") no-repeat center/100%;
  position: absolute;
  width: 4.7916666667vw;
  height: 5.9895833333vw;
}
.wrap .container .area--official > .block--contents::before,
.wrap .container .area--official .wrap .container :is(.section--list, .section--detail)::before,
.page--information > .block--contents::before,
.page--information .wrap .container :is(.section--list, .section--detail)::before,
.page--schedule > .block--contents::before,
.page--schedule .wrap .container :is(.section--list, .section--detail)::before,
.page--video > .block--contents::before,
.page--video .wrap .container :is(.section--list, .section--detail)::before,
.page--biography > .block--contents::before,
.page--biography .wrap .container :is(.section--list, .section--detail)::before {
  inset: 0 auto auto 0;
  transform: translate(-50%, -50%);
}
.wrap .container .area--official > .block--contents::after,
.wrap .container .area--official .wrap .container :is(.section--list, .section--detail)::after,
.page--information > .block--contents::after,
.page--information .wrap .container :is(.section--list, .section--detail)::after,
.page--schedule > .block--contents::after,
.page--schedule .wrap .container :is(.section--list, .section--detail)::after,
.page--video > .block--contents::after,
.page--video .wrap .container :is(.section--list, .section--detail)::after,
.page--biography > .block--contents::after,
.page--biography .wrap .container :is(.section--list, .section--detail)::after {
  inset: auto 0 0 auto;
  transform: translate(50%, 50%);
}
.wrap .container .area--official > .block--contents .section__bg,
.wrap .container .area--official .wrap .container :is(.section--list, .section--detail) .section__bg,
.page--information > .block--contents .section__bg,
.page--information .wrap .container :is(.section--list, .section--detail) .section__bg,
.page--schedule > .block--contents .section__bg,
.page--schedule .wrap .container :is(.section--list, .section--detail) .section__bg,
.page--video > .block--contents .section__bg,
.page--video .wrap .container :is(.section--list, .section--detail) .section__bg,
.page--biography > .block--contents .section__bg,
.page--biography .wrap .container :is(.section--list, .section--detail) .section__bg {
  position: absolute;
  inset: 0.625vw;
  background: rgba(251, 92, 92, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  outline: 1.5px solid #C7B299;
  border-radius: 7rem 0;
  z-index: 0;
}
.wrap .container .area--official > .block--contents > *:not(.section__bg),
.wrap .container .area--official .wrap .container :is(.section--list, .section--detail) > *:not(.section__bg),
.page--information > .block--contents > *:not(.section__bg),
.page--information .wrap .container :is(.section--list, .section--detail) > *:not(.section__bg),
.page--schedule > .block--contents > *:not(.section__bg),
.page--schedule .wrap .container :is(.section--list, .section--detail) > *:not(.section__bg),
.page--video > .block--contents > *:not(.section__bg),
.page--video .wrap .container :is(.section--list, .section--detail) > *:not(.section__bg),
.page--biography > .block--contents > *:not(.section__bg),
.page--biography .wrap .container :is(.section--list, .section--detail) > *:not(.section__bg) {
  position: relative;
  z-index: 1;
}
.wrap .container .area--official .block--txt, .wrap .container .area--official .block--date,
.page--information .block--txt,
.page--information .block--date,
.page--schedule .block--txt,
.page--schedule .block--date,
.page--video .block--txt,
.page--video .block--date,
.page--biography .block--txt,
.page--biography .block--date {
  color: #EDEBDD;
}

.page--information :is(.section--list, .section--detail),
.page--schedule :is(.section--list, .section--detail),
.page--video :is(.section--list, .section--detail),
.page--biography :is(.section--list, .section--detail) {
  padding: 5.2083333333vw 4.1666666667vw !important;
}
.page--information .wrap > .bg,
.page--schedule .wrap > .bg,
.page--video .wrap > .bg,
.page--biography .wrap > .bg {
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-of.jpg") repeat top center/50vw;
}

.wrap .container .area--fc > .block--contents:not(.section--movie),
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail),
.page--photo > .block--contents:not(.section--movie),
.page--photo .wrap .container :is(.section--list, .section--detail),
.page--movie > .block--contents:not(.section--movie),
.page--movie .wrap .container :is(.section--list, .section--detail),
.page--qa > .block--contents:not(.section--movie),
.page--qa .wrap .container :is(.section--list, .section--detail),
.page--radio > .block--contents:not(.section--movie),
.page--radio .wrap .container :is(.section--list, .section--detail),
.page--blog > .block--contents:not(.section--movie),
.page--blog .wrap .container :is(.section--list, .section--detail),
.page--feature > .block--contents:not(.section--movie),
.page--feature .wrap .container :is(.section--list, .section--detail),
.page--faq > .block--contents:not(.section--movie),
.page--faq .wrap .container :is(.section--list, .section--detail) {
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-fc-section.jpg") repeat-y top center/100%;
  z-index: 1;
  padding: 2.0833333333vw;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  -o-border-image: linear-gradient(325deg, #c49d2c 0%, #caa53c 2%, #e1c477 11%, #ead18f 15%, #e3c787 20%, #d0ad74 28%, #cca770 30%, #d7b686 33%, #eed7b6 38%, #f8e4c9 41%, #f8e4c9 60%, #cca770 71%, #d4b178 74%, #e2c285 80%, #e7c98a 85%, #e3c481 88%, #dab968 92%, #cba641 97%, #c49d2c 100%) 1;
     border-image: linear-gradient(325deg, #c49d2c 0%, #caa53c 2%, #e1c477 11%, #ead18f 15%, #e3c787 20%, #d0ad74 28%, #cca770 30%, #d7b686 33%, #eed7b6 38%, #f8e4c9 41%, #f8e4c9 60%, #cca770 71%, #d4b178 74%, #e2c285 80%, #e7c98a 85%, #e3c481 88%, #dab968 92%, #cba641 97%, #c49d2c 100%) 1;
  color: #630000;
  box-shadow: 6px 6px 6px rgba(27, 23, 23, 0.16);
}
.wrap .container .area--fc > .block--contents:not(.section--movie)::before, .wrap .container .area--fc > .block--contents:not(.section--movie)::after,
.wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap::before,
.wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap::after,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail)::before,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail)::after,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--photo > .block--contents:not(.section--movie)::before,
.page--photo > .block--contents:not(.section--movie)::after,
.page--photo > .block--contents:not(.section--movie) .content--wrap::before,
.page--photo > .block--contents:not(.section--movie) .content--wrap::after,
.page--photo .wrap .container :is(.section--list, .section--detail)::before,
.page--photo .wrap .container :is(.section--list, .section--detail)::after,
.page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--movie > .block--contents:not(.section--movie)::before,
.page--movie > .block--contents:not(.section--movie)::after,
.page--movie > .block--contents:not(.section--movie) .content--wrap::before,
.page--movie > .block--contents:not(.section--movie) .content--wrap::after,
.page--movie .wrap .container :is(.section--list, .section--detail)::before,
.page--movie .wrap .container :is(.section--list, .section--detail)::after,
.page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--qa > .block--contents:not(.section--movie)::before,
.page--qa > .block--contents:not(.section--movie)::after,
.page--qa > .block--contents:not(.section--movie) .content--wrap::before,
.page--qa > .block--contents:not(.section--movie) .content--wrap::after,
.page--qa .wrap .container :is(.section--list, .section--detail)::before,
.page--qa .wrap .container :is(.section--list, .section--detail)::after,
.page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--radio > .block--contents:not(.section--movie)::before,
.page--radio > .block--contents:not(.section--movie)::after,
.page--radio > .block--contents:not(.section--movie) .content--wrap::before,
.page--radio > .block--contents:not(.section--movie) .content--wrap::after,
.page--radio .wrap .container :is(.section--list, .section--detail)::before,
.page--radio .wrap .container :is(.section--list, .section--detail)::after,
.page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--blog > .block--contents:not(.section--movie)::before,
.page--blog > .block--contents:not(.section--movie)::after,
.page--blog > .block--contents:not(.section--movie) .content--wrap::before,
.page--blog > .block--contents:not(.section--movie) .content--wrap::after,
.page--blog .wrap .container :is(.section--list, .section--detail)::before,
.page--blog .wrap .container :is(.section--list, .section--detail)::after,
.page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--feature > .block--contents:not(.section--movie)::before,
.page--feature > .block--contents:not(.section--movie)::after,
.page--feature > .block--contents:not(.section--movie) .content--wrap::before,
.page--feature > .block--contents:not(.section--movie) .content--wrap::after,
.page--feature .wrap .container :is(.section--list, .section--detail)::before,
.page--feature .wrap .container :is(.section--list, .section--detail)::after,
.page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--faq > .block--contents:not(.section--movie)::before,
.page--faq > .block--contents:not(.section--movie)::after,
.page--faq > .block--contents:not(.section--movie) .content--wrap::before,
.page--faq > .block--contents:not(.section--movie) .content--wrap::after,
.page--faq .wrap .container :is(.section--list, .section--detail)::before,
.page--faq .wrap .container :is(.section--list, .section--detail)::after,
.page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 2px solid transparent;
  box-sizing: border-box;
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-fc-section.jpg") center/cover no-repeat padding-box, linear-gradient(90deg, #c49d2c 0%, #f8e4c9 50%, #c49d2c 100%) border-box;
  width: 9.375vw;
  height: 9.375vw;
}
.wrap .container .area--fc > .block--contents:not(.section--movie)::before,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail)::before,
.page--photo > .block--contents:not(.section--movie)::before,
.page--photo .wrap .container :is(.section--list, .section--detail)::before,
.page--movie > .block--contents:not(.section--movie)::before,
.page--movie .wrap .container :is(.section--list, .section--detail)::before,
.page--qa > .block--contents:not(.section--movie)::before,
.page--qa .wrap .container :is(.section--list, .section--detail)::before,
.page--radio > .block--contents:not(.section--movie)::before,
.page--radio .wrap .container :is(.section--list, .section--detail)::before,
.page--blog > .block--contents:not(.section--movie)::before,
.page--blog .wrap .container :is(.section--list, .section--detail)::before,
.page--feature > .block--contents:not(.section--movie)::before,
.page--feature .wrap .container :is(.section--list, .section--detail)::before,
.page--faq > .block--contents:not(.section--movie)::before,
.page--faq .wrap .container :is(.section--list, .section--detail)::before {
  inset: 0 auto auto 0;
  transform: translate(-50%, -50%);
}
.wrap .container .area--fc > .block--contents:not(.section--movie)::after,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail)::after,
.page--photo > .block--contents:not(.section--movie)::after,
.page--photo .wrap .container :is(.section--list, .section--detail)::after,
.page--movie > .block--contents:not(.section--movie)::after,
.page--movie .wrap .container :is(.section--list, .section--detail)::after,
.page--qa > .block--contents:not(.section--movie)::after,
.page--qa .wrap .container :is(.section--list, .section--detail)::after,
.page--radio > .block--contents:not(.section--movie)::after,
.page--radio .wrap .container :is(.section--list, .section--detail)::after,
.page--blog > .block--contents:not(.section--movie)::after,
.page--blog .wrap .container :is(.section--list, .section--detail)::after,
.page--feature > .block--contents:not(.section--movie)::after,
.page--feature .wrap .container :is(.section--list, .section--detail)::after,
.page--faq > .block--contents:not(.section--movie)::after,
.page--faq .wrap .container :is(.section--list, .section--detail)::after {
  inset: 0 0 auto auto;
  transform: translate(50%, -50%);
}
.wrap .container .area--fc > .block--contents:not(.section--movie) .payment-member,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .payment-member,
.page--photo > .block--contents:not(.section--movie) .payment-member,
.page--photo .wrap .container :is(.section--list, .section--detail) .payment-member,
.page--movie > .block--contents:not(.section--movie) .payment-member,
.page--movie .wrap .container :is(.section--list, .section--detail) .payment-member,
.page--qa > .block--contents:not(.section--movie) .payment-member,
.page--qa .wrap .container :is(.section--list, .section--detail) .payment-member,
.page--radio > .block--contents:not(.section--movie) .payment-member,
.page--radio .wrap .container :is(.section--list, .section--detail) .payment-member,
.page--blog > .block--contents:not(.section--movie) .payment-member,
.page--blog .wrap .container :is(.section--list, .section--detail) .payment-member,
.page--feature > .block--contents:not(.section--movie) .payment-member,
.page--feature .wrap .container :is(.section--list, .section--detail) .payment-member,
.page--faq > .block--contents:not(.section--movie) .payment-member,
.page--faq .wrap .container :is(.section--list, .section--detail) .payment-member {
  display: none;
}
.wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--photo > .block--contents:not(.section--movie) .content--wrap,
.page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--movie > .block--contents:not(.section--movie) .content--wrap,
.page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--qa > .block--contents:not(.section--movie) .content--wrap,
.page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--radio > .block--contents:not(.section--movie) .content--wrap,
.page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--blog > .block--contents:not(.section--movie) .content--wrap,
.page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--feature > .block--contents:not(.section--movie) .content--wrap,
.page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--faq > .block--contents:not(.section--movie) .content--wrap,
.page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap {
  border: 2px solid transparent;
  -o-border-image: linear-gradient(130deg, #c49d2c 0%, #caa53c 2%, #e1c477 11%, #ead18f 15%, #e3c787 20%, #d0ad74 28%, #cca770 30%, #d7b686 33%, #eed7b6 38%, #f8e4c9 41%, #f8e4c9 60%, #cca770 71%, #d4b178 74%, #e2c285 80%, #e7c98a 85%, #e3c481 88%, #dab968 92%, #cba641 97%, #c49d2c 100%) 1;
     border-image: linear-gradient(130deg, #c49d2c 0%, #caa53c 2%, #e1c477 11%, #ead18f 15%, #e3c787 20%, #d0ad74 28%, #cca770 30%, #d7b686 33%, #eed7b6 38%, #f8e4c9 41%, #f8e4c9 60%, #cca770 71%, #d4b178 74%, #e2c285 80%, #e7c98a 85%, #e3c481 88%, #dab968 92%, #cba641 97%, #c49d2c 100%) 1;
}
.wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap::before,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--photo > .block--contents:not(.section--movie) .content--wrap::before,
.page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--movie > .block--contents:not(.section--movie) .content--wrap::before,
.page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--qa > .block--contents:not(.section--movie) .content--wrap::before,
.page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--radio > .block--contents:not(.section--movie) .content--wrap::before,
.page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--blog > .block--contents:not(.section--movie) .content--wrap::before,
.page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--feature > .block--contents:not(.section--movie) .content--wrap::before,
.page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
.page--faq > .block--contents:not(.section--movie) .content--wrap::before,
.page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap::before {
  inset: auto auto 0 0;
  transform: translate(-50%, 50%);
}
.wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap::after,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--photo > .block--contents:not(.section--movie) .content--wrap::after,
.page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--movie > .block--contents:not(.section--movie) .content--wrap::after,
.page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--qa > .block--contents:not(.section--movie) .content--wrap::after,
.page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--radio > .block--contents:not(.section--movie) .content--wrap::after,
.page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--blog > .block--contents:not(.section--movie) .content--wrap::after,
.page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--feature > .block--contents:not(.section--movie) .content--wrap::after,
.page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
.page--faq > .block--contents:not(.section--movie) .content--wrap::after,
.page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap::after {
  inset: auto 0 0 auto;
  transform: translate(50%, 50%);
}
.wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap .section-tit,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap .section-tit,
.page--photo > .block--contents:not(.section--movie) .content--wrap .section-tit,
.page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap .section-tit,
.page--movie > .block--contents:not(.section--movie) .content--wrap .section-tit,
.page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap .section-tit,
.page--qa > .block--contents:not(.section--movie) .content--wrap .section-tit,
.page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap .section-tit,
.page--radio > .block--contents:not(.section--movie) .content--wrap .section-tit,
.page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap .section-tit,
.page--blog > .block--contents:not(.section--movie) .content--wrap .section-tit,
.page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap .section-tit,
.page--feature > .block--contents:not(.section--movie) .content--wrap .section-tit,
.page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap .section-tit,
.page--faq > .block--contents:not(.section--movie) .content--wrap .section-tit,
.page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap .section-tit {
  text-align: center;
  padding-right: 0;
}
.wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap .block--txt .date,
.wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap .block--txt .date,
.page--photo > .block--contents:not(.section--movie) .content--wrap .block--txt .date,
.page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap .block--txt .date,
.page--movie > .block--contents:not(.section--movie) .content--wrap .block--txt .date,
.page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap .block--txt .date,
.page--qa > .block--contents:not(.section--movie) .content--wrap .block--txt .date,
.page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap .block--txt .date,
.page--radio > .block--contents:not(.section--movie) .content--wrap .block--txt .date,
.page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap .block--txt .date,
.page--blog > .block--contents:not(.section--movie) .content--wrap .block--txt .date,
.page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap .block--txt .date,
.page--feature > .block--contents:not(.section--movie) .content--wrap .block--txt .date,
.page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap .block--txt .date,
.page--faq > .block--contents:not(.section--movie) .content--wrap .block--txt .date,
.page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap .block--txt .date {
  color: #810100;
}
.wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap,
.page--photo > .block--contents:not(.section--movie) .content--wrap,
.page--movie > .block--contents:not(.section--movie) .content--wrap,
.page--qa > .block--contents:not(.section--movie) .content--wrap,
.page--radio > .block--contents:not(.section--movie) .content--wrap,
.page--blog > .block--contents:not(.section--movie) .content--wrap,
.page--feature > .block--contents:not(.section--movie) .content--wrap,
.page--faq > .block--contents:not(.section--movie) .content--wrap {
  padding: 8.3333333333vw 12.5vw !important;
}
.wrap .container .area--fc .tit,
.wrap .container .area--fc .category,
.page--photo .tit,
.page--photo .category,
.page--movie .tit,
.page--movie .category,
.page--qa .tit,
.page--qa .category,
.page--radio .tit,
.page--radio .category,
.page--blog .tit,
.page--blog .category,
.page--feature .tit,
.page--feature .category,
.page--faq .tit,
.page--faq .category {
  color: #1B1717;
}
.wrap .container .area--fc .wrap .block--pager a,
.page--photo .wrap .block--pager a,
.page--movie .wrap .block--pager a,
.page--qa .wrap .block--pager a,
.page--radio .wrap .block--pager a,
.page--blog .wrap .block--pager a,
.page--feature .wrap .block--pager a,
.page--faq .wrap .block--pager a {
  color: #630000;
}

.page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap,
.page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap {
  padding: 4.1666666667vw 2.6041666667vw !important;
}
.page--photo .wrap > .bg,
.page--movie .wrap > .bg,
.page--qa .wrap > .bg,
.page--radio .wrap > .bg,
.page--blog .wrap > .bg,
.page--feature .wrap > .bg,
.page--faq .wrap > .bg {
  background: url("/static/fcopen/fanplakit/artist/trueandlip_deM11chP/img/bg-fc.jpg") repeat top center/50vw;
}

.page--biography b {
  font-weight: 700;
}
.page--biography i {
  font-style: normal;
}
.page--biography .introduction-tit {
  text-align: center;
  font-size: 120%;
  background-color: #cc0000;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}
.page--biography .introduction-txt {
  border: 1px solid #cc0000;
  padding: 10px;
}
.page--biography .member {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 10px;
}
.page--biography .member-box {
  padding: 10px;
}
.page--biography .member-box .block--sns-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 20px auto 10px auto;
}
.page--biography .member-box .block--sns-container .name {
  font-size: 140%;
}
.page--biography .member-box .block--sns-container .nav--sns__twitcasting img {
  width: 15px;
}
.page--biography .member-box .profile-text {
  margin-bottom: 20px;
}
.page--biography .member-box .profile-text p {
  margin: 0;
  line-height: 1.4;
}
.page--biography .member-box .profile-text p + p {
  margin-top: 0.7em;
}
.page--biography .member-box .profile span {
  color: #393939;
  padding: 2px 0;
}
.page--biography .member-box .profile dd:not(:last-child) {
  margin-bottom: 10px;
}
.page--biography .member-box.harima {
  border: 1px solid #ff6d2c;
}
.page--biography .member-box.harima .profile span {
  background-color: #ff6d2c;
}
.page--biography .member-box.paruo {
  border: 1px solid #ff7da8;
}
.page--biography .member-box.paruo .profile span {
  background-color: #ff7da8;
}
.page--biography .member-box.mahiromaru {
  border: 1px solid #f9e150;
}
.page--biography .member-box.mahiromaru .profile span {
  background-color: #f9e150;
}
.page--biography .member-box.monokuro {
  border: 1px solid #edeeef;
}
.page--biography .member-box.monokuro .profile span {
  background-color: #edeeef;
}
.page--biography .member-box.soara {
  border: 1px solid #a7d2f9;
}
.page--biography .member-box.soara .profile span {
  background-color: #a7d2f9;
}
.page--biography .member-box.tukiyashiro {
  border: 1px solid #775dc6;
}
.page--biography .member-box.tukiyashiro .profile span {
  background-color: #775dc6;
}

#announcement {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 auto 5.7291666667vw auto;
  z-index: 1;
}
#announcement a,
#announcement a:visited {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  width: 50vw;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 1rem 2rem;
  font-weight: 700;
  line-height: 1.3;
  background: #fff;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  #announcement a:hover,
  #announcement a:visited:hover {
    opacity: 0.8;
  }
}
#announcement a .text p,
#announcement a:visited .text p {
  color: #1B1717;
}
#announcement .icon {
  font-size: 200%;
  color: #ff6d2c;
}

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

.page--blog.page--blog--all .section--list .list li:not(:has(a)) {
  text-align: center;
}

::-moz-selection {
  background: #630000;
}

::selection,
input[readonly=readonly],
.block--category li a::after,
.btn .btn--main,
.limited .section-tit::after,
.tit .limited::after,
.list--schedule .block--date > [class^=block--date] .block--date__month::after,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.page--faq .block--faq-detail span.icon--a,
.page--blog .block--comment .list--comment li form input,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .block--comment .list--comment li form input,
.page--movie .wrap--action .reply-form .btn .btn--main {
  background: #630000;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
button {
  color: #fff;
  font-family: shippori-mincho, serif;
}

@media screen and (min-width: 961px) {
  .sp {
    display: none;
  }
  .page--home.pattern--integrated .block--content-wrap section .block--title + * {
    width: 100%;
    padding: 0;
  }
  [class^=page--] .wrap .header {
    height: auto !important;
  }
  [class^=page--] .wrap .header .inner h1.logo a img {
    height: auto;
  }
  [class^=page--] .wrap .header .drawer {
    left: 0;
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-arrow,
  [class^=page--] .wrap .block--carousel .list--video .slick-arrow,
  [class^=page--] .wrap .block--carousel .list--movie .slick-arrow {
    width: 0.8vw;
    height: 0.9vw;
    bottom: -3%;
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev::after,
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-next::after,
  [class^=page--] .wrap .block--carousel .list--video .slick-prev::after,
  [class^=page--] .wrap .block--carousel .list--video .slick-next::after,
  [class^=page--] .wrap .block--carousel .list--movie .slick-prev::after,
  [class^=page--] .wrap .block--carousel .list--movie .slick-next::after {
    border-width: 0.5vw 0 0.5vw 0.8vw;
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-prev,
  [class^=page--] .wrap .block--carousel .list--video .slick-prev,
  [class^=page--] .wrap .block--carousel .list--movie .slick-prev {
    left: calc(50% - 7vw);
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-next,
  [class^=page--] .wrap .block--carousel .list--video .slick-next,
  [class^=page--] .wrap .block--carousel .list--movie .slick-next {
    right: calc(50% - 7vw);
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots li,
  [class^=page--] .wrap .block--carousel .list--video .slick-dots li,
  [class^=page--] .wrap .block--carousel .list--movie .slick-dots li {
    margin: 0 1.6vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots li button,
  [class^=page--] .wrap .block--carousel .list--video .slick-dots li button,
  [class^=page--] .wrap .block--carousel .list--movie .slick-dots li button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0;
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots li button::before,
  [class^=page--] .wrap .block--carousel .list--video .slick-dots li button::before,
  [class^=page--] .wrap .block--carousel .list--movie .slick-dots li button::before {
    width: 0.5vw;
    height: 0.5vw;
  }
  .drawer-visible .header .inner .drawer__btn span.drawer__btn--item {
    background: #630000;
  }
  .drawer-visible .header .inner .drawer__btn span.txt {
    color: #630000;
  }
  .header .inner .drawer__btn span.txt {
    font-size: 0.7291666667vw;
  }
  .page--home .wrap .container .section--hero-img {
    height: auto;
    min-height: 0;
  }
  .page--home .wrap .container .section--hero-img .block--hero-img {
    height: auto;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
  }
  .page--home .wrap .container .section--hero-img .block--hero-img img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: relative;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top center;
       object-position: top center;
  }
  .page--home .wrap .container .section--hero-img .block--hero-img img.cover {
    position: absolute;
  }
  .page--home .wrap .container .section--hero-img .block--hero-img img.kv-sp {
    display: none;
  }
  .page--home .wrap .container .area--official > .block--contents .block--title {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  body.page--schedule #next {
    bottom: -140px;
  }
  body.page--video .list--video .list__item {
    margin-bottom: 0;
  }
  body.page--feature .content--body .section--detail.support .detail_table th {
    width: 13em;
  }
  body.page--feature .page--introduction [class^=block--] table,
  body.page--feature .page--introduction .block--service .block--service__contents,
  body.page--feature .page--introduction .attention_entry {
    width: 41.6666666667vw;
  }
  body.page--feature .page--introduction [class^=block--] table th {
    width: 11em;
  }
  body.page--feature .page--introduction .block--service .block--service__contents li .inner span {
    width: 3.125vw;
    height: 3.125vw;
    position: relative;
  }
  body.page--feature .page--introduction .block--service .block--service__contents li .inner span svg {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
  }
  body.page--feature .page--introduction .block--service .block--service__contents li .inner p {
    line-height: 1;
  }
}
@media screen and (min-width: 961px) and (min-width: 1px) and (max-width: 960px) {
  body.page--feature .page--introduction .block--service .block--service__contents li .inner p {
    font-size: clamp(10px, 3.3333333333vw, 14px);
  }
}
@media screen and (min-width: 961px) and (min-width: 961px) {
  body.page--feature .page--introduction .block--service .block--service__contents li .inner p {
    font-size: min(0.8333333333vw, 16px);
  }
}
@media screen and (min-width: 961px) {
  body.page--feature .page--introduction .attention_entry {
    margin: 0 auto;
  }
  body.page--photo:not(.page--home) .wrap .list--thumbnail {
    grid-template-columns: repeat(3, 1fr);
  }
  body:not(.page--home) .btn--main {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1em 2em;
  }
  .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 {
    border-width: min(0.4vw, 7.68px) 0 min(0.4vw, 7.68px) min(0.7vw, 13.44px);
  }
  .page--biography .member-box .block--sns-container .nav--sns__twitcasting img {
    width: 1.3vw;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .pc {
    display: none;
  }
  .loading {
    padding: 20px;
  }
  .btn--main {
    width: 95%;
  }
  [class^=page--] .wrap .header .inner {
    padding: 1rem;
    height: 60px;
  }
  [class^=page--] .wrap .header .inner h1.logo.pc {
    max-width: 110px;
  }
  [class^=page--] .wrap .header .drawer {
    overflow-y: scroll;
    margin-left: 0;
  }
  [class^=page--] .wrap .header .drawer .g-nav {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav--official,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member {
    gap: 2rem;
    height: 100%;
    padding: min(11.9047619048vw, 50px) 2rem;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .nav--logo,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav--logo {
    max-width: 100%;
    min-height: auto;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .nav--logo img,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .nav--logo img {
    max-width: 100%;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .logo--of,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .logo--of {
    max-width: 100%;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .logo--of img,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .logo--of img {
    width: 60vw;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav--official .logo--fc,
  [class^=page--] .wrap .header .drawer .g-nav .nav--member .logo--fc {
    max-width: 50%;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--contents,
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns {
    flex-wrap: nowrap;
    gap: 2rem;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav__list--sns {
    margin-top: 2rem;
  }
  [class^=page--].window-scroll .wrap .header .drawer {
    margin-left: 0;
  }
  [class^=page--].drawer-visible .drawer {
    z-index: 990;
    height: 100dvh;
  }
  .header .inner .drawer__btn {
    width: 40px;
    height: 40px;
  }
  .header .inner .drawer__btn span.txt {
    letter-spacing: 0;
  }
  .drawer-visible .header .inner .drawer__btn {
    mix-blend-mode: difference;
  }
  .drawer-visible .header .inner .drawer__btn span:first-child {
    transform: rotate(45deg) translate(10px, 11px);
  }
  .drawer-visible .header .inner .drawer__btn span:nth-child(2) {
    transform: rotate(-45deg) translate(-2px, 2px);
  }
  [class^=page--] footer .copyright {
    margin-top: 2em;
  }
  [class^=page--] .contact-links {
    flex-direction: column;
    margin-bottom: 3em;
  }
  body:not(.page--home) .wrap {
    padding-bottom: 0;
  }
  body:not(.page--home) .wrap .container {
    width: 100vw;
    max-width: 100%;
    margin: 0 auto;
    padding: 3rem 5vw 5rem;
  }
  body:not(.page--home) .wrap .container section .section-tit {
    margin-bottom: 20px !important;
  }
  body:not(.page--home) .wrap .container :is(.section--list, .section--detail) .list {
    gap: min(4.7619047619vw, 20px);
  }
  body:not(.page--home) .wrap .container :is(.section--list, .section--detail) .list--thumbnail,
  body:not(.page--home) .wrap .container :is(.section--list, .section--detail) .list--photo {
    gap: min(9.5238095238vw, 40px);
  }
  [class^=page--] .wrap .container section .section-tit {
    margin-bottom: 20px !important;
  }
  [class^=page--] .wrap .list,
  [class^=page--] .wrap .list--thumbnail,
  [class^=page--] .wrap .list--photo {
    gap: min(5.9523809524vw, 25px);
  }
  [class^=page--] .wrap .list .block--txt,
  [class^=page--] .wrap .list--thumbnail .block--txt,
  [class^=page--] .wrap .list--photo .block--txt {
    gap: 2px;
  }
  [class^=page--] .wrap .list .list__item.new .date::after, [class^=page--] .wrap .list .list__item.new .category::after,
  [class^=page--] .wrap .list--thumbnail .list__item.new .date::after,
  [class^=page--] .wrap .list--thumbnail .list__item.new .category::after,
  [class^=page--] .wrap .list--photo .list__item.new .date::after,
  [class^=page--] .wrap .list--photo .list__item.new .category::after {
    width: clamp(20px, 7vw, 32px);
    height: clamp(20px, 5vw, 22px);
  }
  [class^=page--] .wrap .list--schedule li .block--txt.new .category::after,
  [class^=page--] .wrap .list--thumbnail--schedule li .block--txt.new .category::after,
  [class^=page--] .wrap .list--photo--schedule li .block--txt.new .category::after {
    width: clamp(20px, 7vw, 28px);
    height: clamp(12px, 5vw, 16px);
  }
  [class^=page--] .wrap .list--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__month,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
    width: clamp(10px, 6vw, 22px);
  }
  [class^=page--] .wrap .list--schedule .block--date .block--date__month::after,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__month::after,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__month::after {
    height: 2.4em;
    right: 0em;
  }
  [class^=page--] .wrap .list--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__date,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__date {
    left: -0.3em;
  }
  [class^=page--] .wrap .list--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--thumbnail--schedule .block--date .block--date__youbi,
  [class^=page--] .wrap .list--photo--schedule .block--date .block--date__youbi {
    left: -0.9em;
  }
  [class^=page--] .wrap .list--schedule .block--txt,
  [class^=page--] .wrap .list--thumbnail--schedule .block--txt,
  [class^=page--] .wrap .list--photo--schedule .block--txt {
    padding-left: 5.7em !important;
    gap: 0px;
  }
  [class^=page--] .wrap .list--radio .list__item .ico,
  [class^=page--] .wrap .list--thumbnail--radio .list__item .ico,
  [class^=page--] .wrap .list--photo--radio .list__item .ico {
    width: 5vw;
    height: 5vw;
    line-height: 1;
  }
  [class^=page--] .wrap .list--radio .list__item .ico--play,
  [class^=page--] .wrap .list--thumbnail--radio .list__item .ico--play,
  [class^=page--] .wrap .list--photo--radio .list__item .ico--play {
    width: 2vw;
    height: 2vw;
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail,
  [class^=page--] .wrap .block--carousel .list--video,
  [class^=page--] .wrap .block--carousel .list--movie {
    width: 100% !important;
    margin-inline: auto !important;
  }
  [class^=page--] .wrap .block--carousel .list--thumbnail .slick-dots,
  [class^=page--] .wrap .block--carousel .list--video .slick-dots,
  [class^=page--] .wrap .block--carousel .list--movie .slick-dots {
    margin-top: 2rem;
  }
  [class^=page--] .wrap .block--carousel .list--video .new .tit::after {
    width: clamp(20px, 7vw, 32px);
    height: clamp(20px, 5vw, 22px);
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login {
    min-width: 0;
    margin-bottom: 2rem;
    gap: min(15.7142857143vw, 66px);
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited {
    width: 100%;
    max-width: 100%;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a::before,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited::before,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a::before,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited::before,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a::before,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited::before,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a::before,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited::before,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a::before,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited::before,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a::before,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited::before {
    bottom: -5px;
    left: -5px;
    width: 10px;
    height: 10px;
  }
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__join a:visited::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__login a:visited::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a::after,
  [class^=page--] .wrap .header .drawer .g-nav .nav.nav__list--login .g-nav--item__mypage a:visited::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__join a:visited::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__login a:visited::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a::after,
  .page--home.pattern--integrated .area--fc .section--login .block--login .nav .nav--login .g-nav--item__mypage a:visited::after {
    bottom: -9px;
    left: -20px;
    width: 18px;
    height: 18px;
    transform: none;
  }
  .page--home .bg {
    display: none;
  }
  .page--home .wrap .container .section--hero-img .block--hero-img img.kv-pc {
    display: none;
  }
  .page--home .wrap .container .section--banner {
    padding-bottom: min(14.2857142857vw, 60px);
  }
  .page--home .wrap .container .area--official section .block--title,
  .page--home .wrap .container .area--fc section .block--title {
    margin-bottom: min(7.1428571429vw, 30px);
  }
  .page--home .wrap .container .area--official {
    padding: min(4.7619047619vw, 20px) min(7.1428571429vw, 30px) clamp(100px, 26vw, 250px) min(7.1428571429vw, 30px);
  }
  .page--home .wrap .container .area--official > .block--contents {
    margin-bottom: min(23.8095238095vw, 100px);
    padding: min(11.9047619048vw, 50px) min(7.1428571429vw, 30px) !important;
  }
  .page--home .wrap .container .area--fc {
    padding: 0 min(7.1428571429vw, 30px);
  }
  .page--home .wrap .container .area--fc > .block--contents {
    margin-bottom: min(15.4761904762vw, 65px);
  }
  .page--home .wrap .container .area--fc .section--login {
    padding: min(22.380952381vw, 94px) 0 min(19.0476190476vw, 80px) 0;
    margin-bottom: 0;
  }
  .page--home .wrap .container .area--fc .section--login .logo--fc {
    margin: 0 auto min(9.5238095238vw, 40px) auto;
  }
  .page--home .wrap .container .area--fc .section--login .logo--fc,
  .page--home .wrap .container .area--fc .section--login .logo--fc img {
    width: 62vw;
  }
  .page--home .wrap .container .area--fc .limited--badge {
    inset: 24px auto auto -6px;
    width: min(28.5714285714vw, 120px);
  }
  .page--home .wrap .container .area--fc .side-txt .side-txt__item::before {
    left: 0px;
  }
  .page--home .wrap .container .area--fc .side-txt .side-txt__item--left {
    left: -0.5em;
  }
  .page--home .wrap .container .area--fc .side-txt .side-txt__item--right {
    right: -0.5em;
  }
  .page--home .wrap .container .area--fc .side-txt span {
    height: 20em;
  }
  .page--home .wrap .container .area--fc .section--movie .content--wrap > .list__more::after {
    top: -2%;
    right: -16%;
    width: 50%;
  }
  .page--home .wrap .container .area--fc .section--movie .block--title {
    padding: 5% 0 0 9%;
    width: 65% !important;
    right: -6%;
  }
  .page--home .wrap .container .area--fc .section--movie .block--title + * {
    width: 80% !important;
  }
  .page--home .wrap .container .area--fc .section--movie .block--title .section-tit {
    padding-right: 0;
  }
  .page--home .wrap .container .area--fc .section--movie .block--title .list__more {
    margin-inline: 0;
    top: 0;
    left: 6%;
  }
  .page--home .wrap .container .area--fc .section--movie .list--movie {
    padding: 4% 10% 4% 4%;
    left: 38%;
    aspect-ratio: auto;
  }
  .wrap .container .area--official > .block--contents::before, .wrap .container .area--official > .block--contents::after,
  .wrap .container .area--official .wrap .container :is(.section--list, .section--detail)::before,
  .wrap .container .area--official .wrap .container :is(.section--list, .section--detail)::after,
  .page--information > .block--contents::before,
  .page--information > .block--contents::after,
  .page--information .wrap .container :is(.section--list, .section--detail)::before,
  .page--information .wrap .container :is(.section--list, .section--detail)::after,
  .page--schedule > .block--contents::before,
  .page--schedule > .block--contents::after,
  .page--schedule .wrap .container :is(.section--list, .section--detail)::before,
  .page--schedule .wrap .container :is(.section--list, .section--detail)::after,
  .page--video > .block--contents::before,
  .page--video > .block--contents::after,
  .page--video .wrap .container :is(.section--list, .section--detail)::before,
  .page--video .wrap .container :is(.section--list, .section--detail)::after,
  .page--biography > .block--contents::before,
  .page--biography > .block--contents::after,
  .page--biography .wrap .container :is(.section--list, .section--detail)::before,
  .page--biography .wrap .container :is(.section--list, .section--detail)::after {
    width: min(21.9047619048vw, 92px);
    height: min(27.380952381vw, 115px);
  }
  .wrap .container .area--official > .block--contents + .block--contents .section__bg::before, .wrap .container .area--official > .block--contents + .block--contents .section__bg::after,
  .wrap .container .area--official .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .wrap .container .area--official .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after,
  .page--information > .block--contents + .block--contents .section__bg::before,
  .page--information > .block--contents + .block--contents .section__bg::after,
  .page--information .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .page--information .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after,
  .page--schedule > .block--contents + .block--contents .section__bg::before,
  .page--schedule > .block--contents + .block--contents .section__bg::after,
  .page--schedule .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .page--schedule .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after,
  .page--video > .block--contents + .block--contents .section__bg::before,
  .page--video > .block--contents + .block--contents .section__bg::after,
  .page--video .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .page--video .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after,
  .page--biography > .block--contents + .block--contents .section__bg::before,
  .page--biography > .block--contents + .block--contents .section__bg::after,
  .page--biography .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .page--biography .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 1.5px;
    height: 100%;
    background: #C7B299;
    transform: translateY(-50%);
  }
  .wrap .container .area--official > .block--contents + .block--contents .section__bg::before,
  .wrap .container .area--official .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .page--information > .block--contents + .block--contents .section__bg::before,
  .page--information .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .page--schedule > .block--contents + .block--contents .section__bg::before,
  .page--schedule .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .page--video > .block--contents + .block--contents .section__bg::before,
  .page--video .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before,
  .page--biography > .block--contents + .block--contents .section__bg::before,
  .page--biography .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::before {
    bottom: 50%;
    left: -6.5px;
  }
  .wrap .container .area--official > .block--contents + .block--contents .section__bg::after,
  .wrap .container .area--official .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after,
  .page--information > .block--contents + .block--contents .section__bg::after,
  .page--information .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after,
  .page--schedule > .block--contents + .block--contents .section__bg::after,
  .page--schedule .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after,
  .page--video > .block--contents + .block--contents .section__bg::after,
  .page--video .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after,
  .page--biography > .block--contents + .block--contents .section__bg::after,
  .page--biography .wrap .container :is(.section--list, .section--detail) + .block--contents .section__bg::after {
    bottom: 50%;
    right: -6.5px;
  }
  .wrap .container .area--official > .block--contents .section__bg,
  .wrap .container .area--official .wrap .container :is(.section--list, .section--detail) .section__bg,
  .page--information > .block--contents .section__bg,
  .page--information .wrap .container :is(.section--list, .section--detail) .section__bg,
  .page--schedule > .block--contents .section__bg,
  .page--schedule .wrap .container :is(.section--list, .section--detail) .section__bg,
  .page--video > .block--contents .section__bg,
  .page--video .wrap .container :is(.section--list, .section--detail) .section__bg,
  .page--biography > .block--contents .section__bg,
  .page--biography .wrap .container :is(.section--list, .section--detail) .section__bg {
    inset: 6px;
  }
  .page--information :is(.section--list, .section--detail),
  .page--schedule :is(.section--list, .section--detail),
  .page--video :is(.section--list, .section--detail),
  .page--biography :is(.section--list, .section--detail) {
    padding: min(11.9047619048vw, 50px) min(7.1428571429vw, 30px) !important;
  }
  .wrap .container .area--fc > .block--contents:not(.section--movie),
  .wrap .container .area--fc .wrap .container :is(.section--list, .section--detail),
  .page--photo > .block--contents:not(.section--movie),
  .page--photo .wrap .container :is(.section--list, .section--detail),
  .page--movie > .block--contents:not(.section--movie),
  .page--movie .wrap .container :is(.section--list, .section--detail),
  .page--qa > .block--contents:not(.section--movie),
  .page--qa .wrap .container :is(.section--list, .section--detail),
  .page--radio > .block--contents:not(.section--movie),
  .page--radio .wrap .container :is(.section--list, .section--detail),
  .page--blog > .block--contents:not(.section--movie),
  .page--blog .wrap .container :is(.section--list, .section--detail),
  .page--feature > .block--contents:not(.section--movie),
  .page--feature .wrap .container :is(.section--list, .section--detail),
  .page--faq > .block--contents:not(.section--movie),
  .page--faq .wrap .container :is(.section--list, .section--detail) {
    padding: min(2.380952381vw, 10px);
    border: 1px solid transparent;
    -o-border-image: linear-gradient(325deg, #c49d2c 0%, #caa53c 2%, #e1c477 11%, #ead18f 15%, #e3c787 20%, #d0ad74 28%, #cca770 30%, #d7b686 33%, #eed7b6 38%, #f8e4c9 41%, #f8e4c9 60%, #cca770 71%, #d4b178 74%, #e2c285 80%, #e7c98a 85%, #e3c481 88%, #dab968 92%, #cba641 97%, #c49d2c 100%) 1;
       border-image: linear-gradient(325deg, #c49d2c 0%, #caa53c 2%, #e1c477 11%, #ead18f 15%, #e3c787 20%, #d0ad74 28%, #cca770 30%, #d7b686 33%, #eed7b6 38%, #f8e4c9 41%, #f8e4c9 60%, #cca770 71%, #d4b178 74%, #e2c285 80%, #e7c98a 85%, #e3c481 88%, #dab968 92%, #cba641 97%, #c49d2c 100%) 1;
  }
  .wrap .container .area--fc > .block--contents:not(.section--movie)::before, .wrap .container .area--fc > .block--contents:not(.section--movie)::after,
  .wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap::before,
  .wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap::after,
  .wrap .container .area--fc .wrap .container :is(.section--list, .section--detail)::before,
  .wrap .container .area--fc .wrap .container :is(.section--list, .section--detail)::after,
  .wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
  .wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
  .page--photo > .block--contents:not(.section--movie)::before,
  .page--photo > .block--contents:not(.section--movie)::after,
  .page--photo > .block--contents:not(.section--movie) .content--wrap::before,
  .page--photo > .block--contents:not(.section--movie) .content--wrap::after,
  .page--photo .wrap .container :is(.section--list, .section--detail)::before,
  .page--photo .wrap .container :is(.section--list, .section--detail)::after,
  .page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
  .page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
  .page--movie > .block--contents:not(.section--movie)::before,
  .page--movie > .block--contents:not(.section--movie)::after,
  .page--movie > .block--contents:not(.section--movie) .content--wrap::before,
  .page--movie > .block--contents:not(.section--movie) .content--wrap::after,
  .page--movie .wrap .container :is(.section--list, .section--detail)::before,
  .page--movie .wrap .container :is(.section--list, .section--detail)::after,
  .page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
  .page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
  .page--qa > .block--contents:not(.section--movie)::before,
  .page--qa > .block--contents:not(.section--movie)::after,
  .page--qa > .block--contents:not(.section--movie) .content--wrap::before,
  .page--qa > .block--contents:not(.section--movie) .content--wrap::after,
  .page--qa .wrap .container :is(.section--list, .section--detail)::before,
  .page--qa .wrap .container :is(.section--list, .section--detail)::after,
  .page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
  .page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
  .page--radio > .block--contents:not(.section--movie)::before,
  .page--radio > .block--contents:not(.section--movie)::after,
  .page--radio > .block--contents:not(.section--movie) .content--wrap::before,
  .page--radio > .block--contents:not(.section--movie) .content--wrap::after,
  .page--radio .wrap .container :is(.section--list, .section--detail)::before,
  .page--radio .wrap .container :is(.section--list, .section--detail)::after,
  .page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
  .page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
  .page--blog > .block--contents:not(.section--movie)::before,
  .page--blog > .block--contents:not(.section--movie)::after,
  .page--blog > .block--contents:not(.section--movie) .content--wrap::before,
  .page--blog > .block--contents:not(.section--movie) .content--wrap::after,
  .page--blog .wrap .container :is(.section--list, .section--detail)::before,
  .page--blog .wrap .container :is(.section--list, .section--detail)::after,
  .page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
  .page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
  .page--feature > .block--contents:not(.section--movie)::before,
  .page--feature > .block--contents:not(.section--movie)::after,
  .page--feature > .block--contents:not(.section--movie) .content--wrap::before,
  .page--feature > .block--contents:not(.section--movie) .content--wrap::after,
  .page--feature .wrap .container :is(.section--list, .section--detail)::before,
  .page--feature .wrap .container :is(.section--list, .section--detail)::after,
  .page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
  .page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap::after,
  .page--faq > .block--contents:not(.section--movie)::before,
  .page--faq > .block--contents:not(.section--movie)::after,
  .page--faq > .block--contents:not(.section--movie) .content--wrap::before,
  .page--faq > .block--contents:not(.section--movie) .content--wrap::after,
  .page--faq .wrap .container :is(.section--list, .section--detail)::before,
  .page--faq .wrap .container :is(.section--list, .section--detail)::after,
  .page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap::before,
  .page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap::after {
    border: 1px solid transparent;
    width: min(9.5238095238vw, 40px);
    height: min(9.5238095238vw, 40px);
  }
  .wrap .container .area--fc > .block--contents:not(.section--movie) .content--wrap,
  .wrap .container .area--fc .wrap .container :is(.section--list, .section--detail) .content--wrap,
  .page--photo > .block--contents:not(.section--movie) .content--wrap,
  .page--photo .wrap .container :is(.section--list, .section--detail) .content--wrap,
  .page--movie > .block--contents:not(.section--movie) .content--wrap,
  .page--movie .wrap .container :is(.section--list, .section--detail) .content--wrap,
  .page--qa > .block--contents:not(.section--movie) .content--wrap,
  .page--qa .wrap .container :is(.section--list, .section--detail) .content--wrap,
  .page--radio > .block--contents:not(.section--movie) .content--wrap,
  .page--radio .wrap .container :is(.section--list, .section--detail) .content--wrap,
  .page--blog > .block--contents:not(.section--movie) .content--wrap,
  .page--blog .wrap .container :is(.section--list, .section--detail) .content--wrap,
  .page--feature > .block--contents:not(.section--movie) .content--wrap,
  .page--feature .wrap .container :is(.section--list, .section--detail) .content--wrap,
  .page--faq > .block--contents:not(.section--movie) .content--wrap,
  .page--faq .wrap .container :is(.section--list, .section--detail) .content--wrap {
    padding: min(9.5238095238vw, 40px) min(4.7619047619vw, 20px) !important;
    border: 1px solid transparent;
    -o-border-image: linear-gradient(325deg, #c49d2c 0%, #caa53c 2%, #e1c477 11%, #ead18f 15%, #e3c787 20%, #d0ad74 28%, #cca770 30%, #d7b686 33%, #eed7b6 38%, #f8e4c9 41%, #f8e4c9 60%, #cca770 71%, #d4b178 74%, #e2c285 80%, #e7c98a 85%, #e3c481 88%, #dab968 92%, #cba641 97%, #c49d2c 100%) 1;
       border-image: linear-gradient(325deg, #c49d2c 0%, #caa53c 2%, #e1c477 11%, #ead18f 15%, #e3c787 20%, #d0ad74 28%, #cca770 30%, #d7b686 33%, #eed7b6 38%, #f8e4c9 41%, #f8e4c9 60%, #cca770 71%, #d4b178 74%, #e2c285 80%, #e7c98a 85%, #e3c481 88%, #dab968 92%, #cba641 97%, #c49d2c 100%) 1;
  }
  [class^=page--].page--schedule .wrap .list--schedule .tit {
    padding-top: 0;
  }
  [class^=page--].page--schedule .wrap .list--schedule .block--date {
    top: 15px;
  }
  [class^=page--].page--schedule .wrap .list--schedule li .block--txt {
    padding-left: 80px;
  }
  [class^=page--].page--schedule .wrap .section--list .block--month ul a {
    font-size: 10px;
  }
  [class^=page--].page--photo.nonlogin .list--photo .list__item .thumb .limited-thumb span {
    font-size: 3.2vw;
  }
  [class^=page--].page--photo .wrap .list--photo, [class^=page--].page--photo .wrap .list--thumbnail {
    gap: 3rem 5%;
  }
  [class^=page--].page--qa .list--qa .tit {
    margin-bottom: 2px !important;
  }
  [class^=page--]:not(.page--home) .wrap .list--photo, [class^=page--]:not(.page--home) .wrap .list--thumbnail {
    grid-template-columns: repeat(1, 1fr);
  }
  [class^=page--].page--biography .member {
    grid-template-columns: repeat(1, 1fr);
  }
  [class^=page--].page--biography.harima {
    order: 1;
  }
  [class^=page--].page--biography.paruo {
    order: 4;
  }
  [class^=page--].page--biography.mahiromaru {
    order: 2;
  }
  [class^=page--].page--biography.monokuro {
    order: 5;
  }
  [class^=page--].page--biography.soara {
    order: 3;
  }
  [class^=page--].page--biography.tukiyashiro {
    order: 6;
  }
  [class^=page--].page--feature .wrap .container .content--wrap .section-tit {
    margin-bottom: 35px !important;
  }
  [class^=page--].page--feature .content--body .section--detail.support .detail_table th {
    width: 9em;
  }
  [class^=page--].page--feature .page--introduction .btn--main {
    font-size: 14px;
  }
  [class^=page--].page--feature .section--detail.support.faq .list {
    gap: 0;
  }
  [class^=page--].page--feature .section--detail.support.faq .list--faq {
    margin-bottom: 5rem;
  }
  [class^=page--].page--feature .section--detail.support.faq .list--faq li .faq--q {
    padding: 2rem;
    padding-inline: 0;
    gap: 1rem;
  }
  [class^=page--].page--feature .section--detail.support.faq .list--faq li .faq--q i {
    top: 2.3rem;
  }
  [class^=page--].page--feature .section--detail.support.faq .list--faq li .icon--q {
    line-height: 1.5;
  }
  [class^=page--].page--feature .section--detail.support.faq .list--faq li .icon--a {
    top: 2rem;
    left: 0;
  }
  [class^=page--].page--feature .section--detail.support.faq .list--faq li .faq--a {
    padding-inline: 0;
  }
  [class^=page--].page--feature .section--detail.support.faq .list--faq li .faq--a .txt {
    padding: 0 0 0 2rem;
  }
  [class^=page--].page--feature .section--detail.support.faq .block--contact {
    padding: 3rem 1rem;
  }
  #announcement {
    margin: 0 auto min(14.2857142857vw, 60px) auto;
  }
  #announcement a,
  #announcement a:visited {
    width: 100%;
    line-height: 1;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) and (min-width: 1px) and (max-width: 960px) {
  #announcement a,
  #announcement a:visited {
    font-size: 14px;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) and (min-width: 961px) {
  #announcement a,
  #announcement a:visited {
    font-size: min(1.1979166667vw, 23px);
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  #announcement .icon {
    font-size: 150%;
  }
}
@media screen and (max-width: 360px) {
  .page--home .wrap .container .area--fc .block--title .list__more {
    right: -10px;
  }
}