@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
*/


/************************************
** はるきの比較ログ
************************************/
:root{
  --hk-text:#1f2933;
  --hk-sub:#5b6673;
  --hk-line:#e3e7ec;
  --hk-bg:#f5f7f9;
  --hk-card:#ffffff;
  --hk-key:#1d4e5b;
  --hk-key-soft:#e8f1f3;
  --hk-cta:#e8590c;
  --hk-cta-dark:#c24a0a;
  --hk-live:#d92d20;
  --hk-radius:14px;
}
body{color:var(--hk-text);background:var(--hk-bg);}
a{color:var(--hk-key);}
.header-container,.header{background:#fff;}
.navi-in > ul > li > a{font-weight:700;font-size:15px;}
.navi-in a:hover{color:var(--hk-cta);}
.main{border-radius:var(--hk-radius);}
.entry-content h2,.article h2{background:none;border:0;border-left:5px solid var(--hk-key);padding:6px 0 6px 14px;color:var(--hk-text);}
.article h3{border:0;border-bottom:2px solid var(--hk-line);padding:4px 0;}

/* ---------- トップページ共通 ---------- */
.home .main{background:transparent;border:0;padding:0;}
.home .article-header .entry-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.home .date-tags,.home .sns-share,.home .sns-follow,.home .author-info,.home .toc,
.home .article-footer,.home .breadcrumb,.home .eye-catch-wrap{display:none !important;}
.home .entry-content{margin:0;}
.home .entry-content > *{margin-top:0;}
.hk-section{background:var(--hk-card);border:1px solid var(--hk-line);border-radius:var(--hk-radius);padding:28px 28px 30px;margin:0 0 22px !important;}
.hk-sec-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 16px;}
.entry-content .hk-sec-title,.hk-sec-title{font-size:21px;line-height:1.4;margin:0 !important;padding:0 0 0 12px !important;border:0 !important;border-left:5px solid var(--hk-key) !important;background:none !important;color:var(--hk-text);}
.hk-sec-sub{margin:0 !important;font-size:13px;color:var(--hk-sub);}
.hk-empty{color:var(--hk-sub);font-size:14px;margin:0;}

/* ---------- 1 ヒーロー ---------- */
.hk-hero{background:linear-gradient(135deg,#1d4e5b 0%,#2c6e7e 100%);color:#fff;border-radius:var(--hk-radius);padding:40px 36px 34px;margin:0 0 22px !important;}
.entry-content .hk-hero-title,.hk-hero-title{color:#fff;font-size:30px;line-height:1.45;margin:0 0 10px !important;padding:0 !important;border:0 !important;background:none !important;font-weight:800;letter-spacing:.01em;}
.hk-hero-sub{color:rgba(255,255,255,.9);font-size:16px;margin:0 0 18px !important;}
.hk-now{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:10px 14px;margin:0 0 20px !important;}
.hk-now ul{list-style:none;margin:0;padding:0;}
.hk-now li{margin:0;}
.hk-now .hk-now-title{font-size:15px;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;line-height:1.5;}
.hk-now .hk-now-title::before{content:"開催中";display:inline-block;background:var(--hk-live);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;margin-right:8px;vertical-align:1px;}
.hk-now .hk-now-title a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.hk-now .hk-empty{color:rgba(255,255,255,.88);font-size:14px;}
.hk-cta{display:flex;gap:12px;flex-wrap:wrap;}
.hk-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .15s,background .15s;}
.hk-cta-main{background:var(--hk-cta);color:#fff !important;box-shadow:0 4px 14px rgba(232,89,12,.35);}
.hk-cta-main:hover{background:var(--hk-cta-dark);transform:translateY(-1px);}
.hk-cta-sub{background:#fff;color:var(--hk-key) !important;}
.hk-cta-sub:hover{background:var(--hk-key-soft);}
.hk-sp{display:none;}

/* ---------- カード一覧（クエリ） ---------- */
.hk-q .wp-block-post-template{list-style:none;margin:0;padding:0;}
.hk-cards .wp-block-post-template{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.hk-cards-6 .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr));}
.hk-cards .wp-block-post{background:#fff;border:1px solid var(--hk-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;margin:0 !important;transition:box-shadow .15s,transform .15s;position:relative;}
.hk-cards .wp-block-post:hover{box-shadow:0 6px 18px rgba(31,41,51,.10);transform:translateY(-2px);}
.hk-q .wp-block-post-featured-image{margin:0 !important;}
.hk-q .wp-block-post-featured-image img{display:block;border-radius:0;}
.hk-q .hk-cat{margin:12px 14px 0 !important;font-size:12px;}
.hk-q .hk-cat a{display:inline-block;background:var(--hk-key-soft);color:var(--hk-key);border-radius:999px;padding:1px 10px;text-decoration:none;font-weight:700;}
.hk-q .hk-cat .wp-block-post-terms__separator{display:none;}
.entry-content .hk-q .hk-card-title,.hk-q .hk-card-title{font-size:15px;line-height:1.55;margin:6px 14px 0 !important;padding:0 !important;border:0 !important;background:none !important;font-weight:700;}
.hk-q .hk-card-title a{color:var(--hk-text);text-decoration:none;}
.hk-q .hk-card-title a:hover{color:var(--hk-key);}
.hk-q .hk-upd,.hk-q .hk-pub{margin:auto 14px 12px !important;padding-top:8px;font-size:12px;color:var(--hk-sub);}
.hk-q .hk-upd::before{content:"\f021";font-family:FontAwesome;margin-right:5px;}
.hk-q .hk-upd::after{content:" 更新";}
.hk-q .hk-pub::before{content:"\f017";font-family:FontAwesome;margin-right:5px;}

/* 注目枠：タブ */
.hk-tab-input{position:absolute;opacity:0;pointer-events:none;}
.hk-tabs{display:flex;gap:8px;margin:0 0 16px;border-bottom:2px solid var(--hk-line);}
.hk-tab{cursor:pointer;padding:10px 16px;font-weight:700;font-size:15px;color:var(--hk-sub);border-bottom:3px solid transparent;margin-bottom:-2px;display:inline-flex;align-items:center;gap:6px;}
.hk-live{display:inline-block;background:var(--hk-live);color:#fff;font-size:11px;border-radius:999px;padding:1px 8px;animation:hk-pulse 2s ease-in-out infinite;}
@keyframes hk-pulse{0%,100%{opacity:1}50%{opacity:.55}}
#hk-tab-sale:checked ~ .hk-tabs .hk-tab-sale,#hk-tab-pick:checked ~ .hk-tabs .hk-tab-pick{color:var(--hk-key);border-bottom-color:var(--hk-key);}
#hk-tab-sale:focus-visible ~ .hk-tabs .hk-tab-sale,#hk-tab-pick:focus-visible ~ .hk-tabs .hk-tab-pick{outline:2px solid var(--hk-key);outline-offset:2px;}
.hk-panel{display:none;margin:0 !important;}
#hk-tab-sale:checked ~ .hk-panel-sale,#hk-tab-pick:checked ~ .hk-panel-pick{display:block;}
.hk-panel-sale .wp-block-post::before{content:"開催中";position:absolute;top:10px;left:10px;z-index:2;background:var(--hk-live);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;box-shadow:0 2px 6px rgba(0,0,0,.2);}
/* 開催中のセールが無いときは、おすすめだけを出す */
.hk-feature:has(.hk-panel-sale .hk-empty) .hk-tab-sale,
.hk-feature:has(.hk-panel-sale .hk-empty) .hk-panel-sale{display:none !important;}
.hk-feature:has(.hk-panel-sale .hk-empty):has(#hk-tab-sale:checked) .hk-panel-pick{display:block !important;}
.hk-feature:has(.hk-panel-sale .hk-empty):has(#hk-tab-sale:checked) .hk-tab-pick{color:var(--hk-key);border-bottom-color:var(--hk-key);}

/* ---------- 3 カテゴリ導線 ---------- */
.hk-cat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.hk-cat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:118px;padding:16px 8px;border:1px solid var(--hk-line);border-radius:12px;background:#fff;color:var(--hk-text) !important;text-decoration:none;font-weight:700;font-size:15px;text-align:center;line-height:1.4;transition:border-color .15s,box-shadow .15s,transform .15s;}
.hk-cat-card i{font-size:28px;width:56px;height:56px;line-height:56px;border-radius:50%;text-align:center;}
.hk-cat-card:hover{border-color:var(--hk-key);box-shadow:0 6px 16px rgba(31,41,51,.08);transform:translateY(-2px);}
.c-kaden i{background:#e6f0f6;color:#2f6f8f;}
.c-amazon i{background:#fdeee4;color:#c2410c;}
.c-rakuten i{background:#fde8e8;color:#b91c1c;}
.c-onsen i{background:#f3ece4;color:#7c5a3a;}
.c-seikatsu i{background:#e7f2ea;color:#3f7d4f;}

/* ---------- 5 人気記事 ---------- */
.hk-popular .widget-entry-card-link{border-radius:10px;}
.hk-popular .popular-entry-cards > p{font-size:0;margin:0;}
.hk-popular .popular-entry-cards > p::after{content:"閲覧数を集計中です。記事が読まれると、ここに順位が出ます。";font-size:14px;color:var(--hk-sub);}

/* ---------- 6 新着（リスト） ---------- */
.hk-rows .wp-block-post{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center;padding:14px 0 !important;margin:0 !important;border-bottom:1px solid var(--hk-line);}
.hk-rows .wp-block-post:first-child{padding-top:0 !important;}
.hk-rows .wp-block-post:last-child{border-bottom:0;padding-bottom:0 !important;}
.hk-rows .hk-row-img img{border-radius:10px !important;}
.hk-rows .hk-row-body{margin:0 !important;}
.hk-rows .hk-row-body > .wp-block-group__inner-container > *{margin-left:0 !important;margin-right:0 !important;}
.hk-rows .hk-cat{margin-top:0 !important;}
.hk-rows .hk-pub{margin-top:6px !important;margin-bottom:0 !important;padding-top:0;}

/* ---------- 7 プロフィール ---------- */
.hk-prof{display:flex;gap:20px;align-items:flex-start;}
.hk-prof-icon{flex:0 0 72px;width:72px;height:72px;border-radius:50%;background:var(--hk-key-soft);color:var(--hk-key);font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.hk-prof-body p{margin:0 0 8px !important;font-size:15px;line-height:1.8;}
.hk-prof-name{font-weight:800;font-size:17px !important;}
.hk-prof-link a{font-weight:700;}
.hk-prof-link a::after{content:" \f105";font-family:FontAwesome;}

/* ---------- 記事内の部品 ---------- */
.hk-pr{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--hk-sub);background:#f3f4f6;border-radius:8px;padding:8px 12px;margin:0 0 1.6em !important;}
.hk-pr-label{background:#6b7280;color:#fff;font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;}
.hk-conclusion{border:2px solid var(--hk-key);border-radius:12px;padding:16px 18px;background:var(--hk-key-soft);margin:1.4em 0;}
.hk-conclusion p{margin:0 !important;}
.hk-conclusion-label{display:inline-block;background:var(--hk-key);color:#fff;font-weight:700;font-size:13px;border-radius:999px;padding:1px 12px;margin-bottom:8px !important;}
.hk-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0 .4em;}
.hk-compare{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;font-size:15px;border:1px solid var(--hk-line);border-radius:12px;overflow:hidden;}
.hk-compare th{background:var(--hk-key);color:#fff;font-weight:700;padding:10px 12px;text-align:left;white-space:nowrap;border:0;}
.hk-compare td{padding:12px;border:0;border-top:1px solid var(--hk-line);background:#fff;}
.hk-compare td:first-child{font-weight:700;position:sticky;left:0;background:#fff;}
.hk-compare .hk-best td{background:#fff8f2;}
.hk-mark{font-size:20px;font-weight:700;color:var(--hk-sub);}
.hk-mark-best{color:var(--hk-cta);}
.hk-table-note{font-size:12px;color:var(--hk-sub);margin-top:0 !important;}
.hk-buy{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:1.4em 0 2em;}
.hk-btn{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;color:#fff !important;text-decoration:none !important;box-shadow:0 3px 10px rgba(0,0,0,.12);transition:transform .15s,filter .15s;}
.hk-btn:hover{transform:translateY(-1px);filter:brightness(1.05);}
.hk-btn-amazon{background:#f08804;}
.hk-btn-rakuten{background:#bf0000;}

/* ---------- サイドバー・フッター ---------- */
.sidebar .hk-side h3{font-size:16px;border:0;border-left:4px solid var(--hk-key);padding:2px 0 2px 10px;background:none;margin:0 0 10px;}
.hk-footer-note{font-size:12px;color:var(--hk-sub);line-height:1.7;}

/* ---------- 834px以下 ---------- */
@media screen and (max-width: 834px){
  .hk-cards .wp-block-post-template,.hk-cards-6 .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .hk-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* ---------- 480px以下 ---------- */
@media screen and (max-width: 480px){
  .hk-hero{padding:26px 18px 22px;border-radius:0 0 var(--hk-radius) var(--hk-radius);}
  .entry-content .hk-hero-title,.hk-hero-title{font-size:23px;}
  .hk-hero-sub{font-size:14px;margin-bottom:14px !important;}
  .hk-sp{display:inline;}
  .hk-cta{flex-direction:column;gap:10px;}
  .hk-cta a{width:100%;min-height:50px;font-size:15px;}
  .hk-section{padding:20px 14px 22px;border-radius:12px;}
  .entry-content .hk-sec-title,.hk-sec-title{font-size:18px;}
  .hk-tab{padding:10px 8px;font-size:14px;flex:1;justify-content:center;}
  .hk-cards .wp-block-post-template,.hk-cards-6 .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .entry-content .hk-q .hk-card-title,.hk-q .hk-card-title{font-size:13.5px;margin:6px 10px 0 !important;}
  .hk-q .hk-cat{margin:10px 10px 0 !important;font-size:11px;}
  .hk-q .hk-upd,.hk-q .hk-pub{margin:auto 10px 10px !important;font-size:11px;}
  .hk-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .hk-cat-grid .hk-cat-card:last-child:nth-child(odd){grid-column:span 2;flex-direction:row;min-height:64px;}
  .hk-cat-card{min-height:96px;font-size:14px;}
  .hk-cat-card i{font-size:22px;width:44px;height:44px;line-height:44px;}
  .hk-rows .wp-block-post{grid-template-columns:112px 1fr;gap:12px;}
  .hk-rows .hk-card-title{font-size:14px !important;}
  .hk-prof{gap:14px;}
  .hk-prof-icon{flex-basis:56px;width:56px;height:56px;font-size:24px;}
  .hk-btn{min-width:0;width:100%;}
}

/* ---------- 調整 ---------- */
.wp-block-post:has(.hk-upd) .hk-pub{display:none !important;}
.hk-hero-title,.hk-q .hk-card-title,.hk-cat-card span,.hk-sec-title{word-break:auto-phrase;}
.hk-sp{display:none !important;}
@media screen and (max-width: 480px){
  .hk-hero{padding:22px 18px 20px;}
  .entry-content .hk-hero-title,.hk-hero-title{font-size:22px;}
  .hk-now{margin-bottom:16px !important;padding:8px 12px;}
  .hk-now .hk-now-title{font-size:14px;}
  .hk-tab .hk-live{display:none;}
  .hk-tabs{gap:0;}
}

.front-top-page .main{max-width:1100px;margin-left:auto;margin-right:auto;}
.hk-feature{position:relative;}
.entry-content .hk-rows .hk-row-body .hk-card-title,.hk-rows .hk-row-body .hk-card-title{margin:4px 0 0 !important;}
.hk-rows .hk-row-body .hk-cat{margin:0 !important;}
.hk-rows .hk-row-body .hk-pub{margin:6px 0 0 !important;}

@media screen and (max-width: 834px){
  .hk-table-wrap::before{content:"\f07e  横にスクロールできます";font-family:FontAwesome,sans-serif;display:block;font-size:12px;color:var(--hk-sub);margin-bottom:6px;}
}

.sidebar .hk-side h3{color:var(--hk-text) !important;}
.sidebar .popular-entry-cards > p{font-size:0;margin:0;}
.sidebar .popular-entry-cards > p::after{content:"閲覧数を集計中です。";font-size:13px;color:var(--hk-sub);}

/* ---------- noteのイラストに合わせた配色（2026-10-15） ---------- */
:root{
  --hk-key:#2f3e4c;
  --hk-key-soft:#f6f0e2;
  --hk-accent:#c8962e;
  --hk-accent-text:#7a5a14;
  --hk-cta:#e06a1b;
  --hk-cta-dark:#c4560f;
  --hk-bg:#f7f6f2;
}
.entry-content h2,.article h2{border-left-color:var(--hk-accent);}
.entry-content .hk-sec-title,.hk-sec-title{border-left-color:var(--hk-accent) !important;}
.sidebar .hk-side h3{border-left-color:var(--hk-accent);}
.hk-q .hk-cat a{background:var(--hk-key-soft);color:var(--hk-accent-text);}

/* ヒーロー：noteのヘッダー画像を使う */
.hk-hero{background:#fffdf7;border:1px solid #eee5cf;color:var(--hk-text);padding:30px 32px 30px;}
.hk-hero > .wp-block-group__inner-container{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:28px;align-items:center;
  grid-template-areas:"title art" "sub art" "now art" "cta art";}
.hk-hero-art{grid-area:art;margin:0 !important;}
.hk-hero-art img{display:block;width:100%;height:auto;border-radius:12px;}
.hk-hero-title{grid-area:title;}
.hk-hero-sub{grid-area:sub;}
.hk-now{grid-area:now;}
.hk-cta{grid-area:cta;}
.entry-content .hk-hero-title,.hk-hero-title{color:var(--hk-text);}
.hk-hero-sub{color:var(--hk-sub);}
.hk-now{background:#fff;border:1px solid #eee5cf;}
.hk-now .hk-now-title a{color:var(--hk-text);}
.hk-now .hk-empty{color:var(--hk-sub);}
.hk-cta-sub{border:2px solid var(--hk-key);}
.hk-cta-main{box-shadow:0 4px 14px rgba(224,106,27,.30);}

/* カテゴリ導線：noteのマガジン画像を使う */
.hk-cat-card{padding:0;gap:0;overflow:hidden;justify-content:flex-start;min-height:0;}
.hk-cat-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#fff;border-bottom:1px solid var(--hk-line);}
.hk-cat-card span{display:block;padding:12px 8px 14px;}
.hk-cat-card i{display:none;}

/* プロフィールのアイコン */
img.hk-prof-icon{object-fit:cover;border:2px solid #eee5cf;padding:0;}

@media screen and (max-width: 834px){
  .hk-hero > .wp-block-group__inner-container{grid-template-columns:1fr;grid-template-areas:"art" "title" "sub" "now" "cta";}
  .hk-hero-art{margin-bottom:14px !important;}
  .hk-hero-art img{aspect-ratio:955/360;object-fit:cover;object-position:center 40%;}
}
@media screen and (max-width: 480px){
  .hk-hero{padding:14px 16px 20px;border-radius:0 0 var(--hk-radius) var(--hk-radius);}
  .hk-hero-art img{aspect-ratio:955/400;}
  .hk-cat-grid .hk-cat-card:last-child:nth-child(odd){flex-direction:column;}
  .hk-cat-grid .hk-cat-card:last-child:nth-child(odd) img{aspect-ratio:16/5;}
  .hk-cat-card{min-height:0;}
  .hk-cat-card span{padding:10px 6px 12px;}
}

/* ---------- 記事の部品（note移行記事） ---------- */
.hk-fresh{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;color:var(--hk-sub);border:1px solid var(--hk-line);border-radius:10px;padding:10px 14px;margin:0 0 1.4em !important;background:#fff;}
.hk-fresh strong{color:var(--hk-text);}
.hk-status{display:inline-block;font-size:12px;font-weight:700;color:#fff;border-radius:999px;padding:2px 10px;background:#6b7280;}
.hk-status.is-live{background:var(--hk-live);}
.hk-status.is-soon{background:var(--hk-accent);}
.hk-period{border:2px solid var(--hk-accent);border-radius:12px;background:#fffaf0;padding:14px 16px;margin:1.2em 0 1.6em;}
.hk-period-title{font-weight:800;margin:0 0 6px !important;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.hk-period ul{margin:0 !important;padding-left:1.2em;}
.hk-period li{margin:2px 0;font-size:15px;}
.hk-period .hk-period-links{margin:10px 0 0 !important;display:flex;flex-wrap:wrap;gap:8px;}
.hk-period .hk-period-links a{font-size:14px;font-weight:700;border:1px solid var(--hk-line);background:#fff;border-radius:999px;padding:6px 14px;text-decoration:none;}
.hk-learn{background:var(--hk-key-soft);border-radius:12px;padding:14px 18px;margin:1.2em 0;}
.hk-learn p{margin:0 0 6px !important;font-weight:800;}
.hk-learn ul{margin:0 !important;padding-left:1.2em;}
.hk-learn li{margin:2px 0;}

/* スライドショー */
.hk-slider{position:relative;margin:1.2em 0 1.8em;}
.hk-slides{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.hk-slide{flex:0 0 78%;scroll-snap-align:center;margin:0;position:relative;}
@media (min-width:835px){.hk-slide{flex-basis:46%;}}
.hk-slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;border-radius:12px;border:1px solid var(--hk-line);background:#f4f1ec;}
.hk-slide figcaption{font-size:12px;color:var(--hk-sub);margin-top:4px;text-align:center;}
.hk-slide a{text-decoration:none;}
.hk-slider-btn{position:absolute;top:42%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;font-size:18px;color:var(--hk-text);z-index:2;}
.hk-slider-btn.prev{left:-6px;} .hk-slider-btn.next{right:-6px;}
.hk-slider-note{font-size:12px;color:var(--hk-sub);margin:2px 0 0 !important;}

/* 早見表 */
.hk-qtools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;}
.hk-qtools button{font-size:13px;font-weight:700;border:1px solid var(--hk-line);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--hk-text);}
.hk-qtools button.is-on{background:var(--hk-key);color:#fff;border-color:var(--hk-key);}
.hk-qtable{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:14px;border:1px solid var(--hk-line);border-radius:12px;overflow:hidden;}
.hk-qtable th{background:var(--hk-key);color:#fff;padding:9px 10px;text-align:left;white-space:nowrap;border:0;font-size:13px;}
.hk-qtable td{padding:10px;border:0;border-top:1px solid var(--hk-line);background:#fff;vertical-align:middle;}
.hk-qtable td:first-child{font-weight:700;position:sticky;left:0;background:#fff;min-width:130px;}
.hk-qtable td:first-child a{color:var(--hk-text);text-decoration:none;}
.hk-qtable .hk-qprice{font-weight:800;white-space:nowrap;}
.hk-qtable .hk-qoff{color:var(--hk-live);font-weight:800;white-space:nowrap;}
.hk-qtable .hk-qbtn{display:inline-block;white-space:nowrap;background:var(--hk-cta);color:#fff !important;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none;}
.hk-qtable tr.is-hidden{display:none;}
.hk-qgroup{font-size:12px;color:var(--hk-sub);font-weight:400;display:block;}

/* 商品カード */
.hk-item{border:1px solid var(--hk-line);border-radius:14px;padding:18px;margin:1.2em 0 1.8em;background:#fff;}
.hk-item-head{display:flex;gap:16px;align-items:flex-start;}
.hk-item-img{flex:0 0 42%;margin:0 !important;}
.hk-item-img img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--hk-line);}
.hk-item-main{flex:1;min-width:0;}
.hk-item-scene{font-weight:700;font-size:16px;line-height:1.6;margin:0 0 10px !important;}
.hk-pricebox{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;}
.hk-price{font-size:26px;font-weight:800;color:var(--hk-text);line-height:1.2;}
.hk-price small{font-size:13px;font-weight:700;margin-left:2px;}
.hk-off{background:var(--hk-live);color:#fff;font-weight:800;font-size:13px;border-radius:6px;padding:2px 8px;}
.hk-basis{font-size:13px;color:var(--hk-sub);}
.hk-basis s{margin-left:2px;}
.hk-deal{font-size:12px;font-weight:700;color:var(--hk-accent-text);background:var(--hk-key-soft);border-radius:999px;padding:2px 10px;}
.hk-pts{list-style:none;margin:12px 0 !important;padding:0 !important;}
.hk-pts li{position:relative;padding:6px 0 6px 28px;margin:0;border-bottom:1px dashed var(--hk-line);font-size:15px;line-height:1.7;}
.hk-pts li:last-child{border-bottom:0;}
.hk-pts li::before{content:"\f00c";font-family:FontAwesome;position:absolute;left:4px;top:7px;color:var(--hk-accent);}
.hk-pts li strong{display:block;}
.hk-fits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;}
.hk-fits > div{border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.7;}
.hk-fits .hk-fit{background:#eef6f0;} .hk-fits .hk-nofit{background:#f6f2ee;}
.hk-fits p{margin:0 0 4px !important;font-weight:800;font-size:13px;}
.hk-fits ul{margin:0 !important;padding-left:1.1em;}
.hk-specs{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 !important;}
.hk-specs th{width:30%;background:#f7f7f5;text-align:left;font-weight:700;padding:7px 10px;border:1px solid var(--hk-line);}
.hk-specs td{padding:7px 10px;border:1px solid var(--hk-line);}
.hk-diff{font-size:14px;line-height:1.7;margin:10px 0 !important;padding:10px 12px;border-left:4px solid var(--hk-accent);background:#fffaf0;}
.hk-caution{font-size:14px;line-height:1.7;margin:10px 0 !important;padding:10px 12px;border-radius:8px;background:#fff4f2;}
.hk-caution::before{content:"\f071  ";font-family:FontAwesome;color:#c2410c;}
.hk-qa{margin:10px 0;border:1px solid var(--hk-line);border-radius:10px;padding:0 12px;}
.hk-qa summary{cursor:pointer;font-weight:700;font-size:14px;padding:10px 0;}
.hk-qa dl{margin:0 0 10px !important;font-size:14px;}
.hk-qa dt{font-weight:700;margin-top:6px;} .hk-qa dt::before{content:"Q. ";color:var(--hk-accent);}
.hk-qa dd{margin:2px 0 0 !important;} .hk-qa dd::before{content:"A. ";font-weight:700;}
.hk-item .hk-buy{margin:14px 0 0;}
.hk-btn-sub{background:#fff !important;color:var(--hk-key) !important;border:2px solid var(--hk-key);box-shadow:none;}
.hk-summary{border:2px solid var(--hk-key);border-radius:14px;padding:16px 18px;margin:1.4em 0;background:#fff;}
.hk-summary-title{font-weight:800;margin:0 0 8px !important;}
.hk-summary table{width:100%;border-collapse:collapse;font-size:14px;}
.hk-summary th,.hk-summary td{border-top:1px solid var(--hk-line);padding:8px 6px;text-align:left;vertical-align:top;}
.hk-summary th{width:38%;font-weight:700;color:var(--hk-sub);}
.hk-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:1em 0;}
.hk-related a{display:block;border:1px solid var(--hk-line);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:700;color:var(--hk-text) !important;text-decoration:none;background:#fff;line-height:1.5;}
.hk-related a:hover{border-color:var(--hk-key);}
.hk-related a small{display:block;font-weight:400;color:var(--hk-sub);font-size:12px;}
.hk-dialog{display:block;max-width:560px;margin:1em auto;}
.hk-dialog img{width:100%;height:auto;border-radius:12px;}
@media screen and (max-width: 600px){
  .hk-item{padding:14px;}
  .hk-item-head{flex-direction:column;}
  .hk-item-img{flex-basis:auto;width:100%;}
  .hk-fits{grid-template-columns:1fr;}
  .hk-related{grid-template-columns:1fr;}
  .hk-price{font-size:24px;}
}

@media screen and (max-width: 600px){
  .hk-qtable{min-width:0;}
  .hk-qtable th:nth-child(4),.hk-qtable td:nth-child(4){display:none;}
  .hk-qtable td:first-child{min-width:0;}
  .hk-qwrap .hk-table-wrap::before{display:none;}
}

/* ---------- 商品カード：リンクカード＋HTMLの価格（2026-10-15 改） ---------- */
.hk-lcard{flex:0 0 38%;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:150px;border:1px solid var(--hk-line);border-radius:12px;padding:14px;background:linear-gradient(180deg,#fff 0%,#faf8f3 100%);text-decoration:none !important;color:var(--hk-text) !important;transition:border-color .15s,box-shadow .15s;}
.hk-lcard:hover{border-color:#f08804;box-shadow:0 4px 14px rgba(0,0,0,.08);}
.hk-lcard-store{font-size:12px;color:var(--hk-sub);display:flex;align-items:center;gap:6px;}
.hk-lcard-store i{color:#f08804;font-size:15px;}
.hk-lcard-name{font-weight:800;font-size:16px;line-height:1.5;word-break:auto-phrase;}
.hk-lcard-sub{font-size:13px;color:var(--hk-sub);line-height:1.5;}
.hk-lcard-go{font-size:13px;font-weight:700;color:#c46a00;}
.hk-offbig{display:inline-flex;align-items:baseline;gap:2px;background:var(--hk-live);color:#fff;font-weight:900;border-radius:8px;padding:4px 10px;font-size:22px;line-height:1.1;}
.hk-offbig small{font-size:13px;font-weight:800;}
.hk-save{font-size:14px;font-weight:800;color:var(--hk-live);}
.hk-pricebox{align-items:center;}
/* カルーセル（HTMLのセールカード） */
.hk-dslide{flex:0 0 72%;scroll-snap-align:start;border:1px solid var(--hk-line);border-radius:14px;background:#fff;padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;text-decoration:none !important;color:var(--hk-text) !important;position:relative;}
@media (min-width:835px){.hk-dslide{flex-basis:31%;}}
.hk-dslide .hk-dtop{display:flex;justify-content:space-between;align-items:center;gap:6px;}
.hk-dslide .hk-dname{font-weight:800;font-size:15px;line-height:1.5;word-break:auto-phrase;}
.hk-dslide .hk-dscene{font-size:13px;color:var(--hk-sub);line-height:1.6;flex:1;}
.hk-dslide .hk-dprice{font-size:22px;font-weight:900;}
.hk-dslide .hk-dprice small{font-size:12px;}
.hk-dslide .hk-dgo{font-size:13px;font-weight:800;color:#c46a00;}
.hk-dslide .hk-offbig{font-size:18px;padding:3px 8px;}
.hk-dslide.is-nooff .hk-offbig{background:#9ca3af;}
@media screen and (max-width: 600px){
  .hk-lcard{flex-basis:auto;width:100%;min-height:0;}
  .hk-offbig{font-size:20px;}
}

/* リンクカード（画像つき） */
.hk-lcard-img{padding:0;overflow:hidden;gap:6px;justify-content:flex-start;}
.hk-lcard-img > span:not(.hk-lcard-photo){padding:0 14px;}
.hk-lcard-img .hk-lcard-go{padding-bottom:14px !important;}
.hk-lcard-photo{position:relative;display:block;}
.hk-lcard-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.hk-credit{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;border-radius:4px;padding:1px 6px;line-height:1.5;}

/* Amazonの商品画像つきカード */
.hk-lcard-amz .hk-lcard-photo{background:#fff;border-bottom:1px solid var(--hk-line);}
.hk-lcard-amz .hk-lcard-photo img{aspect-ratio:1/1;object-fit:contain;padding:12px;background:#fff;}
.hk-dimg{display:block;background:#fff;border-radius:10px;overflow:hidden;margin:-4px -4px 2px;}
.hk-dimg img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;padding:10px;}
.hk-dslide{flex-basis:62%;}
@media (min-width:835px){.hk-dslide{flex-basis:28%;}}
.hk-dslide .hk-dtop{position:absolute;top:10px;left:10px;right:10px;z-index:1;}
.hk-dslide .hk-dimg + .hk-dtop{position:absolute;}
.hk-dslide:not(:has(.hk-dimg)) .hk-dtop{position:static;}
@media screen and (max-width: 600px){
  .hk-lcard-amz .hk-lcard-photo img{max-height:260px;}
}

/* テーマから探す（ハブ記事） */
.hk-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 1.6em;}
.hk-theme{display:flex;flex-direction:column;border:1px solid var(--hk-line);border-radius:12px;overflow:hidden;background:#fff;text-decoration:none !important;color:var(--hk-text) !important;transition:box-shadow .15s,transform .15s;}
.hk-theme:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);transform:translateY(-2px);}
.hk-theme img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;}
.hk-theme-t{font-weight:800;font-size:14px;padding:8px 10px 0;line-height:1.4;}
.hk-theme-d{font-size:12px;color:var(--hk-sub);padding:2px 10px 10px;line-height:1.5;}
@media screen and (max-width: 834px){.hk-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}

.hk-steps{counter-reset:s;list-style:none;padding:0 !important;margin:1em 0 !important;}
.hk-steps li{counter-increment:s;position:relative;padding:10px 12px 10px 48px;margin:0 0 8px;border:1px solid var(--hk-line);border-radius:10px;background:#fff;}
.hk-steps li::before{content:counter(s);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--hk-key);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;}

/* 注目枠：旅と温泉タブ */
#hk-tab-trip:checked ~ .hk-tabs .hk-tab-trip{color:var(--hk-key);border-bottom-color:var(--hk-key);}
#hk-tab-trip:focus-visible ~ .hk-tabs .hk-tab-trip{outline:2px solid var(--hk-key);outline-offset:2px;}
#hk-tab-trip:checked ~ .hk-panel-trip{display:block;}
.hk-feature:has(#hk-tab-trip:checked) .hk-panel-pick{display:none !important;}
.hk-feature:has(.hk-panel-sale .hk-empty):has(#hk-tab-trip:checked) .hk-tab-pick{color:inherit;border-bottom-color:transparent;}

/* ロゴ */
#header-container .logo-header img.site-logo-image,#header-container .logo-header img.site-fixed-logo-image{width:auto;height:46px;max-height:none;max-width:none;object-fit:contain;}
@media (max-width:834px){#header-container .logo-header img.site-logo-image{height:34px;max-width:80vw;}}
.header-in .tagline{color:#828a92;font-size:12px;letter-spacing:.04em;}

/* トップのバナースライド */
.hk-bnr{position:relative;margin:14px 0 6px;}
.hk-bnr-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 4px;}
.hk-bnr-track::-webkit-scrollbar{display:none;}
.hk-bnr-slide{flex:0 0 86%;scroll-snap-align:start;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:132px;box-shadow:0 2px 8px rgba(0,0,0,.08);}
@media (min-width:768px){.hk-bnr-slide{flex-basis:calc(50% - 6px);}}
.hk-bnr-main{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff !important;text-decoration:none !important;}
.hk-bnr-ico{flex:0 0 46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:rgba(255,255,255,.18);}
.hk-bnr-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.hk-bnr-kicker{font-size:11px;letter-spacing:.06em;opacity:.85;font-weight:700;}
.hk-bnr-title{font-size:18px;font-weight:800;line-height:1.35;}
.hk-bnr-meta{font-size:12px;opacity:.92;}
.hk-bnr-promo{margin-top:4px;align-self:flex-start;font-size:12px;font-weight:700;background:#fff;color:#c2410c;border-radius:999px;padding:2px 10px;}
.hk-bnr-cta{flex:0 0 auto;align-self:flex-end;font-size:12px;font-weight:700;background:rgba(255,255,255,.95);color:#1f2933;border-radius:999px;padding:6px 12px;white-space:nowrap;}
.hk-bnr-sub{display:block;padding:7px 16px;font-size:12px;font-weight:700;background:rgba(0,0,0,.18);color:#fff !important;text-decoration:none !important;}
.hk-bnr-ku{background:linear-gradient(135deg,#1d3557,#2f4f7f);}
.hk-bnr-ku .hk-bnr-ico{color:#ffb347;}
.hk-bnr-au{background:linear-gradient(135deg,#e8712a,#f2a03d);}
.hk-bnr-pr{background:linear-gradient(135deg,#145da0,#2e86c9);}
.hk-bnr-rk{background:#fff;border:1px solid #f1d6d6;align-items:center;justify-content:center;gap:10px;padding:14px;}
.hk-bnr-label{font-size:12px;font-weight:700;color:#bf0000;letter-spacing:.04em;}
.hk-bnr-img img{max-width:100%;height:auto;display:block;}
.hk-bnr-nav{position:absolute;top:50%;transform:translateY(-60%);width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.2);font-size:20px;line-height:1;color:#2f3e4c;cursor:pointer;z-index:2;}
.hk-bnr-nav.prev{left:-6px;}.hk-bnr-nav.next{right:-6px;}
@media (max-width:767px){.hk-bnr-nav{display:none;}}
.hk-bnr-dots{display:flex;justify-content:center;gap:6px;margin-top:6px;}
.hk-bnr-dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:#cfd5db;cursor:pointer;}
.hk-bnr-dots button.on{background:var(--hk-key);width:18px;border-radius:4px;}

@media (max-width:767px){.hk-bnr-slide{flex-basis:88%;min-height:0;}.hk-bnr-main{flex-wrap:wrap;padding:12px 14px;gap:10px;}.hk-bnr-ico{flex-basis:40px;height:40px;font-size:19px;}.hk-bnr-txt{flex:1 1 calc(100% - 50px);}.hk-bnr-title{font-size:16px;}.hk-bnr-cta{margin-left:50px;align-self:auto;}}

.hk-bnr-prtag{position:absolute;top:8px;right:10px;z-index:3;font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.45);color:#fff;letter-spacing:.05em;pointer-events:none;}

/* バナー v2（目を引く版） */
.hk-bnr .hk-bnr-slide{min-height:0;box-shadow:0 4px 14px rgba(0,0,0,.14);}
.hk-bnr .hk-bnr-main{display:block;position:relative;overflow:hidden;padding:14px 18px 16px;flex-wrap:nowrap;}
.hk-bnr-wm{position:absolute;right:-14px;bottom:-26px;font-size:130px;line-height:1;opacity:.13;transform:rotate(-12deg);pointer-events:none;}
.hk-bnr .hk-bnr-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;background:rgba(255,255,255,.2);border-radius:999px;padding:2px 10px;opacity:1;}
.hk-bnr-big{display:block;font-size:34px;font-weight:900;line-height:1.15;margin:6px 0 2px;letter-spacing:.02em;color:#ffe066;text-shadow:0 2px 0 rgba(0,0,0,.18);}
.hk-bnr-big em{font-style:normal;font-size:46px;}
.hk-bnr .hk-bnr-title{display:block;font-size:15px;font-weight:700;}
.hk-bnr .hk-bnr-meta{display:block;font-size:12px;opacity:.95;margin-top:2px;}
.hk-bnr .hk-bnr-meta b{font-size:14px;}
.hk-bnr .hk-bnr-cta{display:inline-block;margin:10px 0 0;background:#ffd84d;color:#3a2a00;font-size:13px;font-weight:800;padding:8px 16px;box-shadow:0 3px 0 #c9a227;position:relative;overflow:hidden;}
.hk-bnr .hk-bnr-cta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:hkShine 3.2s ease-in-out infinite;}
@keyframes hkShine{0%,60%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.hk-bnr .hk-bnr-cta::after{animation:none;display:none;}}
.hk-bnr-main:hover .hk-bnr-cta{transform:translateY(1px);box-shadow:0 2px 0 #c9a227;}
.hk-bnr-burst{position:absolute;top:14px;right:14px;width:104px;height:104px;border-radius:50%;background:#fff;color:#c2410c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 4px rgba(255,255,255,.35);transform:rotate(8deg);line-height:1.15;}
.hk-bnr-burst small{font-size:9px;font-weight:700;color:#7a3410;}
.hk-bnr-burst span{font-size:13px;font-weight:800;}
.hk-bnr-burst b{font-size:34px;font-weight:900;}
.hk-bnr-ku{background:radial-gradient(circle at 85% 20%,#3a5f9a 0,transparent 55%),linear-gradient(135deg,#14284a,#24467a);}
.hk-bnr-au{background:radial-gradient(circle at 85% 20%,#ffb35c 0,transparent 55%),linear-gradient(135deg,#d9531e,#f08a24);}
.hk-bnr-pr{background:radial-gradient(circle at 85% 20%,#4fa3e0 0,transparent 55%),linear-gradient(135deg,#0d4c8a,#1f78c1);}
.hk-bnr .hk-bnr-sub{background:rgba(0,0,0,.22);}
@media (max-width:767px){.hk-bnr .hk-bnr-main{padding:12px 14px 14px;}.hk-bnr .hk-bnr-cta{margin-left:0;}.hk-bnr-big{font-size:30px;}.hk-bnr-big em{font-size:40px;}.hk-bnr-burst{width:90px;height:90px;top:12px;right:10px;}.hk-bnr-burst b{font-size:28px;}}

.hk-bnr{margin-top:26px;}
.hk-bnr .hk-bnr-prtag{top:-20px;right:2px;background:#8a939b;}
.hk-bnr .hk-bnr-nav.prev{left:-16px;}.hk-bnr .hk-bnr-nav.next{right:-16px;}

@media (min-width:768px){.hk-bnr .hk-bnr-slide:first-child .hk-bnr-main{padding-left:30px;}.hk-bnr .hk-bnr-burst{right:26px;}}

/* 広告主の画像バナーとオリジナルの楽天カード */
.hk-bnr-ad{background:#fff;border:1px solid #e6e9ec;align-items:center;justify-content:center;gap:8px;padding:12px;}
.hk-bnr-ad .hk-bnr-label{color:#5b6670;}
.hk-bnr-ad .hk-bnr-img{display:flex;justify-content:center;align-items:center;}
.hk-bnr-ad .hk-bnr-img img[width="300"],.hk-bnr-ad .hk-bnr-img img[height="250"]{max-height:200px;width:auto;}
.hk-bnr-slide{position:relative;}
.hk-bnr-img img[width="1"]{position:absolute;left:0;top:0;}
.hk-bnr-rkc{background:radial-gradient(circle at 85% 20%,#ff5a5a 0,transparent 55%),linear-gradient(135deg,#a80000,#e01e1e);}

/* サイドバーなしの中央寄せ */
.no-sidebar .main{margin-left:auto;margin-right:auto;}
.front-top-page.no-sidebar .main{width:100%;max-width:100%;}

/* バナー 小さめ */
@media (min-width:1024px){.hk-bnr .hk-bnr-slide{flex-basis:calc((100% - 24px) / 3);}}
.hk-bnr .hk-bnr-main{padding:10px 14px 12px;}
.hk-bnr .hk-bnr-slide:first-child .hk-bnr-main{padding-left:14px;}
@media (min-width:768px){.hk-bnr .hk-bnr-slide:first-child .hk-bnr-main{padding-left:22px;}}
.hk-bnr-big{font-size:24px;margin:4px 0 1px;}
.hk-bnr-big em{font-size:30px;}
.hk-bnr .hk-bnr-kicker{font-size:10px;padding:1px 8px;}
.hk-bnr .hk-bnr-title{font-size:13px;}
.hk-bnr .hk-bnr-meta{font-size:11px;}
.hk-bnr .hk-bnr-meta b{font-size:12px;}
.hk-bnr .hk-bnr-cta{margin-top:7px;font-size:12px;padding:5px 12px;box-shadow:0 2px 0 #c9a227;}
.hk-bnr .hk-bnr-sub{padding:5px 14px;font-size:11px;}
.hk-bnr-wm{font-size:90px;bottom:-18px;right:-10px;}
.hk-bnr .hk-bnr-burst{width:74px;height:74px;top:10px;right:12px;}
.hk-bnr-burst small{font-size:8px;}
.hk-bnr-burst span{font-size:11px;}
.hk-bnr-burst b{font-size:22px;}
.hk-bnr .hk-bnr-rk,.hk-bnr .hk-bnr-ad{padding:10px;gap:6px;}
.hk-bnr .hk-bnr-label{font-size:11px;}
.hk-bnr-ad .hk-bnr-img img[width="300"],.hk-bnr-ad .hk-bnr-img img[height="250"]{max-height:140px;}
@media (max-width:767px){.hk-bnr-big{font-size:24px;}.hk-bnr-big em{font-size:30px;}.hk-bnr .hk-bnr-burst{width:70px;height:70px;}.hk-bnr-burst b{font-size:20px;}}

/* 旅行記事（noteから移行） */
.hk-buy-solo{max-width:460px;margin-left:auto;margin-right:auto;}
.hk-map{margin:1em 0 1.6em;}
.hk-map iframe{width:100%;height:260px;border:0;border-radius:10px;display:block;}
.hk-related-one{grid-template-columns:1fr;}

/* サイドバーの広告（スクロール追従） */
.hk-side-ad{display:flex;flex-direction:column;gap:10px;}
.hk-side-pr{margin:0;align-self:flex-end;font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:4px;background:#8a939b;color:#fff;}
.hk-side-card{display:block;position:relative;border-radius:12px;padding:12px 14px;color:#fff !important;text-decoration:none !important;box-shadow:0 3px 10px rgba(0,0,0,.12);}
.hk-side-card .hk-bnr-kicker{display:inline-block;font-size:10px;font-weight:700;background:rgba(255,255,255,.2);border-radius:999px;padding:1px 8px;}
.hk-side-big{display:block;font-size:24px;font-weight:900;color:#ffe066;line-height:1.2;margin:4px 0 2px;}
.hk-side-meta{display:block;font-size:12px;}
.hk-side-cta{display:inline-block;margin-top:8px;background:#ffd84d;color:#3a2a00;font-size:12px;font-weight:800;border-radius:999px;padding:5px 12px;}
.hk-side-img{text-align:center;position:relative;}
.hk-side-img img{max-width:100%;height:auto;}
.hk-side-img img[width="1"]{position:absolute;}

/* 旅行記事：宿の一言・持ち物カード・観光のまとめ */
.hk-item-catch{font-size:13px;color:#5b6670;margin:-4px 0 6px;}
.hk-brings{display:grid;gap:12px;margin:1em 0 1.6em;}
.hk-bring{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--hk-line,#e3e6ea);border-radius:12px;padding:12px;background:#fff;}
.hk-bring-img{flex:0 0 110px;}
.hk-bring-img img{width:110px;height:110px;object-fit:contain;display:block;}
.hk-bring-body{flex:1;min-width:0;}
.hk-bring-body p{margin:0 0 6px;font-size:14px;line-height:1.7;}
.hk-bring-name{font-weight:800;font-size:15px !important;}
.hk-bring-btns{display:flex;gap:8px;flex-wrap:wrap;}
.hk-bring-btns .hk-btn{width:auto;min-width:0;min-height:36px;padding:0 16px;font-size:13px;}
.hk-tour p{margin:0 0 .8em;}
.hk-tour p:last-child{margin-bottom:0;}
@media (max-width:600px){.hk-bring-img{flex-basis:80px;}.hk-bring-img img{width:80px;height:80px;}}

/* タブの「もっと見る」 */
.hk-more{text-align:center;margin:18px 0 4px;}
.hk-more a{display:inline-flex;align-items:center;gap:8px;padding:11px 30px;border:2px solid var(--hk-key);border-radius:999px;background:#fff;color:var(--hk-key) !important;font-weight:700;font-size:15px;text-decoration:none !important;transition:background .15s,color .15s;}
.hk-more a:hover{background:var(--hk-key);color:#fff !important;}
.hk-more a span{font-size:18px;line-height:1;}
.hk-panel:has(.hk-empty) .hk-more{display:none;}

/* 記事下の執筆者名を出さない */
.article-footer .author-info{display:none !important;}

/* 楽天カード・楽天モバイルの案内（公式バナー） */
.hk-rcard{border:2px solid #bf0000;border-radius:14px;padding:16px 18px 18px;margin:1.6em 0;background:linear-gradient(180deg,#fff1f1 0,#fff 70%);box-shadow:0 4px 14px rgba(191,0,0,.08);}
.hk-rcard p{margin:0 0 8px;}
.hk-rcard-title{font-weight:800;color:#fff;background:#bf0000;display:inline-block;padding:4px 12px;border-radius:999px;font-size:15px;}
.hk-rcard-lead{font-size:15px;line-height:1.7;}
.hk-rcard-lead strong{color:#bf0000;}
.hk-rcard-bnrs{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:10px;}
.hk-rcard-bnr{flex:0 1 300px;text-align:center;}
.hk-rcard-tag{display:block;font-weight:700;font-size:14px;color:#333;margin-bottom:6px;}
.hk-rcard-bnr a{display:inline-block;line-height:0;}
.hk-rcard-bnr img{max-width:100%;height:auto;border-radius:6px;}
/* Xのフォローカード */
.hk-xcard{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #e1e8ed;border-radius:14px;padding:16px 18px;margin:1.2em 0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);}
.hk-xcard-icon{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;}
.hk-xcard-icon svg{width:24px;height:24px;fill:#fff;}
.hk-xcard-body{flex:1 1 220px;min-width:0;}
.hk-xcard-body p{margin:0;}
.hk-xcard-id{font-weight:800;font-size:16px;color:#0f1419;}
.hk-xcard-text{font-size:14px;color:#536471;line-height:1.6;margin-top:4px !important;}
a.hk-xcard-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:999px;background:#0f1419;color:#fff !important;font-weight:700;text-decoration:none !important;}
a.hk-xcard-btn:hover{opacity:.85;}
@media (max-width:600px){a.hk-xcard-btn{flex:1 1 100%;}}
/* 関連記事のリンクカード */
a.hk-ncard{display:flex;gap:12px;align-items:center;border:1px solid #ddd;border-radius:12px;padding:10px;margin:.6em 0 1.4em;background:#fff;text-decoration:none !important;color:#333 !important;box-shadow:0 2px 8px rgba(0,0,0,.05);}
a.hk-ncard img{flex:0 0 140px;width:140px;height:auto;border-radius:8px;object-fit:cover;}
.hk-ncard-body{min-width:0;}
.hk-ncard-title{display:block;font-weight:700;line-height:1.5;}
.hk-ncard-go{display:block;color:#bf0000;font-size:13px;margin-top:4px;}
@media (max-width:480px){a.hk-ncard img{flex-basis:100px;width:100px;}}

/* 公式バナーは枠なし */
.hk-bnr .hk-bnr-rk,.hk-bnr .hk-bnr-ad{background:transparent;border:0;box-shadow:none;padding:0;}
.hk-bnr .hk-bnr-rk .hk-bnr-label,.hk-bnr .hk-bnr-ad .hk-bnr-label{display:none;}
.hk-bnr .hk-bnr-rk .hk-bnr-img img{width:auto;height:auto;max-width:100%;max-height:210px;border-radius:6px;}
.hk-bnr .hk-bnr-ad .hk-bnr-img img[width="300"],.hk-bnr .hk-bnr-ad .hk-bnr-img img[height="250"]{max-height:210px;border-radius:6px;}

/* 画像だけの公式バナー（横長） */
.hk-bnr .hk-bnr-pas .hk-bnr-img,.hk-bnr .hk-bnr-pas .hk-bnr-img a{display:block;width:100%;}
.hk-bnr .hk-bnr-pas .hk-bnr-img img{width:100%;height:auto;max-height:none;border-radius:14px;display:block;}

/* ヒーローの3ボタン */
.hk-cta3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.hk-cta3 a{padding:0 10px;min-height:52px;font-size:16px;}
.hk-cta3 .hk-cta-sub{border:2px solid var(--hk-key);}
@media (max-width:480px){.hk-cta3{gap:8px;}.hk-cta3 a{font-size:15px;min-height:48px;padding:0 6px;}}

/* Geminiで作った画像のバナー */
.hk-bnr .hk-bnr-gen{background:#fff;}
.hk-bnr .hk-bnr-gen .hk-bnr-main{display:block;position:relative;padding:0;line-height:0;background:none;}
.hk-bnr-gimg{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.hk-bnr .hk-bnr-gen .hk-bnr-burst{line-height:1.15;}

/* はるきの案内のXリンク */
.hk-prof-link{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;}
a.hk-prof-x{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:#0f1419;color:#fff !important;text-decoration:none !important;font-weight:700;font-size:14px;}
a.hk-prof-x::after{content:none !important;}

/* 画像バナーの料金帯 */
.hk-bnr .hk-bnr-gen .hk-bnr-price{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 7px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));color:#fff;font-size:13px;line-height:1.4;text-align:center;font-weight:600;}
.hk-bnr .hk-bnr-gen .hk-bnr-price b{font-size:16px;font-weight:900;color:#ffe08a;}

/* 注目枠：定額サービスタブ */
#hk-tab-sub:checked ~ .hk-tabs .hk-tab-sub{color:var(--hk-key);border-bottom-color:var(--hk-key);}
#hk-tab-sub:focus-visible ~ .hk-tabs .hk-tab-sub{outline:2px solid var(--hk-key);outline-offset:2px;}
#hk-tab-sub:checked ~ .hk-panel-sub{display:block;}
.hk-tab{white-space:nowrap;}
@media (max-width:480px){.hk-tabs{overflow-x:auto;scrollbar-width:none;}.hk-tab{padding:10px 10px;font-size:14px;}}
/* ヒーローの4ボタン */
.hk-cta4{grid-template-columns:repeat(4,1fr);}
@media (max-width:600px){.hk-cta4{grid-template-columns:repeat(2,1fr);}}

/* ---------- 導線とスマホのナビ（2026-10-19） ---------- */
/* 記事の最後：ほかの記事を探す */
.hk-endnav{margin:36px 0 8px;padding:22px 20px 20px;background:#fffdf7;border:1px solid #eee5cf;border-radius:var(--hk-radius);}
.hk-endnav-title{display:flex;align-items:center;gap:8px;margin:0 0 14px !important;font-size:18px;font-weight:800;color:var(--hk-text);line-height:1.4;}
.hk-endnav-title::before{content:"";width:5px;height:20px;border-radius:3px;background:var(--hk-accent);}
.hk-endnav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
a.hk-endnav-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hk-line);border-radius:12px;overflow:hidden;text-decoration:none !important;color:var(--hk-text) !important;font-weight:700;font-size:14px;line-height:1.4;transition:box-shadow .15s,transform .15s,border-color .15s;}
a.hk-endnav-card img{display:block;width:100%;height:auto;aspect-ratio:768/273;object-fit:cover;margin:0;border-radius:0;}
a.hk-endnav-card span{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:9px 10px;}
a.hk-endnav-card span::after{content:"";flex:0 0 14px;height:14px;background:var(--hk-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 5.5l6.5 6.5L9 18.5%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 5.5l6.5 6.5L9 18.5%22/%3E%3C/svg%3E") center/contain no-repeat;}
a.hk-endnav-card:hover{border-color:var(--hk-accent);box-shadow:0 6px 16px rgba(47,62,76,.10);transform:translateY(-2px);}
.hk-endnav-btns{display:flex;gap:10px;margin-top:14px;}
.hk-endnav-btns a{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none !important;text-align:center;line-height:1.3;}
.hk-endnav-btns a::before{content:"";flex:0 0 18px;height:18px;background:currentColor;}
a.hk-endnav-home{background:var(--hk-key);color:#fff !important;}
a.hk-endnav-home::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 11.2L12 4l8.5 7.2%22/%3E%3Cpath d=%22M5.8 9.6V20h4.4v-5.2h3.6V20h4.4V9.6%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 11.2L12 4l8.5 7.2%22/%3E%3Cpath d=%22M5.8 9.6V20h4.4v-5.2h3.6V20h4.4V9.6%22/%3E%3C/svg%3E") center/contain no-repeat;}
a.hk-endnav-reco{background:#fff;color:var(--hk-key) !important;border:1.5px solid var(--hk-key);}
a.hk-endnav-reco::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 8l4.2 3.6L12 5l4.3 6.6L20.5 8l-1.6 10.5H5.1z%22/%3E%3Cpath d=%22M5.5 21h13%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 8l4.2 3.6L12 5l4.3 6.6L20.5 8l-1.6 10.5H5.1z%22/%3E%3Cpath d=%22M5.5 21h13%22/%3E%3C/svg%3E") center/contain no-repeat;}
@media (max-width:600px){
  .hk-endnav{padding:18px 14px 16px;}
  .hk-endnav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  a.hk-endnav-card{font-size:13px;}
  a.hk-endnav-card span{padding:8px;}
  .hk-endnav-btns{flex-direction:column;gap:8px;}
}

/* フッター：カテゴリの一覧 */
.hk-fnav-title{margin:0 0 10px !important;font-size:14px;font-weight:800;color:#fff;letter-spacing:.04em;}
.hk-fnav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;}
.hk-fnav li{margin:0;}
#footer .hk-fnav a{display:block;padding:7px 0;color:rgba(255,255,255,.88);font-size:14px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12);background:none;}
#footer .hk-fnav a:hover{color:#ffd98a;background:none;}
#footer .hk-footer-note{color:rgba(255,255,255,.78);}
.logo-footer .site-logo-image{background:#fff;border-radius:10px;padding:6px 12px;}
.footer-widgets-mobile .hk-fnav{margin-top:18px;}

@media (max-width:1023px){
  /* ヘッダー：カテゴリを横に流す */
  #navi{display:block !important;height:auto;background:#fff;border-top:1px solid #f0ebdd;}
  #navi .navi-in{width:auto;}
  #navi .navi-in>ul.menu-pc{display:flex !important;flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;padding:8px 12px 10px;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  #navi .navi-in>ul.menu-pc::-webkit-scrollbar{display:none;}
  #navi .navi-in>ul>li{flex:0 0 auto;width:auto !important;height:auto;}
  #navi .navi-in>ul>li>a{height:auto;padding:6px 14px;border-radius:999px;background:var(--hk-key-soft);border:1px solid #eadfc4;color:var(--hk-key) !important;font-size:13px !important;line-height:1.4;}
  #navi .navi-in>ul>li>a .item-label{font-size:13px;font-weight:700;}
  #navi .navi-in>ul>li.current-menu-parent>a,#navi .navi-in>ul>li.current-menu-item>a{background:var(--hk-key);border-color:var(--hk-key);color:#fff !important;}
  #navi .navi-in>ul>li>a:hover{background:#f1e6c9;}

  /* 下のボタン：はるきの比較ログ用 */
  .mobile-footer-menu-buttons{bottom:0 !important;height:auto;min-height:62px;align-items:flex-end;padding:0 4px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #ece6d6;border-radius:18px 18px 0 0;box-shadow:0 -6px 20px rgba(47,62,76,.10);}
  .mobile-footer-menu-buttons .menu-button{order:3;flex:1 1 0;}
  .mobile-footer-menu-buttons .navi-menu-button{order:1;}
  .mobile-footer-menu-buttons .sidebar-menu-button{order:2;}
  .mobile-footer-menu-buttons .home-menu-button{order:3;}
  .mobile-footer-menu-buttons .search-menu-button{order:4;}
  .mobile-footer-menu-buttons .top-menu-button{order:5;}
  .mobile-footer-menu-buttons .menu-button>.menu-button-in{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:62px;padding:0 0 8px;color:var(--hk-key);opacity:1;}
  .mobile-footer-menu-buttons .menu-icon{display:block;width:24px;height:24px;line-height:0;font-size:0;background:var(--hk-key);}
  .mobile-footer-menu-buttons .menu-icon .fa{display:none;}
  .mobile-footer-menu-buttons .menu-caption{display:block;font-size:0 !important;line-height:1;opacity:1;}
  .mobile-footer-menu-buttons .menu-caption::after{font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--hk-key);}
  .navi-menu-icon{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%223.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%223.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3C/svg%3E") center/contain no-repeat;}
  .navi-menu-caption::after{content:"カテゴリ";}
  .sidebar-menu-icon{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 8l4.2 3.6L12 5l4.3 6.6L20.5 8l-1.6 10.5H5.1z%22/%3E%3Cpath d=%22M5.5 21h13%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 8l4.2 3.6L12 5l4.3 6.6L20.5 8l-1.6 10.5H5.1z%22/%3E%3Cpath d=%22M5.5 21h13%22/%3E%3C/svg%3E") center/contain no-repeat;}
  .sidebar-menu-caption::after{content:"人気記事";}
  .search-menu-icon{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210.8%22 cy=%2210.8%22 r=%226.3%22/%3E%3Cpath d=%22M15.6 15.6l4.6 4.6%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210.8%22 cy=%2210.8%22 r=%226.3%22/%3E%3Cpath d=%22M15.6 15.6l4.6 4.6%22/%3E%3C/svg%3E") center/contain no-repeat;}
  .search-menu-caption::after{content:"検索";}
  .top-menu-icon{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 14.5l6-6 6 6%22/%3E%3Cpath d=%22M6 5h12%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 14.5l6-6 6 6%22/%3E%3Cpath d=%22M6 5h12%22/%3E%3C/svg%3E") center/contain no-repeat;}
  .top-menu-caption::after{content:"上へ";}
  /* ホームは真ん中で大きく */
  .mobile-footer-menu-buttons .home-menu-button .menu-icon{position:relative;width:52px;height:52px;margin-top:-22px;border-radius:50%;background:var(--hk-accent);box-shadow:0 4px 12px rgba(200,150,46,.45),0 0 0 4px #fff;}
  .mobile-footer-menu-buttons .home-menu-button .menu-icon::before{content:"";position:absolute;inset:13px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 11.2L12 4l8.5 7.2%22/%3E%3Cpath d=%22M5.8 9.6V20h4.4v-5.2h3.6V20h4.4V9.6%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 11.2L12 4l8.5 7.2%22/%3E%3Cpath d=%22M5.8 9.6V20h4.4v-5.2h3.6V20h4.4V9.6%22/%3E%3C/svg%3E") center/contain no-repeat;}
  .home-menu-caption::after{content:"ホーム";color:var(--hk-accent-text) !important;}
  .mobile-footer-menu-buttons .menu-button>.menu-button-in:active .menu-icon{transform:scale(.92);}
  body.mblt-footer-mobile-buttons{padding-bottom:calc(62px + env(safe-area-inset-bottom));}

  /* カテゴリの引き出し */
  .navi-menu-content{background:var(--hk-bg);padding:64px 16px 32px;}
  .navi-menu-content::before{content:"カテゴリから探す";position:absolute;top:22px;left:20px;font-size:17px;font-weight:800;color:var(--hk-text);}
  .navi-menu-content .menu-close-button,.sidebar-menu-content .menu-close-button{position:absolute;top:12px;right:12px;width:40px;height:40px;padding:0;border-radius:50%;background:#fff;border:1px solid #ece6d6;font-size:0;}
  .navi-menu-content .menu-close-button::before,.sidebar-menu-content .menu-close-button::before{content:"";position:absolute;inset:10px;background:var(--hk-key);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6L6 18%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6L6 18%22/%3E%3C/svg%3E") center/contain no-repeat;}
  .navi-menu-content .menu-close-button .fa,.sidebar-menu-content .menu-close-button .fa{display:none;}
  .navi-menu-content .menu-drawer{margin:0 !important;padding:0 !important;}
  .menu-drawer li{margin:0 0 8px;list-style:none;}
  .menu-drawer li a{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #ece6d6;border-radius:12px;color:var(--hk-text) !important;font-size:15px;font-weight:700;text-decoration:none;}
  .menu-drawer li a::before{content:"";flex:0 0 36px;height:36px;border-radius:10px;background-color:var(--hk-key-soft);background-repeat:no-repeat;background-position:center;background-size:20px;}
  .menu-drawer li a::after{content:"";flex:0 0 14px;height:14px;margin-left:auto;background:#b9ad92;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 5.5l6.5 6.5L9 18.5%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 5.5l6.5 6.5L9 18.5%22/%3E%3C/svg%3E") center/contain no-repeat;}
  .menu-drawer li.current-menu-parent a,.menu-drawer li.current-menu-item a{border-color:var(--hk-accent);}
  .menu-drawer a[href*="/category/kaden/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%237a5a14%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2211.5%22 rx=%222%22/%3E%3Cpath d=%22M9 20h6M12 16.5V20%22/%3E%3C/svg%3E");}
  .menu-drawer a[href*="/category/amazon-sale/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%237a5a14%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 4.5h2.2l2.2 10.5h10.3l2-7.5H7%22/%3E%3Ccircle cx=%229.5%22 cy=%2219%22 r=%221.4%22/%3E%3Ccircle cx=%2217%22 cy=%2219%22 r=%221.4%22/%3E%3C/svg%3E");}
  .menu-drawer a[href*="/category/rakuten-sale/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%237a5a14%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 8h14l-1.2 12H6.2z%22/%3E%3Cpath d=%22M9 8V6.5a3 3 0 0 1 6 0V8%22/%3E%3C/svg%3E");}
  .menu-drawer a[href*="/category/onsen/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%237a5a14%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 15.5c0 2.6 3.6 4.5 8 4.5s8-1.9 8-4.5%22/%3E%3Cpath d=%22M8 13c-1.2-1.6 1.2-2.6 0-4.5S8 5.5 8 4.5M12 13c-1.2-1.6 1.2-2.6 0-4.5s0-3 0-4M16 13c-1.2-1.6 1.2-2.6 0-4.5s0-3 0-4%22/%3E%3C/svg%3E");}
  .menu-drawer a[href*="/category/seikatsu/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%237a5a14%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 10h16l-1.6 9.5H5.6z%22/%3E%3Cpath d=%22M8 10l3-5.5M16 10l-3-5.5M9.5 13.5v3M14.5 13.5v3%22/%3E%3C/svg%3E");}
  .menu-drawer a[href*="/category/teigaku/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%237a5a14%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 12a8 8 0 1 1-2.4-5.7%22/%3E%3Cpath d=%22M20 4.5v4h-4%22/%3E%3Cpath d=%22M12 8v4.2l2.8 1.8%22/%3E%3C/svg%3E");}

  /* 人気記事の引き出し */
  .sidebar-menu-content{background:var(--hk-bg);padding:64px 14px 32px;}
  .sidebar-menu-content::before{content:"人気記事と検索";position:absolute;top:22px;left:20px;font-size:17px;font-weight:800;color:var(--hk-text);}
  .sidebar-menu-content .sidebar{background:transparent;padding:0;border:0;}
  .sidebar-menu-content .widget{background:#fff;border:1px solid #ece6d6;border-radius:12px;padding:14px;margin:0 0 12px;}
  .sidebar-menu-content .wp-block-categories-list a{display:flex;justify-content:space-between;align-items:center;}
  .sidebar-menu-content .post-count{margin-left:8px;min-width:28px;padding:1px 8px;border-radius:999px;background:var(--hk-key-soft);color:var(--hk-accent-text);font-size:12px;font-weight:700;text-align:center;}

  /* 検索の窓 */
  .search-menu-content{padding:14px 14px 16px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 8px 24px rgba(47,62,76,.18);}
  .search-menu-content .search-edit{border:1.5px solid var(--hk-key);border-radius:999px;padding-left:18px;}
}
.wp-block-categories-list .post-count{margin-left:6px;color:var(--hk-sub);font-size:12px;}
.wp-block-categories-list .post-count::before{content:"(";}
.wp-block-categories-list .post-count::after{content:")";}
@media (max-width:1023px){.sidebar-menu-content .post-count::before,.sidebar-menu-content .post-count::after{content:none;}}

/* ---------- 左右の余白：肉球と猫（2026-10-19） ---------- */
@media (min-width:1340px){
  html::before,html::after{content:"";position:fixed;width:calc((100vw - 1256px) / 2);z-index:-1;pointer-events:none;}
  html::before,html::after{top:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2256%22 height=%22520%22 viewBox=%220 0 56 520%22 opacity=%22.26%22%3E%3Cg transform=%22translate%2820 46%29 rotate%28-14%29 scale%281%29%22 fill=%22%23c8962e%22%3E%3Cellipse cx=%220%22 cy=%223%22 rx=%225.2%22 ry=%224.4%22/%3E%3Cellipse cx=%22-5.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3Cellipse cx=%22-2%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%222%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%225.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3C/g%3E%3Cg transform=%22translate%2837 104%29 rotate%2810%29 scale%280.9%29%22 fill=%22%23c8962e%22%3E%3Cellipse cx=%220%22 cy=%223%22 rx=%225.2%22 ry=%224.4%22/%3E%3Cellipse cx=%22-5.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3Cellipse cx=%22-2%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%222%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%225.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3C/g%3E%3Cg transform=%22translate%2819 168%29 rotate%28-8%29 scale%281%29%22 fill=%22%23c8962e%22%3E%3Cellipse cx=%220%22 cy=%223%22 rx=%225.2%22 ry=%224.4%22/%3E%3Cellipse cx=%22-5.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3Cellipse cx=%22-2%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%222%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%225.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3C/g%3E%3Cg transform=%22translate%2836 230%29 rotate%2812%29 scale%280.85%29%22 fill=%22%23c8962e%22%3E%3Cellipse cx=%220%22 cy=%223%22 rx=%225.2%22 ry=%224.4%22/%3E%3Cellipse cx=%22-5.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3Cellipse cx=%22-2%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%222%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%225.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3C/g%3E%3Cg transform=%22translate%2828 372%29 rotate%28-24%29 scale%280.7%29%22 fill=%22%23c8962e%22%3E%3Cellipse cx=%220%22 cy=%223%22 rx=%225.2%22 ry=%224.4%22/%3E%3Cellipse cx=%22-5.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3Cellipse cx=%22-2%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%222%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%225.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3C/g%3E%3Cg transform=%22translate%2840 452%29 rotate%2818%29 scale%280.8%29%22 fill=%22%23c8962e%22%3E%3Cellipse cx=%220%22 cy=%223%22 rx=%225.2%22 ry=%224.4%22/%3E%3Cellipse cx=%22-5.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3Cellipse cx=%22-2%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%222%22 cy=%22-6.4%22 rx=%221.9%22 ry=%222.6%22/%3E%3Cellipse cx=%225.6%22 cy=%22-3.2%22 rx=%221.9%22 ry=%222.5%22/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-y;background-size:56px 520px;}
  html::before{left:0;background-position:center 30px;}
  html::after{right:0;background-position:center 250px;}
}
@media (min-width:1500px){
  html::after{bottom:170px;}
  body::before{content:"";position:fixed;right:0;bottom:84px;width:calc((100vw - 1256px) / 2);height:72px;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%232f3e4c%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.6%22%3E%3Cpath d=%22M22 58C15 58 13 50 15 42C17 34 23 31 29 31C35 31 39 36 39 44C39 52 37 58 31 58Z%22 fill=%22%23fffdf7%22/%3E%3Cpath d=%22M37 54C47 57 54 52 52 45C51 41.5 47 41.5 47 45%22/%3E%3Cpath d=%22M27 45V58M32 46V58%22/%3E%3Cpath d=%22M20 23C20 17.5 21.5 13.5 21.5 10.5L26 14.8C28.5 14.1 31.5 14.1 34 14.8L38.5 10.5C38.5 13.5 40 17.5 40 23C40 28.5 35.5 32 30 32C24.5 32 20 28.5 20 23Z%22 fill=%22%23fffdf7%22/%3E%3Ccircle cx=%2226.3%22 cy=%2222.5%22 r=%22.9%22 fill=%22%232f3e4c%22 stroke=%22none%22/%3E%3Ccircle cx=%2233.7%22 cy=%2222.5%22 r=%22.9%22 fill=%22%232f3e4c%22 stroke=%22none%22/%3E%3Cpath d=%22M29 25.6L30 26.6L31 25.6M17 24.5L22.5 25.2M17.5 27.5L22.5 26.6M43 24.5L37.5 25.2M42.5 27.5L37.5 26.6%22/%3E%3C/svg%3E") center bottom/64px 64px no-repeat;}
}
/* 記事の最後の枠の猫 */
.hk-endnav{position:relative;}
.hk-endnav::after{content:"";position:absolute;top:-30px;right:18px;width:56px;height:56px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22 fill=%22none%22 stroke=%22%232f3e4c%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.6%22%3E%3Cpath d=%22M22 58C15 58 13 50 15 42C17 34 23 31 29 31C35 31 39 36 39 44C39 52 37 58 31 58Z%22 fill=%22%23fffdf7%22/%3E%3Cpath d=%22M37 54C47 57 54 52 52 45C51 41.5 47 41.5 47 45%22/%3E%3Cpath d=%22M27 45V58M32 46V58%22/%3E%3Cpath d=%22M20 23C20 17.5 21.5 13.5 21.5 10.5L26 14.8C28.5 14.1 31.5 14.1 34 14.8L38.5 10.5C38.5 13.5 40 17.5 40 23C40 28.5 35.5 32 30 32C24.5 32 20 28.5 20 23Z%22 fill=%22%23fffdf7%22/%3E%3Ccircle cx=%2226.3%22 cy=%2222.5%22 r=%22.9%22 fill=%22%232f3e4c%22 stroke=%22none%22/%3E%3Ccircle cx=%2233.7%22 cy=%2222.5%22 r=%22.9%22 fill=%22%232f3e4c%22 stroke=%22none%22/%3E%3Cpath d=%22M29 25.6L30 26.6L31 25.6M17 24.5L22.5 25.2M17.5 27.5L22.5 26.6M43 24.5L37.5 25.2M42.5 27.5L37.5 26.6%22/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;}

/* ===== トップ v4（2026-10-20）：トバログ式。灰色の地に白い区画を並べ、見出しは中央、カードの形は1種類にそろえる ===== */
.home{--t-ink:#2b2b2b;--t-sub:#8c8c8c;--t-line:#e4e4e4}
.home .main{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.home .hk-hero,.home .hk-section{display:block!important;background:#fff!important;margin:0 0 16px!important;padding:40px 22px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.home .hk-hero{padding:0!important}
.home .hk-hero > *{max-width:none}
.home .hk-hero-art{margin:0!important}
.home .hk-hero-art img{display:block;width:100%;height:auto;border-radius:0!important;aspect-ratio:auto!important}
.home .hk-lead{text-align:center;padding:24px 22px 28px}
.home .hk-hero-title{font-size:18px!important;font-weight:700!important;letter-spacing:.08em;line-height:1.6!important;color:var(--t-ink)!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important}
.home .hk-hero-title::before,.home .hk-hero-title::after{display:none!important}
.home .hk-hero-sub{font-size:13px!important;line-height:1.8;color:var(--t-sub)!important;margin:0!important}
/* 見出し */
.home .hk-sec-head{display:block!important;text-align:center;margin:0 0 28px!important;padding:0!important;border:0!important}
.home .hk-sec-title{display:block!important;font-size:21px!important;font-weight:700!important;letter-spacing:.16em;line-height:1.5!important;color:var(--t-ink)!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.home .hk-sec-title::before,.home .hk-sec-title::after{display:none!important}
.home .hk-sec-en{font-size:11px!important;letter-spacing:.3em;color:var(--t-sub)!important;margin:6px 0 0!important;line-height:1}
.home .hk-sec-sub{display:none!important}
.home .hk-hub-lead{text-align:center;font-size:13px!important;color:var(--t-sub)!important;margin:-12px 0 26px!important;line-height:1.8}
.home .hk-hub-s{margin:0!important;padding:40px 0 0;border-top:16px solid #f0f0f0}
.home .hk-hub-s:first-child{padding-top:0;border-top:0}
.home .hk-hubsec{padding-bottom:40px!important}
/* カード：スマホは写真が左、PCは写真が上の4列。新着・人気・セール・ジャンル別で同じ形 */
.home .hk-q .wp-block-post-template,.home .hk-hub-list,.home .hk-popular .popular-entry-cards{display:block!important;margin:0!important;padding:0!important;overflow:visible!important;gap:0!important}
.home .hk-q .wp-block-post,.home .hk-hub-i,.home .hk-popular .popular-entry-card{position:relative;display:grid!important;grid-template-columns:44% minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;align-items:start;margin:0 0 22px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;transform:none!important;flex:none!important;min-height:0}
.home .hk-q .wp-block-post:last-child,.home .hk-hub-list > .hk-hub-i:last-child,.home .hk-popular .popular-entry-card-link:last-child .popular-entry-card{margin-bottom:0!important}
.home .hk-q .wp-block-post-featured-image,.home .hk-hub-i .hk-thumb,.home .hk-popular .popular-entry-card-thumb{grid-column:1;grid-row:1/3;margin:0!important;width:auto!important;float:none!important;position:relative}
.home .hk-q .wp-block-post-featured-image img,.home .hk-hub-i img,.home .hk-popular .popular-entry-card-thumb img{display:block;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;object-fit:cover;border-radius:0!important}
.home .hk-q .hk-pub,.home .hk-hub-i .hk-date,.home .hk-popular .popular-entry-card-date,.home .hk-popular .post-date,.home .hk-popular .post-update{grid-column:2;grid-row:1;font-size:11px!important;color:var(--t-sub)!important;letter-spacing:.05em;line-height:1.4!important;margin:0 0 5px!important;padding:0!important}
.home .hk-q .hk-upd{display:none!important}
.home .hk-q .hk-card-title,.home .hk-hub-i .hk-ttl,.home .hk-popular .popular-entry-card-title{grid-column:2;grid-row:2;font-size:14px!important;font-weight:700!important;line-height:1.6!important;color:var(--t-ink)!important;margin:0!important;padding:0!important;border:0!important;background:none!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home .hk-q .hk-card-title a,.home .hk-hub-i .hk-ttl a{color:var(--t-ink)!important;text-decoration:none!important}
.home .hk-hub-i .hk-ttl a::after{content:"";position:absolute;inset:0}
.home .hk-q .hk-cat,.home .hk-hub-i .hk-tag{position:absolute!important;left:0;top:0;z-index:2;background:#fff!important;color:var(--t-ink)!important;font-size:10px!important;font-weight:700;line-height:1!important;letter-spacing:.04em;padding:5px 8px!important;margin:0!important;border:0!important;border-radius:0!important;max-width:44%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home .hk-q .hk-cat a{color:inherit!important;text-decoration:none!important;background:none!important;padding:0!important;border:0!important;font-size:inherit!important}
.home .hk-q .hk-cat a ~ a,.home .hk-q .hk-cat .wp-block-post-terms__separator{display:none!important}
.home .hk-popular .popular-entry-card-link{display:block;margin:0!important;padding:0!important;border:0!important;background:none!important;text-decoration:none!important}
.home .hk-popular .popular-entry-card-link + .popular-entry-card-link{margin-top:22px!important}
.home .hk-popular .popular-entry-card-content{grid-column:2;grid-row:1/3;margin:0!important;padding:0!important;display:flex;flex-direction:column}
.home .hk-popular .popular-entry-card-content .popular-entry-card-title{order:2}
.home .hk-popular .popular-entry-card-content .popular-entry-card-date{order:1}
.home .hk-popular .card-thumb::before,.home .hk-popular .popular-entry-card-thumb::before{border-radius:0!important;font-size:11px!important;width:24px!important;height:24px!important;line-height:24px!important;top:0!important;left:0!important;background:var(--t-ink)!important;color:#fff!important}
@media (min-width:835px){
.home .hk-q .wp-block-post-template,.home .hk-hub-list,.home .hk-popular .popular-entry-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px!important}
.home .hk-popular .popular-entry-cards::before,.home .hk-popular .popular-entry-cards::after{display:none!important}
.home .hk-q .wp-block-post,.home .hk-hub-i,.home .hk-popular .popular-entry-card{display:flex!important;flex-direction:column;margin:0!important}
.home .hk-popular .popular-entry-card-link + .popular-entry-card-link{margin-top:0!important}
.home .hk-q .wp-block-post-featured-image,.home .hk-hub-i .hk-thumb,.home .hk-popular .popular-entry-card-thumb{order:0;margin:0 0 12px!important}
.home .hk-q .hk-pub,.home .hk-hub-i .hk-date{order:1}
.home .hk-q .hk-card-title,.home .hk-hub-i .hk-ttl{order:2}
.home .hk-q .hk-cat,.home .hk-hub-i .hk-tag{max-width:80%}
.home .hk-hero,.home .hk-section{padding:56px 48px!important}
.home .hk-hero{padding:0!important}
.home .hk-lead{padding:30px 48px 34px}
.home .hk-sec-title{font-size:23px!important}
}
/* もっと見る */
.home .hk-more,.home .hk-hub-more{text-align:center;margin:30px 0 0!important}
.home .hk-more a,.home .hk-hub-rest > summary{display:block;width:230px;margin:30px auto 0;padding:13px 0;text-align:center;border:0;border-top:1px solid var(--t-ink);border-bottom:1px solid var(--t-ink);background:none;font-size:12px!important;font-weight:700;letter-spacing:.18em;color:var(--t-ink)!important;text-decoration:none!important;list-style:none;cursor:pointer}
.home .hk-more a span{display:none}
.home .hk-hub-rest{margin:0!important}
.home .hk-hub-rest > summary::-webkit-details-marker{display:none}
.home .hk-hub-rest[open] > summary{margin-bottom:30px}
.home .hk-hub-rest .hk-hub-list{margin-top:0!important}
.home .hk-hub-more{margin:16px 0 0!important}
.home .hk-hub-more a{font-size:12px;color:var(--t-sub)!important;letter-spacing:.08em;text-decoration:underline!important}
/* キャンペーンのバナー */
.home .hk-promo .hk-bnr{margin:0!important}
.home .hk-bnr .hk-bnr-slide{flex-basis:72%;box-shadow:none!important;border-radius:0!important;background:#fff!important}
.home .hk-bnr-amz .hk-bnr-slide{flex-basis:44%}
@media (min-width:768px){.home .hk-bnr .hk-bnr-slide{flex-basis:calc(33.333% - 8px)}.home .hk-bnr-amz .hk-bnr-slide{flex-basis:calc(25% - 9px)}}
@media (min-width:1024px){.home .hk-bnr .hk-bnr-slide{flex-basis:calc(25% - 9px)}.home .hk-bnr-amz .hk-bnr-slide{flex-basis:calc(20% - 10px)}}
.home .hk-bnr-gimg{border-radius:0!important}
.home .hk-bnr .hk-bnr-gen .hk-bnr-price{position:static!important;display:block;background:none!important;color:var(--t-ink)!important;text-align:left!important;padding:8px 0 0!important;font-size:11.5px!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home .hk-bnr .hk-bnr-gen .hk-bnr-price b{color:#b5452f!important;font-size:12.5px!important}
.home .hk-bnr-amz .hk-bnr-gen .hk-bnr-price{font-size:0!important}
.home .hk-bnr-amz .hk-bnr-gen .hk-bnr-price b{font-size:11.5px!important}
.home .hk-bnr .hk-bnr-sub{display:none!important}
.home .hk-bnr .hk-bnr-prtag{top:-26px!important;right:0!important;background:none!important;color:var(--t-sub)!important;border:1px solid var(--t-line);font-size:10px}
.home .hk-bnr .hk-bnr-nav{width:30px;height:30px;font-size:18px;box-shadow:none;border:1px solid var(--t-line)}
.home .hk-bnr-dots{margin-top:12px!important}
.home .hk-amz-head{text-align:center;font-size:13px!important;font-weight:700!important;letter-spacing:.15em;color:var(--t-ink)!important;margin:36px 0 34px!important}
/* カテゴリ */
.home .hk-cat-grid{gap:12px!important}
.home .hk-cat-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;overflow:hidden;text-align:center}
.home .hk-cat-card img{border-radius:0!important}
.home .hk-cat-card span{display:block;font-size:12px!important;font-weight:700;letter-spacing:.08em;color:var(--t-ink)!important;background:#f3f3f3!important;padding:9px 4px!important;margin:0!important}
.home .hk-sale .hk-panel{display:block!important;margin:0!important;padding:0!important;border:0!important}
@media (min-width:835px){.home .hk-hero-art{padding:28px 0 0}.home .hk-hero-art img{max-width:720px;margin:0 auto}}

/* ===== 一覧ページ v1（2026-10-20）：カテゴリ・タグ・検索結果をトップと同じカードの形にそろえる ===== */
body.archive,body.search{--t-ink:#2b2b2b;--t-sub:#8c8c8c;--t-line:#e4e4e4}
body.archive #main,body.search #main{padding:40px 22px!important;border-radius:0!important;box-shadow:none!important;border:0!important}
body.archive .archive-title,body.search .archive-title{text-align:center;font-size:21px!important;font-weight:700!important;letter-spacing:.14em;line-height:1.5!important;color:var(--t-ink)!important;margin:0 0 22px!important;padding:0!important;border:0!important;background:none!important}
body.archive .archive-title .fa,body.search .archive-title .fa{display:none!important}
body.archive .archive-title::before,body.archive .archive-title::after,body.search .archive-title::before,body.search .archive-title::after{display:none!important}
body.archive .hk-sort,body.search .hk-sort{display:flex;justify-content:center;margin:0 0 30px!important}
body.archive #list,body.search #list{display:block!important;margin:0!important;padding:0!important}
body.archive #list .entry-card-wrap,body.search #list .entry-card-wrap{display:block!important;width:auto!important;margin:0 0 22px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;transform:none!important}
body.archive #list .entry-card,body.search #list .entry-card{display:grid!important;grid-template-columns:44% minmax(0,1fr);column-gap:14px;align-items:start;margin:0!important;padding:0!important}
body.archive #list .entry-card-thumb,body.search #list .entry-card-thumb{width:auto!important;margin:0!important;float:none!important;position:relative}
body.archive #list .entry-card-thumb img,body.search #list .entry-card-thumb img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:0!important}
body.archive #list .entry-card-content,body.search #list .entry-card-content{margin:0!important;padding:0!important;display:flex!important;flex-direction:column}
body.archive #list .entry-card-title,body.search #list .entry-card-title{order:2;font-size:14px!important;font-weight:700!important;line-height:1.6!important;color:var(--t-ink)!important;margin:0!important;padding:0!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.archive #list .entry-card-snippet,body.archive #list .entry-card-categorys,body.archive #list .entry-card-meta .fa,body.search #list .entry-card-snippet,body.search #list .entry-card-categorys,body.search #list .entry-card-meta .fa{display:none!important}
body.archive #list .entry-card-meta,body.search #list .entry-card-meta{order:1;position:static!important;margin:0 0 5px!important;padding:0!important;text-align:left!important;font-size:11px!important;color:var(--t-sub)!important}
body.archive #list .entry-card-meta .post-date,body.archive #list .entry-card-meta .post-update,body.search #list .entry-card-meta .post-date,body.search #list .entry-card-meta .post-update{font-size:11px!important;color:var(--t-sub)!important;letter-spacing:.05em}
body.archive #list .cat-label,body.search #list .cat-label{position:absolute!important;left:0!important;top:0!important;right:auto!important;background:#fff!important;color:var(--t-ink)!important;font-size:10px!important;font-weight:700;line-height:1!important;letter-spacing:.04em;padding:5px 8px!important;margin:0!important;border:0!important;border-radius:0!important;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1}
body.archive .pagination-next-link,body.search .pagination-next-link{display:block;width:230px;margin:10px auto 0;padding:13px 0;text-align:center;border:0!important;border-top:1px solid var(--t-ink)!important;border-bottom:1px solid var(--t-ink)!important;border-radius:0!important;background:none!important;color:var(--t-ink)!important;font-size:12px!important;font-weight:700;letter-spacing:.18em}
body.archive .pagination .page-numbers,body.search .pagination .page-numbers{border-radius:0!important;box-shadow:none!important}
@media (min-width:835px){body.archive #list,body.search #list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px!important}body.archive #list .entry-card-wrap,body.search #list .entry-card-wrap{margin:0!important}body.archive #list .entry-card,body.search #list .entry-card{display:flex!important;flex-direction:column}body.archive #list .entry-card-thumb,body.search #list .entry-card-thumb{margin:0 0 12px!important}body.archive #main,body.search #main{padding:56px 40px!important}}
body.archive #list .entry-card-info,body.search #list .entry-card-info{text-align:left!important;margin:0!important;padding:0!important}body.archive #list .post-update,body.search #list .post-update{display:none!important}body.archive #list .admin-pv,body.search #list .admin-pv{order:3;font-size:10px!important;color:var(--t-sub)!important;margin:6px 0 0!important}
body.archive #list .entry-card-info,body.search #list .entry-card-info{justify-content:flex-start!important}

.home .hk-more a{border-radius:0!important;border-left:0!important;border-right:0!important;background:none!important;box-shadow:none!important}

/* ===== 人気記事ランキング（/ranking/）：トップ v4 と同じ見た目（.home を固定ページに読み替え） ===== */
.page-id-1244{--t-ink:#2b2b2b;--t-sub:#8c8c8c;--t-line:#e4e4e4}
.page-id-1244 .main{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.page-id-1244 .hk-hero,.page-id-1244 .hk-section{display:block!important;background:#fff!important;margin:0 0 16px!important;padding:40px 22px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.page-id-1244 .hk-hero{padding:0!important}
.page-id-1244 .hk-hero > *{max-width:none}
.page-id-1244 .hk-hero-art{margin:0!important}
.page-id-1244 .hk-hero-art img{display:block;width:100%;height:auto;border-radius:0!important;aspect-ratio:auto!important}
.page-id-1244 .hk-lead{text-align:center;padding:24px 22px 28px}
.page-id-1244 .hk-hero-title{font-size:18px!important;font-weight:700!important;letter-spacing:.08em;line-height:1.6!important;color:var(--t-ink)!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important}
.page-id-1244 .hk-hero-title::before,.page-id-1244 .hk-hero-title::after{display:none!important}
.page-id-1244 .hk-hero-sub{font-size:13px!important;line-height:1.8;color:var(--t-sub)!important;margin:0!important}
/* 見出し */
.page-id-1244 .hk-sec-head{display:block!important;text-align:center;margin:0 0 28px!important;padding:0!important;border:0!important}
.page-id-1244 .hk-sec-title{display:block!important;font-size:21px!important;font-weight:700!important;letter-spacing:.16em;line-height:1.5!important;color:var(--t-ink)!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.page-id-1244 .hk-sec-title::before,.page-id-1244 .hk-sec-title::after{display:none!important}
.page-id-1244 .hk-sec-en{font-size:11px!important;letter-spacing:.3em;color:var(--t-sub)!important;margin:6px 0 0!important;line-height:1}
.page-id-1244 .hk-sec-sub{display:none!important}
.page-id-1244 .hk-hub-lead{text-align:center;font-size:13px!important;color:var(--t-sub)!important;margin:-12px 0 26px!important;line-height:1.8}
.page-id-1244 .hk-hub-s{margin:0!important;padding:40px 0 0;border-top:16px solid #f0f0f0}
.page-id-1244 .hk-hub-s:first-child{padding-top:0;border-top:0}
.page-id-1244 .hk-hubsec{padding-bottom:40px!important}
/* カード：スマホは写真が左、PCは写真が上の4列。新着・人気・セール・ジャンル別で同じ形 */
.page-id-1244 .hk-q .wp-block-post-template,.page-id-1244 .hk-hub-list,.page-id-1244 .hk-popular .popular-entry-cards{display:block!important;margin:0!important;padding:0!important;overflow:visible!important;gap:0!important}
.page-id-1244 .hk-q .wp-block-post,.page-id-1244 .hk-hub-i,.page-id-1244 .hk-popular .popular-entry-card{position:relative;display:grid!important;grid-template-columns:44% minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;align-items:start;margin:0 0 22px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;transform:none!important;flex:none!important;min-height:0}
.page-id-1244 .hk-q .wp-block-post:last-child,.page-id-1244 .hk-hub-list > .hk-hub-i:last-child,.page-id-1244 .hk-popular .popular-entry-card-link:last-child .popular-entry-card{margin-bottom:0!important}
.page-id-1244 .hk-q .wp-block-post-featured-image,.page-id-1244 .hk-hub-i .hk-thumb,.page-id-1244 .hk-popular .popular-entry-card-thumb{grid-column:1;grid-row:1/3;margin:0!important;width:auto!important;float:none!important;position:relative}
.page-id-1244 .hk-q .wp-block-post-featured-image img,.page-id-1244 .hk-hub-i img,.page-id-1244 .hk-popular .popular-entry-card-thumb img{display:block;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;object-fit:cover;border-radius:0!important}
.page-id-1244 .hk-q .hk-pub,.page-id-1244 .hk-hub-i .hk-date,.page-id-1244 .hk-popular .popular-entry-card-date,.page-id-1244 .hk-popular .post-date,.page-id-1244 .hk-popular .post-update{grid-column:2;grid-row:1;font-size:11px!important;color:var(--t-sub)!important;letter-spacing:.05em;line-height:1.4!important;margin:0 0 5px!important;padding:0!important}
.page-id-1244 .hk-q .hk-upd{display:none!important}
.page-id-1244 .hk-q .hk-card-title,.page-id-1244 .hk-hub-i .hk-ttl,.page-id-1244 .hk-popular .popular-entry-card-title{grid-column:2;grid-row:2;font-size:14px!important;font-weight:700!important;line-height:1.6!important;color:var(--t-ink)!important;margin:0!important;padding:0!important;border:0!important;background:none!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.page-id-1244 .hk-q .hk-card-title a,.page-id-1244 .hk-hub-i .hk-ttl a{color:var(--t-ink)!important;text-decoration:none!important}
.page-id-1244 .hk-hub-i .hk-ttl a::after{content:"";position:absolute;inset:0}
.page-id-1244 .hk-q .hk-cat,.page-id-1244 .hk-hub-i .hk-tag{position:absolute!important;left:0;top:0;z-index:2;background:#fff!important;color:var(--t-ink)!important;font-size:10px!important;font-weight:700;line-height:1!important;letter-spacing:.04em;padding:5px 8px!important;margin:0!important;border:0!important;border-radius:0!important;max-width:44%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-id-1244 .hk-q .hk-cat a{color:inherit!important;text-decoration:none!important;background:none!important;padding:0!important;border:0!important;font-size:inherit!important}
.page-id-1244 .hk-q .hk-cat a ~ a,.page-id-1244 .hk-q .hk-cat .wp-block-post-terms__separator{display:none!important}
.page-id-1244 .hk-popular .popular-entry-card-link{display:block;margin:0!important;padding:0!important;border:0!important;background:none!important;text-decoration:none!important}
.page-id-1244 .hk-popular .popular-entry-card-link + .popular-entry-card-link{margin-top:22px!important}
.page-id-1244 .hk-popular .popular-entry-card-content{grid-column:2;grid-row:1/3;margin:0!important;padding:0!important;display:flex;flex-direction:column}
.page-id-1244 .hk-popular .popular-entry-card-content .popular-entry-card-title{order:2}
.page-id-1244 .hk-popular .popular-entry-card-content .popular-entry-card-date{order:1}
.page-id-1244 .hk-popular .card-thumb::before,.page-id-1244 .hk-popular .popular-entry-card-thumb::before{border-radius:0!important;font-size:11px!important;width:24px!important;height:24px!important;line-height:24px!important;top:0!important;left:0!important;background:var(--t-ink)!important;color:#fff!important}
@media (min-width:835px){
.page-id-1244 .hk-q .wp-block-post-template,.page-id-1244 .hk-hub-list,.page-id-1244 .hk-popular .popular-entry-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px!important}
.page-id-1244 .hk-popular .popular-entry-cards::before,.page-id-1244 .hk-popular .popular-entry-cards::after{display:none!important}
.page-id-1244 .hk-q .wp-block-post,.page-id-1244 .hk-hub-i,.page-id-1244 .hk-popular .popular-entry-card{display:flex!important;flex-direction:column;margin:0!important}
.page-id-1244 .hk-popular .popular-entry-card-link + .popular-entry-card-link{margin-top:0!important}
.page-id-1244 .hk-q .wp-block-post-featured-image,.page-id-1244 .hk-hub-i .hk-thumb,.page-id-1244 .hk-popular .popular-entry-card-thumb{order:0;margin:0 0 12px!important}
.page-id-1244 .hk-q .hk-pub,.page-id-1244 .hk-hub-i .hk-date{order:1}
.page-id-1244 .hk-q .hk-card-title,.page-id-1244 .hk-hub-i .hk-ttl{order:2}
.page-id-1244 .hk-q .hk-cat,.page-id-1244 .hk-hub-i .hk-tag{max-width:80%}
.page-id-1244 .hk-hero,.page-id-1244 .hk-section{padding:56px 48px!important}
.page-id-1244 .hk-hero{padding:0!important}
.page-id-1244 .hk-lead{padding:30px 48px 34px}
.page-id-1244 .hk-sec-title{font-size:23px!important}
}
/* もっと見る */
.page-id-1244 .hk-more,.page-id-1244 .hk-hub-more{text-align:center;margin:30px 0 0!important}
.page-id-1244 .hk-more a,.page-id-1244 .hk-hub-rest > summary{display:block;width:230px;margin:30px auto 0;padding:13px 0;text-align:center;border:0;border-top:1px solid var(--t-ink);border-bottom:1px solid var(--t-ink);background:none;font-size:12px!important;font-weight:700;letter-spacing:.18em;color:var(--t-ink)!important;text-decoration:none!important;list-style:none;cursor:pointer}
.page-id-1244 .hk-more a span{display:none}
.page-id-1244 .hk-hub-rest{margin:0!important}
.page-id-1244 .hk-hub-rest > summary::-webkit-details-marker{display:none}
.page-id-1244 .hk-hub-rest[open] > summary{margin-bottom:30px}
.page-id-1244 .hk-hub-rest .hk-hub-list{margin-top:0!important}
.page-id-1244 .hk-hub-more{margin:16px 0 0!important}
.page-id-1244 .hk-hub-more a{font-size:12px;color:var(--t-sub)!important;letter-spacing:.08em;text-decoration:underline!important}
/* キャンペーンのバナー */
.page-id-1244 .hk-promo .hk-bnr{margin:0!important}
.page-id-1244 .hk-bnr .hk-bnr-slide{flex-basis:72%;box-shadow:none!important;border-radius:0!important;background:#fff!important}
.page-id-1244 .hk-bnr-amz .hk-bnr-slide{flex-basis:44%}
@media (min-width:768px){.page-id-1244 .hk-bnr .hk-bnr-slide{flex-basis:calc(33.333% - 8px)}.page-id-1244 .hk-bnr-amz .hk-bnr-slide{flex-basis:calc(25% - 9px)}}
@media (min-width:1024px){.page-id-1244 .hk-bnr .hk-bnr-slide{flex-basis:calc(25% - 9px)}.page-id-1244 .hk-bnr-amz .hk-bnr-slide{flex-basis:calc(20% - 10px)}}
.page-id-1244 .hk-bnr-gimg{border-radius:0!important}
.page-id-1244 .hk-bnr .hk-bnr-gen .hk-bnr-price{position:static!important;display:block;background:none!important;color:var(--t-ink)!important;text-align:left!important;padding:8px 0 0!important;font-size:11.5px!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-id-1244 .hk-bnr .hk-bnr-gen .hk-bnr-price b{color:#b5452f!important;font-size:12.5px!important}
.page-id-1244 .hk-bnr-amz .hk-bnr-gen .hk-bnr-price{font-size:0!important}
.page-id-1244 .hk-bnr-amz .hk-bnr-gen .hk-bnr-price b{font-size:11.5px!important}
.page-id-1244 .hk-bnr .hk-bnr-sub{display:none!important}
.page-id-1244 .hk-bnr .hk-bnr-prtag{top:-26px!important;right:0!important;background:none!important;color:var(--t-sub)!important;border:1px solid var(--t-line);font-size:10px}
.page-id-1244 .hk-bnr .hk-bnr-nav{width:30px;height:30px;font-size:18px;box-shadow:none;border:1px solid var(--t-line)}
.page-id-1244 .hk-bnr-dots{margin-top:12px!important}
.page-id-1244 .hk-amz-head{text-align:center;font-size:13px!important;font-weight:700!important;letter-spacing:.15em;color:var(--t-ink)!important;margin:36px 0 34px!important}
/* カテゴリ */
.page-id-1244 .hk-cat-grid{gap:12px!important}
.page-id-1244 .hk-cat-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;overflow:hidden;text-align:center}
.page-id-1244 .hk-cat-card img{border-radius:0!important}
.page-id-1244 .hk-cat-card span{display:block;font-size:12px!important;font-weight:700;letter-spacing:.08em;color:var(--t-ink)!important;background:#f3f3f3!important;padding:9px 4px!important;margin:0!important}
.page-id-1244 .hk-sale .hk-panel{display:block!important;margin:0!important;padding:0!important;border:0!important}
@media (min-width:835px){.page-id-1244 .hk-hero-art{padding:28px 0 0}.page-id-1244 .hk-hero-art img{max-width:720px;margin:0 auto}}

.page-id-1244 .entry-title{text-align:center;font-size:21px!important;font-weight:700!important;letter-spacing:.14em;color:var(--t-ink)!important;border:0!important;background:none!important;padding:0!important;margin:28px 0 20px!important}.page-id-1244 .entry-title::before,.page-id-1244 .entry-title::after{display:none!important}.page-id-1244 .hk-rank-lead{text-align:center;font-size:13px;color:var(--t-sub);margin:0 0 28px!important}.page-id-1244 .hk-section{padding:32px 22px!important}

/* ===== 新着記事（/new/）：一覧ページ v1 と同じ ===== */
body.blog,body.search{--t-ink:#2b2b2b;--t-sub:#8c8c8c;--t-line:#e4e4e4}
body.blog #main,body.search #main{padding:40px 22px!important;border-radius:0!important;box-shadow:none!important;border:0!important}
body.blog .archive-title,body.search .archive-title{text-align:center;font-size:21px!important;font-weight:700!important;letter-spacing:.14em;line-height:1.5!important;color:var(--t-ink)!important;margin:0 0 22px!important;padding:0!important;border:0!important;background:none!important}
body.blog .archive-title .fa,body.search .archive-title .fa{display:none!important}
body.blog .archive-title::before,body.blog .archive-title::after,body.search .archive-title::before,body.search .archive-title::after{display:none!important}
body.blog .hk-sort,body.search .hk-sort{display:flex;justify-content:center;margin:0 0 30px!important}
body.blog #list,body.search #list{display:block!important;margin:0!important;padding:0!important}
body.blog #list .entry-card-wrap,body.search #list .entry-card-wrap{display:block!important;width:auto!important;margin:0 0 22px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;transform:none!important}
body.blog #list .entry-card,body.search #list .entry-card{display:grid!important;grid-template-columns:44% minmax(0,1fr);column-gap:14px;align-items:start;margin:0!important;padding:0!important}
body.blog #list .entry-card-thumb,body.search #list .entry-card-thumb{width:auto!important;margin:0!important;float:none!important;position:relative}
body.blog #list .entry-card-thumb img,body.search #list .entry-card-thumb img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;border-radius:0!important}
body.blog #list .entry-card-content,body.search #list .entry-card-content{margin:0!important;padding:0!important;display:flex!important;flex-direction:column}
body.blog #list .entry-card-title,body.search #list .entry-card-title{order:2;font-size:14px!important;font-weight:700!important;line-height:1.6!important;color:var(--t-ink)!important;margin:0!important;padding:0!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.blog #list .entry-card-snippet,body.blog #list .entry-card-categorys,body.blog #list .entry-card-meta .fa,body.search #list .entry-card-snippet,body.search #list .entry-card-categorys,body.search #list .entry-card-meta .fa{display:none!important}
body.blog #list .entry-card-meta,body.search #list .entry-card-meta{order:1;position:static!important;margin:0 0 5px!important;padding:0!important;text-align:left!important;font-size:11px!important;color:var(--t-sub)!important}
body.blog #list .entry-card-meta .post-date,body.blog #list .entry-card-meta .post-update,body.search #list .entry-card-meta .post-date,body.search #list .entry-card-meta .post-update{font-size:11px!important;color:var(--t-sub)!important;letter-spacing:.05em}
body.blog #list .cat-label,body.search #list .cat-label{position:absolute!important;left:0!important;top:0!important;right:auto!important;background:#fff!important;color:var(--t-ink)!important;font-size:10px!important;font-weight:700;line-height:1!important;letter-spacing:.04em;padding:5px 8px!important;margin:0!important;border:0!important;border-radius:0!important;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1}
body.blog .pagination-next-link,body.search .pagination-next-link{display:block;width:230px;margin:10px auto 0;padding:13px 0;text-align:center;border:0!important;border-top:1px solid var(--t-ink)!important;border-bottom:1px solid var(--t-ink)!important;border-radius:0!important;background:none!important;color:var(--t-ink)!important;font-size:12px!important;font-weight:700;letter-spacing:.18em}
body.blog .pagination .page-numbers,body.search .pagination .page-numbers{border-radius:0!important;box-shadow:none!important}
@media (min-width:835px){body.blog #list,body.search #list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px!important}body.blog #list .entry-card-wrap,body.search #list .entry-card-wrap{margin:0!important}body.blog #list .entry-card,body.search #list .entry-card{display:flex!important;flex-direction:column}body.blog #list .entry-card-thumb,body.search #list .entry-card-thumb{margin:0 0 12px!important}body.blog #main,body.search #main{padding:56px 40px!important}}
body.blog #list .entry-card-info,body.search #list .entry-card-info{text-align:left!important;margin:0!important;padding:0!important}body.blog #list .post-update,body.search #list .post-update{display:none!important}body.blog #list .admin-pv,body.search #list .admin-pv{order:3;font-size:10px!important;color:var(--t-sub)!important;margin:6px 0 0!important}
body.blog #list .entry-card-info,body.search #list .entry-card-info{justify-content:flex-start!important}
.home .hk-hub-s:not(:last-child) .hk-more{margin-bottom:40px!important}
@media (min-width:835px){.page-id-1244 .hk-popular .popular-entry-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ===== 一覧・ランキングのパンくずと既定の部品（2026-10-20）：パンくずは残し、アイコンと枠を外して小さな灰色の文字にする。固定ページの日付は出さない ===== */
body.archive #breadcrumb,body.search #breadcrumb,body.blog #breadcrumb,body.page-id-1244 #breadcrumb{background:none!important;border:0!important;box-shadow:none!important;padding:14px 22px 0!important;margin:0!important;font-size:11px!important;letter-spacing:.06em;color:#8c8c8c!important}
body.archive #breadcrumb .fa,body.search #breadcrumb .fa,body.blog #breadcrumb .fa,body.page-id-1244 #breadcrumb .fa{display:none!important}
body.archive #breadcrumb a,body.search #breadcrumb a,body.blog #breadcrumb a,body.page-id-1244 #breadcrumb a{color:#8c8c8c!important;text-decoration:none!important}
body.archive #breadcrumb .breadcrumb-item::before,body.search #breadcrumb .breadcrumb-item::before,body.blog #breadcrumb .breadcrumb-item::before,body.page-id-1244 #breadcrumb .breadcrumb-item::before{content:"/";margin:0 8px;color:#c4c4c4}
body.archive #breadcrumb .breadcrumb-item,body.search #breadcrumb .breadcrumb-item,body.blog #breadcrumb .breadcrumb-item,body.page-id-1244 #breadcrumb .breadcrumb-item{display:inline!important}
body.archive #breadcrumb .breadcrumb-home,body.search #breadcrumb .breadcrumb-home,body.blog #breadcrumb .breadcrumb-home,body.page-id-1244 #breadcrumb .breadcrumb-home{display:inline!important}
body.page-id-1244 .article-header .date-tags,body.page-id-1244 .article-header .post-date,body.page-id-1244 .article-header .post-update{display:none!important}

/* ===== 上部ナビ v2（2026-10-20）：カテゴリの絵を丸いアイコンにして名前を下に置く（ゴリミーのストーリー型・マイベストのアイコン型を参考）。押せる場所だと一目で分かるようにする ===== */
#navi .menu-top{display:flex!important;flex-wrap:nowrap!important;gap:2px!important;padding:12px 10px 12px!important;overflow-x:auto!important;scrollbar-width:none;justify-content:flex-start!important;-webkit-overflow-scrolling:touch}
#navi .menu-top::-webkit-scrollbar{display:none}
#navi .menu-top > li{flex:0 0 auto!important;width:auto!important;margin:0!important}
#navi .menu-top > li > a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:6px;background:none!important;border:0!important;border-radius:0!important;padding:0 2px!important;height:auto!important;width:74px;box-shadow:none!important;text-decoration:none!important}
#navi .menu-top > li > a::before{content:"";display:block;flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#f3f3f3 center/cover no-repeat;box-shadow:0 0 0 2px #fff,0 0 0 4px #c8962e;transition:transform .15s}
#navi .menu-top > li > a:hover::before{transform:scale(1.06)}
#navi .menu-top > li.current-menu-item > a::before,#navi .menu-top > li.current-menu-parent > a::before{box-shadow:0 0 0 2px #fff,0 0 0 4px #2b2b2b}
#navi .menu-top .caption-wrap{display:block!important;padding:0!important}
#navi .menu-top .item-label{font-size:11px!important;font-weight:700!important;line-height:1.35!important;color:#2b2b2b!important;text-align:center!important;white-space:normal!important}
#navi .menu-top > #menu-item-12 > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_120ce9bcf85481717cd471ba0d5f9046-768x273.png)}
#navi .menu-top > #menu-item-13 > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_86e66d5bc7819d5acd4ed8b9e0ba4ab1-768x273.png)}
#navi .menu-top > #menu-item-14 > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_f5215db3e6854406f1ff07ae0021a9b7-768x273.png)}
#navi .menu-top > #menu-item-15 > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_ff862af998fd8896b575c02e68da138f-768x273.png)}
#navi .menu-top > #menu-item-16 > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_57c4c9371a7d565bc76edc287a812180-768x273.png)}
#navi .menu-top > #menu-item-957 > a::before{background-image:url(/wp-content/uploads/2026/10/hk-cat-teigaku-768x401.jpg)}
@media (min-width:835px){#navi .menu-top{justify-content:center!important;gap:14px!important;padding:14px 0 16px!important;overflow:visible!important}#navi .menu-top > li > a{width:100px}#navi .menu-top > li > a::before{width:66px;height:66px}#navi .menu-top .item-label{font-size:12px!important}}
#navi .menu-top .item-label{text-wrap:balance}@media (max-width:834px){#navi .menu-top .item-label{font-size:10.5px!important}}

/* カテゴリの一覧ページの絵と説明文（hk-cat-hero） */
body.archive .hk-cat-hero{margin:0 0 18px!important;padding:0!important}
body.archive .hk-cat-hero img{display:block;width:100%;height:auto;aspect-ratio:768/273;object-fit:cover;border-radius:0}
body.archive .hk-cat-lead{text-align:center;font-size:13px!important;line-height:1.8;color:#8c8c8c;margin:0 0 24px!important}
@media (min-width:835px){body.archive .hk-cat-hero img{max-width:600px;margin:0 auto}}
@media (min-width:835px){#header-container,#header-container-in,#navi,#navi-in,#navi .menu-top{height:auto!important;min-height:0!important}#navi .menu-top > li{height:auto!important}}

/* 上部ナビの丸いアイコン：人物が丸の中に入るよう、絵ごとに拡大と位置を決める。上に付いてくるナビ（hk-snav）も同じ絵 */
#navi .menu-top > #menu-item-12 > a::before,.hk-snav li[data-mi="12"] > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_120ce9bcf85481717cd471ba0d5f9046-768x273.png);background-size:auto 150%;background-position:70% 0%}
#navi .menu-top > #menu-item-13 > a::before,.hk-snav li[data-mi="13"] > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_86e66d5bc7819d5acd4ed8b9e0ba4ab1-768x273.png);background-size:auto 150%;background-position:83% 10%}
#navi .menu-top > #menu-item-14 > a::before,.hk-snav li[data-mi="14"] > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_f5215db3e6854406f1ff07ae0021a9b7-768x273.png);background-size:auto 150%;background-position:50% 0%}
#navi .menu-top > #menu-item-15 > a::before,.hk-snav li[data-mi="15"] > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_ff862af998fd8896b575c02e68da138f-768x273.png);background-size:auto 150%;background-position:87% 0%}
#navi .menu-top > #menu-item-16 > a::before,.hk-snav li[data-mi="16"] > a::before{background-image:url(/wp-content/uploads/2026/10/magazine_cover_landscape_57c4c9371a7d565bc76edc287a812180-768x273.png);background-size:auto 150%;background-position:44% 10%}
#navi .menu-top > #menu-item-957 > a::before,.hk-snav li[data-mi="957"] > a::before{background-image:url(/wp-content/uploads/2026/10/hk-cat-teigaku-768x401.jpg);background-size:auto 150%;background-position:35% 0%}
/* 上に付いてくるナビ（hk-snav）：記事ページ以外で、上部ナビが画面の外に出たら小さな丸のナビを上に出す */
.hk-snav{position:fixed;left:0;right:0;top:0;z-index:60;background:rgba(255,255,255,.97);box-shadow:0 1px 0 #e4e4e4;transform:translateY(-110%);transition:transform .2s ease;pointer-events:none}
.hk-snav.on{transform:none;pointer-events:auto}
@media (min-width:783px){body.admin-bar .hk-snav{top:32px}}
.hk-snav .hk-snav-list{display:flex;flex-wrap:nowrap;gap:2px;margin:0;padding:7px 10px 6px;list-style:none;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
.hk-snav .hk-snav-list::-webkit-scrollbar{display:none}
.hk-snav li{flex:0 0 auto;margin:0;padding:0;list-style:none}
.hk-snav li > a{display:flex;flex-direction:column;align-items:center;gap:4px;width:66px;text-decoration:none!important;background:none;padding:0}
.hk-snav li > a::before{content:"";display:block;width:34px;height:34px;border-radius:50%;background-color:#f3f3f3;background-repeat:no-repeat;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #c8962e}
.hk-snav li.current-menu-item > a::before,.hk-snav li.current-menu-parent > a::before{box-shadow:0 0 0 1.5px #fff,0 0 0 3px #2b2b2b}
.hk-snav .caption-wrap{display:block;padding:0}
.hk-snav .item-label{font-size:10px;font-weight:700;line-height:1.2;color:#2b2b2b;white-space:nowrap;max-width:66px;overflow:hidden;text-overflow:ellipsis}
@media (min-width:835px){.hk-snav .hk-snav-list{justify-content:center;gap:16px}.hk-snav li > a{width:96px}.hk-snav .item-label{font-size:11px;max-width:96px}}
.hk-snav .item-label{white-space:normal;text-overflow:clip;text-wrap:balance;line-height:1.15;font-size:9.5px;text-align:center}@media (min-width:835px){.hk-snav .item-label{white-space:nowrap;font-size:11px}}

/* 付いてくるナビのホーム（hk-snav-home）と、記事ページでの重なり対策 */
.hk-snav li.hk-snav-home > a::before{background:#c8962e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5.5 9v11h13V9'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E") center/18px no-repeat!important}
.hk-snav li.hk-snav-home.current-menu-item > a::before{box-shadow:0 0 0 1.5px #fff,0 0 0 3px #2b2b2b}
.hk-snav li.hk-snav-home{margin-right:6px!important;padding-right:8px!important;border-right:1px solid #e4e4e4}
html{scroll-padding-top:90px}
body.admin-bar{scroll-padding-top:122px}
@media (min-width:835px){#sidebar-scroll,.sidebar-scroll{top:76px!important}body.admin-bar #sidebar-scroll,body.admin-bar .sidebar-scroll{top:108px!important}}

/* スマホ：上部ナビと付いてくるナビを横送りなしで画面幅に収める（見切れ対策） */
@media (max-width:834px){
#navi .menu-top{overflow:visible!important;justify-content:space-between!important;gap:0!important;padding:12px 6px 12px!important}
#navi .menu-top > li{flex:1 1 0!important;min-width:0!important}
#navi .menu-top > li > a{width:auto!important;padding:0 1px!important}
#navi .menu-top > li > a::before{width:46px!important;height:46px!important}
#navi .menu-top .item-label{font-size:10px!important;line-height:1.25!important;word-break:break-all}
.hk-snav .hk-snav-list{overflow:visible;justify-content:space-between;gap:0;padding:6px 4px 5px}
.hk-snav li{flex:1 1 0;min-width:0}
.hk-snav li.hk-snav-home{margin-right:2px!important;padding-right:2px!important}
.hk-snav li > a{width:auto;padding:0 1px;gap:3px}
.hk-snav li > a::before{width:30px;height:30px}
.hk-snav li.hk-snav-home > a::before{background-size:15px!important}
.hk-snav .item-label{font-size:10px;max-width:none;white-space:nowrap}
}

/* スマホの下部ナビ：ホームとカテゴリは上部ナビ（付いてくるナビ）に任せて外し、人気記事・検索・上へだけにする（重複の整理） */
@media (max-width:1023px){.mobile-footer-menu-buttons .navi-menu-button,.mobile-footer-menu-buttons .home-menu-button{display:none!important}}

/* 上部ナビ：スマホは語の切れ目で2行にする（Amazon|セール など） */
@media (max-width:834px){#navi .menu-top .hk-l2{display:block}#navi .menu-top .item-label{white-space:nowrap}}