/* ===========================================
   Place News 一覧ページ
   place-news.css
   ※ Figma基準: 1280px
=========================================== */

/* ========================================
   Place news Page（PC版）
======================================== */

.place-news-page-header {
    background-color: #F3D5D3;
    width: 100%;
    padding: 2.73vw 2.42vw;
}

.place-news-page-logo img {
    width: 16.48vw;
    height: auto;
    display: block;
}

.place-page {
    margin-top: 0;
    position: relative;
}

@media (max-width: 767px) {
    .place-news-page-header {
        padding: 4.27vw;
        padding-bottom: 0;
    }
}

.place-news-page-logo .place-logo-white {
    display: none;
}

.place-news-page-logo .place-logo-black {
    display: block;
}

/* =============================================================
   place.css — タワーのアワー（Place）固定ページ PC版
   基準幅: 1280px / vw単位
   ============================================================= */

/* ─────────────────────────────────────────
   0. ヘッダーカラーオーバーライド（黒ロゴ）
───────────────────────────────────────── */
/* WordPress が自動付与するテンプレートクラス: page-template-page-place-php */

/* ハンバーガー線を黒に */
.page-template-page-place-php .nav-hamburger span {
    background-color: #333333;
}

/* ロゴ: logo.svg（白）を非表示、logo_black.svg（黒）を表示
   ※ header.php に両方の img が存在する前提 */
.page-template-page-place-php .nav-logo .logo-white {
    display: none;
}

.page-template-page-place-php .nav-logo .logo-black {
    display: block;
}

/* -------------------------------------------
   KVタイトルエリア
------------------------------------------- */
.place-news-list-kv {
    background-color: #F3D5D3;
    text-align: center;
    padding: 0 0 5.47vw;
    position: relative;
}

.place-news-list-kv__title {
    width: 21.09vw;
    /* Figmaの画像幅に合わせて調整してください */
    height: auto;
    display: block;
    margin: 0 auto;
}

/* -------------------------------------------
   サブナビゲーション
------------------------------------------- */
.place-subnav {
    background-color: #F3D5D3;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4.22vw;
    padding: 0 0 5.1vw;
    border-bottom: 1px solid #d0ccc8;
}

.place-subnav__item {
    font-size: 1.02vw;
    /* 13px / 1280 */
    letter-spacing: 0.05em;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    transition: opacity 0.2s;
}

.place-subnav__item:hover {
    opacity: 0.6;
}

/* 現在のページ（News）はオレンジ */
.place-subnav__item.is-current {
    color: #FF913C;
}

/* -------------------------------------------
   News 一覧 メインエリア
------------------------------------------- */
.place-news-list {
    /* "News" 見出しは left: 30px に合わせる */
    padding-left: 2.34vw;
    /* 30px / 1280 */
    padding-right: 2.34vw;
    margin: 13vw 0 13vw;
    /* 50px 0 100px */
}

/* "News" 見出し */
.place-news-list__heading {
    font-size: 6.25vw;
    /* 80px / 1280 */
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #333333;
    margin: 0 0 7vw;
    /* 30px */
    font-family: 'Inter', sans-serif;
    line-height: 1;
}

/* 記事リスト */
.place-news-list__items {
    margin-left: 3.125vw;
    width: 88vw;
    border-top: 1px solid #999999;
}

/* 記事1件 */
.place-news-list__item {
    border-bottom: 1px solid #999999;
}

.place-news-list__link {
    display: flex;
    gap: 0;
    padding: 4vw 0;
    /* 30px */
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s;
}

.place-news-list__link:hover {
    opacity: 0.7;
}

/* 左カラム：日付・カテゴリー */
/* date は 70px、title は 301px → 差分 231px が左カラム幅 */
.place-news-list__meta {
    flex-shrink: 0;
    width: 18.05vw;
    /* 231px / 1280 */
    display: flex;
    flex-direction: column;
    gap: 2.7vw;
    /* 10px */
    padding-top: 0.16vw;
}

.place-news-list__date {
    font-size: 1.5625vw;
    /* 20px / 1280 */
    letter-spacing: 0.03em;
    color: #8AB0A5;
    display: block;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.place-news-list__cat {
    font-size: 1.4vw;
    /* 15px / 1280 */
    color: #999999;
    display: block;
    font-weight: 500;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    word-wrap: break-word;
}

/* 右カラム：タイトル・本文 */
.place-news-list__body {
    flex: 1;
}

.place-news-list__title {
    font-size: 1.9vw;
    font-weight: 700;
    line-height: 1.5;
    color: #333333;
    margin: 0 0 1.6vw;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
}

.place-news-list__excerpt {
    font-size: 1.5vw;
    color: #333333;
    margin: 0;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

/* 記事なし */
.place-news-list__empty {
    padding: 2.34vw 0;
    font-size: 0.94vw;
    color: #888;
    text-align: center;
    font-family: 'Inter', sans-serif;
}

/* -------------------------------------------
   ページネーション
   デザイン: 1 (黒) | 2 3 4 5 (グレー) | Next (グレー)
------------------------------------------- */
.place-news-list__pager {
    margin-top: 15vw;
    display: flex;
    justify-content: flex-start;
    padding-left: 3.125vw;
}

.place-news-list__pager .page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 3.125vw;
    /* 40px / 1280 */
}

.place-news-list__pager .page-numbers li a,
.place-news-list__pager .page-numbers li span {
    display: inline-block;
    font-size: 1.41vw;
    /* 18px / 1280 */
    color: #989898;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    transition: color 0.2s;
}

.place-news-list__pager .page-numbers li a:hover {
    color: #333333;
}

/* 現在のページ: 黒 */
.place-news-list__pager .page-numbers li span.current {
    color: #333333;
    font-weight: 500;
}

/* Prev / Next */
.place-news-list__pager .page-numbers li a.prev,
.place-news-list__pager .page-numbers li a.next {
    font-size: 1.41vw;
    color: #989898;
}

/* -------------------------------------------
   SP（767px以下）
------------------------------------------- */
@media (max-width: 767px) {

    .page-template-page-place-php .hamburger_menu--dark span {
        background-color: #ffffff;
    }

    .place-news-page-logo .place-logo-white {
        display: block;
    }

    .place-news-page-logo .place-logo-black {
        display: none;
    }

    .place-news-page-logo img {
        width: 29.33vw;
        /* 155px / 375 */
    }

    .place-news-list-kv__title {
        width: 48vw;
    }

    .place-news-list-kv {
        padding: 12vw 0 8vw;
    }

    .place-news-list-kv__ja {
        font-size: 6.4vw;
    }

    .place-news-list-kv__en {
        font-size: 3.2vw;
    }

    /* サブナビ横スクロール */
    .place-subnav {
        flex-wrap: wrap;
        padding: 0 0 6vw;
        row-gap: 3.47vw;
        /* 13px / 375 */
        column-gap: 6.67vw;
        /* 25px / 375 */
        overflow-x: unset;
        -webkit-overflow-scrolling: unset;
        scrollbar-width: unset;
        border-bottom: 1px solid #d0ccc8;
    }

    .place-subnav__item {
        font-size: 3.47vw;
        /* 13px / 375 */
        white-space: nowrap;
    }

    .place-subnav::-webkit-scrollbar {
        display: none;
    }

    /* メインエリア */
    .place-news-list {
        padding-left: 4vw;
        padding-right: 4vw;
        margin: 20vw 0 16vw;
    }

    .place-news-list__heading {
        font-size: 13.33vw;
        /* 50px / 375 */
        margin-bottom: 12.8vw;
    }

    .place-news-list__items {
        margin-left: 2vw;
    }

    /* SP は縦並び */
    .place-news-list__link {
        flex-direction: column;
        gap: 5.3vw;
        padding: 8vw 0;
    }

    .place-news-list__meta {
        width: 100%;
        flex-direction: row;
        gap: 40vw;
        align-items: baseline;
    }

    .place-news-list__date {
        font-size: 5.6vw;
    }

    .place-news-list__cat {
        font-size: 4vw;
        /* 15px / 1280 */
        color: #999999;
        display: block;
        font-weight: 500;
        font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
        word-wrap: break-word;
    }

    .place-news-list__title {
        font-size: 5.5vw;
        margin-bottom: 7vw;
    }

    .place-news-list__excerpt {
        font-size: 3.47vw;
        -webkit-line-clamp: 14;
    }

    /* ページネーション */
    .place-news-list__pager {
        margin-top: 10.67vw;
        padding-left: 2vw;
        justify-content: left;
    }

    .place-news-list__pager .page-numbers li a,
    .place-news-list__pager .page-numbers li span {
        font-size: 4.8vw;
    }

    .place-news-list__pager .page-numbers li a.prev,
    .place-news-list__pager .page-numbers li a.next {
        font-size: 4vw;
    }
}