@charset "UTF-8";
/*
Theme Name: Krone Cocoon Child
Description: Krone site styles and semantic page headings for Cocoon.
Template: cocoon-master
Version: 1.2.3
Text Domain: krone-cocoon-child
*/

/* =================================================
■ ① ベース設定
================================================= */

body{
  background:#000;
  color:#fff;
}

.site,
.site-content,
.site-main,
.wp-site-blocks,
#main,
#contents,
.content,
.main{
  background:#000 !important;
}

p,li,span,small{
  color:#fff;
}


/* =================================================
■ ② ギャラリー（ループスライド）
================================================= */

@keyframes loop-slide {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

.stk-slide-gallery00,
.stk-slide-gallery01,
.stk-slide-gallery02{
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:0 !important;
  gap:10px; /* ← 全角→半角修正 */
}

.stk-slide-gallery00 .wp-block-gallery,
.stk-slide-gallery01 .wp-block-gallery,
.stk-slide-gallery02 .wp-block-gallery{
  flex-wrap:nowrap;
  animation:loop-slide 15s infinite linear 1s both;
}

.stk-slide-gallery00 .wp-block-image,
.stk-slide-gallery01 .wp-block-image,
.stk-slide-gallery02 .wp-block-image{
  width:220px !important;
}

.stk-slide-gallery00{
  margin:0 !important;
}


/* =================================================
■ ③ エントリーカード
================================================= */

.entry-card-wrap{
  background:#949593;
  border:1px solid #333;
  border-radius:10px;
  transition:0.3s;
}

.entry-card-wrap:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
}

.card-thumb img{
  border-radius:10px;
}


/* =================================================
■ ④ サイドバー
================================================= */

.sidebar,
.widget-area{
  background:#000 !important;
}

.sidebar .widget{
  background:#c0c0c0 !important;
  border:1px solid #999;
  border-radius:10px;
  padding:20px;
  margin-bottom:30px;
}

.sidebar .widget-title,
.sidebar h3{
  color:#000 !important;
  font-size:18px;
  border-bottom:1px solid #999;
  padding-bottom:8px;
}

.sidebar .widget,
.sidebar .widget p,
.sidebar .widget li{
  color:#000 !important;
}

.sidebar .widget a{ color:#000 !important; }
.sidebar .widget a:hover{ color:#333 !important; }

.sidebar .search-edit{
  background:#fff;
  border:1px solid #888;
  color:#000;
}

.sidebar .search-submit{
  background:#444;
  color:#fff;
  border:none;
}


/* =================================================
■ ⑤ 見出し
================================================= */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  background:none !important;
  color:#fff !important;
}

.entry-content h2::before{
  display:none !important;
}

.entry-content h2{
  background:#c0c0c0 !important;
  color:#000 !important;
  padding:10px 15px;
  border-left:4px solid #888;
}


/* =================================================
■ ⑥ 目次
================================================= */

.toc{
  background:#1b1b1b !important;
  border:1px solid #444;
  border-radius:10px;
  padding:20px;
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
}

.toc-title{
  color:#fff !important;
  font-weight:bold;
}

.toc li{ color:#d6d6d6; }

.toc a{
  color:#d6d6d6 !important;
}

.toc a:hover{
  color:#fff !important;
}


/* =================================================
■ ⑦ セクション
================================================= */

.section-space{ margin:100px 0; }
.section-space-lg{ margin:140px 0; }

.section-divider{
  width:60%;
  height:1px;
  margin:80px auto;
  background:linear-gradient(to right, transparent, #888, transparent);
}

.luxury-divider{
  width:80px;
  height:3px;
  background:#c0c0c0;
  margin:60px auto;
}

.section-box{
  background:#111;
  padding:60px 40px;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

.section-title-line{
  width:60px;
  height:2px;
  background:#c0c0c0;
  margin:20px auto 50px;
}


/* =================================================
■ ⑧ ロゴ周り
================================================= */

.kronelogo .wp-block-image img{
  width:80px !important;
}

.kronelogo.wp-block-columns{
  align-items:center;
  column-gap:10px !important;
}

.kronelogo .wp-block-column{
  margin:0 !important;
  padding:0 !important;
}

.kronelogo p{ margin:0; }

.kronelogo + p,
.kronelogo + p + .wp-block-columns + p{
  position:relative;
  display:inline-block;
}

.kronelogo + p::after,
.kronelogo + p + .wp-block-columns + p::after{
  content:"";
  position:absolute;
  top:50%;
  left:100%;
  width:100vw;
  height:1px;
  background:#ccc;
  transform:translateY(-50%);
  margin-left:10px;
}


/* =================================================
■ ⑨ 口コミ
================================================= */

.voice-card{
  background:#111;
  padding:25px;
  border-radius:12px;
  margin:30px 0;
  box-shadow:
    0 4px 10px rgba(0,0,0,0.3),
    0 10px 30px rgba(0,0,0,0.5);
}

.voice-card:hover{
  transform:translateY(-3px);
}

.voice-card::before{
  content:"Review";
  font-size:10px;
  color:#444;
}

.star{ color:#f5c518; }
.star5::before{ content:"★★★★★"; }
.star4::before{ content:"★★★★☆"; }


/* =================================================
■ ⑩ 予約・LINE
================================================= */

.reserve-box{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  padding:40px 20px;
  text-align:center;
}

.line-box{
  background:#0f0f0f;
  border:1px dashed #444;
  border-radius:12px;
  padding:30px 20px;
}

/* ボタン共通 */
.reserve-btn,
.line-btn{
  all:unset;
  display:inline-block;
  cursor:pointer;
  text-align:center;
}

/* 個別 */
.reserve-btn{
  background:linear-gradient(135deg,#c0c0c0,#999);
  color:#000;
  font-size:18px;
  padding:15px 30px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  transition:0.3s;
}

.line-btn{
  background:#06C755;
  color:#fff;
  font-size:16px;
  padding:12px 25px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  transition:0.3s;
}

.reserve-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.4);
}

.line-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 15px rgba(0,0,0,0.4);
  opacity:0.9;
}


/* =================================================
■ ⑪ FAQ
================================================= */

.wp-block-details{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  margin-bottom:20px;
  overflow:hidden;
}

.wp-block-details summary{
  padding:18px 20px;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
  position:relative;
}

.wp-block-details summary::after{
  content:"+";
  position:absolute;
  right:20px;
  font-size:20px;
  color:#c0c0c0;
}

.wp-block-details[open] summary::after{
  content:"−";
}

.wp-block-details .wp-block-aioseo-faq{
  padding:20px;
  border-top:1px solid #222;
}

.wp-block-details summary:hover{
  background:#181818;
}

.wp-block-details[open] summary{
  background:#1a1a1a;
}

.faq-intro{
  font-size:14px;
  color:#aaa;
}






/* =========================
■ マスコット
========================= */
#mascotWrap{
  position:fixed;
  z-index:9999;
  display:none;
  cursor:pointer;
  pointer-events:auto;
}

#mascot{
  width:70px;
  display:block;
}

#bubble{
  position:absolute;
  bottom:100%;
  left:50%;
  transform:translateX(-50%);
  margin-bottom:8px;

  background:#fff;
  color:#000;
  padding:6px 10px;
  border-radius:20px;
  font-size:12px;
  white-space:nowrap;
  box-shadow:0 5px 15px rgba(0,0,0,0.2);
}


/* =========================
■ クーポン全体
========================= */
.coupon-container{
  background:#000;
  color:#fff;
  text-align:center;
  padding:50px 20px;
  max-width:500px;
  margin:0 auto;
}


/* =========================
■ タイトル
========================= */
.coupon-title{
  font-size:22px;
  margin-bottom:5px;
  letter-spacing:1px;
}

.coupon-price{
  font-size:32px;
  color:#c0c0c0;
  letter-spacing:3px;
  margin-bottom:30px;
  text-shadow:0 0 10px rgba(192,192,192,0.5);
}


/* =========================
■ 情報BOX
========================= */
.info-box{
  background:#111 !important;
  border:1px solid #333;
  border-radius:12px;
  padding:20px;
  max-width:300px;
  margin:0 auto 25px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

/* WPの余計な白潰し */
.info-box *{
  background:transparent !important;
  color:#fff !important;
}


/* =========================
■ テキスト
========================= */
.label{
  font-size:13px;
  color:#aaa;
  margin-top:10px;
}

.value{
  font-size:16px;
  margin-bottom:10px;
}

.code{
  font-size:20px;
  font-weight:bold;
  letter-spacing:2px;
  background:#000;
  border:1px dashed #555;
  padding:8px;
  border-radius:8px;
  display:inline-block;
}

.note{
  font-size:13px;
  color:#aaa;
  line-height:1.6;
}


/* =========================
■ テーマ対策（強制上書き）
========================= */
#validArea,
#validArea p,
#validArea div{
  background:transparent !important;
  color:#fff !important;
}


/* =========================
■ LINE誘導
========================= */
.line-box{
  text-align:center !important;
}

.line-box p,
.line-box a{
  text-align:center !important;
}

.line-btn{
  display:block;
  margin:20px auto;
}







/* =========================
■ エラーUI（コンバージョン仕様）
========================= */
.error-box{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  padding:30px 20px;
  margin:30px auto;
  max-width:340px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

/* タイトル */
.error-title{
  font-size:20px;
  color:#ff6b6b;
  margin-bottom:10px;
}

/* メインテキスト */
.error-text{
  font-size:14px;
  color:#aaa;
  margin-bottom:10px;
}

/* サブ訴求 */
.error-sub{
  font-size:14px;
  color:#fff;
  margin-bottom:20px;
}

/* ボタンエリア */
.error-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* ボタン共通 */
.error-btn{
  display:block;
  padding:14px;
  border-radius:10px;
  text-align:center;
  text-decoration:none;
  font-size:14px;
  transition:0.3s;
}

/* LINE（主導線） */
.error-btn.line{
  background:#06c755;
  color:#fff;
  font-weight:bold;
}

.error-btn.line:hover{
  opacity:0.85;
}

/* ホットペッパー（比較導線） */
.error-btn.hotpepper{
  background:#fff;
  color:#000;
  font-weight:bold;
}

.error-btn.hotpepper:hover{
  background:#eee;
}

/* TOP */
.error-btn.home{
  background:#222;
  color:#fff;
  border:1px solid #444;
}

.error-btn.home:hover{
  background:#333;

}









/* クーポン告知テキスト全体のデザイン修正版 */
.lucky-coupon-text {
    display: block;                   /* 幅を広げるためにblockに変更 */
    width: fit-content;               /* 中身の文字の長さに合わせる */
    margin-left: auto !important;     /* 左側の余白を自動にして中央へ */
    margin-right: auto !important;    /* 右側の余白を自動にして中央へ */
    
    position: relative;
    padding: 10px 20px;               /* 内側の余白 */
    background-color: #fff9e6;        /* ごく薄い黄色（背景） */
    border: 2px solid #d4af37;        /* ゴールドの枠線 */
    border-radius: 50px;              /* 角丸（カプセル型） */
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); /* ゴールドのグロー効果 */
    
    /* 文字の中央揃え */
    text-align: center;
    
    /* アニメーション */
    animation: luckyPulse 3s infinite;
}

/* 中の文字に対する指定 */
.lucky-coupon-text strong {
    color: #b18c10;                   /* 濃いめのゴールド */
    font-size: 15px;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 0px #fff;
    display: inline-block;            /* 改行を維持しつつ中央に */
}

/* スマートフォン向けの微調整 */
@media screen and (max-width: 600px) {
    .lucky-coupon-text strong {
        font-size: 13px;
    }
}

/* アニメーション定義（前回と同じ） */
@keyframes luckyPulse {
    0% { transform: scale(1); box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); }
    50% { transform: scale(1.03); box-shadow: 0 0 20px rgba(212, 175, 55, 0.8); }
    100% { transform: scale(1); box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); }
}











.flash-coupon{
  position:relative;
  margin:30px auto;
  max-width:600px;
  background:linear-gradient(135deg,#111,#222);
  border-radius:16px;
  padding:25px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.4);
  color:#fff;
}

.flash-badge{
  display:inline-block;
  background:#ff3b3b;
  padding:5px 12px;
  border-radius:50px;
  font-size:12px;
  margin-bottom:10px;
}

.flash-title{
  font-size:22px;
  line-height:1.5;
  margin-bottom:10px;
}

.flash-title span{
  color:#ffd700;
  font-size:26px;
}

.flash-desc{
  font-size:14px;
  margin-bottom:15px;
}

.flash-buttons{
  display:flex;
  gap:10px;
  justify-content:center;
}

.btn{
  flex:1;
  padding:12px;
  border-radius:8px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
}

.btn.line{
  background:#06c755;
}

.btn.hp{
  background:#ff7a00;
}

/* 非表示用 */
.hidden{
  display:none;
}









/* ===== ギャラリー縮小の完全修正 ===== */

/* ① スライドコンテナ */
.stk-slide-gallery00,
.stk-slide-gallery01,
.stk-slide-gallery02 {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

/* ② 中のギャラリー本体 */
.stk-slide-gallery00 .wp-block-gallery,
.stk-slide-gallery01 .wp-block-gallery,
.stk-slide-gallery02 .wp-block-gallery {
  display: flex;
  flex-wrap: nowrap; /* 横並び維持 */
  width: max-content; /* ←これが超重要 */
}

/* ③ 各画像ブロック */
.stk-slide-gallery00 .wp-block-image,
.stk-slide-gallery01 .wp-block-image,
.stk-slide-gallery02 .wp-block-image {
  flex: 0 0 auto; /* ←縮小禁止 */
  width: auto;
}

/* ④ 画像サイズ */
.stk-slide-gallery00 img,
.stk-slide-gallery01 img,
.stk-slide-gallery02 img {
  width: auto;
  max-width: none; /* ←これで縮小防止 */
  height: auto;
}


/* 固定ページ(.page)のときだけヘッダーとフッダーを非表示にする */
.page #header,
.page #footer {
    display: none !important;
}


/* KRONE — shared navigation, reading and visual refinements / 2026-09-30 */
:root{--kr-paper:#f5efea;--kr-muted:#c9b9b4;--kr-rose:#d6a398;--kr-border:rgba(216,172,160,.27)}
body:not(.wp-admin){background:#0d090a;color:var(--kr-paper);-webkit-font-smoothing:antialiased}
body:not(.wp-admin) :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid #e6b3a4!important;outline-offset:5px}
.kr-site-nav{position:relative;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,4vw);background:#100b0c;border-bottom:1px solid var(--kr-border);font-family:'Yu Mincho',serif}
.kr-site-nav a,.kr-site-nav summary,.kr-site-footer a{color:var(--kr-paper)!important;text-decoration:none!important}
.kr-site-nav .kr-site-logo{font:30px Georgia,serif!important;letter-spacing:.08em!important;line-height:1.2!important}
.kr-site-nav .kr-site-logo small{display:block;font:8px/1.6 Arial,sans-serif!important;letter-spacing:.18em;color:var(--kr-rose)!important;margin-top:5px}
.kr-site-links{display:flex;align-items:center;gap:28px;font-size:13px}
.kr-site-links>a{padding:10px 0}.kr-site-nav .kr-site-book{background:#650f19!important;border:1px solid #a06460;padding:12px 23px!important;white-space:nowrap}
.kr-site-nav details{position:relative;margin:0}.kr-site-nav summary{cursor:pointer;padding:12px;list-style:none;font:12px Arial,sans-serif;letter-spacing:.1em}.kr-site-nav summary::-webkit-details-marker{display:none}.kr-site-nav summary:after{content:' ＋';color:var(--kr-rose)}.kr-site-nav details[open] summary:after{content:' −'}
.kr-site-menu{position:absolute;right:0;top:100%;width:min(310px,80vw);padding:14px 22px;background:#1b1012;border:1px solid #a06460;box-shadow:0 15px 40px #0008;display:grid;max-height:70vh;overflow:auto}.kr-site-menu>a{padding:12px 0;border-bottom:1px solid var(--kr-border);font-size:13px}.kr-site-menu>a:last-child{border-bottom:0}
.kr-site-footer{padding:48px 24px;text-align:center;background:#100b0c;border-top:1px solid var(--kr-border);color:var(--kr-muted);font-size:12px}.kr-site-footer>p:first-child{font:28px Georgia,serif;letter-spacing:.12em;margin:0 0 10px}.kr-site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-top:24px}.kr-site-footer a{padding:8px 0}
body.page:has(.kr-site-nav) :is(.krone-fixed-header,.krone-drawer){display:none!important}
body.page:has(.kr-site-nav) #main{padding-top:0!important}body.page:has(.kr-site-nav) .entry-content{margin-top:0!important}
html body #krone-root-unique :is(.krone-section,.krone-bg-darker){padding-top:clamp(48px,7vw,90px)!important;padding-bottom:clamp(48px,7vw,90px)!important}
html body #krone-root-unique .krone-section{background:#0e090a!important}html body #krone-root-unique .krone-bg-darker{background:#160d0f!important}
html body #krone-root-unique :is(.krone-feature-card,.krone-menu-item){background:linear-gradient(130deg,#241416,#120c0d)!important;border:1px solid var(--kr-border)!important;box-shadow:0 12px 36px #0002}
html body #krone-root-unique :is(.section-en,.num,.category,.krone-table th){color:#d6a398!important}
html body #krone-root-unique :is(.krone-btn-primary,.krone-btn-outline,.krone-card-btn){display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;line-height:1.7!important;transition:background-color .2s,border-color .2s!important}
html body #krone-root-unique .krone-btn-primary{background:#650f19!important;border-color:#a06460!important}html body #krone-root-unique .krone-btn-outline{border-color:#a06460!important}
html body #krone-root-unique :is(.krone-btn-primary,.krone-btn-outline):hover{background:#872330!important;border-color:#ddb2a8!important}
html body #krone-root-unique .krone-hero{height:auto!important;min-height:580px!important;padding:85px 0!important}
html body #krone-root-unique .krone-hero:after{content:'';position:absolute;inset:20px;border:1px solid var(--kr-border);pointer-events:none}
html body #krone-root-unique .krone-hero-content h1{font-size:clamp(29px,4vw,48px)!important;line-height:1.7!important;font-weight:500!important}
html body #krone-root-unique :is(.krone-section-header h2,.krone-section-title){letter-spacing:.09em!important;line-height:1.75!important}
body.single-post .entry-content{font-size:16px;line-height:2.05}body.single-post .entry-content>:is(p,ul,ol,blockquote,h2,h3,h4){max-width:760px;margin-left:auto;margin-right:auto}body.single-post .entry-content>p{margin-bottom:1.7em}
body.single-post .entry-content :is(h2,h3,h4){background:transparent!important;box-shadow:none!important;line-height:1.65;color:var(--kr-paper)!important}
body.single-post .entry-content h2{font-size:clamp(23px,3vw,29px)!important;border:0!important;border-bottom:1px solid var(--kr-border)!important;padding:0 0 18px!important;margin-top:2.4em!important}
body.single-post .entry-content h3{font-size:21px!important;border:0!important;border-left:2px solid #a66b64!important;padding:4px 0 4px 18px!important}
body.single-post .entry-content h4{font-size:18px!important;border:0!important;padding:0!important;color:#e5bab0!important}
body.single-post .entry-content a:not(.wp-element-button){color:#e9b0a9;text-underline-offset:.3em}
body :is(.entry-card-wrap,.related-entry-card-wrap){background:linear-gradient(135deg,#201214,#120e0f);border:1px solid var(--kr-border);padding:20px;color:var(--kr-paper);transition:border-color .2s}
body :is(.entry-card-wrap,.related-entry-card-wrap):hover{border-color:#b3776d;background:#291619}body :is(.entry-card-title,.related-entry-card-title){color:var(--kr-paper);font-weight:500;line-height:1.7}
body :is(.entry-card-snippet,.entry-card-meta,.post-date,.post-update){color:var(--kr-muted);line-height:1.8}
body .sidebar .widget{background:#171011!important;border:1px solid var(--kr-border);padding:24px;margin-bottom:24px;box-shadow:none!important}
body .sidebar :is(.widget,.widget p,.widget li,.widget a,.widget-title,h3){color:var(--kr-paper)!important}body .sidebar :is(.widget-title,h3){background:none!important;border:0!important;border-bottom:1px solid var(--kr-border)!important;padding-bottom:12px;font-size:17px}
body .sidebar .search-edit{background:#171011!important;color:#fff!important;border:1px solid #79534b}body .sidebar .search-submit{background:#650f19!important;color:#fff!important}
body .voice-card{background:linear-gradient(135deg,#231416,#140e0e)!important;border:1px solid var(--kr-border)!important;border-radius:2px!important;padding:clamp(22px,4vw,40px)!important;margin:28px 0!important;box-shadow:none!important}body .voice-card:hover{transform:none!important}body .voice-card summary{cursor:pointer;padding:12px 0}body .voice-card .star{color:#d8b58b!important}
body .toc{background:#171011!important;border:1px solid var(--kr-border)!important;border-radius:2px;padding:26px;box-shadow:none}body .toc :is(a,.toc-title){color:#ead4ca!important}
body :is(.pagination a,.pagination .current){border:1px solid var(--kr-border);border-radius:2px;min-width:44px;min-height:44px;color:var(--kr-paper)}body .pagination .current{background:#650f19}
.kr-sitemap{max-width:960px;margin:auto;padding:65px 24px 80px}.kr-sitemap h1{font:32px/1.7 'Yu Mincho',serif!important;text-align:center;margin-bottom:40px!important}.kr-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.kr-map-group{padding:28px;border:1px solid var(--kr-border);background:#170e10}.kr-map-group h2{font-size:20px!important;background:none!important;border:0!important;padding:0 0 18px!important;margin:0!important}.kr-map-group a{display:block;color:var(--kr-paper)!important;text-decoration:none!important;padding:13px 0;border-top:1px solid var(--kr-border);font-size:14px}.kr-map-group a:hover{color:var(--kr-rose)!important}
@media(max-width:700px){.kr-site-nav{padding:16px 18px;gap:12px}.kr-site-links{gap:10px}.kr-site-links>.kr-site-desktop{display:none}.kr-site-nav .kr-site-logo{font-size:25px!important}.kr-site-nav .kr-site-book{font-size:12px;padding:11px 13px!important}.kr-site-nav summary{padding:12px 3px;font-size:10px}html body #krone-root-unique .krone-hero{min-height:510px!important;padding:55px 0!important}html body #krone-root-unique .krone-hero-content h1{font-size:28px!important}.kr-map-grid{grid-template-columns:1fr}body.single-post .entry-content{font-size:15px}body :is(.entry-card-wrap,.related-entry-card-wrap){padding:14px}}
@media(prefers-reduced-motion:reduce){body:not(.wp-admin) *,body:not(.wp-admin) *:before,body:not(.wp-admin) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Compact screens and theme title separation */
.page:has(.kr-site-nav) .article-header{display:none!important}.kr-site-logo,.kr-site-logo small,.kr-site-nav summary{white-space:nowrap}.kr-site-nav .kr-site-logo{flex-shrink:0}@media(max-width:420px){.kr-site-nav{padding:14px 10px;gap:8px}.kr-site-links{gap:8px}.kr-site-nav .kr-site-logo{font-size:22px!important}.kr-site-nav .kr-site-logo small{font-size:6px!important;letter-spacing:.12em}.kr-site-nav .kr-site-book{padding:10px!important;font-size:11px}html body #krone-root-unique .krone-hero-content h1{font-size:22px!important;letter-spacing:.03em!important}html body #krone-root-unique .krone-hero-lead{font-size:13px!important;letter-spacing:.02em!important}}/* =================================================
■ ① ベース設定
================================================= */

body{
  background:#000;
  color:#fff;
}

.site,
.site-content,
.site-main,
.wp-site-blocks,
#main,
#contents,
.content,
.main{
  background:#000 !important;
}

p,li,span,small{
  color:#fff;
}


/* =================================================
■ ② ギャラリー（ループスライド）
================================================= */

@keyframes loop-slide {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

.stk-slide-gallery00,
.stk-slide-gallery01,
.stk-slide-gallery02{
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:0 !important;
  gap:10px; /* ← 全角→半角修正 */
}

.stk-slide-gallery00 .wp-block-gallery,
.stk-slide-gallery01 .wp-block-gallery,
.stk-slide-gallery02 .wp-block-gallery{
  flex-wrap:nowrap;
  animation:loop-slide 15s infinite linear 1s both;
}

.stk-slide-gallery00 .wp-block-image,
.stk-slide-gallery01 .wp-block-image,
.stk-slide-gallery02 .wp-block-image{
  width:220px !important;
}

.stk-slide-gallery00{
  margin:0 !important;
}


/* =================================================
■ ③ エントリーカード
================================================= */

.entry-card-wrap{
  background:#949593;
  border:1px solid #333;
  border-radius:10px;
  transition:0.3s;
}

.entry-card-wrap:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
}

.card-thumb img{
  border-radius:10px;
}


/* =================================================
■ ④ サイドバー
================================================= */

.sidebar,
.widget-area{
  background:#000 !important;
}

.sidebar .widget{
  background:#c0c0c0 !important;
  border:1px solid #999;
  border-radius:10px;
  padding:20px;
  margin-bottom:30px;
}

.sidebar .widget-title,
.sidebar h3{
  color:#000 !important;
  font-size:18px;
  border-bottom:1px solid #999;
  padding-bottom:8px;
}

.sidebar .widget,
.sidebar .widget p,
.sidebar .widget li{
  color:#000 !important;
}

.sidebar .widget a{ color:#000 !important; }
.sidebar .widget a:hover{ color:#333 !important; }

.sidebar .search-edit{
  background:#fff;
  border:1px solid #888;
  color:#000;
}

.sidebar .search-submit{
  background:#444;
  color:#fff;
  border:none;
}


/* =================================================
■ ⑤ 見出し
================================================= */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  background:none !important;
  color:#fff !important;
}

.entry-content h2::before{
  display:none !important;
}

.entry-content h2{
  background:#c0c0c0 !important;
  color:#000 !important;
  padding:10px 15px;
  border-left:4px solid #888;
}


/* =================================================
■ ⑥ 目次
================================================= */

.toc{
  background:#1b1b1b !important;
  border:1px solid #444;
  border-radius:10px;
  padding:20px;
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
}

.toc-title{
  color:#fff !important;
  font-weight:bold;
}

.toc li{ color:#d6d6d6; }

.toc a{
  color:#d6d6d6 !important;
}

.toc a:hover{
  color:#fff !important;
}


/* =================================================
■ ⑦ セクション
================================================= */

.section-space{ margin:100px 0; }
.section-space-lg{ margin:140px 0; }

.section-divider{
  width:60%;
  height:1px;
  margin:80px auto;
  background:linear-gradient(to right, transparent, #888, transparent);
}

.luxury-divider{
  width:80px;
  height:3px;
  background:#c0c0c0;
  margin:60px auto;
}

.section-box{
  background:#111;
  padding:60px 40px;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

.section-title-line{
  width:60px;
  height:2px;
  background:#c0c0c0;
  margin:20px auto 50px;
}


/* =================================================
■ ⑧ ロゴ周り
================================================= */

.kronelogo .wp-block-image img{
  width:80px !important;
}

.kronelogo.wp-block-columns{
  align-items:center;
  column-gap:10px !important;
}

.kronelogo .wp-block-column{
  margin:0 !important;
  padding:0 !important;
}

.kronelogo p{ margin:0; }

.kronelogo + p,
.kronelogo + p + .wp-block-columns + p{
  position:relative;
  display:inline-block;
}

.kronelogo + p::after,
.kronelogo + p + .wp-block-columns + p::after{
  content:"";
  position:absolute;
  top:50%;
  left:100%;
  width:100vw;
  height:1px;
  background:#ccc;
  transform:translateY(-50%);
  margin-left:10px;
}


/* =================================================
■ ⑨ 口コミ
================================================= */

.voice-card{
  background:#111;
  padding:25px;
  border-radius:12px;
  margin:30px 0;
  box-shadow:
    0 4px 10px rgba(0,0,0,0.3),
    0 10px 30px rgba(0,0,0,0.5);
}

.voice-card:hover{
  transform:translateY(-3px);
}

.voice-card::before{
  content:"Review";
  font-size:10px;
  color:#444;
}

.star{ color:#f5c518; }
.star5::before{ content:"★★★★★"; }
.star4::before{ content:"★★★★☆"; }


/* =================================================
■ ⑩ 予約・LINE
================================================= */

.reserve-box{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  padding:40px 20px;
  text-align:center;
}

.line-box{
  background:#0f0f0f;
  border:1px dashed #444;
  border-radius:12px;
  padding:30px 20px;
}

/* ボタン共通 */
.reserve-btn,
.line-btn{
  all:unset;
  display:inline-block;
  cursor:pointer;
  text-align:center;
}

/* 個別 */
.reserve-btn{
  background:linear-gradient(135deg,#c0c0c0,#999);
  color:#000;
  font-size:18px;
  padding:15px 30px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  transition:0.3s;
}

.line-btn{
  background:#06C755;
  color:#fff;
  font-size:16px;
  padding:12px 25px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  transition:0.3s;
}

.reserve-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.4);
}

.line-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 15px rgba(0,0,0,0.4);
  opacity:0.9;
}


/* =================================================
■ ⑪ FAQ
================================================= */

.wp-block-details{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  margin-bottom:20px;
  overflow:hidden;
}

.wp-block-details summary{
  padding:18px 20px;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
  position:relative;
}

.wp-block-details summary::after{
  content:"+";
  position:absolute;
  right:20px;
  font-size:20px;
  color:#c0c0c0;
}

.wp-block-details[open] summary::after{
  content:"−";
}

.wp-block-details .wp-block-aioseo-faq{
  padding:20px;
  border-top:1px solid #222;
}

.wp-block-details summary:hover{
  background:#181818;
}

.wp-block-details[open] summary{
  background:#1a1a1a;
}

.faq-intro{
  font-size:14px;
  color:#aaa;
}






/* =========================
■ マスコット
========================= */
#mascotWrap{
  position:fixed;
  z-index:9999;
  display:none;
  cursor:pointer;
  pointer-events:auto;
}

#mascot{
  width:70px;
  display:block;
}

#bubble{
  position:absolute;
  bottom:100%;
  left:50%;
  transform:translateX(-50%);
  margin-bottom:8px;

  background:#fff;
  color:#000;
  padding:6px 10px;
  border-radius:20px;
  font-size:12px;
  white-space:nowrap;
  box-shadow:0 5px 15px rgba(0,0,0,0.2);
}


/* =========================
■ クーポン全体
========================= */
.coupon-container{
  background:#000;
  color:#fff;
  text-align:center;
  padding:50px 20px;
  max-width:500px;
  margin:0 auto;
}


/* =========================
■ タイトル
========================= */
.coupon-title{
  font-size:22px;
  margin-bottom:5px;
  letter-spacing:1px;
}

.coupon-price{
  font-size:32px;
  color:#c0c0c0;
  letter-spacing:3px;
  margin-bottom:30px;
  text-shadow:0 0 10px rgba(192,192,192,0.5);
}


/* =========================
■ 情報BOX
========================= */
.info-box{
  background:#111 !important;
  border:1px solid #333;
  border-radius:12px;
  padding:20px;
  max-width:300px;
  margin:0 auto 25px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

/* WPの余計な白潰し */
.info-box *{
  background:transparent !important;
  color:#fff !important;
}


/* =========================
■ テキスト
========================= */
.label{
  font-size:13px;
  color:#aaa;
  margin-top:10px;
}

.value{
  font-size:16px;
  margin-bottom:10px;
}

.code{
  font-size:20px;
  font-weight:bold;
  letter-spacing:2px;
  background:#000;
  border:1px dashed #555;
  padding:8px;
  border-radius:8px;
  display:inline-block;
}

.note{
  font-size:13px;
  color:#aaa;
  line-height:1.6;
}


/* =========================
■ テーマ対策（強制上書き）
========================= */
#validArea,
#validArea p,
#validArea div{
  background:transparent !important;
  color:#fff !important;
}


/* =========================
■ LINE誘導
========================= */
.line-box{
  text-align:center !important;
}

.line-box p,
.line-box a{
  text-align:center !important;
}

.line-btn{
  display:block;
  margin:20px auto;
}







/* =========================
■ エラーUI（コンバージョン仕様）
========================= */
.error-box{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  padding:30px 20px;
  margin:30px auto;
  max-width:340px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

/* タイトル */
.error-title{
  font-size:20px;
  color:#ff6b6b;
  margin-bottom:10px;
}

/* メインテキスト */
.error-text{
  font-size:14px;
  color:#aaa;
  margin-bottom:10px;
}

/* サブ訴求 */
.error-sub{
  font-size:14px;
  color:#fff;
  margin-bottom:20px;
}

/* ボタンエリア */
.error-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* ボタン共通 */
.error-btn{
  display:block;
  padding:14px;
  border-radius:10px;
  text-align:center;
  text-decoration:none;
  font-size:14px;
  transition:0.3s;
}

/* LINE（主導線） */
.error-btn.line{
  background:#06c755;
  color:#fff;
  font-weight:bold;
}

.error-btn.line:hover{
  opacity:0.85;
}

/* ホットペッパー（比較導線） */
.error-btn.hotpepper{
  background:#fff;
  color:#000;
  font-weight:bold;
}

.error-btn.hotpepper:hover{
  background:#eee;
}

/* TOP */
.error-btn.home{
  background:#222;
  color:#fff;
  border:1px solid #444;
}

.error-btn.home:hover{
  background:#333;

}









/* クーポン告知テキスト全体のデザイン修正版 */
.lucky-coupon-text {
    display: block;                   /* 幅を広げるためにblockに変更 */
    width: fit-content;               /* 中身の文字の長さに合わせる */
    margin-left: auto !important;     /* 左側の余白を自動にして中央へ */
    margin-right: auto !important;    /* 右側の余白を自動にして中央へ */
    
    position: relative;
    padding: 10px 20px;               /* 内側の余白 */
    background-color: #fff9e6;        /* ごく薄い黄色（背景） */
    border: 2px solid #d4af37;        /* ゴールドの枠線 */
    border-radius: 50px;              /* 角丸（カプセル型） */
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); /* ゴールドのグロー効果 */
    
    /* 文字の中央揃え */
    text-align: center;
    
    /* アニメーション */
    animation: luckyPulse 3s infinite;
}

/* 中の文字に対する指定 */
.lucky-coupon-text strong {
    color: #b18c10;                   /* 濃いめのゴールド */
    font-size: 15px;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 0px #fff;
    display: inline-block;            /* 改行を維持しつつ中央に */
}

/* スマートフォン向けの微調整 */
@media screen and (max-width: 600px) {
    .lucky-coupon-text strong {
        font-size: 13px;
    }
}

/* アニメーション定義（前回と同じ） */
@keyframes luckyPulse {
    0% { transform: scale(1); box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); }
    50% { transform: scale(1.03); box-shadow: 0 0 20px rgba(212, 175, 55, 0.8); }
    100% { transform: scale(1); box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); }
}











.flash-coupon{
  position:relative;
  margin:30px auto;
  max-width:600px;
  background:linear-gradient(135deg,#111,#222);
  border-radius:16px;
  padding:25px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.4);
  color:#fff;
}

.flash-badge{
  display:inline-block;
  background:#ff3b3b;
  padding:5px 12px;
  border-radius:50px;
  font-size:12px;
  margin-bottom:10px;
}

.flash-title{
  font-size:22px;
  line-height:1.5;
  margin-bottom:10px;
}

.flash-title span{
  color:#ffd700;
  font-size:26px;
}

.flash-desc{
  font-size:14px;
  margin-bottom:15px;
}

.flash-buttons{
  display:flex;
  gap:10px;
  justify-content:center;
}

.btn{
  flex:1;
  padding:12px;
  border-radius:8px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
}

.btn.line{
  background:#06c755;
}

.btn.hp{
  background:#ff7a00;
}

/* 非表示用 */
.hidden{
  display:none;
}









/* ===== ギャラリー縮小の完全修正 ===== */

/* ① スライドコンテナ */
.stk-slide-gallery00,
.stk-slide-gallery01,
.stk-slide-gallery02 {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

/* ② 中のギャラリー本体 */
.stk-slide-gallery00 .wp-block-gallery,
.stk-slide-gallery01 .wp-block-gallery,
.stk-slide-gallery02 .wp-block-gallery {
  display: flex;
  flex-wrap: nowrap; /* 横並び維持 */
  width: max-content; /* ←これが超重要 */
}

/* ③ 各画像ブロック */
.stk-slide-gallery00 .wp-block-image,
.stk-slide-gallery01 .wp-block-image,
.stk-slide-gallery02 .wp-block-image {
  flex: 0 0 auto; /* ←縮小禁止 */
  width: auto;
}

/* ④ 画像サイズ */
.stk-slide-gallery00 img,
.stk-slide-gallery01 img,
.stk-slide-gallery02 img {
  width: auto;
  max-width: none; /* ←これで縮小防止 */
  height: auto;
}


/* 固定ページ(.page)のときだけヘッダーとフッダーを非表示にする */
.page #header,
.page #footer {
    display: none !important;
}

/* Cocoonの標準的な見出しデザイン（h2・h3）に一括で強制リセットする例 */

/* h2見出しのリセットと基本スタイル */
.entry-content h2, 
.article h2 {
    font-size: 1.5em !important;
    background: transparent !important; /* 余計な背景色を消す場合 */
    border-left: 8px solid #333 !important; /* 標準的な左ボーダー（必要に応じて色を変更） */
    padding: 0.5em !important;
    margin: 1.5em 0 1em 0 !important;
    color: inherit !important;
}

/* Cocoonの本文エリアにある見出し（h1〜h6）のスタイルを一括で整える/リセットする */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    color: inherit !important;          /* 文字色を継承 */
    background: transparent !important; /* 余計な背景色を消す */
    box-shadow: none !important;        /* 影を消す */
    padding: 0.4em 0.5em !important;    /* 内側の余白を整える */
    margin: 1.5em 0 1em 0 !important;   /* 前後の余白を整える */
}

/* それぞれの基本サイズとシンプルな装飾の指定 */
.entry-content h1 { font-size: 2em !important; border-bottom: 2px solid #333 !important; }
.entry-content h2 { font-size: 1.6em !important; border-left: 6px solid #333 !important; padding-left: 0.5em !important; }
.entry-content h3 { font-size: 1.3em !important; border-bottom: 1px solid #ccc !important; }
.entry-content h4 { font-size: 1.1em !important; }
.entry-content h5 { font-size: 1em !important; }
.entry-content h6 { font-size: 0.9em !important; }

/* Journal article finishing touches: preserve post content while making legacy white text readable. */
body.single-post .entry-content :is(h2,h3,h4){color:#3b2229!important}
body.single-post .entry-content :is(h2,h3,h4) *:not(a){color:inherit!important}
body.single-post .entry-content :is(ul,ol) li,body.single-post .entry-content :is(ul,ol) li *:not(a){color:#392f31!important}
body.single-post .entry-content h2{padding:.15em 0 .5em!important;border:0!important;border-bottom:1px solid #b58a8e!important}
body.single-post .entry-content h3{padding:.15em 0 .15em .8em!important;border:0!important;border-left:3px solid #824350!important}
body.single-post .entry-content h4{padding:.7em .9em!important;background:#f8f2ee!important;border:0!important;border-left:3px solid #a6787c!important}
body.single-post .breadcrumb,body.single-post .breadcrumb a,body.single-post .breadcrumb span{color:#775b61!important}
body.single-post .breadcrumb a:hover{color:#552932!important;text-decoration:underline;text-underline-offset:3px}

/* Journal archive — scoped to the WordPress posts page. */
body.blog{background:#0d0b0c;color:#2b2022}
body.blog #header-container{background:#0d0b0c;padding:28px 28px 0}
body.blog .kr-journal-nav{max-width:1220px;margin:0 auto}
body.blog #content{background:#0d0b0c;margin:0;padding:0}
body.blog #content-in{max-width:none;width:100%;padding:0;display:block}
body.blog #main{float:none;width:100%;max-width:none;margin:0;padding:0;background:none;box-shadow:none;border:0}
body.blog #sidebar{display:none}
body.blog #footer{background:#141113;color:#ddd0ca;margin:0}
body.blog #footer a{color:#eee1d9}
body.blog .kr-journal{font-family:'Noto Sans JP',sans-serif;font-weight:400}
body.blog .kr-journal *{box-sizing:border-box}
body.blog .kr-journal-hero{position:relative;overflow:hidden;min-height:510px;background:radial-gradient(circle at 78% 35%,rgba(159,72,83,.27),transparent 40%),linear-gradient(130deg,#1c1014 0%,#42212b 64%,#1a1115 100%);color:#f8f1eb}
body.blog .kr-journal-hero:after{content:'K';position:absolute;right:4%;bottom:-.35em;color:rgba(255,255,255,.045);font:normal min(65vw,570px)/1 Georgia,serif;pointer-events:none}
body.blog .kr-journal-hero-inner{position:relative;z-index:1;max-width:1160px;margin:auto;padding:108px 34px 45px}
body.blog .kr-journal-overline{margin:0 0 22px;color:#c7ab82;font-size:11px;font-weight:600;letter-spacing:.27em}
body.blog .kr-journal-hero h1{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#fff!important;font:normal clamp(38px,5.4vw,68px)/1.4 'Shippori Mincho',serif!important;letter-spacing:.09em}
body.blog .kr-journal-hero h1:before,body.blog .kr-journal-hero h1:after,body.blog .kr-journal h2:before,body.blog .kr-journal h2:after,body.blog .kr-journal h3:before,body.blog .kr-journal h3:after{content:none!important;display:none!important}
body.blog .kr-journal-hero-copy{margin:30px 0 82px;color:#e6d9d5;font-size:15px;line-height:2.15;letter-spacing:.05em}
body.blog .kr-journal-hero-foot{display:flex;justify-content:space-between;max-width:360px;border-top:1px solid rgba(255,255,255,.25);padding-top:16px;color:#c6aca7;font:11px Georgia,serif;letter-spacing:.18em}
body.blog .kr-journal-body{background:#f4efeb;padding:88px max(26px,calc((100vw - 1160px)/2)) 100px}
body.blog .kr-journal-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}
body.blog .kr-journal-section-head h2,body.blog .kr-journal-next h2{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font:normal clamp(28px,3vw,42px)/1.5 'Shippori Mincho',serif!important;letter-spacing:.07em}
body.blog .kr-journal-section-head h2{color:#321f24!important}
body.blog .kr-journal-section-head>p{margin:0;color:#6e5d5e;font-size:13px;line-height:2}
body.blog .kr-journal-categories{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:42px}
body.blog .kr-journal-categories a{display:inline-flex;align-items:center;min-height:42px;padding:10px 18px;border:1px solid #d9ccc6;border-radius:2px;color:#5f464b;background:#faf7f4;text-decoration:none;font-size:12px;transition:background .2s,color .2s,border-color .2s}
body.blog .kr-journal-categories a:hover,body.blog .kr-journal-categories a.is-current{background:#652934;border-color:#652934;color:#fff}
body.blog .kr-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.blog .kr-journal-card{min-width:0;background:#fff;border:1px solid #e7dcd7;box-shadow:0 12px 30px rgba(50,24,28,.045);transition:transform .22s ease,box-shadow .22s ease}
body.blog .kr-journal-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(50,24,28,.11)}
body.blog .kr-journal-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
body.blog .kr-journal-card-link:focus-visible,body.blog .kr-journal-categories a:focus-visible,body.blog .kr-journal-pagination a:focus-visible{outline:2px solid #913f50;outline-offset:3px}
body.blog .kr-journal-card-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.55;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(184,112,111,.35),transparent 38%),linear-gradient(140deg,#371922,#682c39 58%,#21141a);color:rgba(255,255,255,.58)}
body.blog .kr-journal-card-visual:before{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.28);pointer-events:none;z-index:1}
body.blog .kr-journal-card-visual.has-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
body.blog .kr-journal-card-visual.no-photo img{width:100%;height:100%;object-fit:cover;object-position:75% center;filter:saturate(.8)}
body.blog .kr-journal-card-visual.no-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,9,13,.48),transparent 48%);pointer-events:none}
body.blog .kr-journal-card:hover .kr-journal-card-visual.has-photo img{transform:scale(1.04)}
body.blog .kr-journal-monogram{font:normal clamp(90px,10vw,150px)/1 Georgia,serif;color:rgba(255,255,255,.12);transform:translateY(-5px)}
body.blog .kr-journal-visual-label{position:absolute;bottom:27px;left:30px;color:#e5cbbf;font:10px Georgia,serif;letter-spacing:.24em}
body.blog .kr-journal-card-content{display:flex;flex:1;flex-direction:column;padding:25px 25px 23px}
body.blog .kr-journal-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px;color:#864858;font-size:11px;line-height:1.4}
body.blog .kr-journal-card-meta span{color:#864858!important}
body.blog .kr-journal-card-meta time{color:#958380;font:11px Georgia,serif;white-space:nowrap}
body.blog .kr-journal-card h3{margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#2f1f22!important;font:normal 18px/1.65 'Shippori Mincho',serif!important;letter-spacing:.02em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.blog .kr-journal-card-content>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 23px;color:#65595a;font-size:12px;line-height:1.85}
body.blog .kr-journal-read{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #eadfdb;color:#7b3948;font-size:11px;font-weight:600;letter-spacing:.06em}
body.blog .kr-journal-read span{font-size:16px;font-weight:400}
body.blog .kr-journal-pagination{margin-top:46px}
body.blog .kr-journal-pagination .page-numbers{display:flex;justify-content:center;align-items:center;gap:7px;list-style:none;margin:0;padding:0}
body.blog .kr-journal-pagination a,body.blog .kr-journal-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:7px 12px;border:1px solid #d8c9c5;color:#63333e;background:#fff;text-decoration:none;font-size:12px}
body.blog .kr-journal-pagination .current,body.blog .kr-journal-pagination a:hover{color:#fff;background:#652934;border-color:#652934}
body.blog .kr-journal-next{text-align:center;padding:78px 24px 84px;background:linear-gradient(130deg,#25161b,#4e2430);color:#fff}
body.blog .kr-journal-next h2{color:#fff!important}
body.blog .kr-journal-next>p:not(.kr-journal-overline){color:#e7d9d7;font-size:13px}
body.blog .kr-journal-next-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}
body.blog .kr-journal-next-links a{display:flex;justify-content:space-between;gap:24px;min-width:190px;padding:13px 18px;border:1px solid #a68787;color:#fff;text-decoration:none;font-size:12px}
body.blog .kr-journal-next-links a:first-child{background:#f0e5db;border-color:#f0e5db;color:#492b32}
body.blog .kr-journal-next-links a:hover{opacity:.75}
@media(max-width:1000px){body.blog .kr-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.blog #header-container{padding:12px 12px 0}body.blog .kr-journal-hero{min-height:auto}body.blog .kr-journal-hero-inner{padding:75px 24px 45px}body.blog .kr-journal-hero-copy{font-size:13px;margin-bottom:65px}body.blog .kr-journal-body{padding:64px 18px 74px}body.blog .kr-journal-section-head{display:block}body.blog .kr-journal-section-head>p{margin-top:15px}body.blog .kr-journal-grid{grid-template-columns:1fr;gap:18px}body.blog .kr-journal-card-content{padding:23px}body.blog .kr-journal-next-links a{width:100%}}
@media(prefers-reduced-motion:reduce){body.blog .kr-journal-card,body.blog .kr-journal-card-visual.has-photo img,body.blog .kr-journal-categories a{transition:none}}

/* Cocoon related/previous article cards also use the brand flower when no thumbnail exists. */
.card-thumb:has(img.no-image){position:relative;background:#4d1820 url('https://krone.jp/wp-content/uploads/2026/08/Gemini_Generated_Image_ywxn4bywxn4bywxn-1.jpeg') 75% center/cover no-repeat}
.card-thumb:has(img.no-image) img.no-image{opacity:0}
.card-thumb:has(img.no-image):after{content:'KRONE';position:absolute;left:8%;bottom:8%;color:#f3ddd7;font:11px Georgia,serif;letter-spacing:.22em;text-shadow:0 1px 8px #3d101a}

/* Individual journal posts: presentation only; WordPress body text and images remain untouched. */
body.single-post{background:#f3eeea;color:#32272a}
body.single-post #header-container{background:#0d0b0c;padding:28px 28px 0}
body.single-post .kr-journal-nav{max-width:1220px;margin:0 auto}
body.single-post #content{background:#f3eeea;margin:0;padding:0}
body.single-post #content-in{display:block;width:100%;max-width:none;padding:0}
body.single-post #main{float:none;width:100%;max-width:none;margin:0;padding:0;background:none;box-shadow:none;border:0}
body.single-post #sidebar{display:none}
body.single-post #footer{background:#141113;color:#ddd0ca;margin:0}
body.single-post #footer a{color:#eee1d9}
body.single-post .kr-single-wrap{max-width:1060px;margin:0 auto;padding:46px 30px 92px}
body.single-post .kr-single-back{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;color:#8d7478;font:11px Georgia,serif;letter-spacing:.15em}
body.single-post .kr-single-back a{color:#713341;text-decoration:none;font:12px 'Noto Sans JP',sans-serif;letter-spacing:.04em}
body.single-post .kr-single-back a:hover{text-decoration:underline;text-underline-offset:4px}
body.single-post .kr-single-wrap article.article{margin:0;background:#fff;border:1px solid #e5d9d5;box-shadow:0 16px 48px rgba(49,23,28,.055)}
body.single-post .article-header{position:relative;overflow:hidden;margin:0!important;padding:58px 68px 46px!important;background:radial-gradient(circle at 82% 32%,rgba(160,77,88,.27),transparent 40%),linear-gradient(130deg,#25151a,#512531 70%,#26171b)!important;color:#fff}
body.single-post .article-header:before{content:'KRONE JOURNAL / ARTICLE';display:block;margin:0 0 25px;color:#cbb18b;font:11px Georgia,serif;letter-spacing:.26em}
body.single-post .article-header:after{content:'K';position:absolute;right:15px;bottom:-.36em;color:rgba(255,255,255,.045);font:normal 260px/1 Georgia,serif;pointer-events:none}
body.single-post .article-header h1.entry-title{position:relative;z-index:1;max-width:820px;margin:0 0 25px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#fff!important;font:normal clamp(28px,3.1vw,40px)/1.65 'Shippori Mincho',serif!important;letter-spacing:.045em}
body.single-post .article-header h1.entry-title:before,body.single-post .article-header h1.entry-title:after{content:none!important;display:none!important}
body.single-post .article-header .date-tags,body.single-post .article-header .post-date,body.single-post .article-header .post-update{position:relative;z-index:1;color:#e5d4d0!important;font-size:12px}
body.single-post .article-header .date-tags *{color:#e5d4d0!important}
body.single-post .article-header .eye-catch-wrap{position:relative;z-index:1;margin-top:22px}
body.single-post .article-header .eye-catch-wrap.display-none{display:none!important}
body.single-post article.article>.entry-content{padding:58px 75px 38px;background:#fff;color:#392f31;font-family:'Noto Sans JP',sans-serif;font-size:15px;line-height:2.08;letter-spacing:.015em}
body.single-post .entry-content p{margin:0 0 1.8em;line-height:2.08;color:#392f31}
body.single-post .entry-content a{color:#713341;text-decoration:underline;text-decoration-color:#c29c9e;text-underline-offset:4px}
body.single-post .entry-content a:hover{text-decoration-color:#713341}
body.single-post .entry-content h2,body.single-post .entry-content h3,body.single-post .entry-content h4{position:relative;clear:both;color:#3b2229!important;font-family:'Shippori Mincho',serif!important;font-weight:600!important;line-height:1.55!important;box-shadow:none!important;text-shadow:none!important}
body.single-post .entry-content h2{margin:2.3em 0 1.05em!important;padding:.15em 0 .5em!important;background:none!important;border:0!important;border-bottom:1px solid #b58a8e!important;font-size:clamp(24px,2.3vw,30px)!important}
body.single-post .entry-content h3{margin:2em 0 .9em!important;padding:.15em 0 .15em .8em!important;background:none!important;border:0!important;border-left:3px solid #824350!important;font-size:clamp(20px,2vw,25px)!important}
body.single-post .entry-content h4{margin:1.85em 0 .9em!important;padding:.7em .9em!important;background:#f8f2ee!important;border:0!important;border-left:3px solid #a6787c!important;font-size:clamp(18px,1.7vw,22px)!important}
body.single-post .entry-content h2:before,body.single-post .entry-content h2:after,body.single-post .entry-content h3:before,body.single-post .entry-content h3:after,body.single-post .entry-content h4:before,body.single-post .entry-content h4:after{content:none!important;display:none!important}
body.single-post .entry-content ul,body.single-post .entry-content ol{margin:0 0 1.9em;padding-left:1.5em;line-height:1.95}
body.single-post .entry-content li{margin:.4em 0}
body.single-post .entry-content li::marker{color:#985864}
body.single-post .entry-content blockquote{margin:2em 0;padding:1.4em 1.7em;border-left:3px solid #a6787c;background:#f9f4f0;color:#48363a}
body.single-post .entry-content img{height:auto;max-width:100%}
body.single-post .entry-content figure{max-width:100%;margin-top:1.8em;margin-bottom:1.8em}
body.single-post .article-footer{padding:8px 75px 47px;background:#fff}
body.single-post .article-footer .cat-link{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #d9c5c4;background:#f9f3ef;color:#763544;text-decoration:none;font-size:12px}
body.single-post .related-entries{margin:65px 0 0;padding:0;background:transparent}
body.single-post .related-entry-heading,body.single-post .comment-title{margin:0 0 24px!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid #c8b4b2!important;background:none!important;color:#352229!important;font:normal 29px/1.5 'Shippori Mincho',serif!important}
body.single-post .related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.single-post .related-entry-card-wrap{display:block;width:auto!important;min-width:0;margin:0!important;padding:0!important;border:1px solid #e2d5d1;background:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(49,23,28,.045);transition:transform .2s,box-shadow .2s}
body.single-post .related-entry-card-wrap:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(49,23,28,.1)}
body.single-post .related-entry-card-thumb{margin:0!important;width:100%!important;aspect-ratio:1.55;overflow:hidden}
body.single-post .related-entry-card-thumb img{width:100%;height:100%;object-fit:cover}
body.single-post .related-entry-card-content{padding:15px 17px 18px!important}
body.single-post .related-entry-card-title{margin:0!important;color:#39272b;font:normal 15px/1.65 'Shippori Mincho',serif!important}
body.single-post .pager-post-navi{margin-top:35px}
body.single-post .comment-area{margin-top:60px}
body.single-post .kr-single-end{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:54px;padding:30px 34px;background:#41232c;color:#c9aba9;font:11px Georgia,serif;letter-spacing:.16em}
body.single-post .kr-single-end a{color:#fff;text-decoration:none;font:13px 'Noto Sans JP',sans-serif;letter-spacing:.04em}
body.single-post .kr-single-end a span{margin-left:14px}
body.single-post .kr-single-end a:hover{text-decoration:underline;text-underline-offset:4px}
body.single-post .kr-single-wrap a:focus-visible{outline:2px solid #a76370;outline-offset:3px}
body.single-post{background:#f3eeea!important}
body.single-post #content,body.single-post #main{background:#f3eeea!important}
body.single-post .kr-single-back,body.single-post .kr-single-back a{color:#713341!important}
@media(max-width:760px){body.single-post #header-container{padding:12px 12px 0}body.single-post .kr-single-wrap{padding:28px 14px 60px}body.single-post .article-header{padding:42px 25px 35px!important}body.single-post .article-header:after{font-size:180px}body.single-post article.article>.entry-content{padding:37px 25px 18px;font-size:14px}body.single-post .article-footer{padding:8px 25px 36px}body.single-post .related-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.single-post .kr-single-end{padding:24px}}
@media(max-width:500px){body.single-post .related-list{grid-template-columns:1fr}body.single-post .kr-single-end{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){body.single-post .related-entry-card-wrap{transition:none}}

/* KRONE — shared navigation, reading and visual refinements / 2026-09-30 */
:root{--kr-paper:#f5efea;--kr-muted:#c9b9b4;--kr-rose:#d6a398;--kr-border:rgba(216,172,160,.27)}
body:not(.wp-admin){background:#0d090a;color:var(--kr-paper);-webkit-font-smoothing:antialiased}
body:not(.wp-admin) :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid #e6b3a4!important;outline-offset:5px}
.kr-site-nav{position:relative;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,4vw);background:#100b0c;border-bottom:1px solid var(--kr-border);font-family:'Yu Mincho',serif}
.kr-site-nav a,.kr-site-nav summary,.kr-site-footer a{color:var(--kr-paper)!important;text-decoration:none!important}
.kr-site-nav .kr-site-logo{font:30px Georgia,serif!important;letter-spacing:.08em!important;line-height:1.2!important}
.kr-site-nav .kr-site-logo small{display:block;font:8px/1.6 Arial,sans-serif!important;letter-spacing:.18em;color:var(--kr-rose)!important;margin-top:5px}
.kr-site-links{display:flex;align-items:center;gap:28px;font-size:13px}
.kr-site-links>a{padding:10px 0}.kr-site-nav .kr-site-book{background:#650f19!important;border:1px solid #a06460;padding:12px 23px!important;white-space:nowrap}
.kr-site-nav details{position:relative;margin:0}.kr-site-nav summary{cursor:pointer;padding:12px;list-style:none;font:12px Arial,sans-serif;letter-spacing:.1em}.kr-site-nav summary::-webkit-details-marker{display:none}.kr-site-nav summary:after{content:' ＋';color:var(--kr-rose)}.kr-site-nav details[open] summary:after{content:' −'}
.kr-site-menu{position:absolute;right:0;top:100%;width:min(310px,80vw);padding:14px 22px;background:#1b1012;border:1px solid #a06460;box-shadow:0 15px 40px #0008;display:grid;max-height:70vh;overflow:auto}.kr-site-menu>a{padding:12px 0;border-bottom:1px solid var(--kr-border);font-size:13px}.kr-site-menu>a:last-child{border-bottom:0}
.kr-site-footer{padding:48px 24px;text-align:center;background:#100b0c;border-top:1px solid var(--kr-border);color:var(--kr-muted);font-size:12px}.kr-site-footer>p:first-child{font:28px Georgia,serif;letter-spacing:.12em;margin:0 0 10px}.kr-site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-top:24px}.kr-site-footer a{padding:8px 0}
body.page:has(.kr-site-nav) :is(.krone-fixed-header,.krone-drawer){display:none!important}
body.page:has(.kr-site-nav) #main{padding-top:0!important}body.page:has(.kr-site-nav) .entry-content{margin-top:0!important}
html body #krone-root-unique :is(.krone-section,.krone-bg-darker){padding-top:clamp(48px,7vw,90px)!important;padding-bottom:clamp(48px,7vw,90px)!important}
html body #krone-root-unique .krone-section{background:#0e090a!important}html body #krone-root-unique .krone-bg-darker{background:#160d0f!important}
html body #krone-root-unique :is(.krone-feature-card,.krone-menu-item){background:linear-gradient(130deg,#241416,#120c0d)!important;border:1px solid var(--kr-border)!important;box-shadow:0 12px 36px #0002}
html body #krone-root-unique :is(.section-en,.num,.category,.krone-table th){color:#d6a398!important}
html body #krone-root-unique :is(.krone-btn-primary,.krone-btn-outline,.krone-card-btn){display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;line-height:1.7!important;transition:background-color .2s,border-color .2s!important}
html body #krone-root-unique .krone-btn-primary{background:#650f19!important;border-color:#a06460!important}html body #krone-root-unique .krone-btn-outline{border-color:#a06460!important}
html body #krone-root-unique :is(.krone-btn-primary,.krone-btn-outline):hover{background:#872330!important;border-color:#ddb2a8!important}
html body #krone-root-unique .krone-hero{height:auto!important;min-height:580px!important;padding:85px 0!important}
html body #krone-root-unique .krone-hero:after{content:'';position:absolute;inset:20px;border:1px solid var(--kr-border);pointer-events:none}
html body #krone-root-unique .krone-hero-content h1{font-size:clamp(29px,4vw,48px)!important;line-height:1.7!important;font-weight:500!important}
html body #krone-root-unique :is(.krone-section-header h2,.krone-section-title){letter-spacing:.09em!important;line-height:1.75!important}
body.single-post .entry-content{font-size:16px;line-height:2.05}body.single-post .entry-content>:is(p,ul,ol,blockquote,h2,h3,h4){max-width:760px;margin-left:auto;margin-right:auto}body.single-post .entry-content>p{margin-bottom:1.7em}
body.single-post .entry-content :is(h2,h3,h4){background:transparent!important;box-shadow:none!important;line-height:1.65;color:var(--kr-paper)!important}
body.single-post .entry-content h2{font-size:clamp(23px,3vw,29px)!important;border:0!important;border-bottom:1px solid var(--kr-border)!important;padding:0 0 18px!important;margin-top:2.4em!important}
body.single-post .entry-content h3{font-size:21px!important;border:0!important;border-left:2px solid #a66b64!important;padding:4px 0 4px 18px!important}
body.single-post .entry-content h4{font-size:18px!important;border:0!important;padding:0!important;color:#e5bab0!important}
body.single-post .entry-content a:not(.wp-element-button){color:#e9b0a9;text-underline-offset:.3em}
body :is(.entry-card-wrap,.related-entry-card-wrap){background:linear-gradient(135deg,#201214,#120e0f);border:1px solid var(--kr-border);padding:20px;color:var(--kr-paper);transition:border-color .2s}
body :is(.entry-card-wrap,.related-entry-card-wrap):hover{border-color:#b3776d;background:#291619}body :is(.entry-card-title,.related-entry-card-title){color:var(--kr-paper);font-weight:500;line-height:1.7}
body :is(.entry-card-snippet,.entry-card-meta,.post-date,.post-update){color:var(--kr-muted);line-height:1.8}
body .sidebar .widget{background:#171011!important;border:1px solid var(--kr-border);padding:24px;margin-bottom:24px;box-shadow:none!important}
body .sidebar :is(.widget,.widget p,.widget li,.widget a,.widget-title,h3){color:var(--kr-paper)!important}body .sidebar :is(.widget-title,h3){background:none!important;border:0!important;border-bottom:1px solid var(--kr-border)!important;padding-bottom:12px;font-size:17px}
body .sidebar .search-edit{background:#171011!important;color:#fff!important;border:1px solid #79534b}body .sidebar .search-submit{background:#650f19!important;color:#fff!important}
body .voice-card{background:linear-gradient(135deg,#231416,#140e0e)!important;border:1px solid var(--kr-border)!important;border-radius:2px!important;padding:clamp(22px,4vw,40px)!important;margin:28px 0!important;box-shadow:none!important}body .voice-card:hover{transform:none!important}body .voice-card summary{cursor:pointer;padding:12px 0}body .voice-card .star{color:#d8b58b!important}
body .toc{background:#171011!important;border:1px solid var(--kr-border)!important;border-radius:2px;padding:26px;box-shadow:none}body .toc :is(a,.toc-title){color:#ead4ca!important}
body :is(.pagination a,.pagination .current){border:1px solid var(--kr-border);border-radius:2px;min-width:44px;min-height:44px;color:var(--kr-paper)}body .pagination .current{background:#650f19}
.kr-sitemap{max-width:960px;margin:auto;padding:65px 24px 80px}.kr-sitemap h1{font:32px/1.7 'Yu Mincho',serif!important;text-align:center;margin-bottom:40px!important}.kr-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.kr-map-group{padding:28px;border:1px solid var(--kr-border);background:#170e10}.kr-map-group h2{font-size:20px!important;background:none!important;border:0!important;padding:0 0 18px!important;margin:0!important}.kr-map-group a{display:block;color:var(--kr-paper)!important;text-decoration:none!important;padding:13px 0;border-top:1px solid var(--kr-border);font-size:14px}.kr-map-group a:hover{color:var(--kr-rose)!important}
@media(max-width:700px){.kr-site-nav{padding:16px 18px;gap:12px}.kr-site-links{gap:10px}.kr-site-links>.kr-site-desktop{display:none}.kr-site-nav .kr-site-logo{font-size:25px!important}.kr-site-nav .kr-site-book{font-size:12px;padding:11px 13px!important}.kr-site-nav summary{padding:12px 3px;font-size:10px}html body #krone-root-unique .krone-hero{min-height:510px!important;padding:55px 0!important}html body #krone-root-unique .krone-hero-content h1{font-size:28px!important}.kr-map-grid{grid-template-columns:1fr}body.single-post .entry-content{font-size:15px}body :is(.entry-card-wrap,.related-entry-card-wrap){padding:14px}}
@media(prefers-reduced-motion:reduce){body:not(.wp-admin) *,body:not(.wp-admin) *:before,body:not(.wp-admin) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* =================================================
■ ① ベース設定
================================================= */

body{
  background:#000;
  color:#fff;
}

.site,
.site-content,
.site-main,
.wp-site-blocks,
#main,
#contents,
.content,
.main{
  background:#000 !important;
}

p,li,span,small{
  color:#fff;
}


/* =================================================
■ ② ギャラリー（ループスライド）
================================================= */

@keyframes loop-slide {
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

.stk-slide-gallery00,
.stk-slide-gallery01,
.stk-slide-gallery02{
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:0 !important;
  gap:10px; /* ← 全角→半角修正 */
}

.stk-slide-gallery00 .wp-block-gallery,
.stk-slide-gallery01 .wp-block-gallery,
.stk-slide-gallery02 .wp-block-gallery{
  flex-wrap:nowrap;
  animation:loop-slide 15s infinite linear 1s both;
}

.stk-slide-gallery00 .wp-block-image,
.stk-slide-gallery01 .wp-block-image,
.stk-slide-gallery02 .wp-block-image{
  width:220px !important;
}

.stk-slide-gallery00{
  margin:0 !important;
}


/* =================================================
■ ③ エントリーカード
================================================= */

.entry-card-wrap{
  background:#949593;
  border:1px solid #333;
  border-radius:10px;
  transition:0.3s;
}

.entry-card-wrap:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
}

.card-thumb img{
  border-radius:10px;
}


/* =================================================
■ ④ サイドバー
================================================= */

.sidebar,
.widget-area{
  background:#000 !important;
}

.sidebar .widget{
  background:#c0c0c0 !important;
  border:1px solid #999;
  border-radius:10px;
  padding:20px;
  margin-bottom:30px;
}

.sidebar .widget-title,
.sidebar h3{
  color:#000 !important;
  font-size:18px;
  border-bottom:1px solid #999;
  padding-bottom:8px;
}

.sidebar .widget,
.sidebar .widget p,
.sidebar .widget li{
  color:#000 !important;
}

.sidebar .widget a{ color:#000 !important; }
.sidebar .widget a:hover{ color:#333 !important; }

.sidebar .search-edit{
  background:#fff;
  border:1px solid #888;
  color:#000;
}

.sidebar .search-submit{
  background:#444;
  color:#fff;
  border:none;
}


/* =================================================
■ ⑤ 見出し
================================================= */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  background:none !important;
  color:#fff !important;
}

.entry-content h2::before{
  display:none !important;
}

.entry-content h2{
  background:#c0c0c0 !important;
  color:#000 !important;
  padding:10px 15px;
  border-left:4px solid #888;
}


/* =================================================
■ ⑥ 目次
================================================= */

.toc{
  background:#1b1b1b !important;
  border:1px solid #444;
  border-radius:10px;
  padding:20px;
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
}

.toc-title{
  color:#fff !important;
  font-weight:bold;
}

.toc li{ color:#d6d6d6; }

.toc a{
  color:#d6d6d6 !important;
}

.toc a:hover{
  color:#fff !important;
}


/* =================================================
■ ⑦ セクション
================================================= */

.section-space{ margin:100px 0; }
.section-space-lg{ margin:140px 0; }

.section-divider{
  width:60%;
  height:1px;
  margin:80px auto;
  background:linear-gradient(to right, transparent, #888, transparent);
}

.luxury-divider{
  width:80px;
  height:3px;
  background:#c0c0c0;
  margin:60px auto;
}

.section-box{
  background:#111;
  padding:60px 40px;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

.section-title-line{
  width:60px;
  height:2px;
  background:#c0c0c0;
  margin:20px auto 50px;
}


/* =================================================
■ ⑧ ロゴ周り
================================================= */

.kronelogo .wp-block-image img{
  width:80px !important;
}

.kronelogo.wp-block-columns{
  align-items:center;
  column-gap:10px !important;
}

.kronelogo .wp-block-column{
  margin:0 !important;
  padding:0 !important;
}

.kronelogo p{ margin:0; }

.kronelogo + p,
.kronelogo + p + .wp-block-columns + p{
  position:relative;
  display:inline-block;
}

.kronelogo + p::after,
.kronelogo + p + .wp-block-columns + p::after{
  content:"";
  position:absolute;
  top:50%;
  left:100%;
  width:100vw;
  height:1px;
  background:#ccc;
  transform:translateY(-50%);
  margin-left:10px;
}


/* =================================================
■ ⑨ 口コミ
================================================= */

.voice-card{
  background:#111;
  padding:25px;
  border-radius:12px;
  margin:30px 0;
  box-shadow:
    0 4px 10px rgba(0,0,0,0.3),
    0 10px 30px rgba(0,0,0,0.5);
}

.voice-card:hover{
  transform:translateY(-3px);
}

.voice-card::before{
  content:"Review";
  font-size:10px;
  color:#444;
}

.star{ color:#f5c518; }
.star5::before{ content:"★★★★★"; }
.star4::before{ content:"★★★★☆"; }


/* =================================================
■ ⑩ 予約・LINE
================================================= */

.reserve-box{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  padding:40px 20px;
  text-align:center;
}

.line-box{
  background:#0f0f0f;
  border:1px dashed #444;
  border-radius:12px;
  padding:30px 20px;
}

/* ボタン共通 */
.reserve-btn,
.line-btn{
  all:unset;
  display:inline-block;
  cursor:pointer;
  text-align:center;
}

/* 個別 */
.reserve-btn{
  background:linear-gradient(135deg,#c0c0c0,#999);
  color:#000;
  font-size:18px;
  padding:15px 30px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  transition:0.3s;
}

.line-btn{
  background:#06C755;
  color:#fff;
  font-size:16px;
  padding:12px 25px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  transition:0.3s;
}

.reserve-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.4);
}

.line-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 15px rgba(0,0,0,0.4);
  opacity:0.9;
}


/* =================================================
■ ⑪ FAQ
================================================= */

.wp-block-details{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  margin-bottom:20px;
  overflow:hidden;
}

.wp-block-details summary{
  padding:18px 20px;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
  position:relative;
}

.wp-block-details summary::after{
  content:"+";
  position:absolute;
  right:20px;
  font-size:20px;
  color:#c0c0c0;
}

.wp-block-details[open] summary::after{
  content:"−";
}

.wp-block-details .wp-block-aioseo-faq{
  padding:20px;
  border-top:1px solid #222;
}

.wp-block-details summary:hover{
  background:#181818;
}

.wp-block-details[open] summary{
  background:#1a1a1a;
}

.faq-intro{
  font-size:14px;
  color:#aaa;
}






/* =========================
■ マスコット
========================= */
#mascotWrap{
  position:fixed;
  z-index:9999;
  display:none;
  cursor:pointer;
  pointer-events:auto;
}

#mascot{
  width:70px;
  display:block;
}

#bubble{
  position:absolute;
  bottom:100%;
  left:50%;
  transform:translateX(-50%);
  margin-bottom:8px;

  background:#fff;
  color:#000;
  padding:6px 10px;
  border-radius:20px;
  font-size:12px;
  white-space:nowrap;
  box-shadow:0 5px 15px rgba(0,0,0,0.2);
}


/* =========================
■ クーポン全体
========================= */
.coupon-container{
  background:#000;
  color:#fff;
  text-align:center;
  padding:50px 20px;
  max-width:500px;
  margin:0 auto;
}


/* =========================
■ タイトル
========================= */
.coupon-title{
  font-size:22px;
  margin-bottom:5px;
  letter-spacing:1px;
}

.coupon-price{
  font-size:32px;
  color:#c0c0c0;
  letter-spacing:3px;
  margin-bottom:30px;
  text-shadow:0 0 10px rgba(192,192,192,0.5);
}


/* =========================
■ 情報BOX
========================= */
.info-box{
  background:#111 !important;
  border:1px solid #333;
  border-radius:12px;
  padding:20px;
  max-width:300px;
  margin:0 auto 25px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

/* WPの余計な白潰し */
.info-box *{
  background:transparent !important;
  color:#fff !important;
}


/* =========================
■ テキスト
========================= */
.label{
  font-size:13px;
  color:#aaa;
  margin-top:10px;
}

.value{
  font-size:16px;
  margin-bottom:10px;
}

.code{
  font-size:20px;
  font-weight:bold;
  letter-spacing:2px;
  background:#000;
  border:1px dashed #555;
  padding:8px;
  border-radius:8px;
  display:inline-block;
}

.note{
  font-size:13px;
  color:#aaa;
  line-height:1.6;
}


/* =========================
■ テーマ対策（強制上書き）
========================= */
#validArea,
#validArea p,
#validArea div{
  background:transparent !important;
  color:#fff !important;
}


/* =========================
■ LINE誘導
========================= */
.line-box{
  text-align:center !important;
}

.line-box p,
.line-box a{
  text-align:center !important;
}

.line-btn{
  display:block;
  margin:20px auto;
}







/* =========================
■ エラーUI（コンバージョン仕様）
========================= */
.error-box{
  background:#111;
  border:1px solid #333;
  border-radius:12px;
  padding:30px 20px;
  margin:30px auto;
  max-width:340px;
  box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

/* タイトル */
.error-title{
  font-size:20px;
  color:#ff6b6b;
  margin-bottom:10px;
}

/* メインテキスト */
.error-text{
  font-size:14px;
  color:#aaa;
  margin-bottom:10px;
}

/* サブ訴求 */
.error-sub{
  font-size:14px;
  color:#fff;
  margin-bottom:20px;
}

/* ボタンエリア */
.error-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* ボタン共通 */
.error-btn{
  display:block;
  padding:14px;
  border-radius:10px;
  text-align:center;
  text-decoration:none;
  font-size:14px;
  transition:0.3s;
}

/* LINE（主導線） */
.error-btn.line{
  background:#06c755;
  color:#fff;
  font-weight:bold;
}

.error-btn.line:hover{
  opacity:0.85;
}

/* ホットペッパー（比較導線） */
.error-btn.hotpepper{
  background:#fff;
  color:#000;
  font-weight:bold;
}

.error-btn.hotpepper:hover{
  background:#eee;
}

/* TOP */
.error-btn.home{
  background:#222;
  color:#fff;
  border:1px solid #444;
}

.error-btn.home:hover{
  background:#333;

}









/* クーポン告知テキスト全体のデザイン修正版 */
.lucky-coupon-text {
    display: block;                   /* 幅を広げるためにblockに変更 */
    width: fit-content;               /* 中身の文字の長さに合わせる */
    margin-left: auto !important;     /* 左側の余白を自動にして中央へ */
    margin-right: auto !important;    /* 右側の余白を自動にして中央へ */
    
    position: relative;
    padding: 10px 20px;               /* 内側の余白 */
    background-color: #fff9e6;        /* ごく薄い黄色（背景） */
    border: 2px solid #d4af37;        /* ゴールドの枠線 */
    border-radius: 50px;              /* 角丸（カプセル型） */
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); /* ゴールドのグロー効果 */
    
    /* 文字の中央揃え */
    text-align: center;
    
    /* アニメーション */
    animation: luckyPulse 3s infinite;
}

/* 中の文字に対する指定 */
.lucky-coupon-text strong {
    color: #b18c10;                   /* 濃いめのゴールド */
    font-size: 15px;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 0px #fff;
    display: inline-block;            /* 改行を維持しつつ中央に */
}

/* スマートフォン向けの微調整 */
@media screen and (max-width: 600px) {
    .lucky-coupon-text strong {
        font-size: 13px;
    }
}

/* アニメーション定義（前回と同じ） */
@keyframes luckyPulse {
    0% { transform: scale(1); box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); }
    50% { transform: scale(1.03); box-shadow: 0 0 20px rgba(212, 175, 55, 0.8); }
    100% { transform: scale(1); box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); }
}











.flash-coupon{
  position:relative;
  margin:30px auto;
  max-width:600px;
  background:linear-gradient(135deg,#111,#222);
  border-radius:16px;
  padding:25px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.4);
  color:#fff;
}

.flash-badge{
  display:inline-block;
  background:#ff3b3b;
  padding:5px 12px;
  border-radius:50px;
  font-size:12px;
  margin-bottom:10px;
}

.flash-title{
  font-size:22px;
  line-height:1.5;
  margin-bottom:10px;
}

.flash-title span{
  color:#ffd700;
  font-size:26px;
}

.flash-desc{
  font-size:14px;
  margin-bottom:15px;
}

.flash-buttons{
  display:flex;
  gap:10px;
  justify-content:center;
}

.btn{
  flex:1;
  padding:12px;
  border-radius:8px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
}

.btn.line{
  background:#06c755;
}

.btn.hp{
  background:#ff7a00;
}

/* 非表示用 */
.hidden{
  display:none;
}









/* ===== ギャラリー縮小の完全修正 ===== */

/* ① スライドコンテナ */
.stk-slide-gallery00,
.stk-slide-gallery01,
.stk-slide-gallery02 {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

/* ② 中のギャラリー本体 */
.stk-slide-gallery00 .wp-block-gallery,
.stk-slide-gallery01 .wp-block-gallery,
.stk-slide-gallery02 .wp-block-gallery {
  display: flex;
  flex-wrap: nowrap; /* 横並び維持 */
  width: max-content; /* ←これが超重要 */
}

/* ③ 各画像ブロック */
.stk-slide-gallery00 .wp-block-image,
.stk-slide-gallery01 .wp-block-image,
.stk-slide-gallery02 .wp-block-image {
  flex: 0 0 auto; /* ←縮小禁止 */
  width: auto;
}

/* ④ 画像サイズ */
.stk-slide-gallery00 img,
.stk-slide-gallery01 img,
.stk-slide-gallery02 img {
  width: auto;
  max-width: none; /* ←これで縮小防止 */
  height: auto;
}


/* 固定ページ(.page)のときだけヘッダーとフッダーを非表示にする */
.page #header,
.page #footer {
    display: none !important;
}

/* Cocoonの標準的な見出しデザイン（h2・h3）に一括で強制リセットする例 */

/* h2見出しのリセットと基本スタイル */
.entry-content h2, 
.article h2 {
    font-size: 1.5em !important;
    background: transparent !important; /* 余計な背景色を消す場合 */
    border-left: 8px solid #333 !important; /* 標準的な左ボーダー（必要に応じて色を変更） */
    padding: 0.5em !important;
    margin: 1.5em 0 1em 0 !important;
    color: inherit !important;
}

/* Cocoonの本文エリアにある見出し（h1〜h6）のスタイルを一括で整える/リセットする */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    color: inherit !important;          /* 文字色を継承 */
    background: transparent !important; /* 余計な背景色を消す */
    box-shadow: none !important;        /* 影を消す */
    padding: 0.4em 0.5em !important;    /* 内側の余白を整える */
    margin: 1.5em 0 1em 0 !important;   /* 前後の余白を整える */
}

/* それぞれの基本サイズとシンプルな装飾の指定 */
.entry-content h1 { font-size: 2em !important; border-bottom: 2px solid #333 !important; }
.entry-content h2 { font-size: 1.6em !important; border-left: 6px solid #333 !important; padding-left: 0.5em !important; }
.entry-content h3 { font-size: 1.3em !important; border-bottom: 1px solid #ccc !important; }
.entry-content h4 { font-size: 1.1em !important; }
.entry-content h5 { font-size: 1em !important; }
.entry-content h6 { font-size: 0.9em !important; }

/* Final article overrides after legacy Cocoon styles. */
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4{color:#3b2229!important}
body.single-post .entry-content h2 *:not(a),
body.single-post .entry-content h3 *:not(a),
body.single-post .entry-content h4 *:not(a){color:inherit!important}
body.single-post .entry-content ul li,
body.single-post .entry-content ol li,
body.single-post .entry-content li *:not(a){color:#392f31!important}
body.single-post .entry-content h2{padding:.15em 0 .5em!important;border:0!important;border-bottom:1px solid #b58a8e!important;background:transparent!important}
body.single-post .entry-content h3{padding:.15em 0 .15em .8em!important;border:0!important;border-left:3px solid #824350!important;background:transparent!important}
body.single-post .entry-content h4{padding:.7em .9em!important;border:0!important;border-left:3px solid #a6787c!important;background:#f8f2ee!important}
body.single-post .related-entry-heading,
body.single-post .comment-title{color:#352229!important}
body.single-post .article-footer .cat-link{color:#763544!important}