/* Fisherman's Memoir — トップページ (Task 5)
 * 親テーマ drop_tcd087 のフロント構造:
 *   #header_slider_wrap > #header_slider > .item > .caption(h2.catch / .desc / .design_button) , .overlay , .bg_image
 *   #index_content_builder > #news_ticker_bottom , #cb_content_1.cb_interview_list
 *       > .cb_content_inner > h2.cb_headline , p.desc , .interview_list > article.item
 *           > p.category , a.link > .image_wrap(.image) , .title_area(h3.catch / p.title>span.name)
 * 方針: ヒーローに左→右のスクリム。目次はアイキャッチをやめて連番リストに。
 */

/* ================= ヒーロー ================= */
#header_slider .item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(9,17,27,.84) 0%,
    rgba(9,17,27,.48) 46%,
    rgba(9,17,27,.16) 100%);
}
#header_slider .caption{
  position:relative;
  z-index:4;
}
#header_slider .catch,
#header_slider .catch span{
  font-family:var(--fm-serif-en) !important;
  color:var(--fm-paper) !important;
  letter-spacing:.04em;
}
#header_slider .desc p{
  color:rgba(236,228,213,.9) !important;
  font-family:var(--fm-serif-body);
}
#header_slider .design_button a{
  background:var(--fm-rust) !important;
  color:var(--fm-paper) !important;
  font-family:var(--fm-sans-jp);
  letter-spacing:.1em;
}
#header_slider .design_button a:hover{ background:var(--fm-rust-deep) !important; }

/* スクロール誘導 */
#main_contents_link .label{ font-family:var(--fm-sans-jp); letter-spacing:.14em; color:var(--fm-rope); }

/* ================= ニュースティッカー ================= */
#news_ticker_bottom .item .title{ font-family:var(--fm-serif-body); }
#news_ticker_bottom .item .date{ font-family:var(--fm-sans-jp); color:var(--fm-fog); }

/* ================= 目次（interview_list ブロック） ================= */
#index_content_builder .cb_interview_list .cb_headline{
  font-family:var(--fm-serif-jp);
  letter-spacing:.06em;
  text-align:left;
}
#index_content_builder .cb_interview_list .desc,
#index_content_builder .cb_interview_list .desc.align_type2{
  font-family:var(--fm-serif-body);
  color:var(--fm-sea);
  text-align:left !important;
  line-height:2.0 !important;
}

#index_content_builder .interview_list{
  counter-reset:fm-ep;
  display:block !important;
  margin-top:12px !important;
}
#index_content_builder .interview_list .item{
  counter-increment:fm-ep;
  position:relative;
  width:auto !important;
  height:auto !important;
  display:block;
  margin:0 !important;
  padding:24px 0 24px 78px;
  border-top:1px solid var(--fm-paper-3);
}
#index_content_builder .interview_list .item::before{
  content:counter(fm-ep, decimal-leading-zero);
  position:absolute;
  left:0;
  top:24px;
  font-family:var(--fm-serif-en);
  font-size:38px;
  line-height:1;
  color:var(--fm-rope-dim);
}
#index_content_builder .interview_list .item:first-child::before{ color:var(--fm-rust); }

#index_content_builder .interview_list .item .category{ display:none !important; }

#index_content_builder .interview_list .item .link{
  display:flex;
  align-items:center;
  gap:22px;
  width:auto !important;
  height:auto !important;
}
#index_content_builder .interview_list .item .link:hover .catch span{ color:var(--fm-rust); }

/* アイキャッチ画像をサムネイルとして表示 */
#index_content_builder .interview_list .item .image_wrap{
  display:block !important;
  flex:none;
  width:150px;
  height:96px;
  overflow:hidden;
}
#index_content_builder .interview_list .item .image{
  width:100% !important;
  height:100% !important;
}
/* TCD が画像上の可読性のために link::before に敷く暗いグラデを消す */
#index_content_builder .interview_list .item .link::before,
#index_content_builder .interview_list .item .link::after{ display:none !important; content:none !important; }

#index_content_builder .interview_list .item .title_area{
  position:static !important;
  padding:0 !important;
  background:none !important;
  flex:1 1 auto;
  min-width:0;
}
#index_content_builder .interview_list .item .catch{
  max-height:none !important;
  overflow:visible !important;
}
#index_content_builder .interview_list .item .catch span{
  display:inline !important;
  -webkit-line-clamp:unset !important;
  font-family:var(--fm-serif-jp);
  font-weight:600;
  font-size:20px;
  line-height:1.6;
  color:var(--fm-ink);
  letter-spacing:.03em;
}
#index_content_builder .interview_list .item .title,
#index_content_builder .interview_list .item .title .name{
  color:var(--fm-fog) !important;
  font-family:var(--fm-sans-jp) !important;
  font-size:12px !important;
  letter-spacing:.06em;
  margin-top:6px;
}

/* 「一覧をみる」ボタン */
#index_content_builder .cb_interview_list .design_button{ margin-top:36px !important; text-align:left; }
#index_content_builder .cb_interview_list .design_button a{
  background:none !important;
  border:1px solid var(--fm-rope-dim) !important;
  color:var(--fm-rust) !important;
  font-family:var(--fm-sans-jp);
  letter-spacing:.12em;
}

/* ================= レスポンシブ ================= */
@media (max-width:767px){
  /* 連番はインラインの見出しに、画像は上・タイトルは下 */
  #index_content_builder .interview_list .item{ padding:20px 0; }
  #index_content_builder .interview_list .item::before{
    position:static;
    display:block;
    font-size:24px;
    line-height:1;
    margin-bottom:10px;
  }
  #index_content_builder .interview_list .item .link{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  #index_content_builder .interview_list .item .image_wrap{
    width:100%;
    height:190px;
  }
  #index_content_builder .interview_list .item .catch span{ font-size:17px; }
}