/* =========================
   下層ページ専用スタイル
========================= */

body:not(.page--home) {
  /* ベース */
  background:#000;
  color:rgba(255,255,255,.86);
  font-family:"Lato", sans-serif;
  font-weight:100;
  letter-spacing:.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body:not(.page--home) .wrap{
	  background:#000;
}
body:not(.page--home) .header
{
  background:#000;
}
footer{
	  background:#000;
}
body:not(.page--home) h1.logo{
 display: block;
}
/* =========================
   Layout
========================= */

body:not(.page--home) main.container{
  width:min(1100px,100%);
  margin:0 auto;
  padding: clamp(0px, 0vh, 120px) clamp(20px, 4vw, 64px);
}

body:not(.page--home) .section--list{
  grid-template-columns:140px 1fr;
  align-items:start;
  column-gap:60px;
  padding:40px 0;
}

/* =========================
   Title
========================= */

body:not(.page--home) .section--list > .section-tit{
      margin: 0 0 20px;
  font-size:clamp(38px,6vw,68px);
}

   body:not(.page--home) .section-tit {
font-size:clamp(38px,6vw,68px);
margin: 0 0 20px;
    }

/* =========================
   List
========================= */

body:not(.page--home) .list--information{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:16px;
}

body:not(.page--home) .list--information .list__item > a{
  display:block;
  text-decoration:none;
  color:inherit;

  border: 1px solid #aaa;
  background:rgba(0,0,0,.2);

  padding:18px 22px;
  transition:.2s ease;
      transform: skew(30deg);
    margin: 0 20px;
}

body:not(.page--home) .block--txt{
  font-weight: 400;
  display:grid;
  gap:8px;
}

.page--information .block--txt .date,
.page--information .block--txt .tit{
  transform: skew(-30deg);
}
.page--information .list__item .tit {
font-weight: 400;
}

.page--discography .block--txt{
  font-weight: 400;
}
.page--information.block--txt .tit{

  margin-left: 15px;
}

body:not(.page--home) .block--txt .date{
  margin:0;
  font-size:11px;
  letter-spacing:.2em;
  margin-left: 10px;
  opacity: 1;
}

body:not(.page--home) .block--txt .tit{
  margin:0;
  font-size:14px;
  letter-spacing:.06em;
  line-height:1.6;
  font-weight: 400;
  margin-left: 15px;
}

/* =========================
   footer
========================= */
body:not(.page--home) footer .bg {
display: none;
}

/* =========================
   SP
========================= */

@media (max-width:768px){

  body:not(.page--home) .section--list{
    grid-template-columns:1fr;
    row-gap:18px;
  }

  body:not(.page--home) .section--list > .section-tit{
    writing-mode:horizontal-tb;
    transform:none;
    font-size: 40px;
  }

}
body:not(.page--home) .block--title {
transform: none;
left: auto;
    z-index: 5;
	    width: auto;
		position: static;
}

body:not(.page--home) .list--information, .list--schedule {
margin-left: 0 !important; 

}

.footer small a {
text-decoration: none;
}


@media screen and (min-width: 1px) and (max-width: 960px) {
    .header .drawer {
      padding-top: 90px !important;
      justify-content: center;
    }
        .header .drawer .nav {
          display: grid;
        }
            .header .drawer .nav li {
                      display: block;
              border: 1px solid;
        padding: 8px 25px;
        transform: skew(25deg);
        margin: 0px 0px 10px;
            }
            .header .drawer .nav li a {
            transform: skew(-25deg);
            }
            .header .drawer .nav li {
                    width: 100%;
        font-size: 4.5vw;
                text-align: center;
            }
            .header .drawer .nav .g-nav--item .g-nav__home li {
              background: #fff;
            }

  }

  .page--schedule .section--list .block--refine label .archive-label {
        background: #000;
        color: #fff;
        border: 1px solid #fff;
}
li.g-nav--item.g-nav__goods{
  display: none;
}

@media screen and (min-width: 961px) {
h1.logo a {
  width: 60%;
        height: 85%;
}
}

li.category--bluray {
    display: none;
}


/* アニメーション */
.header .drawer .nav .g-nav--item {
  transition: translate 0.2s 0.4s ease;
}

@media (min-width: 961px) {

  .header .drawer .nav li {
    /* translate を使っている場合 */
    translate: 0 !important;

    /* transform を使っている場合の保険 */
    transform: none !important;
  }

}

@media screen and (max-width: 960px) {

  /* SNSリストを横並び */
  .header .drawer .nav__list--sns {
    display: flex;
    justify-content: center;
    gap: 20px;
  }

  /* 囲み線・傾斜を消す */
  .header .drawer .nav__list--sns li {
    border: none !important;
    transform: none !important;
    margin: 0;
    padding: 0;
    width: auto;
  }

  .header .drawer .nav__list--sns li a {
    transform: none !important;
  }

}

.page--biography .artist--name {
        font-weight: 400;
    }

    .section--detail {
        font-weight: 400;
    }

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

.section-tit,
.category,
.block--date__youbi,
.prev a,
.next a,
.list__item.new .tit::after,
.date,
.page--information.page--schedule .item-tit,
.page--information.page--schedule .detail__btn a,
.page--information.page--schedule li.share,
body.page--schedule .block--liveinfo > li:first-child .youbi,
.page--information .detail__btn a,
.page--information li.share,
.page--video .detail__btn a,
body:not(.page--home) .detail__btn a,
.page--video li.share {
  text-transform: lowercase;
}
.category.category--single,
.category--ep,
.page--information.page--schedule .block--liveinfo li:nth-child(2) .item-detail {
  text-transform: none !important;
}

.page--discography .header--disco{
  display: none;
}
@media screen and (min-width: 961px) {
.page--discography .wrap--disc-detail{
        gap: 2rem!important;
}
}

@media screen and (min-width: 961px) {
    .page--discography .jacket {
        width: 80% !important;
    }
}

/* =========================
   Footer SNS 上下ロゴ + SNSは横並び
========================= */

/* 余白は block--content-wrap に倣う */
.footer .footer__inner{
  padding: 60px 5% 50px;
}

/* SNSリストを “行折り返し” できる横並びにする */
.footer .nav__list--sns{
  display: flex;
  flex-wrap: wrap;            /* ← これがキモ：before/afterを「別行」にできる */
  align-items: center;
  justify-content: flex-start; /* 左寄せ */
  gap: 10px;
  margin: 0;                  /* 変な余白があれば潰す */
  padding: 0;
}

/* 上：plentyロゴ（1行目） */
.footer .nav__list--sns::before{
  content: "";
  display: block;
  width: 100%;               /* ← これで1行占有 */
  height: 44px;              /* ロゴ高さ */
  background: url("/static/fcopen/fanplakit/artist/plenty_xS952UEM/img/hmEWFX5xVTFz_plenty_logo_footer.png") no-repeat left center;
  background-size: contain;
  margin-bottom: 5px;       /* SNSとの間 */
}

/* SNSアイコン（2行目：横並び） */
.footer .nav__list--sns > li{
  margin: 0;
  padding: 0;
}

/* 下：レーベルロゴ（3行目） */
.footer .nav__list--sns::after{
  content: "";
  display: block;
  width: 100%;               /* ← これで3行目 */
  height: 80px;              /* ← “小さいので大きく” */
  background: url("/static/fcopen/fanplakit/artist/plenty_xS952UEM/img/F5gfEhAa8RTF_labellogo.png") no-repeat left center;
  background-size: contain;         /* SNSとの間 */
}

@media screen and (min-width: 961px) {
    footer {
        height: 400px;

    }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
    .page--home footer .nav__list--sns li {
      margin: 0 0.5em 0px !important;
    }
}

.footer .nav__list--sns{
  position: relative; /* ← 基準にする */
}

/* ロゴクリックエリア */
.footer-plenty-link{
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;   /* ロゴ幅に合わせる */
  height: 44px;   /* ロゴ高さに合わせる */
  z-index: 5;
}

/* 下層ページ：footerロゴが出ない対策 */
body:not(.page--home) footer .footer__inner{
  height: auto !important;
  display: block !important;
}

body:not(.page--home) footer .nav__list--sns{
  overflow: visible !important;
}

/* 疑似要素が潰されてる保険 */
body:not(.page--home) footer .nav__list--sns::before,
body:not(.page--home) footer .nav__list--sns::after{
  content: "";
  display: block;
}

.g-nav .g-nav--item a{
  white-space: nowrap;
}

.page--discography .list--discography .list__item .block-txt {
  font-weight: 400;
}
footer {
    position: static !important;
}

@media screen and (min-width: 1px) and (max-width: 960px) {
    .wrap:not(.page--home) {
padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 961px) {
    .wrap {
padding-bottom: 0% !important;
    }}
    .page--home .wrap {
padding-bottom: 0% !important;
    }

body.page--information.category-1 .section--detail .thumb > img {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}