@charset "UTF-8";
/* =================================================================
   トップページの配色・フォントの統一（2026-10）
   index.html だけで読み込む。他の CSS より後に読み込んで上書きする。
   仕様：docs/トップページ_配色とフォント統一_仕様書.md
   ================================================================= */

/* ---- 色（和菓子屋らしい落ち着いた茶・弁柄・生成り） ----
   焦茶   #3B2D0B  文字・見出しの帯（ヘッダーの帯・「非正規サイト」の帯と同じ）
   弁柄   #8E2B1E  強調・リンク・記事タイトルの帯
   金茶   #B8862B  細い飾り線・ホバー
   生成り #FBF7EE  枠の中の背景
   砂色   #F7EFE0  ボタン・フッターの枠（フッターと同じ）
   線     #D8C19A  区切り線・枠線
*/

/* ---- フォント（Google Fonts） ----
   見出し：Shippori Mincho（しっぽり明朝）
   本文　：Zen Kaku Gothic New
*/
body {
  background-color: #FAF6EE;
  color: #3B2D0B;
}
#content_02,
#content_02 p,
#content_02 dd,
#content_02 td,
#footer {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
#content_02 a {
  color: #8E2B1E;
}
#content_02 a:hover {
  color: #B8862B !important;
}

/* ---- グローバルメニュー（オレンジ → 砂色のボタン） ---- */
#top_menu li {
  background-color: #F7EFE0;
  border: 1px solid #D8C19A;
  border-bottom: 3px solid #B8862B;
  font-family: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: 600;
  box-sizing: border-box;
  transition: background-color .2s;
}
#top_menu li:hover {
  background-color: #EFE2C8;
}
#top_menu li a {
  color: #3B2D0B;
}
#top_menu li.shop {
  background-color: #8E2B1E;
  border: 1px solid #8E2B1E;
  border-bottom: 3px solid #5E1C13;
  height: auto;
  width: 170px;
}
#top_menu li.shop:hover {
  background-color: #A53A2A;
}
#top_menu li.shop a {
  color: #FFFFFF;
}

/* ---- 紹介文の枠 ---- */
.intro_area {
  background: #FBF7EE;
  border: 1px solid #D8C19A;
  border-top: 3px solid #8E2B1E;
  border-radius: 0;
}
.intro_area h1 {
  font-family: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: 700;
  color: #3B2D0B;
  letter-spacing: .05em;
}
.intro_area h1 span {
  color: #8E2B1E;
}
.intro_area p {
  color: #3B2D0B;
}

/* ---- 【重要】非正規サイト・定休日・ようかん ---- */
.holiday_area {
  font-family: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  border-left-color: #8E2B1E;
}
#content_02 .holiday_area a {
  color: #FFFFFF;
}
#content_02 .holiday_area a:hover {
  color: #E8C992 !important;
}
h3.holiday_title {
  font-family: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
}
h3.holiday_title a {
  display: inline-block;
  color: #8E2B1E;
  padding: 4px 24px;
  border-top: 1px solid #D8C19A;
  border-bottom: 1px solid #D8C19A;
}
.youkan_area {
  background: #FBF7EE;
  border: 1px solid #D8C19A;
  border-radius: 0;
}
.youkan_area h3 {
  font-family: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.youkan_area h3 a {
  color: #8E2B1E;
}

/* ---- 週刊灸まん・メディア掲載 ---- */
.weekly,
.media {
  border-color: #3B2D0B;
  background-color: #FFFFFF;
}
#content_02 .weekly_media .weekly .text {
  background-color: #8E2B1E;
  font-family: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: 600;
  letter-spacing: .03em;
}
.weekly_media .weekly .text a {
  color: #FFFFFF !important;
}
.weekly_media .weekly dd p {
  background-color: #FBF7EE;
  color: #3B2D0B;
}
.weekly_media .weekly > p:not(.text) {
  color: #7A6A4F;
}
.weekly_media .media dd p {
  border-bottom: 1px dotted #D8C19A;
}
.weekly_media .media dd p span {
  color: #7A6A4F;
}

/* ---- お知らせ・【重要】非正規サイト（紹介文の枠と同じテイスト）2026-10-30 ---- */
.notice_area,
.caution_area {
  background: #FBF7EE;
  border: 1px solid #D8C19A;
  border-top: 3px solid #8E2B1E;
  box-sizing: border-box;
  text-align: left;
}
.notice_area {
  width: 940px;
  margin: 24px auto 0;
  padding: 18px 30px 14px;
}
.caution_area {
  margin: 0 0 24px;
  padding: 14px 20px 12px;
}
.notice_area h2,
.caution_area h2 {
  font-family: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  color: #3B2D0B;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #D8C19A;
}
.caution_area h2 {
  font-size: 18px;
  margin-bottom: 8px;
}
#content_02 .caution_area h2 a {
  color: #3B2D0B;
  text-decoration: none;
}
#content_02 .caution_area h2 a:hover {
  color: #8E2B1E !important;
}
.notice_label {
  display: inline-block;
  margin-right: 10px;
  padding: 1px 10px;
  background: #8E2B1E;
  color: #FFFFFF;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 13px;
  font-weight: 500;
  vertical-align: 2px;
  letter-spacing: .1em;
}
.notice_area p,
.caution_area p {
  font-size: 15px;
  line-height: 1.9;
  color: #3B2D0B;
  margin: 0;
}
.notice_area p.notice_date {
  text-align: right;
  font-size: 13px;
  color: #7A6A4F;
  margin-top: 6px;
}
@media screen and (max-width: 640px) {
  .notice_area {
    width: 90%;
    margin: 18px auto 0;
    padding: 14px 14px 10px;
  }
  .caution_area {
    padding: 12px 14px 10px;
  }
  .notice_area h2,
  .caution_area h2 {
    font-size: 16px;
  }
  .notice_area p,
  .caution_area p {
    font-size: 14px;
    line-height: 1.8;
  }
  .notice_area p br {
    display: none;
  }
}