@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* あわせて読みたい（本文直後） */
.ww-series-box{margin:2.5em 0 1.5em;padding:1em 1.2em 1.2em;border:1px solid #ddd;border-top:4px solid #333;border-radius:4px;background:#fafafa}
.ww-series-heading{font-weight:700;font-size:1.05em;margin-bottom:.8em}
.ww-series-heading::before{content:"\f02d";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:.5em}
.entry-content .ww-series-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.8em}
.entry-content .ww-series-list li{margin:0;padding:0}
.ww-series-list a{display:flex;align-items:center;gap:.7em;color:#333;text-decoration:none;background:#fff;border:1px solid #eee;border-radius:4px;padding:.5em;height:100%;box-sizing:border-box;transition:box-shadow .2s}
.ww-series-list a:hover{box-shadow:0 2px 8px rgba(0,0,0,.12)}
.entry-content .ww-series-thumb{width:96px;height:auto;flex-shrink:0;margin:0;border-radius:3px}
.ww-series-title{font-size:.85em;line-height:1.45;font-weight:600}

/* ===== Yakk's Base デザイン（試聴室 × アンバー） ===== */
:root{--ww-ink:#141416;--ww-amber:#D9891A;--ww-amber-dk:#8A5410;--ww-ground:#F3F2EF;--ww-line:#E2E0DB;--ww-muted:#5E5C57}
body{background:var(--ww-ground);color:var(--ww-ink)}
/* ヘッダー */
#header-container,#header,.header-container-in{background:var(--ww-ink)}
.header-in{min-height:0}
.logo-header{padding:14px 0}
.logo-header .site-logo-image{max-height:180px;width:auto}
#navi{border-top:1px solid #2E2E33}
#navi .navi-in>ul>li>a{font-weight:600;letter-spacing:.04em;transition:box-shadow .2s}
#navi .navi-in>ul>li>a:hover{background:transparent;box-shadow:inset 0 -3px 0 var(--ww-amber)}
#navi .navi-in .sub-menu{background:#1C1C20}
#navi .navi-in .sub-menu a:hover{background:#2A2A2E}
/* メイン・カード */
.main,.sidebar{background:transparent;border:none}
.single .main,.page .main{background:#fff;border:1px solid var(--ww-line);border-radius:6px}
.entry-card-wrap,.related-entry-card-wrap{background:#fff;border:1px solid var(--ww-line);border-radius:6px;overflow:hidden;transition:box-shadow .2s}
.entry-card-wrap:hover,.related-entry-card-wrap:hover{box-shadow:0 4px 14px rgba(20,20,22,.12);background:#fff}
.entry-card-title,.related-entry-card-title{font-weight:700}
.entry-date,.post-date,.post-update{font-family:"Oswald",sans-serif;letter-spacing:.04em}
.cat-label{background:var(--ww-ink);color:#F3F2EF;border:none;border-left:3px solid var(--ww-amber);border-radius:0 3px 3px 0;font-weight:600}
/* 一覧見出し（新着・カテゴリ） */
.list-title{margin:1.4em 0 .9em;text-align:left;border-bottom:2px solid var(--ww-ink);padding-bottom:.35em}
.list-title .list-title-in{font-size:1.35em;font-weight:700;padding:0;display:inline}
.list-title .list-title-in::before,.list-title .list-title-in::after{display:none}
.list-new-entries-title .list-title-in::before{content:"LATEST";display:inline;font-family:"Oswald",sans-serif;font-size:.55em;letter-spacing:.18em;color:var(--ww-amber-dk);margin-right:.8em;border:none;width:auto;height:auto;background:none;position:static}
.list-more-button{border:2px solid var(--ww-ink);border-radius:4px;font-weight:700;background:#fff}
.list-more-button:hover{background:var(--ww-ink);color:#fff}
/* 愛用機ラインナップ（おすすめカード） */
.recommended{margin:28px auto 8px}
.recommended-in{max-width:1256px;margin:0 auto;padding:0 18px;box-sizing:border-box}
.recommended-in::before{content:"MY GEAR　愛用機ラインナップ";display:block;font-weight:700;font-size:1.35em;border-bottom:2px solid var(--ww-ink);padding-bottom:.35em;margin-bottom:16px}
.recommended .navi-entry-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.recommended .navi-entry-cards .navi-entry-card-link{width:auto !important;max-width:none;margin:0;border-radius:6px;overflow:hidden;background:var(--ww-ink)}
.recommended .navi-entry-card-title{font-family:"Oswald",sans-serif;font-weight:500;font-size:1.1em;letter-spacing:.03em}
.recommended .navi-entry-card-link:hover img{opacity:.85}
/* 記事本文の見出し */
.article h2{background:none;border:none;border-bottom:2px solid var(--ww-ink);padding:.3em 0 .35em;font-size:1.45em;position:relative}
.article h2::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--ww-amber)}
.article h3{border:none;border-left:4px solid var(--ww-amber);padding:.15em 0 .15em .6em;background:none}
.article h4{border:none;border-bottom:1px dashed #BDBAB2;padding-bottom:.2em}
/* 目次 */
.toc{border:1px solid var(--ww-line);border-top:3px solid var(--ww-amber);border-radius:4px;background:#fff}
.toc-title{font-weight:700}
/* サイドバー */
.widget-sidebar-title,.sidebar h3{background:none;color:var(--ww-ink);border:none;border-bottom:2px solid var(--ww-ink);padding:.2em 0 .35em;font-size:1.05em;text-align:left}
.author-box{border:1px solid var(--ww-line);border-radius:6px;background:#fff}
.author-box .author-thumb img{border:3px solid var(--ww-amber)}
/* 関連記事見出し */
.related-entry-heading,.comment-title{border:none;border-bottom:2px solid var(--ww-ink);background:none;text-align:left;padding-bottom:.35em}
/* リンク色 */
.entry-content a:not(.a-wrap):not(.btn){color:#8A5410}
/* フッター */
#footer,.footer{background:var(--ww-ink);color:#C9C7C1}
#footer a{color:#F3F2EF}
.footer-bottom-logo .site-logo-image{max-height:70px;width:auto}
.copyright{color:#9A988F}

/* 比較記事パーツ（結論ボックス・ボタン・比較表・良い点/気になる点） */
.ww-pick{border:2px solid var(--ww-ink);border-radius:6px;background:#fff;padding:1em 1.2em;margin:1.5em 0}
.ww-pick-title{font-weight:700;font-size:1.1em;margin:0 0 .6em;border-bottom:2px solid var(--ww-amber);display:inline-block}
.entry-content .ww-pick ul{list-style:none;margin:0;padding:0}
.entry-content .ww-pick li{display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"img use btns" "img name btns" "img why btns";column-gap:14px;align-items:center;padding:.7em 0;border-top:1px solid var(--ww-line);margin:0}
.entry-content .ww-pick li:first-child{border-top:none}
.ww-pick-img{grid-area:img;display:block;line-height:0}
.entry-content .ww-pick-img img{width:84px;height:84px;object-fit:cover;border-radius:6px;margin:0;border:1px solid var(--ww-line)}
.ww-pick-img:hover img{opacity:.85}
.ww-pick-use{grid-area:use;font-size:.8em;color:var(--ww-muted)}
.ww-pick li strong{grid-area:name;font-size:1.15em}
.ww-pick-why{grid-area:why;font-size:.85em}
.ww-pick-btns{grid-area:btns;display:flex;gap:6px;align-items:center}
.entry-content a.ww-btn{display:inline-block;background:var(--ww-amber);color:#141416;font-weight:700;font-size:.85em;padding:.55em 1em;border-radius:4px;text-decoration:none;white-space:nowrap;line-height:1.3}
.entry-content a.ww-btn:hover{background:#E8A33A;color:#141416}
.entry-content a.ww-btn-sub{background:#fff;border:1px solid var(--ww-ink);color:var(--ww-ink)}
.entry-content a.ww-btn-sub:hover{background:var(--ww-ink);color:#fff}
.entry-content a.ww-btn-s{font-size:.75em;padding:.45em .7em}
.ww-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0}
.entry-content table.ww-compare{min-width:640px;font-size:.85em;border-collapse:collapse;width:100%}
.ww-compare th,.ww-compare td{border:1px solid var(--ww-line);padding:.5em;text-align:center;vertical-align:middle}
.ww-compare thead th{background:var(--ww-ink);color:#fff}
.ww-compare tbody th{background:#F3F2EF;white-space:nowrap}
.ww-pros-cons{background:#FAF9F7;border:1px solid var(--ww-line);border-radius:4px;padding:.6em 1em;margin:1em 0}
.entry-content .ww-pros-cons p{margin:.25em 0}
.ww-pro{color:#8A5410;font-weight:700;margin-right:.4em}
.ww-con{color:#5E5C57;font-weight:700;margin-right:.4em}

/* 内部リンクを目立たせる（ブログカード・本文中テキストリンク） */
.entry-content .internal-blogcard-wrap{display:block;margin:1.8em 0 1.6em}
.entry-content .internal-blogcard{position:relative;background:#fff;border:1px solid var(--ww-line);border-left:5px solid var(--ww-amber);border-radius:6px;padding:16px 16px 30px;box-shadow:0 2px 8px rgba(20,20,22,.06);transition:box-shadow .2s,transform .2s}
.entry-content .internal-blogcard-wrap:hover .internal-blogcard{box-shadow:0 6px 18px rgba(20,20,22,.14);transform:translateY(-2px);background:#fff}
.entry-content .internal-blogcard-label{display:block;position:absolute;top:-11px;left:12px;background:var(--ww-ink);color:#fff;font-size:11px;font-weight:700;padding:1px 10px;border-radius:3px;line-height:1.7;z-index:1}
.entry-content .internal-blogcard-label .fa{display:none}
.entry-content .internal-blogcard-label::after{content:"あわせて読みたい"}
.entry-content .internal-blogcard-title{font-weight:700;color:var(--ww-ink);line-height:1.5}
.entry-content .internal-blogcard-snippet{color:var(--ww-muted)}
.entry-content .internal-blogcard-date{display:none}
.entry-content .internal-blogcard::after{content:"記事を読む →";position:absolute;right:14px;bottom:8px;font-size:12px;font-weight:700;color:var(--ww-amber-dk)}
.entry-content .internal-blogcard-wrap:hover .internal-blogcard::after{text-decoration:underline}
.entry-content a[href*="wheelwhirlpool.com/gadgets/"]:not(.a-wrap):not(.ww-btn):not(.ww-pick-img):not([href*="#"]):not([href*="/wp-content/"]):not([href*="/wp-admin/"]):not(.ww-series-list a):not(.ww-series-box a){font-weight:700;color:#8A5410;text-decoration:none;border-bottom:2px solid rgba(217,137,26,.55);padding-bottom:1px}
.entry-content a[href*="wheelwhirlpool.com/gadgets/"]:not(.a-wrap):not(.ww-btn):not(.ww-pick-img):not([href*="#"]):not([href*="/wp-content/"]):not([href*="/wp-admin/"]):not(.ww-series-list a):not(.ww-series-box a):hover{background:rgba(217,137,26,.12);border-bottom-color:var(--ww-amber)}
.entry-content a[href*="wheelwhirlpool.com/gadgets/"]:not(.a-wrap):not(.ww-btn):not(.ww-pick-img):not([href*="#"]):not([href*="/wp-content/"]):not([href*="/wp-admin/"]):not(.ww-series-list a):not(.ww-series-box a)::after{content:" ›"}

/* 全記事共通レイアウト（結論ボックス・商品ボックス・表） */
.entry-content .blank-box.bb-tab{border:2px solid var(--ww-ink);border-radius:6px;background:#fff;padding-top:1.4em}
.entry-content .blank-box.bb-tab .bb-label{background:var(--ww-ink);color:#fff;border-radius:3px 3px 0 0}
.entry-content .blank-box.bb-tab .bb-label .fa{color:var(--ww-amber)}
.entry-content .blank-box li{margin-bottom:.3em}
.entry-content .blank-box li::marker{color:var(--ww-amber)}
.ww-lead{font-size:1.1em;border-left:4px solid var(--ww-amber);padding:.2em 0 .2em .8em;margin:1.2em 0}
.ww-top-product{margin:1.2em 0 1.6em}
.ww-top-product-label{display:inline-block;background:var(--ww-amber);color:#141416;font-size:12px;font-weight:700;padding:2px 10px;border-radius:3px 3px 0 0;margin:0 0 -1px!important}
.entry-content .product-item-box{background:#fff;border:1px solid var(--ww-line);border-top:3px solid var(--ww-amber);border-radius:6px;box-shadow:0 2px 8px rgba(20,20,22,.05)}
.entry-content .product-item-title-link{font-weight:700;color:var(--ww-ink)}
.entry-content .product-item-buttons .shoplinkamazon a{background:var(--ww-amber);color:#141416;font-weight:700;border-radius:4px;padding:.65em 1.4em;font-size:.95em;box-shadow:0 2px 0 #B06E12;transition:transform .1s}
.entry-content .product-item-buttons .shoplinkamazon a:hover{background:#E8A33A;transform:translateY(-1px);opacity:1}
.entry-content .ww-table-scroll table:not(.ww-compare){font-size:.9em;border-collapse:collapse;min-width:480px;width:100%}
.entry-content .ww-table-scroll table:not(.ww-compare) th,.entry-content .ww-table-scroll table:not(.ww-compare) td{border:1px solid var(--ww-line);padding:.5em .6em}
.entry-content .ww-table-scroll table:not(.ww-compare) th{background:#F3F2EF;font-weight:700}
.entry-content .ww-table-scroll table:not(.ww-compare) thead th{background:var(--ww-ink);color:#fff}
.entry-content .ww-table-scroll table:not(.ww-compare) tr:nth-child(even) td{background:#FAF9F7}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .recommended .navi-entry-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .logo-header{padding:8px 0}
  .logo-header .site-logo-image{max-height:110px}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .entry-content .product-item-buttons .shoplinkamazon a{display:block;text-align:center}
  .entry-content .ww-pick li{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"img use" "img name" "img why" "btns btns";column-gap:12px;row-gap:2px}
  .ww-pick-img img{width:72px;height:72px}
  .ww-pick-btns{margin-top:6px}
  .ww-pick-btns .ww-btn{flex:1;text-align:center}
  .entry-content .ww-series-list{grid-template-columns:1fr}
  .ww-series-box{padding:.9em}

}

/* ==========================================================================
 * Yakk's Base 改良（.yb の中だけで効く）2026-10-03
 *  機器の写真を並べる一覧・回遊パーツ・読みやすさ。プレビュー中は管理者にしか出ない
 * ========================================================================== */

/* ---------- 共通：見出し・チップ ---------- */
.yb .yb-wrap { max-width: 1256px; margin: 0 auto; padding: 0 18px; box-sizing: border-box; }
.yb .yb-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; border-bottom: 2px solid var(--ww-ink); padding-bottom: .35em; margin: 0 0 14px; }
.yb .yb-head-title { margin: 0; padding: 0; border: 0; background: none; font-size: 1.35em; font-weight: 700; line-height: 1.3; color: var(--ww-ink); }
.yb .yb-head-title::after { display: none; }
.yb .yb-head-en { display: inline-block; margin-right: .7em; font-family: "Oswald", sans-serif; font-size: .55em; font-weight: 600; letter-spacing: .18em; color: var(--ww-amber-dk); vertical-align: .2em; }
.yb .yb-head-more { flex: none; font-size: 13px; font-weight: 700; color: var(--ww-ink); text-decoration: none; border-bottom: 2px solid var(--ww-amber); }
.yb .yb-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; }
.yb .yb-chips a,
.yb .yb-chips button {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; margin: 0;
  border: 1px solid var(--ww-ink); border-radius: 999px; background: #fff; color: var(--ww-ink);
  font: inherit; font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer;
}
.yb .yb-chips button[aria-pressed="true"] { background: var(--ww-ink); color: #fff; }
.yb .yb-chip-count { font-family: "Oswald", sans-serif; font-weight: 500; font-size: 12px; color: var(--ww-muted); }
.yb .yb-chips button[aria-pressed="true"] .yb-chip-count { color: var(--ww-amber); }

/* ---------- 機器タイル ---------- */
.yb .yb-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; margin: 0 0 22px; }
@media screen and (min-width: 600px) { .yb .yb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media screen and (min-width: 1024px) { .yb .yb-front-gear .yb-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px 14px; } .yb .yb-gear-index .yb-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media screen and (min-width: 600px) { .yb .yb-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.yb .yb-tile { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.yb .yb-tile-main { display: flex; flex-direction: column; gap: 2px; color: var(--ww-ink); text-decoration: none; }
.yb .entry-content .yb-tile-main { color: var(--ww-ink); }
.yb .yb-tile-photo { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 6px; background: var(--ww-line); margin-bottom: 6px; }
.yb .yb-tile-photo img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; border: 0; transition: transform .25s; }
.yb .yb-tile-main:hover .yb-tile-photo img { transform: scale(1.04); }
.yb .yb-tile-mine { position: absolute; left: 6px; top: 6px; padding: 2px 8px; border-radius: 3px; background: var(--ww-amber); color: var(--ww-ink); font-size: 11px; font-weight: 700; line-height: 1.5; }
.yb .yb-tile-brand { font-family: "Oswald", sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--ww-muted); line-height: 1.3; }
.yb .yb-tile-name { font-size: 15px; font-weight: 700; line-height: 1.3; word-break: break-word; }
.yb .yb-tile-main:hover .yb-tile-name { text-decoration: underline; text-decoration-color: var(--ww-amber); text-underline-offset: 3px; }
.yb .yb-tile-type { font-size: 11px; color: var(--ww-muted); line-height: 1.4; }
.yb .yb-tile-buy {
  display: flex; align-items: center; justify-content: center; min-height: 34px; margin-top: auto;
  border: 1px solid var(--ww-ink); border-radius: 4px; background: #fff;
  color: var(--ww-ink); font-size: 12px; font-weight: 700; text-decoration: none;
}
.yb .entry-content .yb-tile-buy { color: var(--ww-ink); }
.yb .yb-tile-buy:hover { background: var(--ww-ink); color: #fff; }
.yb .entry-content .yb-tile-buy:hover { color: #fff; }

/* グループ切り替え（ボタンで data-show が変わる） */
.yb .yb-gear[data-show="hp"] .yb-tile:not([data-group="hp"]),
.yb .yb-gear[data-show="ep"] .yb-tile:not([data-group="ep"]),
.yb .yb-gear[data-show="amp"] .yb-tile:not([data-group="amp"]),
.yb .yb-gear[data-show="other"] .yb-tile:not([data-group="other"]) { display: none; }

/* ---------- 比較記事の案内カード ---------- */
.yb .yb-feature { display: flex; flex-direction: column; margin: 6px 0 24px; overflow: hidden; border: 2px solid var(--ww-ink); border-radius: 6px; background: #fff; color: var(--ww-ink); text-decoration: none; }
.yb .entry-content .yb-feature { color: var(--ww-ink); }
.yb .yb-feature-photo { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ww-line); }
.yb .yb-feature-photo img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; }
.yb .yb-feature-body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; }
.yb .yb-feature-label { align-self: flex-start; padding: 1px 10px; border-radius: 3px; background: var(--ww-amber); font-size: 12px; font-weight: 700; }
.yb .yb-feature-title { font-size: 17px; font-weight: 700; line-height: 1.45; }
.yb .yb-feature-more { font-size: 13px; font-weight: 700; color: var(--ww-amber-dk); }
.yb .yb-feature:hover .yb-feature-title { text-decoration: underline; text-decoration-color: var(--ww-amber); text-underline-offset: 3px; }
@media screen and (min-width: 768px) {
  .yb .yb-feature { flex-direction: row; align-items: stretch; }
  .yb .yb-feature-photo { flex: 0 0 46%; aspect-ratio: auto; min-height: 220px; }
  .yb .yb-feature-body { justify-content: center; padding: 20px 24px; }
  .yb .yb-feature-title { font-size: 20px; }
}

/* ---------- トップ ---------- */
.yb .recommended { display: none; }
.yb .yb-front-gear { margin: 26px 0 8px; }
.yb.yb-front .list-new-entries-title .list-title-in::before { content: "LATEST"; }
.yb .yb-front-cats { margin: 30px 0 10px; }
.yb .yb-cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media screen and (min-width: 600px) { .yb .yb-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
.yb .yb-cat { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 6px; background: var(--ww-ink); color: #fff; text-decoration: none; }
.yb .yb-cat-photo, .yb .yb-cat-photo img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; }
.yb .yb-cat-photo img { opacity: .72; transition: opacity .2s; }
.yb .yb-cat:hover .yb-cat-photo img { opacity: .55; }
.yb .yb-cat-name { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: baseline; gap: 6px; padding: 22px 10px 9px; background: linear-gradient(rgba(20,20,22,0), rgba(20,20,22,.85)); font-size: 15px; font-weight: 700; text-shadow: 0 1px 3px rgba(0,0,0,.6); }
.yb .yb-cat-name .yb-chip-count { color: var(--ww-amber); }

/* ---------- 記事一覧（トップの新着・カテゴリ・タグ）：写真を主役に ---------- */
.yb .entry-card-snippet { display: none; }
.yb .entry-card-wrap { box-shadow: none; }
.yb .entry-card-title { font-size: 15px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.yb .entry-card-content { padding-bottom: 6px; }
.yb .yb-tag-chips { margin: 4px 0 20px; }

/* ---------- 記事ページ ---------- */
.yb .sns-share.ss-top { display: none; }      /* 冒頭のシェアボタンは出さない（記事下は残す） */
.yb .yb-next { margin: 2.6em 0 1.6em; padding-top: 1em; border-top: 2px solid var(--ww-ink); }
.yb .yb-next-head { margin: 0 0 14px; font-size: 1.15em; font-weight: 700; }
.yb .yb-next-head::before { content: "NEXT"; margin-right: .8em; font-family: "Oswald", sans-serif; font-size: .6em; font-weight: 600; letter-spacing: .18em; color: var(--ww-amber-dk); vertical-align: .15em; }
.yb .yb-next .yb-grid { margin-bottom: 18px; }
.yb .yb-next-more { display: inline-block; margin-top: 4px; font-size: 14px; font-weight: 700; }

/* ---------- 機器一覧ページ ---------- */
.yb .yb-lead { margin: 0 0 14px; font-size: 14px; color: var(--ww-muted); }
.yb .yb-gear-index .yb-feature { margin-top: 10px; }

/* 本文中の内部リンク装飾（下線＋›）をタイル類には付けない */
.yb .yb-tile a, .yb a.yb-feature, .yb a.yb-next-more, .yb a.yb-cat, .yb .yb-chips a { border-bottom: 0 !important; padding-bottom: 0 !important; background-image: none !important; }
.yb .yb-tile a::after, .yb a.yb-feature::after, .yb a.yb-next-more::after, .yb a.yb-cat::after, .yb .yb-chips a::after { content: none !important; display: none !important; }
.yb .yb-tile a.yb-tile-main, .yb a.yb-feature, .yb .yb-tile a.yb-tile-buy { color: var(--ww-ink) !important; }
.yb .yb-tile a.yb-tile-buy:hover { color: #fff !important; }
.yb a.yb-next-more { color: var(--ww-amber-dk) !important; }

/* タグのチップはスマホでは横にスクロール（縦に何段も積まない） */
@media screen and (max-width: 834px) {
  .yb .yb-tag-chips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-right: -16px; padding: 0 16px 4px 0; }
  .yb .yb-tag-chips::-webkit-scrollbar { display: none; }
  .yb .yb-tag-chips a { flex: none; min-height: 32px; padding: 0 12px; font-size: 12px; }
}
/* プレビュー中は管理者用の閲覧数を隠す（読者と同じ見え方で確認するため） */
.yb-preview .admin-pv { display: none; }