/* -------------------------
　　　FCコンテンツ AREA 
-------------------------*/

/*--- official area ---*/
.page--home .block--content-wrap {
  background: linear-gradient(
  to right,
  #001926 0%,
  #002a43 50%,
  #001926 100%
)!important; 
  padding: 220px 5% 0px!important;
}
/*--- official area フォント色　---*/
.page--home h2{
  color: #F8F8F5!important;
}

.page--home h2 .section-tit::after{
  color: #F8F8F5!important;
  background: #b39c41!important;
}

.block--login .nav__list--login li a,
.limited .section-tit::after {
  background: #F8F8F5!important;
  color: #F8F8F5!important;
}

/* INFORMATION / SCHEDULE */
.list.list--information .list__item a,
.list.list--schedule .list__item .block--txt p{
  color: #F8F8F5!important;
}
.block--date__start{
  color: #F8F8F5;
}

.block--txt__inner{
  color: #F8F8F5!important;
}
.page--home .list__more a {
  color: #F8F8F5;
}

/*.nav.nav--login li a{
  color: #b39c41!important;
}*/


/*--- Hero image ---*/
.page--home .section--hero-img{
  margin-bottom: 0!important;
}

/*--- background color ---*/
.page--home #fc--contents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: linear-gradient(
  to right,
  #001926 0%,
  #002a43 50%,
  #001926 100%
);
  color: #F8F8F5;
  padding: 120px 5% 0px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
@media screen and (max-width: 960px) {
  .page--home #fc--contents {
    display: block;
  }
}
.page--home #fc--contents .list .list__item a {
  border-color: #7ccbe8;
}

/* 文字をオフホワイトに指定 */
.page--home #fc--contents .block--txt,
.page--home #fc--contents .wrap--icon .icon--like i,
.page--home #fc--contents .wrap--icon .icon--like .likes,
.page--home #fc--contents .wrap--icon .icon--comment i,
.page--home #fc--contents .wrap--icon .icon--comment .commtents,
.page--home #fc--contents .list__more a,
.page--feature .page--introduction .block--service .block--service__contents li .inner p,
.txt--sub a,
.date,
.facebook a,
.twitter a,

.section--list .block--txt .category,
.section--list .block--pager .pager__item--other a,
.section--list .block--month.clearfix ul li a,
.section--list .detail__btn a,
.section--list a b,
.section--list .list__more a,

.section--detail .detail__btn a,
.section--detail .txt p a,
.section--detail .list--support dd a,
.section--detail .list--faq li a,
.section--detail  .block--txt.block--editor a,
.section--detail  .block--txt.block--editor p a{
  color: #F8F8F5;
}

.section--detail .block--faq-detail,
.section--detail .block--faq-detail span.icon--q{
  border-color: #F8F8F5!important;
}

.list--faq li {
  border-color: rgb(255 255 255 / 0.1) !important;
}

.section--list .block--month ul li a::after{
  background: #F8F8F5!important;
}

.lineIco a svg{
  fill: #F8F8F5!important;
}

.page--home #fc--contents {
  position: relative;   /* ← これ必須 */
}

/*--- フォント　---*/
.page--home #fc--contents h2{
  color: #b39c41!important;/* 金色 */
}

.page--home #fc--contents h2 .section-tit::after{
  color: #F8F8F5!important; /* オフホワイト */
  background: #b39c41!important;/* 金色 */
}

.block--login .nav__list--login li a,
.limited .section-tit::after {
  background: #b39c41!important;/* 金色 */
}

.list__item.new .tit::after,
.page--schedule .list--schedule li .block--txt.new .tit::after {
  color: #b39c41!important; /* 金色 */
}

/*--- PHOTO　---*/
@media screen and (max-width: 960px) {
  .page--home #photo.block--contents{
    margin-bottom: 0;
    padding-bottom: 90px;
  }
}


/*--- 金色 フレーム　---*/
.frame {
  position: absolute;
  width: 10vh;
  height: 10vh;
  background: url("/static/fcopen/fanplakit/artist/shimizu-miisha_QCEbZAu7/images_m7CEVDrP/frame.png") no-repeat left top;
  /*background: url("../images_m7CEVDrP/frame.png") no-repeat left top;*/
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}

.frame.left-top {
  top: 0;
  left: 0.8vh;
  transform: rotateY(0deg);
}

.frame.right-top {
  top: 0;
  right: 0.8vh;
  transform: rotateY(180deg);
}

.frame.left-bottom {
  bottom: 0;
  left: 0.8vh;
  transform: rotate(-90deg);
}

.frame.right-bottom {
  bottom: 0;
  right: 0.8vh;
  transform: rotate(-180deg);
}

@media screen and (max-width: 960px) {
  .frame {
    width: 8vh;
    height: 8vh;
  }

  .frame.right-top,
  .frame.right-bottom{
    right: 0;
  }

  .frame.left-top,
  .frame.left-bottom{
    left: 0;
  }
}

/*---　ロゴ　---*/
.page--home .section--hero-img .block--login {
    bottom: 0;
  }
  .page--home #fc--contents {
    position: relative;
  }
  .page--home #fc--contents #block--login {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  
.page--home #fc--contents #block--login .block--login.sp {
  display: flex !important;
  justify-content: center;
  width: 100%;
  margin: 0 auto 20vh auto;
  position: static;
}
.page--home #fc--contents #block--login .block--login.sp  ul{
  display: flex;
}
.page--home #fc--contents #block--login .block--login.sp .nav li a {
  color: #F8F8F5;
  border: 0.5px solid #F8F8F5;
  padding: 0.6em 1.5em;
}
.page--home #fc--contents #block--login .block--login.sp .nav li.g-nav--item__login {
  position: relative;
  padding-left: 1.5em;
}

.page--home #fc--contents #block--login .logo img{
    width: 27vw;
    margin: 2.5vw auto;
  }
@media screen and (max-width: 960px) {
  .page--home #fc--contents #block--login .logo img{
    width: 65vw;
    margin-bottom: 30px;
  }
}
/*---　アー写　調整 SP ---*/
@media screen and (max-width: 960px) {
  .container .view__area .section--hero-img .block--hero-img{
    max-height: none;
    height: 100%;
  }
  .container .view__area .section--hero-img .block--hero-img img{
    max-height: none;
    height: 110%;
    width: 100%;
    object-fit: cover;
  }
}
/*---　アーティスト名に英語表記追加 ---*/
.artist-name:after{
  content: 'Miisha Shimizu';
  display: block;
  font-size: 0.6em;
  margin-top: 6px;
  font-family: "Gloock", serif;
}

/*---　ロゴの位置調整 ---*/
.header h1.logo a{
  padding: 5px 2.5em 5px 2.5em !important;
}

/*---　ロゴの位置調整 タブレット ---*/
@media (min-width: 768px) and (max-width: 960px) {
  h1.logo{
    left: 30px !important;
    top: -8vw !important;
    text-align: left !important;
    justify-content: left!important;
  }
  h1.logo a img{
    max-height: 100px!important;
  }
}

/*---　ロゴの位置調整 SP ---*/
@media screen and (max-width: 767px) {
h1.logo{
    left: 10px !important;
    top: 0vw !important;
    text-align: left !important;
    justify-content: left!important;
  }
  h1.logo a img{
    max-height: 90px!important;
  }
  }

/*---　ロゴの位置調整 SP ---*/
@media screen and (max-width: 960px) {

  body:not(.page--home) h1.logo{
    left: 10px !important;
    top: 5vw !important;
    text-align: left !important;
    justify-content: left!important;
  }
}

/*---　会員登録/ログイン位置調整 SP---*/
@media screen and (max-width: 960px) {
  .block--login.sp{
    bottom: -12em !important;
  }

  .page--home .block--content-wrap{
    padding: 240px 5% 0px !important;
  }
  .page--home .section--hero-img .block--login .g-nav--item__login::before{
    display: none;
  }

  .block--login.sp {
  display: flex !important;
  justify-content: center;
  width: 100%;
  position: static;
}
.block--login.sp  ul{
  display: flex;
}
.block--login.sp .nav li a {
  color: #F8F8F5!important;
  border: 0.5px solid #F8F8F5;
  padding: 0.6em 1.5em;
}
.block--login.sp .nav li.g-nav--item__login {
  position: relative;
  padding-left: 1.5em;
}
}

/* -------------------------
　　　下層ページ AREA 
-------------------------*/

/*　背景　*/
body:not(.page--home) .wrap {
  background: linear-gradient(
  to right,
  #001926 0%,
  #002a43 50%,
  #001926 100%)!important; 
  color: #F8F8F5!important;
}

/*　ヘッダーメニュー　*/
body:not(.page--home) .wrap.loggedin .header {
  background: #fff;
}

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

.lineIco a svg{
  color: #F8F8F5!important;
}

/*　フォントカラー　*/
body:not(.page--home) .block--category li a,
body:not(.page--home) .block--share li,
body:not(.page--home) .tit,
body:not(.page--home) .block-txt {
  color: #F8F8F5!important;
}

/*　biographyページのロゴ配置　*/
.biography--logo{
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.biography--logo img{
  width: 15vw;
  margin: 2.5vw auto;
}
@media screen and (max-width: 960px) {
  .biography--logo img{
    width: 30vw;
    margin-bottom: 30px;
  }
}

/*　スケジュールのカテゴリー　*/
.page--schedule .section--list .block--refine input[type=checkbox]:checked + p {
  background: #b39c41;
}

/* -------------------------
　　　Entry （会員登録）
-------------------------*/
.page--introduction .block--introduction .block--logo .fanclubname img{
  width: 30vw !important;
}
@media screen and (max-width: 960px) {
  .page--introduction .block--introduction .block--logo .fanclubname img{
  width: 60vw !important;
}
}

/* -------------------------
  DISCOGRAPHY　イメージのbg
-------------------------*/
.nonlogin .list--thumbnail .list__item .thumb .limited-thumb{
  z-index: 2!important;
}


/* -------------------------
　　　Footer 
-------------------------*/
footer .bg{
  display: none;
}

footer{
  background: linear-gradient(
  to right,
  #001926 0%,
  #002a43 50%,
  #001926 100%
)!important; 
  color: #F8F8F5!important; /* オフホワイト */
}

footer .list__item a{
  color: #F8F8F5!important; /* オフホワイト */
}

footer .copyright small{
  color: #F8F8F5!important; /* オフホワイト */
}

footer a,
footer .nav__list--sns li 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, .btn .btn--sub,
.page--faq .block--faq-detail span.icon--q,
.btn-delete input,
.list--support .list__item a,
#form__search .searchBox input[type=submit] {
  color: #F8F8F5!important; /* オフホワイト */
}