@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) .hk-panel-pick{display:block !important;}
.hk-feature:has(.hk-panel-sale .hk-empty) .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{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{flex-direction:column;}
  .hk-cat-grid .hk-cat-card:last-child 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;border-radius:12px;border:1px solid var(--hk-line);}
.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;}

/* ロゴ */
.logo-header .site-logo-image,.logo-header .site-fixed-logo-image{width:260px;max-width:72vw;height:auto;}
@media (max-width:834px){.logo-header .site-logo-image{width:220px;}}
.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;}