/*
Theme Name: SYNCHROTRON Child
Template: base
Description: synchrotron.co.jp 用カスタマイズ子テーマ。親テーマ「SYNCHROTRON(base)」を継承。
Author: synchrotron
Version: 1.1.0
*/

/* ============================================
   ホームの News セクション：タイトル切り詰めは PHP 側で実装済み
   ============================================ */
#main .newsBox {
  overflow: hidden;
  box-sizing: border-box;
}
#main .newsBox .newsDl {
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
}
#main .newsBox .newsDl dd {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
#main .newsBox .newsDl dd a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}

/* ============================================
   モバイルのフッター：Copyright と SNS アイコンを中央揃え
   ============================================ */
@media all and (max-width: 896px) {
  #gFooter .copyright { margin-bottom: 8px; text-align: center; }
  #gFooter .snsUl { text-align: center; margin-top: 0; }
  #gFooter .snsUl li { margin: 0 4px; }
  body #gFooter { padding-top: 12px; padding-bottom: 12px; }
}

/* ============================================
   Works ページ：スマホだけキャプションを小さく＆左寄せ
   ============================================ */
@media all and (max-width: 896px) {
  #main .worksBox ul li .caption {
    font-size: 100%;
    text-align: left;
    line-height: 1.5;
    top: auto;
    right: auto;
    bottom: 14px;
    left: 14px;
    margin: 0;
    max-width: calc(100% - 28px);
  }
  #main .worksBox ul li .caption p.title { font-size: 1.1em; margin-bottom: 2px; }
  #main .worksBox ul li .caption p.client { font-size: 0.85em; opacity: 0.85; }
  #main .worksBox ul li .caption p.category { font-size: 0.85em; opacity: 0.85; }
}

/* ============================================
   News アーカイブ：カテゴリタグ列を削除したため2列グリッドに
   親CSSは3列（日付10%・タグ10%・タイトル1fr）固定なので上書き
   ============================================ */
#main .news-container dl:not(:has(.categoryTag)) {
  grid-template-columns: 10% 1fr;
}
/* :has 非対応ブラウザ向けのフォールバック（全 news-container 影響なし） */
@supports not selector(:has(*)) {
  body.post-type-archive-news #main .news-container dl,
  body.tax-news_category #main .news-container dl {
    grid-template-columns: 10% 1fr !important;
  }
}

/* ============================================
   ページ内の大見出しの下ライン：1pxの垂直線を正確にセンタリング
   親CSSは left:50% + margin-left:2px なので +2.5px ズレていた
   ============================================ */
.headLine01 .line {
  margin-left: 0;
  transform: translateX(-50%);
}