/* ========================================================================== お知らせ一覧ページ 専用のCSS（pages/news.css） ・2026-10-26 に yrp-global-common.css から分けた。このページを開いたときだけ読み込む ・どのページで読み込むかは functions.php の yrp_page_css_manifest() で決めている ========================================================================== */ /* ========================================================================= B-18. お知らせ一覧ページ（/news/）… .yrp-nw-* ／ .yrp-news-* ------------------------------------------------------------------------- ・冒頭と最後の相談帯は、専門家の解説（B-12）の .yrp-ex-top ／ .yrp-ex-cta を共用 ・「カテゴリーから探す」「お知らせ一覧」は自動表示のため、HTMLは変えずに見た目だけを上書き （濃い背景をやめ、日付・カテゴリー・題名が一行で並ぶ、すっきりした一覧にする） ========================================================================= */ #main-content .et_pb_section:has(.yrp-nw-top), #main-content .et_pb_section:has(.yrp-news-filter-section), #main-content .et_pb_section:has(.yrp-news-list-section), #main-content .et_pb_section:has(.yrp-nw-cta){ background:#ffffff !important; background-image:none !important; } /* --- 冒頭の電話 --- */ .yrp-nw-top__tel{ display:inline-flex; align-items:center; gap:12px; padding:12px 20px; border:1px solid #1a2c42; border-radius:999px; color:#1a2c42 !important; text-decoration:none !important; white-space:nowrap; } .yrp-nw-top__tel i{ color:#b8860b; font-size:18px; } .yrp-nw-top__tel span{ display:flex; flex-direction:column; font-size:20px; font-weight:800; line-height:1.2; letter-spacing:.02em; } .yrp-nw-top__tel small{ color:#7a8592; font-size:11px; font-weight:700; letter-spacing:0; } /* --- カテゴリーから探す（チップ型） --- */ #main-content .yrp-news-filter-section{ padding:20px 0 0 !important; background:#ffffff !important; } #main-content .yrp-news-filter-section::before, #main-content .yrp-news-filter-section::after{ display:none !important; } #main-content .yrp-news-filter-section__inner{ width:92%; max-width:1000px; margin:0 auto; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; } #main-content .yrp-news-filter-section__heading{ margin:0; text-align:left; } #main-content .yrp-news-filter-section__eyebrow{ display:none; } #main-content .yrp-news-filter-section__title{ margin:0 !important; padding:0 !important; color:#1a2c42 !important; font-family:inherit !important; font-size:14px !important; font-weight:700; letter-spacing:.06em; } #main-content .yrp-news-filter{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; border:0; background:none; } #main-content .yrp-news-filter__item{ display:inline-flex; align-items:center; min-height:0; padding:7px 16px; border:1px solid #e6dcc6; border-radius:999px; background:#ffffff; color:#1a2c42 !important; font-size:13px; font-weight:700; line-height:1.4; text-decoration:none !important; box-shadow:none; transform:none; } #main-content .yrp-news-filter__item::before, #main-content .yrp-news-filter__item::after{ display:none !important; } #main-content .yrp-news-filter__item:hover{ border-color:#d6aa35; background:#ffffff; } #main-content .yrp-news-filter__item.is-current{ background:#1a2c42; border-color:#1a2c42; color:#ffffff !important; } /* --- お知らせ一覧（一行ずつの一覧。元の指定が !important のため、こちらも !important で上書き） --- */ #main-content .yrp-news-list-section{ padding:16px 0 64px !important; background:#ffffff !important; } #main-content .yrp-news-list-section__inner{ width:92%; max-width:1000px; margin:0 auto; padding:0; } #main-content .yrp-news-list{ display:block; margin:0; padding:0; border-top:1px solid #1a2c42; } #main-content .yrp-news-list-section .yrp-news-card{ border-bottom:1px solid #ece4d3 !important; } #main-content .yrp-news-list-section .yrp-news-card:first-child{ border-top:0 !important; } #main-content .yrp-news-list-section .yrp-news-card__link{ display:grid !important; grid-template-columns:190px minmax(0,1fr) 20px !important; align-items:center !important; gap:6px 20px !important; padding:18px 8px !important; } #main-content .yrp-news-list-section .yrp-news-card__link:hover{ padding-left:8px !important; background:#fbf8f1 !important; } #main-content .yrp-news-list-section .yrp-news-card__meta{ width:auto !important; margin:0 !important; gap:10px !important; flex-wrap:nowrap !important; } #main-content .yrp-news-list-section .yrp-news-card__date{ order:-1; color:#7a8592 !important; font-family:inherit !important; font-size:13px !important; } #main-content .yrp-news-list-section .yrp-news-card__category{ min-width:0 !important; min-height:0 !important; padding:2px 10px !important; border-radius:4px !important; background:#f6f4ee !important; color:#1a2c42 !important; font-family:inherit !important; font-size:11px !important; } #main-content .yrp-news-list-section .yrp-news-card__category.is-important{ background:#fbece7 !important; color:#a0442c !important; } #main-content .yrp-news-list-section .yrp-news-card__category.is-case{ background:#fbf1df !important; color:#8c6812 !important; } #main-content .yrp-news-list-section .yrp-news-card__category.is-event{ background:#e7f3ec !important; color:#2f6b4f !important; } #main-content .yrp-news-list-section .yrp-news-card__category.is-media{ background:#e8f0f8 !important; color:#2f5d8a !important; } #main-content .yrp-news-list-section .yrp-news-card__title{ -webkit-line-clamp:1 !important; color:#1a2c42 !important; font-family:inherit !important; font-size:15px !important; font-weight:700 !important; line-height:1.7 !important; } #main-content .yrp-news-list-section .yrp-news-card__link:hover .yrp-news-card__title{ color:#8c6812 !important; } #main-content .yrp-news-list-section .yrp-news-card__excerpt{ display:none !important; } #main-content .yrp-news-list-section .yrp-news-card__more{ margin:0 !important; padding:0 !important; border:0 !important; font-size:0 !important; justify-content:center !important; } #main-content .yrp-news-list-section .yrp-news-card__more-arrow{ color:#d6aa35; font-size:16px; } /* --- 最後の相談帯 --- */ .yrp-nw-cta{ padding-bottom:80px; } /* --- スマホ --- */ @media screen and (max-width:767px){ .yrp-nw-top__tel{ margin:0 auto; } #main-content .yrp-news-filter-section__inner{ flex-direction:column; align-items:center; } #main-content .yrp-news-filter{ justify-content:center; } #main-content .yrp-news-filter__item{ padding:6px 13px; font-size:12.5px; } #main-content .yrp-news-list-section .yrp-news-card__link{ grid-template-columns:minmax(0,1fr) 16px !important; gap:4px 10px !important; padding:14px 4px !important; } #main-content .yrp-news-list-section .yrp-news-card__meta{ grid-column:1; } #main-content .yrp-news-list-section .yrp-news-card__title{ grid-column:1; -webkit-line-clamp:2 !important; font-size:14.5px !important; } #main-content .yrp-news-list-section .yrp-news-card__more{ grid-column:2; grid-row:1 / span 2; } }