@charset "UTF-8";
/**
 * グルメ特集 vol.1〜21 用 旧テーマCSS打ち消し
 *
 * これらの記事は旧テーマ（wp-content/themes/etchu）のCSSを読み込むが、そこには
 *   header { height:200px; min-width:1110px }  header { height:100px !important; overflow:hidden }
 *   nav    { clear:both; width:100%; height:39px; background-image:...; border-top/bottom }
 *   footer { clear:both; width:100%; min-width:1105px; height:180px }
 *   header form { width:1100px; margin:0 auto; background:#F0F0E1 }
 *   header form input[type="search"] { float:left; width:200px; height:20px; margin:5px 0 0 20px }
 * といった要素セレクタ指定が含まれている。2026リニューアルの共通ヘッダー・フッターも
 * header / nav / footer / form / input を使うため、これらが漏れてページが横にはみ出す。
 *
 * ここでは共通パーツ（.tHeader / .tMenu / .gPankuzu / .tFooter）だけを設計値に戻す。
 * 記事本文には一切影響させないため、セレクタは共通パーツ配下に限定している。
 * 読み込みは etchu の CSS より後（各記事テンプレートの head 末尾）。
 */

/* 書体・文字サイズ ---------------------------------------- */
/* etchu のリセットが html,body に別のゴシックの font-family と font-size:100%（=16px）・
   line-height:1・font-weight:normal を当て、common2026.css の
   body{font-family:Noto Sans JP…; letter-spacing:.06em} と base.css の body{font-size:16px; line-height:2}
   を後勝ちで潰してしまう。共通パーツだけ common2026.css と同じ値に戻す
   （記事本文は etchu の値のまま）。font-family を変えるときは common2026.css の body と揃えること */
.tHeader,
.tMenu,
.gPankuzu,
.tFooter,
.tPageTop {
    font-family: "Noto Sans JP", "Source Han Sans JP", "源ノ角ゴシック JP", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 2;
}

/* 1023px以下のヘッダーは字間が乗るとナビが折り返すため戻す（common2026.css と同じ） */
@media screen and (max-width: 1023px) {
    .tHeader {
        letter-spacing: normal;
    }
}

/* etchu のリセットは font-weight:normal を a・p・span・li・div・h1〜h6 等ほぼ全要素へ直接当てるが、
   本文ウェイトが 400 になったため打ち消しは不要（太字にしたい箇所は common2026.css が
   クラスセレクタで指定しており、要素セレクタの etchu リセットに勝つ） */

/* etchu のリセットが b,strong に font-weight:normal を当て、normalize.css の
   b,strong{font-weight:bolder} を潰してしまう。ボタンのラベルはすべて <b> なので戻す */
.tHeader b,
.tHeader strong,
.tMenu b,
.tMenu strong,
.gPankuzu b,
.gPankuzu strong,
.tFooter b,
.tFooter strong,
.tPageTop b,
.tPageTop strong {
    font-weight: bolder;
}

/* etchu の input,button リセットで button の行送りが normal に戻るため */
.tHeader button,
.tFooter button,
.tPageTop {
    line-height: inherit;
}

/* ヘッダー ------------------------------------------------ */
.tHeader {
    width: auto;
    min-width: 0;
    /* etchu 側が height:100px !important を指定しているため同格で打ち消す */
    height: auto !important;
    margin: 0;
    overflow: visible;
}

/* etchu の header h1{float:right;width:320px} / header span{float:left;width:210px;height:108px} 対策。
   span は言語切替の区切り「｜」（.tHeader_langSep）のように後から増えるため個別列挙をやめ、
   .tHeader 配下の span をまとめて戻す。ハンバーガー（.tHeader_menuBars）だけは共通CSS側が
   22x22 を素のクラス指定（詳細度 0,1,0）で当てており `.tHeader span`（0,1,1）が勝ってしまうので
   :not() で対象外にする。.tMenu は </header> の外なので header span の影響を受けない */
.tHeader .tHeader_logo,
.tHeader span:not(.tHeader_menuBars) {
    float: none;
    width: auto;
    height: auto;
}

.tHeader_nav {
    /* etchu の nav{display:none}(max-width:768px) でタブレット時にナビが消えるのを打ち消す */
    display: block;
    clear: none;
    width: auto;
    height: auto;
    background-image: none;
    border-top: 0;
    border-bottom: 0;
}

.tHeader .tHeader_search {
    width: auto;
    margin: 0;
    padding: 0;
    background: #f7f7f7;
}

/* etchu の header form input[type="search"]{font-size:12px}（詳細度0,1,3）が
   common2026.css の .tHeader_search input{font-size:13px}（0,1,1）に勝ってしまうため戻す */
.tHeader .tHeader_search input {
    float: none;
    width: 240px;
    height: auto;
    margin: 0;
    font-size: 13px;
    /* etchu の input{color:inherit} で入力文字が #333 になる。他ページはブラウザ既定色なので戻す */
    color: initial;
    box-sizing: border-box;
}

/* SPメニュー ---------------------------------------------- */
.tMenu {
    clear: none;
    width: auto;
    height: auto;
    background-image: none;
    border-top: 0;
    border-bottom: 0;
}

/* パンくず ------------------------------------------------ */
.gPankuzu {
    clear: none;
    height: auto;
    background-image: none;
}

/* フッター ------------------------------------------------ */
.tFooter {
    display: block;
    clear: none;
    width: auto;
    min-width: 0;
    height: auto;
}

/* タブレット: common2026.css の可変幅（clamp）を打ち消さないよう同じ値を指定 */
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .tHeader .tHeader_search input {
        width: clamp(80px, 12vw, 240px);
    }
}

/* base.css の body{font-size:15px} に合わせる */
@media screen and (max-width: 999px) {
    .tHeader,
    .tMenu,
    .gPankuzu,
    .tFooter,
    .tPageTop {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    /* etchu 側が header form{margin-left:30px !important} を指定しているため同格で打ち消す */
    .tHeader .tHeader_search,
    .tHeader .tHeader_spSearch form {
        width: auto;
        margin: 0 !important;
        padding: 0;
        background: #f7f7f7;
    }

    .tHeader .tHeader_spSearch input {
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        font-size: 14px;
        color: initial;
        box-sizing: border-box;
    }
}