@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700;900&display=swap');
@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.1
*/

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

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
** やまエイト カスタムCSS（整理版 2026-08-01）
************************************/
/* 目次の階層番号を「2-1」形式にする */
.toc.tnt-number-detail .toc-list li::before {
  content: counters(toc, "-") ". ";
}

/* 強調は黄マーカー1系統＋太字。赤マーカー系は「赤太字テキスト」に変換 */
.entry-content .marker,
.entry-content .marker-red,
.entry-content .marker-under-red {
  font-weight: 700;
}
.entry-content .marker-red,
.entry-content .marker-under-red {
  background: none;
  background-image: none;
  color: #d7000f;
}

/* 見出しの前に広めの余白を作る（読みの息継ぎ） */
.entry-content h2 {
  margin-top: 4.5em;
}
.entry-content h3 {
  margin-top: 3em;
}

/* 楽天アフィカード：中央寄せ・少し拡大・外側テーブルの装飾除去 */
.entry-content table[border="0"][cellpadding="0"][cellspacing="0"] {
  width: auto;
  margin: 0 auto;
  border: none;
  background: none;
}
.entry-content table[border="0"][cellpadding="0"][cellspacing="0"] td,
.entry-content table[border="0"][cellpadding="0"][cellspacing="0"] th {
  border: none;
  padding: 0;
  background: none;
}
.entry-content div[style*="width:504px"] {
  margin: 0 auto !important;
  max-width: 100%;
  zoom: 1.15;
}

/* 1カラム化：サイドバー非表示・本文は読みやすい幅で中央に */
.sidebar {
  display: none;
}
.main {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* 記事画像：元の縦横比のまま、本文幅を上限に自然なサイズで中央表示 */
.entry-content figure.wp-block-image,
.entry-content figure[style*="text-align"] {
  text-align: center;
  margin: 1.5em auto;
  background: #f6f6f7;
  border-radius: 8px;
  padding: 14px 0;
}
.entry-content figure > img,
.article .eye-catch img {
  display: block;
  max-width: min(100%, 720px);
  max-height: 480px;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.article .eye-catch {
  float: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/* PR表記：左上の枠を隠し、カテゴリラベルの横に控えめ表示 */
.pr-label {
  display: none;
}
.article .eye-catch .cat-label::after {
  content: "PR";
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #999;
  font-weight: normal;
  opacity: .8;
}


/* ボックス類：先頭が見出しだけの行（<p><strong>タイトル</strong></p>）はアイコン横に大きく表示 */
.entry-content .block-box::before {
  vertical-align: middle;
}
.entry-content .block-box > p:first-child:has(> strong:only-child) {
  display: inline-block;
  margin: 0 0 0 .3em;
  font-size: 1.3em;
  font-weight: 700;
  vertical-align: middle;
}
.entry-content .ok-box {
  padding: 1.2em 1.5em !important;
}
.entry-content .ok-box > ul {
  margin-top: .6em;
}


/* ブログカードの左上に「関連記事はこちら」ラベル */
.entry-content a.blogcard-wrap {
  position: relative;
  display: block;
  margin-top: 1.6em;
}
.entry-content a.blogcard-wrap::before {
  content: "関連記事はこちら";
  position: absolute;
  top: -0.85em;
  left: 12px;
  background: #fff;
  color: #777;
  font-size: 0.75em;
  line-height: 1;
  padding: 2px 8px;
  z-index: 1;
}


/* トップページ（固定フロント）でページ装飾を非表示 */
.home.page .entry-title,
.home.page .sns-share,
.home.page .post-date,
.home.page .post-update,
.home.page .date-tags,
.home.page .toc,
.home.page .article-footer { display: none; }

/* ===== トップページ専用（ya-*） ===== */
.ya-hero{position:relative;border-radius:12px;overflow:hidden;margin-bottom:1.5em}
.ya-hero .ya-hero-bg{width:100%;height:420px;object-fit:cover;display:block;max-width:100%!important;max-height:none!important;margin:0!important}
.ya-hero .ya-hero-text{position:absolute;top:50%;left:6%;transform:translateY(-50%);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.55);text-align:left}
.ya-hero .ya-hero-title{font-size:2em;font-weight:800;line-height:1.5;margin:0}
.ya-hero .ya-hero-sub{font-size:1em;margin:.8em 0 0}
.ya-hero .ya-hero-accent{font-style:italic;color:#F4B942;margin-top:.8em;display:block;font-weight:700}
.ya-cats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:1.5em 0 2em}
.ya-cat-card{flex:1 1 150px;max-width:180px;background:#fff;border:1px solid #dfe6e2;border-radius:12px;padding:1.1em .6em;text-align:center;text-decoration:none!important;color:#26332E!important;box-shadow:0 1px 5px rgba(0,0,0,.05);transition:.2s}
a.ya-cat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}
.ya-cat-card .ya-cat-icon{font-size:2em;display:block;margin-bottom:.3em}
.ya-cat-card .ya-cat-name{font-weight:700;font-size:.9em}
.ya-cat-card.ya-soon{opacity:.6}
.ya-cat-card .ya-soon-badge{display:inline-block;font-size:.7em;background:#eee;border-radius:8px;padding:0 8px;margin-top:4px;color:#777}
.ya-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
@media(max-width:830px){.ya-grid{grid-template-columns:1fr}}
.ya-sec-title{display:flex;align-items:center;gap:.4em;font-size:1.25em;font-weight:800;color:#26332E;margin:0 0 .8em}
.ya-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:560px){.ya-cards{grid-template-columns:1fr}}
.ya-card{background:#fff;border:1px solid #e7ece9;border-radius:12px;overflow:hidden;text-decoration:none!important;color:#333!important;box-shadow:0 1px 5px rgba(0,0,0,.05);transition:.2s;display:block}
.ya-card:hover{transform:translateY(-3px);box-shadow:0 5px 14px rgba(0,0,0,.13)}
.ya-card .ya-thumb{position:relative}
.ya-card .ya-thumb img{width:100%;height:150px;object-fit:cover;display:block;max-width:100%!important;max-height:none!important;margin:0!important}
.ya-card .ya-badge{position:absolute;top:8px;left:8px;background:#2F3B38;color:#fff;font-size:.7em;padding:2px 10px;border-radius:6px}
.ya-card .ya-card-body{padding:.8em .9em 1em}
.ya-card .ya-card-title{font-weight:700;font-size:.95em;line-height:1.5;margin:0}
.ya-card .ya-card-desc{font-size:.8em;color:#666;margin:.5em 0 0}
.ya-card .ya-card-date{font-size:.75em;color:#999;margin-top:.6em}
.ya-more-btn{display:block;max-width:360px;margin:1.5em auto 0;text-align:center;border:2px solid #2F3B38;color:#2F3B38!important;font-weight:700;border-radius:10px;padding:.7em 1em;text-decoration:none!important;transition:.2s}
.ya-more-btn:hover{background:#2F3B38;color:#fff!important}
.ya-side-box{background:#fff;border:1px solid #e7ece9;border-radius:12px;padding:1.2em;margin-bottom:20px;box-shadow:0 1px 5px rgba(0,0,0,.05)}
.ya-side-box .ya-side-title{text-align:center;font-weight:800;margin:0 0 .8em;color:#26332E}
.ya-author-img{width:120px;height:120px;border-radius:50%;display:block;margin:0 auto .8em;object-fit:cover}
.ya-author-text{font-size:.85em;color:#444}
.ya-btn-green{display:block;background:#2F3B38;color:#fff!important;text-align:center;border-radius:8px;padding:.6em;margin-top:.9em;text-decoration:none!important;font-weight:700}
.ya-btn-green:hover{opacity:.9}
.ya-rank{list-style:none;margin:0;padding:0}
.ya-rank li{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.ya-rank img{width:64px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0;margin:0!important}
.ya-rank .ya-rank-num{width:22px;height:22px;border-radius:50%;background:#F4B942;color:#fff;font-size:.8em;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ya-rank li:nth-child(n+4) .ya-rank-num{background:#9aa5a0}
.ya-rank a{font-size:.8em;line-height:1.4;color:#333!important;text-decoration:none!important}
.ya-rank a:hover{color:#2F3B38!important}
.ya-tokushu{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:1em}
@media(max-width:700px){.ya-tokushu{grid-template-columns:1fr}}
.ya-tokushu .ya-tokushu-item{position:relative;display:block;border-radius:12px;overflow:hidden;color:#fff!important;text-decoration:none!important}
.ya-tokushu img{width:100%;height:120px;object-fit:cover;display:block;filter:brightness(.5);max-width:100%!important;margin:0!important}
.ya-tokushu .ya-tokushu-text{position:absolute;top:50%;left:14px;right:14px;transform:translateY(-50%);font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.ya-tokushu .ya-tokushu-sub{display:block;font-size:.75em;font-weight:400;margin-top:4px}





/* トップLP化調整 */
body.home{background:#fff}
.home.page .main{background:transparent;box-shadow:none;border:none;padding-top:0}
.home.page .article{margin:0}
.home .ya-hero{width:100vw;margin-left:calc(50% - 50vw);border-radius:0;margin-bottom:2.2em}
.home .ya-hero .ya-hero-bg{height:520px}
@media(max-width:560px){.home .ya-hero .ya-hero-bg{height:380px}}
.ya-sec-title{position:relative;padding-left:16px}
.ya-sec-title::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:6px;border-radius:3px;background:#F4B942}
.ya-catimg{display:block;position:relative;flex:1 1 150px;max-width:200px;border:1px solid #e7ece9;border-radius:12px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.05);transition:.2s}
.ya-catimg:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.14)}
.ya-catimg img{width:100%;display:block;margin:0!important;max-width:100%!important}
.ya-catimg .ya-soonbadge{position:absolute;top:8px;right:8px;background:#f2f2f2;color:#888;font-size:.7em;border-radius:8px;padding:1px 8px}
.ya-catimg::after{content:"→";position:absolute;right:10px;bottom:8px;width:22px;height:22px;border-radius:50%;background:#F4B942;color:#2F3B38;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.footer{background:#2F3B38}
.footer,.footer a,.footer .footer-bottom-logo-caption{color:#fff}

/* LP化調整 第2弾 */
.ya-catimg::after,.ya-tokushu-item::after{content:"→";position:absolute;right:10px;bottom:10px;width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid #2F3B38;color:#2F3B38;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:1}
.ya-card .ya-badge{white-space:nowrap;font-size:.62em;padding:2px 8px;border-radius:5px}
.ya-card .ya-card-body{padding:1em 1.3em 1.2em}
.ya-card .ya-card-desc{line-height:1.7}
.ya-more-btn{position:relative;padding-right:2.6em}
.ya-more-btn::after{content:"→";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid #2F3B38;color:#2F3B38;font-size:13px;display:flex;align-items:center;justify-content:center}
.ya-more-btn:hover::after{background:#F4B942;border-color:#F4B942}
.ya-btn-green{max-width:220px;margin:0.9em auto 0;padding:.5em 1em;font-size:.9em}
.ya-author-img{width:150px;height:150px}
.ya-rank img{width:84px;height:62px}
.ya-rank a{font-size:.9em}
.ya-rank li{margin-bottom:15px}
.ya-rank .ya-rank-num{width:24px;height:24px}
.header-container{box-shadow:0 1px 6px rgba(0,0,0,.06)}

/* トップ幅拡張＋一覧リンク */
.home.page .main{max-width:1150px}
.home .ya-cards{grid-template-columns:repeat(3,1fr)}
@media(max-width:1023px){.home .ya-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.home .ya-cards{grid-template-columns:1fr}}
.ya-sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8em}
.ya-sec-head .ya-sec-title{margin:0}
.ya-sec-more{font-size:.85em;color:#2F3B38!important;font-weight:700;text-decoration:none!important}
.ya-sec-more:hover{text-decoration:underline!important}

/* 細部ブラッシュアップ（2026-08-04） */
.ya-hero .ya-hero-text{top:42%}
.ya-hero-title{font-family:'Zen Maru Gothic',sans-serif;font-weight:900;letter-spacing:.05em}
.ya-sec-title{font-family:'Zen Maru Gothic',sans-serif;font-weight:900}
.navi-in>ul>li>a{font-weight:700;letter-spacing:.08em;font-size:.92em;position:relative}
.navi-in>ul>li>a::after{content:"";position:absolute;left:22%;right:22%;bottom:10px;height:3px;border-radius:2px;background:#F4B942;transform:scaleX(0);transition:.25s}
.navi-in>ul>li>a:hover{background:transparent;color:#2F3B38}
.navi-in>ul>li>a:hover::after{transform:scaleX(1)}
.ya-catimg::after,.ya-tokushu-item::after,.ya-more-btn::after{content:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%279%27%20height%3D%2712%27%20viewBox%3D%270%200%209%2012%27%3E%3Cpath%20d%3D%27M2%201l5%205-5%205%27%20fill%3D%27none%27%20stroke%3D%27%232F3B38%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E)}
.ya-btn-green::after{content:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%279%27%20height%3D%2712%27%20viewBox%3D%270%200%209%2012%27%3E%3Cpath%20d%3D%27M2%201l5%205-5%205%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E);margin-left:8px;vertical-align:-2px}
.ya-sec-more::after{content:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%279%27%20height%3D%2712%27%20viewBox%3D%270%200%209%2012%27%3E%3Cpath%20d%3D%27M2%201l5%205-5%205%27%20fill%3D%27none%27%20stroke%3D%27%232F3B38%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E);margin-left:5px;vertical-align:-2px}
.ya-card .ya-card-body{display:block;padding:1.1em 1.4em 1.3em}
.ya-card .ya-card-title{display:block;text-align:left}
.ya-card .ya-card-desc,.ya-card .ya-card-date{display:block;text-align:left}
.ya-card .ya-badge{background:#8B5E3C}
.ya-catimg{border:1px solid #e0e5e2;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.ya-side-box{padding:1.1em 1.2em}
.ya-author-img{width:112px;height:112px;margin-bottom:.6em}
.ya-author-text{font-size:.82em;line-height:1.75}
.ya-rank .ya-rank-num{width:20px;height:20px;font-size:.68em}
.ya-rank li:nth-child(1) .ya-rank-num{background:#D9A62E}
.ya-rank li:nth-child(2) .ya-rank-num{background:#A7B0B6}
.ya-rank li:nth-child(3) .ya-rank-num{background:#B87333}
.ya-rank li:nth-child(n+4) .ya-rank-num{background:#C7CCC9}
.ya-rank img{width:76px;height:56px}
.ya-rank a{font-size:.85em}

/* カテゴリ矢印は画像に焼き込み済みのためCSS矢印を無効化 */
.ya-catimg::after{content:none}

/* LP忠実化 第3弾 */
.ya-hero-title{font-family:'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;font-weight:800;font-size:2.35em}
.ya-sec-title{font-family:'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;font-weight:800;padding-left:0}
.ya-sec-title::before{content:url(https://yamaeight.com/wp-content/uploads/2026/08/icon-mountain-mini-t.png);position:static;display:inline-block;vertical-align:-8px;margin-right:10px;background:none;width:auto;height:auto;border-radius:0;transform:none}


.ya-card{display:flex;flex-direction:column}
.ya-card .ya-card-body{flex:1;display:flex;flex-direction:column}
.ya-card .ya-card-title{min-height:3em;font-size:.98em}
.ya-card .ya-card-date{margin-top:auto;padding-top:.6em}
.home.page .main{max-width:1200px}
.ya-grid{grid-template-columns:1fr 280px}
@media(max-width:830px){.ya-grid{grid-template-columns:1fr}}
.ya-rank{list-style:none;margin:0;padding:0}
.ya-rank li{display:flex;gap:14px;align-items:center;margin-bottom:20px}
.ya-rank .ya-rank-thumb{position:relative;flex-shrink:0}
.ya-rank .ya-rank-thumb img{width:104px;height:72px;object-fit:cover;border-radius:8px;margin:0!important;display:block}
.ya-rank .ya-rank-num{position:absolute;top:-7px;left:-7px;width:26px;height:26px;border-radius:50%;color:#fff;font-size:.8em;font-weight:700;display:flex;align-items:center;justify-content:center}
.ya-rank li:nth-child(1) .ya-rank-num{background:#C9A227}
.ya-rank li:nth-child(2) .ya-rank-num{background:#8F969B}
.ya-rank li:nth-child(3) .ya-rank-num{background:#C87137}
.ya-rank li:nth-child(n+4) .ya-rank-num{background:#9AA0A4}
.ya-rank a{font-size:.92em;font-weight:700;line-height:1.65;color:#333!important;text-decoration:none!important}
.ya-rank a:hover{color:#2F3B38!important;text-decoration:underline!important}

/* ヘッダー修正＋背景色＋幅調整 */
.header .tagline{display:none}


.ya-hero-title{font-size:2.6em}
body.home{background:#F4F6F5}
.home .ya-more-btn{background:#fff}
.ya-grid{grid-template-columns:1fr 260px;gap:20px}
.ya-cards{gap:14px}
.ya-card .ya-card-body{padding:1em 1.1em 1.1em}
.ya-card .ya-card-title{font-size:.95em}

/* メニュー下寄せ（ID指定で上書き） */




/* ヘッダー高さとメニュー位置の最終調整 */



/* カード文字縮小＋モバイルヒーロー調整 */
.ya-card .ya-card-title{font-size:.88em}
@media(max-width:560px){.ya-hero-title{font-size:1.75em}.home .ya-hero .ya-hero-bg{height:360px}}

/* ランキングの縦長折り返し解消 */
.ya-rank .ya-rank-thumb img{width:86px;height:60px}
.ya-rank a{font-size:.84em;line-height:1.55}
.ya-rank li{gap:10px;margin-bottom:16px}


/* ヘッダー直下の隙間除去（トップのみ） */
.home #content{margin-top:0}
.home #content-in{margin-top:0;padding-top:0}

.home.page .main{padding-top:0!important;margin-top:0!important}
.home.page .article{padding-top:0;margin-top:0}

.home.page .entry-content{margin-top:0}

/* ヘッダー高さ76pxに統一オーバーライド（ロゴ・メニュー同時変更・台帳記載） */
.header-container-in.hlt-top-menu .logo-header{max-height:76px}
.header-container-in.hlt-top-menu .logo-header img{max-height:76px}
.hlt-top-menu .navi-in>ul>li{height:76px}
.hlt-top-menu .navi-in>ul>li>a{line-height:76px}
.navi-in>ul>li>a{font-size:.85em}

/* メニュー間隔を狭める */
.hlt-top-menu .navi-in>ul>li{width:auto;margin:0}
.hlt-top-menu .navi-in>ul>li>a{padding-left:18px;padding-right:18px}

/* LP寄せ：明朝タイトル・暖色背景・バナー拡大・サムネ深め・ランキング整理 */
.ya-hero-title{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:700;letter-spacing:.05em}
body.home{background:#F7F6F1}
.ya-tokushu img{height:180px}
.ya-tokushu .ya-tokushu-text{font-size:1.15em}
.ya-tokushu .ya-tokushu-sub{font-size:.72em;margin-top:6px}
.ya-card .ya-thumb img{height:170px}
.ya-rank li{margin-bottom:18px;gap:12px}
.ya-rank a{font-size:.8em;font-weight:600;line-height:1.7}
.ya-side-box{padding:1.2em 1.3em}

/* 特集バナー元に戻す＋ランキングをLPのサイズ感に */
.ya-tokushu img{height:120px}
.ya-tokushu .ya-tokushu-text{font-size:1em}
.ya-tokushu .ya-tokushu-sub{font-size:.75em;margin-top:4px}
.ya-grid{grid-template-columns:1fr 300px}
.ya-rank a{font-size:.92em;font-weight:700;line-height:1.65}
.ya-rank li{margin-bottom:20px;gap:13px}
.ya-rank .ya-rank-thumb img{width:92px;height:66px}

/* Kadenceヒーローの補助（文字色・影・全幅フォールバック） */
.hero-kb .ya-hero-title,.hero-kb .ya-hero-sub{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.hero-kb .ya-hero-title{margin:0}
.hero-kb .ya-hero-sub{margin:.8em 0 0}
.hero-kb .ya-hero-script img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.home .alignfull.hero-kb{width:100vw;margin-left:calc(50% - 50vw)}

/* ランキングをLP完全準拠に */
.ya-rank-box .ya-side-title{text-align:left;font-size:1.05em;margin-bottom:1em}
.ya-rank .ya-rank-thumb img{width:112px;height:78px;border-radius:8px}
.ya-rank .ya-rank-num{width:28px;height:28px;font-size:.85em;top:-6px;left:-6px}
.ya-rank li{gap:14px;margin-bottom:22px;align-items:center}
.ya-rank a{font-size:.95em;font-weight:700;line-height:1.6;color:#333!important}

.ya-rank .ya-rank-thumb img{width:96px;height:67px}
.ya-rank li{gap:12px}
.ya-rank a{font-size:.9em}

/* ランキングの文字サイズをLP相当（px直指定）に */
.ya-rank a{font-size:13.5px;font-weight:600;line-height:1.55}
.ya-rank-box .ya-side-title{font-size:17px}

/* Cocoon人気記事をLPデザインに */
.ya-rank-box .popular-entry-card-link{margin-bottom:18px;display:block}
.ya-rank-box .popular-entry-card{display:flex;align-items:center;gap:12px}
.ya-rank-box .popular-entry-card-thumb{width:96px;flex-shrink:0;margin:0}
.ya-rank-box .popular-entry-card-thumb img{width:96px;height:67px;object-fit:cover;border-radius:8px}
.ya-rank-box .popular-entry-card-thumb::before{width:26px!important;height:26px!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;font-size:12px!important;font-weight:700;top:-6px!important;left:-6px!important;line-height:1!important}
.ya-rank-box .popular-entry-card-link:nth-of-type(1) .popular-entry-card-thumb::before{background:#C9A227!important}
.ya-rank-box .popular-entry-card-link:nth-of-type(2) .popular-entry-card-thumb::before{background:#8F969B!important}
.ya-rank-box .popular-entry-card-link:nth-of-type(3) .popular-entry-card-thumb::before{background:#C87137!important}
.ya-rank-box .popular-entry-card-link:nth-of-type(n+4) .popular-entry-card-thumb::before{background:#9AA0A4!important}
.ya-rank-box .popular-entry-card-title{font-size:13.5px;font-weight:600;line-height:1.55;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ya-rank-box .popular-entry-card-meta{display:none}
.ya-rank-box .popular-entry-card-content{margin:0}

.ya-rank-box .popular-entry-card-title{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}





/* ランキングの余白をLPに合わせて圧縮 */
.ya-rank-box{padding:1.2em 1.3em 1.2em}
.ya-rank-box .popular-entry-cards{margin:0!important}
.ya-rank-box .popular-entry-card-link{margin-bottom:15px!important}
.ya-rank-box .popular-entry-card-link:last-child{margin-bottom:0!important}
.ya-rank-box .popular-entry-card{margin:0}

/* ©表記がトップへ戻るボタンに被らないように */
.footer .copyright{margin-right:90px}
.footer .footer-logo img{max-height:60px}

/* モバイル1カラムを最優先で復旧 */
@media(max-width:830px){.ya-grid{grid-template-columns:1fr!important}}
@media(max-width:560px){.home .ya-cards{grid-template-columns:1fr!important}}

/* スマホのヒーロー文字位置・サイズ調整 */
@media(max-width:560px){
.ya-hero .ya-hero-text{top:48%}
.ya-hero-title{font-size:1.5em!important}
.ya-hero .ya-hero-sub{font-size:.85em}
.ya-hero .ya-hero-text img{width:220px!important}
.home .ya-hero .ya-hero-bg{height:400px}
}

/* スマホで楽天アフィリンクがはみ出さないように */
@media(max-width:560px){
.entry-content table{zoom:1!important;max-width:100%!important;width:100%!important}
.entry-content table div[style*='width:504']{width:100%!important;box-sizing:border-box}
.entry-content table img,.entry-content table iframe{max-width:100%!important;height:auto}
}

/* ボックス内の単一段落がタイトル扱いで巨大化する誤爆の根本修正 */
.block-box > p:first-child:only-child{font-size:1em!important;font-weight:inherit!important}

/* #5アイキャッチのサムネ切り抜き位置調整（ボトルが左端の構図のため左寄せ基準に） */
img[src*="mushiyoke-spray-shot"]{object-position:left center!important}


/* 記事タイトルまわり：サイズと余白の調整（2026-08-14） */
.article h1.entry-title {
  font-size: 1.85em;
  line-height: 1.45;
  margin-bottom: 0.7em;
}
.article .eye-catch {
  margin: 0.8em auto 1.8em;
}


/* ===== スマホの記事タイトル調整（2026-08-29） ===== */
@media screen and (max-width: 480px) {
  .article h1.entry-title { font-size: 1.4em; line-height: 1.5; }
}

/* ===== 結論box・まとめboxの枠内を読みやすく（2026-08-29） ===== */
.article .information-box.block-box p { margin: 0.95em 0 !important; line-height: 1.9; }
.article .ok-box.block-box li { line-height: 1.9; margin-bottom: 0.5em; }

/* ===== 警告box・メモboxも同様に読みやすく（2026-08-29追補） ===== */
.article .alert-box.block-box p,
.article .memo-box.block-box p { margin: 0.9em 0 !important; line-height: 1.9; }
.article .alert-box.block-box li,
.article .memo-box.block-box li { line-height: 1.85; }