.header .drawer .nav--official::before {
  content: "";
  display: block;
  background: url(/static/fcopen/fanplakit/artist/regretgirl_H8e49hg8/image/common/logo--official.png) no-repeat center center;
  background-size: contain;
  width: 40vw;
  max-width: 290px;
  min-width: 185px;
  height: 15vw;
  max-height: 230px;
  min-height: 100px;
  margin-bottom: 10px;
  position: relative;
  top: 0;
}
.header .drawer .nav--member::before {
  content: "";
  display: block;
  background: url(/static/fcopen/fanplakit/artist/regretgirl_H8e49hg8/image/common/logo--fc.png) no-repeat center center;
  background-size: contain;
  width: 40vw;
  max-width: 290px;
  min-width: 185px;
  height: 13vw;
  max-height: 200px;
  min-height: 100px;
  margin-bottom: 10px;
  position: relative;
  top: 0;
}
.header .drawer .nav--member .block--login {
  position: initial;
}
.header .drawer .nav--member .block--login .nav {
  margin-left: 0;
  border-top: none;
}
.header .drawer .nav--member .block--login .nav li {
  margin: 0 5px;
}
.header .drawer .nav--member .block--login .nav li a {
  padding: 12px 30px;
  border-radius: 20px;
  background-color: #ffffff;
  color: #004DA0 !important;
  font-weight: 700 !important;
}
.header .drawer .nav--member .block--login .nav li a::after {
  display: none;
}
.header .drawer .nav--member .none {
  display: none !important;
}

.page--home #fc.area--fc {
  background-color: #67afe9;
}
.page--home #fc.area--fc #TopfcLogo .logo--fc {
  display: block;
  background: url(/static/fcopen/fanplakit/artist/regretgirl_H8e49hg8/image/common/logo--fc.png) no-repeat center center;
  background-size: contain;
  margin: 0 auto;
}
.page--home #fc.area--fc #TopfcLogo .block--login, .page--home #fc.area--fc #TopfcLogo .nav {
  position: initial;
  text-align: center;
}
.page--home #fc.area--fc #TopfcLogo .block--login .nav li a, .page--home #fc.area--fc #TopfcLogo .nav .nav li a {
  position: initial;
  text-align: center;
  color: #ffffff;
  background-color: #004DA0;
}
.page--home #fc.area--fc .section-tit,
.page--home #fc.area--fc .list__more a,
.page--home #fc.area--fc .block--txt,
.page--home #fc.area--fc .icon--like,
.page--home #fc.area--fc .list--qa .list__item a::before {
  color: #ffffff;
}
.page--home #fc.area--fc .list__more a::after {
  background-color: #ffffff;
}
.page--home footer {
  background-color: #ffffff;
}

body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap {
  background: #67afe9;
  color: #ffffff;
}
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .date,
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .wrap--data,
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .tit,
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .icon--like,
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .detail__btn a,
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap a {
  color: #ffffff;
}
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .footer {
  background-color: #67afe9;
}
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .footer .bg {
  display: none;
}
body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .footer .list--support .list__item a, body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--faq, .page--support) .wrap .footer .copyright {
  color: #ffffff;
}

.drawer__btn span.drawer__btn--item {
  background-color: #ffffff;
}

.date {
  opacity: 1;
}

.nonlogin .list--thumbnail .list__item .thumb .limited-thumb {
  z-index: 4;
}

.page--support .detail_table th, .page--support .detail_table td {
  background: #f8f8f8;
}

.page--qa.page--qa-detail .block__question {
  color: #004DA0 !important;
}

.page--faq .searchBox input {
  background-color: #e4e4e4;
}

@media screen and (min-width: 961px) {
  .page--home .section--banner {
    margin: -150px 0 70px;
  }
  .window-scroll #header-nav:not(:has(> .inner .block--login.pc)) {
    padding: 3.2em 0;
  }
  .window-scroll .header {
    box-shadow: none;
    background: transparent;
  }
  header#header-nav .drawer {
    opacity: 0;
    position: fixed;
    top: 0;
    z-index: 999;
    height: 100vh;
    width: 100vw;
    pointer-events: none;
    padding: 0;
    transition: 0.4s;
    background: #ffffff;
  }
  header#header-nav .drawer .g-nav {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  header#header-nav .drawer .g-nav .nav--official, header#header-nav .drawer .g-nav .nav--member {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50vw;
    height: 100vh;
  }
  header#header-nav .drawer .g-nav .nav--official .nav, header#header-nav .drawer .g-nav .nav--member .nav {
    text-align: left;
  }
  header#header-nav .drawer .g-nav .nav--official .g-nav--item, header#header-nav .drawer .g-nav .nav--member .g-nav--item {
    display: block;
    margin: 0.6em 0;
  }
  header#header-nav .drawer .g-nav .nav--official .g-nav--item.limited a::before, header#header-nav .drawer .g-nav .nav--member .g-nav--item.limited a::before {
    display: none;
  }
  header#header-nav .drawer .g-nav .nav--official .g-nav--item a, header#header-nav .drawer .g-nav .nav--member .g-nav--item a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 28px;
  }
  header#header-nav .drawer .g-nav .nav--official .g-nav--item__mypage a, header#header-nav .drawer .g-nav .nav--member .g-nav--item__mypage a {
    font-size: 28px;
  }
  header#header-nav .drawer .g-nav .nav--official__inner {
    text-align: left;
  }
  header#header-nav .drawer .g-nav .nav--official .nav__list--contents {
    margin-bottom: 20px;
  }
  header#header-nav .drawer .g-nav .nav--official .nav__list--contents li a {
    color: #004DA0;
  }
  header#header-nav .drawer .g-nav .nav--official .nav__list--contents li a::after {
    background-color: #004DA0;
  }
  header#header-nav .drawer .g-nav .nav--official .nav__list--contents .g-nav--item__sns {
    display: none;
  }
  header#header-nav .drawer .g-nav .nav--official .nav__list--sns .fab::before {
    font-size: 20px;
    color: #004DA0;
  }
  header#header-nav .drawer .g-nav .nav--member {
    background-color: #67afe9;
  }
  header#header-nav .drawer .g-nav .nav--member .nav li a {
    color: #ffffff;
  }
  header#header-nav .drawer .g-nav .nav--member .nav li a::after {
    background-color: #ffffff;
  }
  header#header-nav .drawer .g-nav .nav--member .block--login {
    margin-bottom: 20px;
  }
  header#header-nav .drawer .g-nav .nav--member .block--login li a {
    font-size: 14px;
  }
  .drawer__btn {
    display: block !important;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 1.5vw;
    top: 1vw;
    z-index: 999;
    transition: 0.3s;
    padding: 5px;
    cursor: pointer;
    mix-blend-mode: difference;
  }
  .drawer__btn span {
    background: #000;
    display: block;
    width: 80%;
    height: 2px;
    position: absolute;
    transition: 0.2s;
  }
  .drawer__btn span:first-child {
    top: 40%;
  }
  .drawer__btn span:nth-child(2) {
    top: 64%;
  }
  .drawer-visible header#header-nav .drawer {
    opacity: 1;
    pointer-events: auto;
  }
  .drawer-visible .drawer__btn span:first-child {
    top: 48%;
    transform: rotate(45deg);
  }
  .drawer-visible .drawer__btn span:last-child {
    top: 48%;
    transform: rotate(-45deg);
  }
  .page--home .header {
    background: none;
  }
  .page--home .block--content-wrap {
    padding: 0;
  }
  .page--home #official.area--official, .page--home #fc.area--fc {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 5%;
  }
  .page--home #fc.area--fc {
    padding: 100px 5% 0;
  }
  .page--home #fc.area--fc #TopfcLogo {
    width: 100%;
    margin-bottom: 150px;
  }
  .page--home #fc.area--fc #TopfcLogo .logo--fc {
    width: 470px;
    height: 310px;
  }
  .page--home #fc.area--fc #TopfcLogo .block--login .nav li a, .page--home #fc.area--fc #TopfcLogo .nav .nav li a {
    padding: 13px 36px;
    border-radius: 30px;
    margin: 0 10px;
    font-size: 16px;
  }
  .page--home #fc.area--fc #TopfcLogo .nav .nav li a {
    padding: 15px 35px 12px;
  }
  footer {
    height: 300px;
  }
  body:not(.page--home, .page--information, .page--schedule, .page--biography, .page--discography, .page--video, .page--feature, .page--faq) .wrap .container a::after {
    background-color: #ffffff;
  }
  .body--introduction .wrap {
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .bg {
    display: none;
  }
  .page--home .section--hero-img {
    height: 130vw;
  }
  .page--home .section--hero-img .block--login {
    bottom: 8vw;
  }
  .page--home .section--hero-img .block--login .nav li a {
    color: #004DA0;
  }
  .page--home .section--hero-img .block--login .nav .g-nav--item__login::before {
    background-color: #004DA0;
  }
  .page--home .block--content-wrap {
    padding: 0;
  }
  .page--home .block--content-wrap .section--banner {
    margin-top: 40px;
  }
  header#header-nav .drawer {
    background-color: #ffffff;
    padding-top: 0;
  }
  header#header-nav .g-nav {
    padding: 0;
    width: 100%;
  }
  header#header-nav .nav--official, header#header-nav .nav--member {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 10%;
  }
  header#header-nav .nav--official .nav, header#header-nav .nav--member .nav {
    display: block;
    text-align: center;
  }
  header#header-nav .nav--official .nav li, header#header-nav .nav--member .nav li {
    width: 100%;
  }
  header#header-nav .nav--official {
    min-height: 47vh;
    padding: 45px 0 40px;
  }
  header#header-nav .nav--official .g-nav--item a {
    color: #004DA0;
  }
  header#header-nav .nav--official .nav__list--sns li {
    width: initial;
  }
  header#header-nav .nav--official .nav__list--sns li:last-of-type {
    margin-right: 0;
  }
  header#header-nav .nav--member {
    background-color: #67afe9;
    min-height: 47vh;
    padding: 45px 0 40px;
  }
  header#header-nav .nav--member::before {
    width: 30vw;
    max-width: 300px;
    min-width: 265px;
    height: 30vw;
    margin-bottom: 10px;
  }
  header#header-nav .nav--member .block--login.pc {
    display: block !important;
  }
  header#header-nav .nav--member .block--login.pc .g-nav--item__join, header#header-nav .nav--member .block--login.pc .g-nav--item__login {
    width: auto;
  }
  header#header-nav .nav--member .block--login.pc .g-nav--item__join a, header#header-nav .nav--member .block--login.pc .g-nav--item__login a {
    font-size: 12px;
  }
  header#header-nav .nav--member .block--login.pc .nav {
    margin: 0px 0 40px;
    padding-top: 0;
  }
  header#header-nav .nav--member .g-nav--item a {
    color: #ffffff;
  }
  header#header-nav .nav--member .g-nav--item__mypage a {
    color: #ffffff;
  }
  #schedule .block--date__start {
    min-width: 9em;
  }
  #official.area--official {
    padding: 0 5%;
  }
  #fc.area--fc {
    padding: 30px 5%;
    margin-top: 70px;
  }
  #fc.area--fc #TopfcLogo {
    margin-bottom: 60px;
  }
  #fc.area--fc #TopfcLogo .logo--fc {
    max-width: 310px;
    width: 90vw;
    height: 210px;
  }
  #fc.area--fc #TopfcLogo .block--login, #fc.area--fc #TopfcLogo .nav {
    display: block !important;
  }
  #fc.area--fc #TopfcLogo .block--login .nav li, #fc.area--fc #TopfcLogo .nav .nav li {
    margin-right: 0;
  }
  #fc.area--fc #TopfcLogo .block--login .nav a, #fc.area--fc #TopfcLogo .nav .nav a {
    padding: 10px 30px;
    border-radius: 30px;
    margin: 0 5px;
    font-size: 15px;
  }
  .body--introduction .wrap {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 500px) and (max-width: 960px) {
  body.drawer-visible {
    overflow: hidden;
  }
}