@charset "UTF-8";
body,
.section--detail.support .section-tit,
.tit .free::after,
.tit > [class*=-member],
.tit .limited::after,
.limited .section-tit::after,
.category,
.date,
.section-tit,
.block--share .share,
.list--schedule .block--date,
.list--faq .icon--q,
.list--qa .list__item a::before,
.list--thumbnail .list__item .thumb .limited-thumb span,
.detail__btn a,
.header .g-nav .g-nav--item a,
.list__more a,
.list__item.new .tit::after,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.block--pager li,
.block--category li,
.block--month,
.page--qa .tit--q span,
.page--qa .tit--a,
.page--qa .name span,
.page--faq .block--faq-detail span.icon--q,
.page--faq .block--faq-detail span.icon--a,
.g-nav--item__mypage,
.page--chat-community .switching,
.page--schedule .list--schedule li .block--txt.new .tit::after {
  font-family: "Jost", -apple-system, BlinkMacSystemFont, "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.page--biography .artist--name,
.page--ticket .section--detail .notice,
.page--ticket .section-tit,
.page--ticket .section--list .list--ticket li a .tit {
  font-weight: 300;
}

.block--login {
  font-weight: 400;
}

.list__more a {
  font-size: 12px;
}

.page--home .block--content-wrap {
  background: transparent;
  padding: 0;
}

.block--pager li::before,
.tit .limited::after,
.form__checkbox :checked ~ p::before,
.list--thumbnail a .thumb::after {
  background: #67a4ba;
}

footer,
.page--home footer {
  background: #f1f1f1;
}

.nonlogin .list--thumbnail .list__item .thumb .limited-thumb,
.page--schedule .section--list .block--month ul li a::after,
.page--schedule .section--list .block--refine input[type=checkbox]:checked + p,
.page--blog .wrap--action .reply-form .btn .btn--main {
  background: #FFF;
}

.page--home footer .list-tit::before,
.page--home footer .list-tit::after {
  background: #333;
}

footer .nav__list--sns li a,
.list--support .list__item a,
footer,
.nav__list--sns li a,
.page--home footer,
.tit .limited::after,
.limited .section-tit::after,
.tit .free::after,
.free .section-tit::after,
.page--faq .block--faq-detail span.icon--a,
.page--home .section--hero-img .block--login nav li a,
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb span:before,
.header .drawer .nav--member .nav li a {
  color: #333;
}

.list--schedule .block--date > [class^=block--date] .block--date__month::after,
.page--faq .block--faq-detail span.icon--a {
  background: #333;
}

body,
a,
.page--home .block--content-wrap,
.page--home .block--contents a,
.copyright,
.page--movie .section--detail .btn .btn--sub,
.page--faq .section--detail .block--contact a,
.page--home .section--hero-img .block--login nav a,
.page--home footer .list-tit,
.form__select select,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--home .list--support .list__item a {
  color: #333;
}

footer small a,
.page--home .list--support .list__item a,
.page--home .section--hero-img .block--login nav li a,
.page--qa .tit--q span:first-letter,
.section-tit,
.page--home .list__more > a {
  color: #333;
}

.page--home footer .copyright,
.page--home footer a,
.page--home footer .nav__list--sns li a,
footer .copyright {
  color: #333 !important;
}

.logo--text,
.page--qa .tit--a:first-letter,
.page--schedule .section--list .block--refine input[type=checkbox]:checked + p,
.page--faq .block--faq-detail span.icon--a {
  color: #67a4ba;
}

.page--schedule .section--list .block--refine label p {
  color: rgba(51, 51, 51, 0.8);
  background-color: rgba(51, 51, 51, 0.2);
}

.page--faq .block--faq-detail span.icon--q,
.header .drawer .nav__list--login,
.form__select select,
.form__select::after,
.form--confirm,
.form__checkbox label p::before,
.form__radio label p::before,
.form__radio :checked ~ p::before,
.form__checkbox :checked ~ p::before {
  border-color: #333;
}

.block--pager .pager__item--older a::after {
  border-color: #67a4ba;
}

/* btn */
.btn .btn--main,
.btn--main {
  background: #67a4ba;
  color: #fff;
}

.btn .btn--sub,
.btn--sub {
  background: rgba(51, 51, 51, 0.2);
  color: #333;
  border-color: transparent;
}

/* form */
.form--confirm {
  background: rgba(103, 164, 186, 0.05);
  border: 1px solid #f1f1f1;
}

.form--confirm dt {
  opacity: 0.8;
}

::-moz-selection {
  background: #fff;
  color: #333;
}

::selection {
  background: #fff;
  color: #333;
}

input[type=tel],
input[type=email],
input[type=password],
input[type=number],
.tit .limited::after {
  background: rgba(103, 164, 186, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #333;
}

.block--category li a::after {
  background: #333;
  height: 1px;
}

input[readonly=readonly] {
  background: #bbced6;
}

textarea,
input[type=text],
.form__select select {
  background: rgba(255, 255, 255, 0.4);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #FFF inset !important;
}

/* NEW */
.page--schedule .list--schedule li .block--txt.new .tit::after,
.list__item.new .tit::after {
  color: #67a4ba;
  font-weight: 400;
}

/* placeholder */
::-webkit-input-placeholder {
  color: #7d7d7d;
}

::-moz-placeholder {
  opacity: 1;
  color: #7d7d7d;
}

:-ms-input-placeholder {
  color: #7d7d7d;
}

:-moz-placeholder {
  color: #7d7d7d;
}

/* svg color */
.lineIco a svg {
  fill: #333;
}

.ico--play {
  stroke: #333;
  left: 3px;
}

/* favorite */
.fa-heart:before {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #333;
}

.fa-heart.clicked::before {
  -webkit-text-fill-color: #d67992;
  -webkit-text-stroke: transparent;
}

/* slick arrow */
.slick-prev::after,
.slick-next::after {
  border-color: #333;
  border-width: 2px;
}

.page--home .section--video .slick-prev:hover::before, .page--home .section--video .slick-prev:hover::after,
.page--home .section--video .slick-next:hover::before,
.page--home .section--video .slick-next:hover::after {
  border-color: #67a4ba;
}

/* pager */
.block--pager .pager__item--older span::after,
.block--pager .pager__item--newer a::after {
  border-color: #333;
  border-width: 1px;
}

.block--pager .pager__item--older a::after {
  border-width: 1px;
}

/* FAQ */
.page--faq .searchBox input[type=submit] {
  color: #333;
}

.page--faq .searchBox input[type=text] {
  border: 1px solid #333;
}

.page--faq .block--faq-detail,
.list--faq li,
.list--faq li:last-child,
.page--faq .block--faq-detail dt {
  border-color: rgba(51, 51, 51, 0.5);
}

input[type=text],
textarea {
  border-color: #333;
}

/* 日付、カテゴリ */
.date {
  font-size: 14px;
}

.date,
.category {
  opacity: 1;
  margin-right: 0.5em;
}

/* schedule scroll_icon */
#next .arrow-1 {
  background-color: rgba(255, 255, 255, 0.4);
}

#next .arrow-2 {
  background-color: rgba(103, 164, 186, 0.05);
  border: 1px solid #f1f1f1;
}

#next .arrow-2 span {
  border-top-color: #67a4ba;
  border-right-color: #67a4ba;
}

/* photo swiper */
.page--photo #swipebox-action #swipebox-close::before,
.page--photo #swipebox-action #swipebox-close::after {
  background: #FFF;
}

.page--photo #swipebox-action #swipebox-prev,
.page--photo #swipebox-action #swipebox-next {
  color: #FFF;
}

/* MEMBER */
.limited .section-tit::after {
  color: #fff;
  background: #67a4ba;
  padding: 0.4em 1em 0.35em;
  border-radius: 999px;
  line-height: 1;
}

.tit > [class*=-member],
.tit .limited::after {
  background: rgba(51, 51, 51, 0.2);
  color: #333;
  padding: 0.45em 1em 0.3em;
  border-radius: 999px;
  line-height: 1;
  font-weight: 400;
  border: none;
}

/* FREE */
.tit .free::after {
  color: #333;
  border: 1px solid rgba(51, 51, 51, 0.8);
  background: transparent;
  padding: 0.1em 1em 0.05em;
  border-radius: 999px;
  line-height: 1;
  font-size: 10px;
  font-weight: 400;
}

/* VIEW MORE */
.header .g-nav .nav li a::after,
.detail__btn a::after,
.list__more a::after {
  height: 1px;
}

/* QA tit */
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter {
  font-size: 100%;
}

.section-tit {
  font-weight: 200;
}

body,
.bg::before,
body:not(.page--home) .wrap {
  background: transparent;
}

body.page--home .wrap,
body:not(.page--home) .wrap {
  background: #f1f1f1;
}

.page--home .wrap {
  padding-bottom: 0;
}

.header .g-nav {
  padding-left: clamp(140px, 25vw, 350px);
}

.item__first.g-nav--item__sns::before {
  color: #333;
}

body:not(.page--home).window-scroll .header {
  background: #fff;
}

.header .drawer .nav__list--login li a,
.block--login .nav__list--login li a {
  border-radius: 999px;
  padding: 0.6em 1em;
  margin-left: 0.5em;
  background: #333;
  color: #fff;
}

body:not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap > .logo.sp a img,
body:not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .header h1.logo a img {
  display: none;
}
body:not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .wrap > .logo.sp a::before,
body:not(.page--blog):not(.page--movie):not(.page--photo):not(.page--radio):not(.page--qa) .header h1.logo a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: url(/static/fcopen/fanplakit/artist/awesomecityclub_wn0eAMv5HE/image/common/logo.svg) no-repeat center top 65%;
  background-size: contain;
  height: 100%;
}

footer small a {
  text-decoration: underline;
  color: #333;
}

body:not(.page--home) footer .copyright {
  opacity: 0.9;
}

footer .copyright small em {
  opacity: 0.7;
}

.footer .bg {
  display: none;
}

.page--home .footer {
  position: relative;
  height: auto;
  padding: 60px 0 20px;
  border-radius: 5vw 5vw 0 0;
  margin-top: -5vw;
  border: 1px solid #FFF;
}
.page--home .footer .nav__list--sns li {
  margin: 0 0.5em !important;
}
.page--home .footer .nav__list--sns li a {
  font-size: 18px;
}
.page--home .footer nav.nav {
  margin-bottom: 60px;
}
.page--home .footer .copyright {
  position: static;
}

.nav.nav__list--sns.official,
.list--personalSNS {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
}
.nav.nav__list--sns.official span,
.list--personalSNS span {
  display: block;
  margin-bottom: 0.5em;
  text-align: center;
}

.nav.nav__list--sns.official,
.list--personalSNS .item--list--personalSNS {
  margin: 0 1.5em 20px;
  display: inline-block;
}

.personalSNS--item {
  margin-bottom: 0;
}

.list--externalLink {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.list--externalLink::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: rgba(51, 51, 51, 0.2);
}
.list--externalLink li {
  margin: 0 1.2em;
}
.list--externalLink li a {
  position: relative;
  padding: 0.5em 0;
  padding-right: 1.2em;
}
.list--externalLink li a::before, .list--externalLink li a::after {
  content: "";
  display: block;
  position: absolute;
}
.list--externalLink li a::before {
  width: 0.8em;
  top: 1.2em;
  right: -0.06em;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.list--externalLink li a::after {
  top: 0.9em;
  right: 0;
  width: 0.6em;
  height: 0.6em;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

.page--home .section--video .slick-dots li button:before {
  background: #333;
}

.page--home .section--hero-img .block--login .g-nav--item__login::before {
  background: #333;
  content: "";
  display: block;
  width: 1px;
  height: 1.5em;
  -webkit-transform: rotate(32deg);
  transform: rotate(32deg);
  position: absolute;
  left: -0.2em;
  top: 3px;
}

.page--home .section--hero-img {
  padding: 3vw 0 0 3vw;
  margin-bottom: 50px;
}
.page--home .section--hero-img .block--hero-img {
  width: 100%;
  max-height: inherit;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page--home .section--hero-img .block--hero-img img {
  display: block;
  max-height: inherit;
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  -o-object-position: center top;
  object-position: center top;
  border-radius: 3vw 0 0 0;
}
.page--home .section--hero-img .block--hero-img img.cover {
  width: 100%;
}
.page--home .block--contents .block--title .section-tit {
  position: relative;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.page--home .block--contents .block--title .section-tit::after {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.page--home .wrap .area--fc {
  position: relative;
  background-color: rgba(103, 164, 186, 0.05);
  padding-top: max(10vw, 4em);
}
.page--home .wrap .area--fc .section--login {
  width: 100%;
  margin-bottom: max(10vw, 5em);
}
.page--home .wrap .area--fc .section--login .logo--fc {
  width: 50%;
  max-width: 500px;
  margin: 0 auto 3vh;
}
.page--home .wrap .area--fc .section--login .block--login.sp {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: static;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page--home .wrap .area--fc .section--login .block--login.sp li {
  margin: 0;
}
.page--home .wrap .area--fc .section--login .block--login.sp .g-nav--item__login {
  position: relative;
  padding: 0 1.2em;
}
.page--home .wrap .area--fc .section--login .block--login.sp .g-nav--item__login::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.5em;
  -webkit-transform: rotate(32deg);
  transform: rotate(32deg);
  position: absolute;
  left: -0.2em;
  top: 3px;
  background: #333;
}

.page--home .section--blog .list--blog_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page--home .section--blog .list--blog_link li {
  margin-bottom: min(5vw, 2em);
  overflow: hidden;
}
.page--home .section--blog .list--blog_link li.new {
  position: relative;
}
.page--home .section--blog .list--blog_link li.new::before, .page--home .section--blog .list--blog_link li.new::after {
  content: "NEW";
  display: block;
  position: absolute;
  top: calc(50% + 1.5em);
  left: 50%;
  -webkit-transform: rotateX(0) translateX(-50%);
          transform: rotateX(0) translateX(-50%);
  padding: 0.15em 1em 0.05em;
  color: transparent;
  background: #fff;
  z-index: 10;
  font-size: 0.8em;
  font-weight: 400;
  text-align: center;
  pointer-events: none;
  border-radius: 999px;
}
.page--home .section--blog .list--blog_link li.new::after {
  color: #67a4ba;
  background: transparent;
  -webkit-animation: newPop 8s infinite ease-in-out;
          animation: newPop 8s infinite ease-in-out;
}
.page--home .section--blog .list--blog_link li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.page--home .section--blog .list--blog_link li a img {
  border-radius: max(2vw, 2em) 0 0 0;
  vertical-align: bottom;
  opacity: 0.05;
}
.page--home .section--blog .list--blog_link li a::before, .page--home .section--blog .list--blog_link li a::after {
  content: "";
  display: block;
  position: absolute;
}
.page--home .section--blog .list--blog_link li a::before {
  width: 100%;
  height: 100%;
  background: rgba(103, 164, 186, 0.05);
  border: 1px solid #FFF;
  border-radius: max(2vw, 2em) 0 0 0;
}
.page--home .section--blog .list--blog_link li a::after {
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.3em;
  color: #333;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.3em;
}
.page--home .section--blog .list--blog_link li.porin a::after {
  content: "PORIN部屋";
}
.page--home .section--blog .list--blog_link li.atagi a::after {
  content: "atagi's work box";
}
.page--home .section--blog .list--blog_link li.morisee a::after {
  content: "モリシーROOM";
}
.page--home .section--blog .list--blog_link li.pii a::after {
  content: "Pii部屋";
}
.page--home .section--blog .list--blog_link li.staff a::after {
  content: "STAFF BLOG";
}

.page--ticket .wrap .list--select li a {
  background-color: #939393;
}
.page--ticket .wrap .section--list .list--ticket li a {
  background-color: rgba(103, 164, 186, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #333;
}
.page--ticket .wrap .section--list .list--ticket li a .tit {
  border-color: rgba(51, 51, 51, 0.2);
}
.page--ticket .wrap .section--list .list--ticket .sales_status span.sales {
  background-color: rgba(214, 121, 146, 0.5);
  color: #333;
}
.page--ticket .wrap .section--list .list--ticket .sales_status span.sales_purchased {
  background-color: rgba(103, 164, 186, 0.5);
  color: #333;
}
.page--ticket .wrap .section--list .list--ticket .sales_status span.sales_end {
  border: solid 1px #333;
  background: none;
  color: #333;
}
.page--ticket .wrap .section--list .list--ticket .sales_status span.sales_soldout {
  background-color: #ddd;
  color: #333;
}
.page--ticket .wrap .section--detail .block--info {
  background-color: rgba(103, 164, 186, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #333;
  padding: 3em;
}
.page--ticket .wrap .section--detail .block--info .section-tit {
  color: #333;
}
.page--ticket .wrap .section--detail .block--info dl {
  border-color: rgba(51, 51, 51, 0.3);
}
.page--ticket .wrap .section--detail .notice {
  background-color: #e8e8e8;
  color: #939393;
}
.page--ticket .wrap .section--detail .notice.nonactive {
  background-color: #67a4ba;
  color: #fff;
}
.page--ticket .wrap .section--detail .txt-main.strong {
  color: #a23232;
}
.page--ticket .wrap .section--detail .block--error {
  color: #a23232;
}
.page--ticket .wrap .section--detail .block--form .tit {
  color: #2db2e2;
}
.page--ticket .wrap .section--detail .block--form dd input[type=checkbox]:checked + label {
  border-color: #2db2e2;
}
.page--ticket .wrap .section--detail .ticket_used_list .tit {
  border-color: #c9aac4;
  color: #c9aac4;
}
.page--ticket .wrap .section--detail .ticket_used_list .used_ticket {
  border-color: #c9aac4;
  color: #67a4ba;
}
.page--ticket .wrap .section--detail .form--select {
  background: rgba(255, 255, 255, 0.9);
  color: #333;
  border: none;
}
.page--ticket .wrap .section--detail .form--select select {
  background-color: rgba(255, 255, 255, 0.4);
  color: #333;
}
.page--ticket .wrap .section--detail input[type=checkbox] + label {
  color: #67a4ba;
}
.page--ticket .wrap .section--detail input[type=checkbox] + label:before {
  border-color: #67a4ba;
}
.page--ticket .wrap .section--detail input[type=checkbox]:checked + label:before {
  border-color: #c9aac4;
  border-top-color: transparent;
  border-left-color: transparent;
}
.page--ticket .wrap .section--detail .form-error {
  color: #c9aac4;
}
.page--ticket .wrap .section--detail .block--alert .inner dt {
  color: #333;
}
.page--ticket .wrap .spinner {
  border: solid 4px #67a4ba;
  border-top: solid 4px #FFF;
}
.page--ticket .wrap #check_active_button[disabled] {
  color: #333;
}

.page--schedule .section--detail .block--liveinfo > li .item-tit {
  opacity: 0.8;
}

.page--biography .artist--photo {
  width: 100%;
  margin-bottom: 20px;
}
.page--biography .artist--name {
  margin-bottom: 60px;
}

.page--blog .block--comment .list--comment li.comment--member .comment--bg .btn-delete input,
.page--blog .block--comment .list--comment li .comment-replies .replies li.comment--member .btn-delete input {
  background: #FFF;
  color: #000;
}

.page--blog .block--comment {
  background-color: transparent;
}
.page--blog .block--comment .list--comment li form {
  top: 1em;
}

.page--blog .block--comment .list--comment li.comment--member .comment--bg,
.page--blog .block--comment .list--comment li .replies li.comment--member {
  padding: 1.5em 2em 1.5em;
  background: rgba(103, 164, 186, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #333;
  border-radius: max(2vw, 2em) 0 0 0;
}
.page--blog .block--comment .list--comment li,
.page--blog .block--comment .list--comment li:first-child,
.page--blog .block--comment .list--comment li .comment-replies .replies li:first-child:before,
.page--blog .block--comment .list--comment li .comment-replies .replies li:after {
  border: none;
}
.page--blog .block--comment .list--comment li .replies li.comment--member:first-child {
  margin-top: 0;
}
.page--blog .block--comment .list--comment li.comment--member .user:after {
  color: #67a4ba;
}
.page--blog .wrap--action .reply-form .btn .btn--main {
  border-radius: 0.3em;
}
.page--blog .detail__btn a {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.page--qa .block__answer .tit--a,
.page--qa .tit--q span {
  font-weight: 200;
}

.block__question {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(103, 164, 186, 0.05);
}

.block__answer {
  background: rgba(103, 164, 186, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.page--qa .tit--a:first-letter,
.block__answer,
.page--qa .block__answer .tit--a {
  color: #333;
}

/* 新規入会ページ */
.page--feature .page--introduction .block--service .block--service__contents li .inner span {
  background: #333;
}
.page--feature .page--introduction .block--service .block--service__contents li .inner span svg {
  fill: #fff;
}

.page--feature .page--introduction .block--service .block--service__contents li .inner p {
  color: #333;
}

/* pii部屋 */
.page--feature .section--detail.pii_room {
  position: relative;
  margin: 0;
  margin-top: -270px;
  width: 100%;
  max-width: none;
  margin-bottom: -400px;
}
.page--feature .section--detail.pii_room .block--ph {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80vh;
  left: 0;
  z-index: 0;
}
.page--feature .section--detail.pii_room .block--ph .bg {
  background-size: cover;
  height: 80vh;
  width: 100%;
  opacity: 0.7;
  -webkit-filter: blur(100px);
          filter: blur(100px);
}
.page--feature .section--detail.pii_room .block--ph .thumb {
  height: 100vh;
  width: auto;
  z-index: 1;
}
.page--feature .section--detail.pii_room .block--ph .thumb img {
  width: auto;
  height: 60vh;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 10vh;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page--feature .section--detail.pii_room .block--ph .thumb img.cover {
  width: 100%;
}
.page--feature .section--detail.pii_room .txt--wrap {
  position: relative;
  z-index: 10;
  padding: 7vw 0;
  padding-bottom: 300px;
  margin-top: 75vh;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 5vw 5vw 0 0;
  border: 1px solid #FFF;
  -webkit-box-shadow: 10px -15px 30px -25px rgba(0, 0, 0, 0.3);
          box-shadow: 10px -15px 30px -25px rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
}
.page--feature .section--detail.pii_room .txt--wrap .inner {
  max-width: 850px;
  width: 80%;
  margin: 0 auto 100px;
}
.page--feature .section--detail.pii_room .txt--wrap .inner .section-tit {
  font-size: 50px;
  text-align: center;
  font-style: oblique;
}
.page--feature .section--detail.pii_room .txt--wrap .inner .block--txt {
  margin-bottom: 3em;
  text-align: center;
}

.page--feature footer {
  background: transparent;
  z-index: 100;
}

.page--movie.category-2 #radio_link a span {
  display: block;
  margin-bottom: 0.5em;
  color: #FFF;
  background: transparent;
  font-size: 0.8em;
}

@-webkit-keyframes newPop {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  4% {
    -webkit-transform: translate(-50%, -3px);
    transform: translate(-50%, -3px);
  }
  7% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  10% {
    -webkit-transform: translate(-50%, -2px);
    transform: translate(-50%, -2px);
  }
  12% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes newPop {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  4% {
    -webkit-transform: translate(-50%, -3px);
    transform: translate(-50%, -3px);
  }
  7% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  10% {
    -webkit-transform: translate(-50%, -2px);
    transform: translate(-50%, -2px);
  }
  12% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media screen and (min-width: 961px) {
  .btn a:hover {
    opacity: 0.7;
  }
  .section-tit,
  .page--home .block--contents .block--title .section-tit {
    font-size: 60px;
  }
  h1.logo a:hover,
  .block--share li a:hover,
  .list .list__item a:hover,
  .footer .nav__list--sns li a:hover,
  .list--support .list__item a:hover,
  footer small a:hover,
  .footer .nav__list--sns li a:hover,
  .list--thumbnail .list__item a:hover .block--txt {
    opacity: 1;
    color: #67a4ba !important;
  }
  .header .g-nav .nav li a,
  .detail__btn a,
  .list__more a,
  .list--schedule a,
  .list--schedule .block--date > [class^=block--date] .block--date__month::after,
  .block--share li svg,
  .list .list__item a i::before,
  .list .list__item a svg,
  a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .list--schedule a:hover {
    color: #67a4ba;
  }
  .list--schedule a:hover .block--date > [class^=block--date] .block--date__month::after {
    background: #67a4ba;
  }
  .list .list__item a:hover svg {
    stroke: #67a4ba;
  }
  .list .list__item a:hover i::before {
    -webkit-text-stroke-color: #67a4ba;
  }
  .block--share li a:hover svg {
    fill: #67a4ba;
  }
  /* オートページャー（list--schedule）*/
  #next {
    bottom: 50px;
  }
  .drawer__btn {
    display: none;
  }
  .header {
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s;
  }
  .page--home .header .drawer .nav li a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  body.page--home .header,
  body:not(.page--home) .header {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  body.page--home .header .drawer .nav.nav__list--login li a,
  body:not(.page--home) .header .drawer .nav.nav__list--login li a {
    background: #fff;
    color: #333;
  }
  .header .g-nav .nav li a::after,
  .header .g-nav .g-nav--item.limited a::before,
  .page--home:not(.window-scroll) .header .g-nav .nav li a::after,
  .page--home:not(.window-scroll) .header .g-nav .g-nav--item.limited a::before {
    background: #333;
    opacity: 1;
    height: 1px;
  }
  .window-scroll .header .drawer .nav li a,
  .header .drawer .nav li a,
  .page--home .header .drawer .block--login .nav li a,
  .page--home:not(.window-scroll) .header .drawer .nav li a {
    color: #333;
  }
  .window-scroll .header .drawer .nav li a:hover,
  .header .drawer .nav li a:hover,
  .page--home:not(.window-scroll) .header .drawer .nav li a:hover {
    color: #67a4ba;
  }
  .header .g-nav .nav li a::after,
  .window-scroll .header .drawer .nav li a:hover::after,
  .page--home:not(.window-scroll) .header .drawer .nav li a:hover::after {
    background: #67a4ba;
  }
  .detail__btn a::after,
  .list__more a::after {
    background: #333;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .page--home .header,
  body:not(.page--home) .header,
  body.page--home.window-scroll .header,
  body:not(.page--home).window-scroll .header {
    background: transparent;
    z-index: 100;
  }
  body.page--home .header,
  body.page--home #header-nav:not(:has(> .inner .block--login.pc)) {
    padding: 4.5vw 3vw 4.8vw;
  }
  body.page--home .header::before {
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    height: 140%;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(70%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 70%, rgb(255, 255, 255));
  }
  .header,
  body.page--home.window-scroll .header,
  body:not(.page--home).window-scroll .header {
    padding: 2vw 3vw 4.8vw;
  }
  .wrap.loggedin .header,
  .window-scroll #header-nav:not(:has(> .inner .block--login.pc)),
  body.page--home.window-scroll #header-nav:not(:has(> .inner .block--login.pc)) {
    padding: 3vw 3vw 3vw;
  }
  .block--login {
    right: 3vw;
  }
  body:not(.page--home) .header .drawer .block--login .nav.nav__list--login li a,
  .page--home .header .drawer .block--login .nav.nav__list--login li a {
    background: transparent;
    color: #333;
    border: 1px solid rgba(51, 51, 51, 0.8);
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
  }
  .page--home .footer .list--externalLink a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .page--home .footer .list--externalLink a::before, .page--home .footer .list--externalLink a::after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .page--home .footer .list--externalLink a:hover {
    color: #67a4ba !important;
  }
  .page--home .footer .list--externalLink a:hover::before {
    background: #67a4ba;
  }
  .page--home .footer .list--externalLink a:hover::after {
    border-color: #67a4ba;
  }
  header h1.logo a::before {
    width: 80%;
    left: 5vw;
    top: 0.5vw;
  }
  body.page--blog header h1.logo a img, body.page--movie header h1.logo a img, body.page--photo header h1.logo a img, body.page--radio header h1.logo a img, body.page--qa header h1.logo a img {
    display: none;
  }
  body.page--blog .logo.sp, body.page--movie .logo.sp, body.page--photo .logo.sp, body.page--radio .logo.sp, body.page--qa .logo.sp {
    position: fixed;
    display: block !important;
    height: auto;
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 999;
    width: clamp(140px, 25vw, 500px);
  }
  body.page--blog .logo.sp a, body.page--movie .logo.sp a, body.page--photo .logo.sp a, body.page--radio .logo.sp a, body.page--qa .logo.sp a {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    padding: 3vw;
  }
  .page--home .section--hero-img {
    padding: 3vw 0 0 3vw;
    margin-bottom: 50px;
  }
  .page--home .block--contents .block--title .section-tit {
    max-width: 85%;
  }
  .page--home .block--contents.limited .block--title .section-tit {
    max-width: 70%;
  }
  .page--home .section--discography .block--title {
    display: block;
  }
  .page--home .section--discography .block--title .list__more {
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
  }
  .page--home .area--official {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding: 5vw 0;
  }
  .page--home .area--fc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding: 10% 0;
  }
  .page--home .area--fc .section--login .block--login.sp li.g-nav--item__login {
    margin-left: 1em;
  }
  .page--home .no-data {
    padding: 0 0 40px;
  }
  .page--home .section--banner {
    margin: -25px 0 150px;
  }
  .page--home .section--video .slick-prev::after,
  .page--home .section--video .slick-next::after {
    width: 40px;
    height: 40px;
    border-right-width: 1px;
    border-top-width: 1px;
  }
  .page--home .section--video .slick-dots {
    margin-bottom: -20px;
  }
  .page--home .section--blog .list--blog_link li {
    width: 48%;
  }
  .page--home .section--blog .list--blog_link li::before, .page--home .section--blog .list--blog_link li::after {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .page--home .section--blog .list--blog_link li a img {
    -webkit-transition: 0.8s;
    transition: 0.8s;
  }
  .page--home .section--blog .list--blog_link li a::before, .page--home .section--blog .list--blog_link li a::after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .page--home .section--blog .list--blog_link li:hover::before, .page--home .section--blog .list--blog_link li:hover::after {
    opacity: 0;
  }
  .page--home .section--blog .list--blog_link li:hover img {
    opacity: 0.5;
  }
  .page--home .section--blog .list--blog_link li:hover li::before,
  .page--home .section--blog .list--blog_link li:hover .li::after {
    opacity: 0.5;
  }
  .page--photo.page--photo-detail .section--list,
  .page--home .block--contents,
  .section--list,
  .section--detail {
    max-width: 850px;
    width: 80%;
    margin: 0 auto 150px;
  }
  .section--list {
    padding: 0;
  }
  .page--biography .block .list--thumb li:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
  .page--biography .artist--photo {
    width: 100%;
  }
  .page--blog .block--comment {
    padding: 0;
    margin: 5vw 0;
  }
  .page--discography .header--disco {
    top: 0;
  }
  .list--qa .list__item a::before {
    line-height: 40px;
  }
  .page--photo-detail .section-tit {
    font-size: 30px;
  }
  /*pc_新規入会ページ*/
  .attention_entry {
    width: 650px;
    margin: 0 auto;
  }
  /* pii部屋 */
}
@media screen and (min-width: 1700px) {
  .page--home .block--contents {
    max-width: none;
    width: 40%;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .section-tit,
  .page--home .block--contents .block--title .section-tit {
    font-size: 30px;
  }
  footer,
  .page--home footer .list-tit,
  .page--home footer .nav__list--sns li a i,
  .page--home .list--support .list__item a,
  .header .drawer .nav li a {
    color: #333;
    letter-spacing: 0.1em;
  }
  h1.logo {
    width: 52vw;
  }
  .header .drawer {
    background: #f1f1f1;
    padding: 8vh 0;
  }
  .header .drawer .g-nav {
    width: 100%;
    min-height: 100%;
    padding: 0 10%;
  }
  .header .drawer .g-nav .nav--official {
    margin-bottom: 5vh;
    padding-bottom: 5vh;
    border-bottom: 1px solid rgba(51, 51, 51, 0.4);
  }
  .header .drawer .g-nav .nav.nav__list--sns {
    width: 100%;
    text-align: left;
    padding: 4vw 0 3.5vw;
    padding: 0;
  }
  .header .drawer .g-nav .nav.nav__list--sns li {
    margin: 0 0.5em 0 0;
  }
  .header .drawer .g-nav .logo--fc {
    width: 90%;
    margin: 0 0 1em -5px;
  }
  .header .drawer .block--login.pc {
    display: block !important;
  }
  .header .drawer .nav__list--login.sp {
    display: none !important;
  }
  .header .drawer .nav__list--login {
    margin-left: -5px;
    border: none;
  }
  .header .drawer .nav__list--login li {
    margin: 0 0 1.5em 0;
    padding: 0;
  }
  .header .drawer .nav__list--login li.g-nav--item__login::before {
    top: 47%;
    left: -1.5em;
    -webkit-transform: rotate(32deg) translate(-50%, -50%);
            transform: rotate(32deg) translate(-50%, -50%);
  }
  .header .drawer .nav__list--login li a {
    background: transparent;
    color: #333;
    margin: 0;
    padding: 1em 2em 1em 0;
    font-size: 0.9em;
  }
  .nav.nav__list--sns.official,
  .list--personalSNS {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 30px;
  }
  .list--personalSNS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
  }
  .list--personalSNS .item--list--personalSNS {
    margin: 0 0 10px;
  }
  .header .drawer .nav--official .nav__list--contents {
    margin-bottom: 3vh;
  }
  .header .drawer .nav.nav__list--sns.official span,
  .header .drawer .list--personalSNS span {
    padding: 0;
    margin-bottom: -4px;
    text-align: left;
  }
  .header .drawer .nav.nav__list--sns.official {
    margin: 0 0 1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .header .drawer .list--personalSNS {
    margin: 0;
  }
  .header .drawer .list--personalSNS .item--list--personalSNS .personalSNS--item {
    display: inline-block;
    width: auto;
  }
  .list--externalLink {
    padding-bottom: 10px;
  }
  .list--externalLink::before {
    display: none;
  }
  .list--externalLink li {
    margin: 0 1.2em 1em;
  }
  .page--home .footer {
    position: relative;
    padding: 50px 5%;
    border-radius: max(2vw, 2em) max(2vw, 2em) 0 0;
  }
  .wrap > .logo.sp {
    width: 40vw;
    max-width: 250px;
    height: 100%;
    max-height: 6vh;
    left: 20px;
    top: 20px;
  }
  .wrap > .logo.sp a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wrap > .logo.sp a::before {
    left: 0;
    width: 100%;
  }
  .wrap > .logo.sp a img {
    max-height: 110px;
  }
  .page--home .section--hero-img {
    margin-bottom: 10vh;
    padding: 5vw 0 0 5vw;
    height: auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page--home .section--hero-img .block--hero-img {
    height: auto;
    margin-bottom: 10vh;
  }
  .page--home .section--hero-img .block--hero-img::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 150%;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: max(2vw, 2em) 0 0 0;
  }
  .page--home .section--hero-img .block--hero-img img {
    border-radius: 3vw 0 0 0;
    display: none;
  }
  .page--home .section--hero-img .block--hero-img img.cover {
    display: block;
  }
  .page--home .section--hero-img .block--login {
    position: static;
    width: 100vw;
    margin-left: -5vw;
  }
  .page--home .block--contents .block--title .section-tit {
    max-width: 80%;
  }
  .page--home .block--contents.limited .block--title .section-tit {
    max-width: 50%;
  }
  .page--home .section--hero-img .block--login nav li a {
    color: #333;
  }
  .page--home .section--hero-img .block--login .g-nav--item__login {
    padding: 0 1.2em;
  }
  .page--home .wrap h1.logo {
    top: 5.5vw;
    left: 8vw;
  }
  .page--home .block--login li {
    position: relative;
    font-size: 1.1em;
    padding: 0 1.2em;
    margin: 0;
  }
  .page--home .g-nav--item__login::before {
    content: "";
    display: block;
    width: 1px;
    height: 1.5em;
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
    position: absolute;
    left: -0.2em;
    top: 3px;
    background: #333;
  }
  .page--home .block--content-wrap {
    padding-top: 0;
  }
  .page--home .block--content-wrap section {
    padding: 0 5%;
  }
  .page--home .area--official {
    padding-bottom: 100px;
  }
  .page--home .area--fc {
    padding-bottom: 150px;
  }
  .page--home .section--video#video.block--wide .list--thumbnail,
  .page--home section[class^=section--].block--wide .list--thumbnail {
    margin-bottom: 2em;
  }
  .page--home .section--photo.block--wide.block--carousel .list--thumbnail {
    width: calc(100% + 4em - 1px);
    margin: 0 0 0 calc(-2em + 1px);
  }
  .page--home .wrap .area--fc .section--login .logo--fc {
    width: 80%;
    margin-bottom: 5dvh;
  }
  .page--home .wrap .area--fc .section--login .nav__list--login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page--home .wrap .area--fc .section--login .nav__list--login a {
    padding: 0.5em 0.5em;
  }
  .page--home .section--blog .list--blog_link li {
    width: 100%;
  }
  .page--home .section--blog .list--blog_link li a::after {
    font-size: 1em;
  }
  body.page--blog .logo.sp, body.page--movie .logo.sp, body.page--photo .logo.sp, body.page--radio .logo.sp, body.page--qa .logo.sp {
    width: 50vw;
  }
  .page--blog .block--comment {
    padding: 0;
    margin: 10vw 0;
  }
  .list--qa .list__item a::before {
    line-height: 30px;
  }
  .page--photo-detail .section-tit {
    font-size: 5vw;
  }
  /* pii部屋 */
  .page--feature .section--detail.pii_room {
    margin-top: -120px;
    padding: 0;
  }
  .page--feature .section--detail.pii_room .block--ph {
    height: 80vh;
  }
  .page--feature .section--detail.pii_room .block--ph .bg {
    height: 100vh;
  }
  .page--feature .section--detail.pii_room .block--ph .thumb img {
    width: 80%;
    height: auto;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page--feature .section--detail.pii_room .txt--wrap {
    padding: 15vw 0;
    padding-bottom: 300px;
    margin-top: 60vh;
  }
  .page--feature .section--detail.pii_room .txt--wrap .inner .section-tit {
    margin-bottom: 1.5em;
    font-size: 30px;
  }
  .page--feature .section--detail.pii_room .txt--wrap .inner .block--txt {
    text-align: left;
  }
}
@media screen and (min-width: 756px) and (max-width: 961px) {
  .page--home .wrap h1.logo,
  .wrap > .logo.sp {
    width: 40%;
    top: 5vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .page--home .wrap h1.logo {
    top: 7vw;
  }
  .nav__list--sns li a i {
    font-size: 24px;
  }
  .header .drawer .nav li {
    font-size: 20px;
  }
  .header .drawer .g-nav .logo--fc {
    width: 70%;
  }
  .header .drawer .g-nav .nav__list--login li a {
    font-size: 18px;
  }
  .header .drawer .g-nav .nav__list--login li a::before {
    font-size: 18px;
    left: -1em;
  }
  .page--home .footer .nav.nav__list--sns.official,
  .page--home .footer .list--personalSNS {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    max-width: none;
  }
  .page--home .footer .nav.nav__list--sns.official,
  .page--home .footer .list--personalSNS .item--list--personalSNS {
    margin: 0 1.5em 20px;
  }
  body.page--blog .logo.sp a img, body.page--movie .logo.sp a img, body.page--photo .logo.sp a img, body.page--radio .logo.sp a img, body.page--qa .logo.sp a img {
    max-height: 150px;
  }
  /* pii部屋 */
  .page--feature .section--detail.pii_room {
    margin-top: -180px;
  }
  .page--feature .section--detail.pii_room .block--ph .thumb img {
    width: 70%;
    top: 40%;
  }
  .page--feature .section--detail.pii_room .txt--wrap {
    padding: 10vw 0;
    padding-bottom: 300px;
    margin-top: 75vh;
  }
}
@media screen and (min-width: 376px) {
  .block--card .close {
    right: 0px;
    top: -50px;
  }
}/*# sourceMappingURL=service_RNmQMPFQin.css.map */