/* ============================================================
   B｜左サイドバー — 縦型ナビを左に固定した雑誌レイアウト
   ヘッダーを左の固定サイドバーに、本文を右カラムに。生成り×墨×金茶。
   ============================================================ */
body.theme-design2{ font-family:"游明朝","YuMincho","Hiragino Mincho ProN",serif; color:#2b2620; background:#f3ede1; }
body.theme-design2 .front__page{ background-image:none; background-color:#f6f1e6; }

/* --- デスクトップ：ヘッダーを左サイドバー化 --- */
@media screen and (min-width:901px){
  body.theme-design2 #container{ padding-left:250px; }
  /* サイドバーは1画面に収める。スクロールバーを出さないため overflow:hidden */
  body.theme-design2 .header{
    position:fixed; left:0; top:0; bottom:0; width:250px; height:100vh;
    background-image:none; background-color:#241f18; overflow:hidden; border-right:3px solid #a67c00;
  }
  /* height:100% に padding を足すと 100vh を超えて縦スクロールが出る。border-box で内側に収める */
  body.theme-design2 .header__main{
    box-sizing:border-box;
    flex-direction:column; align-items:stretch; justify-content:flex-start;
    height:100%; margin:0; padding:clamp(18px,3vh,34px) 0;
  }
  body.theme-design2 .header__logo{ width:74%; padding:0; margin:0 auto clamp(18px,4vh,40px); }
  body.theme-design2 .header__right{ flex-direction:column; align-items:stretch; margin:0; width:100%; min-height:0; }
  body.theme-design2 .header__right-top{
    flex-direction:column; align-items:center; margin:0 0 clamp(12px,2.4vh,26px); gap:10px;
    min-height:0;
  }
  /* 長いタグラインはサイドバー幅で折り返す。あふれる分は詰める（横スクロールを出さない） */
  body.theme-design2 .header__right-top-text{
    width:100%; box-sizing:border-box; padding:0 16px;
    text-align:center; line-height:1.9; letter-spacing:.5px;
    flex:0 1 auto; min-height:0; overflow:hidden;
  }
  body.theme-design2 .header__right-top-icons{ flex:none; margin-left:0; }
  body.theme-design2 .gnavi__lists{ flex-direction:column; align-items:stretch; }
  /* page01.css の margin-left:57px が残ると 100%+57px となり横スクロールが出る */
  body.theme-design2 .gnavi__list{
    width:100%; margin-left:0; text-align:center;
    border-top:1px solid rgba(255,255,255,.12);
  }
  body.theme-design2 .gnavi__list:last-child{ border-bottom:1px solid rgba(255,255,255,.12); }
  body.theme-design2 .gnavi__list a{ display:block; padding:clamp(9px,1.8vh,18px) 0; }
  body.theme-design2 .gnavi__list .gnavi__ja{ font-size:clamp(14px,1.9vh,18px); }
  body.theme-design2 .gnavi__list p{ font-size:clamp(11px,1.5vh,14px); }
}
body.theme-design2 .header__right-top-text,
body.theme-design2 .gnavi__list .gnavi__ja,
body.theme-design2 .gnavi__list p,
body.theme-design2 .header__right-top-icons svg{ color:#efe7d5; }
body.theme-design2 .gnavi__list p{ color:#c8a24a; }

/* ============================================================
   こだわり帯
   ============================================================ */
body.theme-design2 .feature__wrapper{ background-color:#6b5b3e; background-image:none; }
body.theme-design2 .feature__message, body.theme-design2 .feature__box-text{ color:#fbf6ea; }
/* 見出しの上下が空きすぎていたので詰める（縦書きの列送りを決める height は保つ） */
body.theme-design2 .feature__message{ padding:6% 0 4%; }

/* 画面が広いとき、奇数は左・偶数は右に寄って反対側が大きく余っていた。
   左右に同じ余白を取って中央に置く */
body.theme-design2 .feature__box,
body.theme-design2 .feature__content .feature__box:nth-child(2n){
  max-width:1240px; width:92%; margin-left:auto; margin-right:auto;
  padding-bottom:clamp(56px,7vw,96px);
}
/* 同じ地色が続いて項目の切れ目が分からないため、細い罫線で仕切る */
body.theme-design2 .feature__content .feature__box + .feature__box{
  border-top:1px solid rgba(251,246,234,.26);
  padding-top:clamp(46px,6vw,84px);
}

/* ============================================================
   お品書き・概要
   ============================================================ */
body.theme-design2 .menu__wrapper, body.theme-design2 .about__content{ background-color:rgba(250,246,236,.85); }
body.theme-design2 .menu__title h2, body.theme-design2 .menu__title p{ color:#5b3a29; }
body.theme-design2 .menu__title h2::before, body.theme-design2 .menu__title h2::after{ background-color:#a67c00; }
body.theme-design2 .menu__inbox-right-color{ color:#fff; }

/* こだわりと同じ考え方で中央に置く。
   さらに .menu__inbox は左右の要素で 93% しか使わないため、内側も中央にそろえる */
@media screen and (min-width:769px){
  body.theme-design2 .menu__box,
  body.theme-design2 .menu__content .menu__box:nth-child(2n){
    max-width:1240px; width:92%; margin-left:auto; margin-right:auto;
  }
  body.theme-design2 .menu__inbox{ justify-content:center; }
}

/* ============================================================
   ボタン・フッター
   ============================================================ */
body.theme-design2 .menu__button a, body.theme-design2 .news__top-right a, body.theme-design2 .page__back a{ background-color:#a67c00; color:#fff; }
body.theme-design2 .news__top-right a::after{ border-top-color:#fff; border-right-color:#fff; }
body.theme-design2 .footer__content{ background-color:#241f18; color:#f1e9d8; }
body.theme-design2 .footer__content-nav a, body.theme-design2 .footer__content-sns a, body.theme-design2 .footer__actions__item{ color:#f1e9d8; }