@charset "UTF-8";
/* ==============================================================
*  base
* ============================================================ */
/* ==============================================================
*  contents
* ============================================================ */
/* ==============================
color
============================== */
body,
footer,
.bg::before,
body:not(.page--home) .wrap,
.page--home .block--content-wrap {
  background: #fff2f7;
}

/* background color */
.page--home .section--video .slick-dots li button:before,
.page--home .section--hero-img .block--login .g-nav--item__login::before {
  background: #f8f8f9;
}

textarea,
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
.block--category li a::after,
.btn .btn--main,
.block__answer,
.limited .section-tit::after,
.tit .limited::after,
.page--home footer .list-tit::before,
.page--home footer .list-tit::after,
.block--pager li::before {
  background: #adcdd3;
}

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

.list--schedule .block--date > [class^=block--date] .block--date__month::after {
  background: #7c7c7c;
}

.page--schedule .section--list .block--refine input[type=checkbox]:checked + p,
.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--faq .block--faq-detail span.icon--a,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .wrap--action .reply-form .btn .btn--main,
.header .g-nav .nav li a::after, .detail__btn a::after, .list__more a::after,
.page--schedule .section--list .block--month ul li a::after {
  background: #adcdd3;
}

.page--blog .block--comment,
.page--movie .block--comment {
  background: #989598;
}

.page--blog .block--comment .list--comment li form input,
.page--blog .block--comment .list--comment li.comment--member .comment--bg,
.page--blog .block--comment .list--comment li .replies li.comment--member,
.page--movie .block--comment .list--comment li form input,
.page--movie .block--comment .list--comment li.comment--member .comment--bg,
.page--movie .block--comment .list--comment li .replies li.comment--member {
  background: #888488;
}

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

.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,
.page--movie .block--comment .list--comment li.comment--member .comment--bg .btn-delete input,
.page--movie .block--comment .list--comment li .comment-replies .replies li.comment--member .btn-delete input {
  background: #7c7c7c;
  color: #888488;
}

/* text color */
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,
.list--support .list__item a,
footer,
.btn .btn--main,
.btn .btn--sub,
.limited .section-tit::after,
.page--faq .block--faq-detail span.icon--a,
.page--home .section--hero-img .block--login nav li a,
.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .wrap--action .reply-form .btn .btn--main,
.btn-delete input {
  color: #7c7c7c;
}

footer .copyright {
  color: #7c7c7c !important;
}

.list__item.new .tit::after,
.page--schedule .list--schedule li .block--txt.new .tit::after,
.page--qa .tit--q span:first-letter,
.page--qa .tit--a:first-letter {
  color: #ff99b9;
}

.block__answer,
#form__search .searchBox input[type=submit] {
  color: #f8f8f9;
}

.block__question {
  background: rgba(117, 117, 117, 0.3);
}

.page--blog .block--comment .list--comment li.comment--member .user:after,
.page--movie .block--comment .list--comment li.comment--member .user:after {
  color: #adcdd3;
}

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

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

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

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

.tit,
.lineIco a svg {
  fill: #7c7c7c;
}

.ico--play {
  stroke: #7c7c7c;
}

.page--feature .block--service__contents li .inner span svg {
  fill: #f8f8f9;
}

/* border color */
.slick-prev::after, .slick-next::after,
.btn .btn--sub,
.block--pager .pager__item--newer a::after,
.block--pager .pager__item--newer span::after,
.block--pager .pager__item--older a::after,
.block--pager .pager__item--older span::after,
.page--faq .block--faq-detail,
.page--faq .block--faq-detail span.icon--q,
.header .drawer .nav__list--login {
  border-color: #7c7c7c;
}

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

.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,
.page--movie .block--comment .list--comment li .comment-replies .replies li:first-child:before,
.page--movie .block--comment .list--comment li .comment-replies .replies li:after {
  background: rgba(0, 0, 0, 0.1);
}

.reply-form textarea {
  border: none;
}

/* form parts style */
.form__select select {
  border-color: transparent;
  background-color: #7c7c7c;
}

.form__radio label p::before {
  border-color: #111111;
}

footer small a {
  text-decoration: underline;
}

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

footer .copyright small em {
  opacity: 0.7;
}

.date, .category {
  opacity: 1;
}

/* schedule scroll_icon */
#next .arrow-1 {
  background-color: #7c7c7c;
}

#next .arrow-2 {
  background-color: #f8f8f9;
}

#next .arrow-2 span {
  border-top-color: #7c7c7c;
  border-right-color: #7c7c7c;
}

/* ==============================
page--ticket 
============================== */
.page--ticket .list--select li a,
.page--ticket .section--list .list--ticket li a {
  background-color: #939393;
}
.page--ticket .section--list .list--ticket li a .tit {
  border-color: #f8f8f9;
}
.page--ticket .section--list .list--ticket .sales_status span {
  background-color: #bd3636;
  color: #7c7c7c;
}
.page--ticket .section--list .list--ticket .list--ticket .sales_status span.sales_end {
  border: solid 1px #7c7c7c;
  background: none;
  color: #7c7c7c;
}
.page--ticket .section--list .list--ticket .sales_status span.sales_soldout {
  background-color: #7c7c7c;
  color: #939393;
}
.page--ticket .section--detail .block--info {
  background-color: #939393;
}
.page--ticket .section--detail .block--info dl {
  border-color: #f8f8f9;
}
.page--ticket .section--detail .notice {
  background-color: #7c7c7c;
  color: #939393;
}
.page--ticket .section--detail .notice.nonactive {
  background-color: #818181;
  color: #7c7c7c;
}
.page--ticket .section--detail .txt-main.strong,
.page--ticket .section--detail .block--error {
  color: #bd3636;
}
.page--ticket .section--detail .block--form .tit {
  color: #2db2e2;
}
.page--ticket .section--detail .block--form dd input[type=checkbox]:checked + label {
  border-color: #2db2e2;
}
.page--ticket .section--detail .ticket_used_list .tit {
  border-color: #bd3636;
  color: #bd3636;
}
.page--ticket .section--detail .ticket_used_list .used_ticket {
  border-color: #bd3636;
  color: #2c2e2f;
}
.page--ticket .section--detail .form--select {
  background: rgba(255, 255, 255, 0.9);
  color: #2c2e2f;
}
.page--ticket .section--detail .form--select select {
  background-color: #7c7c7c;
  color: #2c2e2f;
}
.page--ticket .section--detail input[type=checkbox] + label {
  color: #2db2e2;
}
.page--ticket .section--detail input[type=checkbox] + label:before {
  border-color: #2db2e2;
}
.page--ticket .section--detail input[type=checkbox]:checked + label:before {
  border-color: #bd3636;
  border-top-color: transparent;
  border-left-color: transparent;
}
.page--ticket .section--detail .form-error {
  color: #bd3636;
}
.page--ticket .section--detail .block--alert .inner dt {
  color: #2c2e2f;
}
.page--ticket .spinner {
  border: solid 4px #adcdd3;
  border-top: solid 4px #7c7c7c;
}

/* ==============================
page--chat-community
============================== */
.page--chat-community .block--title,
.page--chat-community .section-detail__inner {
  background: #888488;
}

.page--chat-community .wrap--action.list--head .form--post .input_close::before,
.page--chat-community .wrap--action.list--head .form--post .input_close::after,
.page--chat-community .form--inptarea .input_close::before,
.page--chat-community .form--inptarea .input_close::after {
  background: #7c7c7c;
}

.page--chat-community .block--comment .list--comment li .icon,
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker,
.page--chat-community .block--comment .list--comment li .delete input,
.page--chat-community .form--inptarea textarea,
.page--chat-community #ui-datepicker-div,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal {
  background: #F7F7F7;
}

.page--chat-community .block--comment .list--comment li .txt {
  background: #f8f8f9;
}

.page--chat-community .block--comment .list--comment li .parent.txt {
  background: #B7B5B6;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
  background: #7c7c7c;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
  background: #F2F2F1;
}

.page--chat-community .form--inptarea,
.page--chat-community .form--inptarea .input_close {
  background: #B7B5B6;
}

.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active::before,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.page--chat-community .wrap--action.list--head #comment_popup,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea,
.page--chat-community .wrap--action.list--head .form--post .input_close {
  background: #adcdd3;
}

.page--chat-community #comment_modal_close::after,
.page--chat-community #comment_modal_close::before,
.page--chat-community .comment_reply_modal_close::after,
.page--chat-community .comment_reply_modal_close::before {
  background: #61605b;
}

.page--chat-community #ui-datepicker-div,
.page--chat-community #ui-datepicker-div a,
.page--chat-community .block--cmnty_serch .cmnty_serch .datepicker {
  color: #61605b;
}

.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal,
.page--chat-community .block--comment .list--comment li .delete input,
.page--chat-community .block--cmnty_serch .cmnty_serch i,
.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt {
  color: #797871;
}

.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-active,
.page--chat-community #ui-datepicker-div .ui-datepicker-buttonpane button,
.page--chat-community .comment_reply_confirm_popup i,
.page--chat-community .wrap--action.list--head #comment_popup,
.page--chat-community .wrap--action.list--head .form--post .form--inptarea i {
  color: #7c7c7c;
}

.page--chat-community .block--comment .list--comment li .wrap--action .icon--like i.clicked {
  color: #adcdd3;
}

.page--chat-community .block--title {
  border-color: rgba(0, 0, 0, 0.1);
}

.page--chat-community #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-highlight::before {
  border-color: #adcdd3;
}

.page--chat-community .block--comment .list--comment li .parent.txt {
  border-color: #C5C3C4;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt {
  border-color: #F8F8F6;
}

.page--chat-community .block--comment .list--comment li .txt::before {
  border-color: transparent;
  border-left: 18px solid #f8f8f9;
}

.page--chat-community .block--comment .list--comment li .parent.txt::before {
  border-left: 18px solid #B7B5B6;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .txt::before {
  border-left: 18px solid #7c7c7c;
}

.page--chat-community .block--comment .list--comment li.comment--member .comment_txt .parent.txt::before {
  border-left: 18px solid #F2F2F1;
}

.page--chat-community .block--comment .list--comment li .icon svg {
  fill: #adcdd3;
}

.page--chat-community #ui-datepicker-div,
.page--chat-community .form--inptarea,
.page--chat-community #comment_confirm_modal,
.page--chat-community .comment_reply_confirm_modal {
  box-shadow: 0 15px 60px -20px rgba(53, 31, 2, 0.4);
}

.page--chat-community .form--inptarea .input_close,
.page--chat-community .wrap--action.list--head #comment_popup {
  box-shadow: 0 5px 20px -4px rgba(53, 31, 2, 0.4);
}

/* page--movie */
.page--movie .list--tag .tag__item a {
  color: #123655;
}

/* fc menu */
.body--app section.section--detail.page--fcmenu .list--fcmenu li {
  background: #a7a2a5;
  box-shadow: 2px 3px 11px -7px #6a6166;
}

.body--app section.section--detail.page--fcmenu .list--fcmenu span svg {
  fill: #f3a5bd;
}

.body--app section.section--detail.page--fcmenu .list--fcmenu p {
  color: #ffeff4;
}

/* ==============================
page--home
============================== */
.page--home .bg {
  display: none;
}
.page--home #kv--movie video {
  height: 80vh;
}

/* ==============================
page--profile
============================== */
.page--biography .thumb.artist--photo img {
  aspect-ratio: 1.33/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.page--biography .artist--name {
  font-family: "Archivo Black", -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.page--biography .block--sns {
  margin-top: 4em;
}
.page--biography .block--sns > p {
  font-family: "Archivo Black", -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
  color: #7c7c7c;
  font-size: 0.95em;
  line-height: 1;
  margin-bottom: 2em;
}
.page--biography .list--sns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.5em;
  font-size: 1.8em;
  margin-bottom: 2vw;
  padding: 0;
}
.page--biography .list--sns li {
  list-style: none;
}
.page--biography .list--sns li a {
  display: block;
  line-height: 1;
}
.page--biography .list--sns li i {
  font-style: normal;
}
.page--biography .block--artist {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 5%;
}
.page--biography .block--artist > .block--artist__item {
  width: 45%;
}
.page--biography .block--artist > .block--artist__item .name {
  line-height: 1;
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.page--biography .block--artist > .block--artist__item .list--sns {
  font-size: 1.4em;
}

/* ==============================
common footer
============================== */
footer .bg {
  display: none !important;
}

/* ==============================
common header
============================== */
h1.logo a .logo--text .artist-name {
  font-family: "Archivo Black", -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  letter-spacing: 0.03em;
}

@media screen and (min-width: 961px) {
  .drawer__btn {
    display: none;
  }
  footer .nav__list--sns li a,
  .page--home footer .nav__list--sns li a,
  .page--home .list--support .list__item a {
    color: #7c7c7c;
  }
  .header .drawer .nav li a {
    color: #7c7c7c;
  }
  .bg::before {
    opacity: 0.6;
  }
  .list--schedule .block--date {
    top: 8px;
  }
  .header {
    mix-blend-mode: unset;
  }
  .page--home .header {
    background: none;
  }
  .page--home .section--hero-img {
    margin-bottom: 0;
  }
  .window-scroll .header {
    background: #fff2f7;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1294117647);
  }
  .window-scroll #header-nav:not(:has(> .inner .block--login.pc)) {
    padding: 2em;
  }
  h1.logo {
    width: clamp(140px, 14vw, 320px);
    left: 1vw;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .header .drawer {
    background: #f3e1e7;
  }
  .header .drawer__btn span {
    background: #7c7c7c;
  }
  h1.logo {
    width: 23vw;
    height: 39px;
    top: 6vw;
    left: 5%;
  }
  .drawer-visible .header .drawer__btn span {
    background: #7c7c7c;
  }
  .list--support .list__item a {
    color: #f1f1f1;
  }
  .header .drawer .nav li a {
    color: #88979d;
  }
  .list__more a {
    font-size: 11px;
  }
  .date, .category {
    font-size: 13px;
  }
  .page--home #kv--movie video {
    width: 100%;
    height: auto;
  }
  .page--home .wrap.pattern-Official .section--hero-img .block--hero-img {
    top: 30vw;
    max-height: unset;
  }
  .page--home .block--content-wrap {
    padding-top: 30px;
  }
  /* ==============================
  page--profile
  ============================== */
  .page--biography .block--sns {
    margin-top: 2em;
  }
  .page--biography .block--sns > p {
    margin-bottom: 1.2em;
  }
  .page--biography .list--sns {
    font-size: 1.5em;
    margin-bottom: 16vw;
  }
  .page--biography .block--artist {
    justify-content: center;
    gap: 15vw 0;
    padding-top: 10vw;
  }
  .page--biography .block--artist > .block--artist__item {
    width: 85%;
  }
  .page--biography .block--artist > .block--artist__item .list--sns {
    margin-bottom: 0;
  }
  .page--biography .block--artist > .block--artist__item .name {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 458px) and (max-width: 961px) {
  /* ==============================
  page--profile
  ============================== */
  .page--biography .artist--name {
    font-size: 4vw;
  }
  .page--biography .block--sns {
    margin-top: 3em;
  }
  .page--biography .list--sns {
    margin-bottom: 10vw;
  }
  .page--biography .block--artist {
    gap: 0 5%;
    padding-top: 0;
  }
  .page--biography .block--artist > .block--artist__item {
    width: 45%;
  }
}