@charset "UTF-8";

/* =========================================================
   01. キャッチコピー・見出し周辺 (#Catch)
========================================================= */
#Catch h1 { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: min(3.6vw, 17px); color: #3585B8; font-weight: normal; font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif; margin-bottom: 0; }
#Catch h1::before, #Catch h1::after { content: "\FF5E"; color: #333333; margin: 0 8px; font-weight: normal; vertical-align: middle; }
#Catch p._catch { color: #3585B8; }
#Catch p._lead { font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif; }
#Catch .area_catch span { position: relative; display: inline-block; font-weight: bold; color: #333; padding: 0 32px; letter-spacing: 0.05em; margin-bottom: 1em; }
.area_catch span::before, .area_catch span::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 1px; background-color: #3585B8; }
.area_catch span::before { left: 0; }
.area_catch span::after { right: 0; }

/* =========================================================
   02. ローカルナビ・共通パーツ
========================================================= */
.navi_local_txt { width: 100%; }
h2._heading { padding-top: 80px; margin-top: -80px; }
h2._heading span::before { content: unset; }
.heading_styles { font-size: min(4.3vw, 17px); text-align: center; }

/* =========================================================
   03. 価格帯から選ぶ (#price)
========================================================= */
.price_box { width: 45%; margin: 1%; }
.price_inner { min-height: 80px; }
.price_txt { font-size: min(4.2vw, 16px); position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }

/* =========================================================
   04. 喪中見舞い (#condolence)
========================================================= */
.condolence_heading { font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: min(4.2vw, 18px); font-weight: bold; text-align: center; margin: 1em 1em; }
.area_condolence { margin: 0 auto 4%; padding: 3%; border-top: 1px solid #ede7de; border-bottom: 1px solid #ede7de; box-sizing: border-box; }
.area_condolence .fl_inner { margin: 0 auto; }
.area_condolence .fl_img { max-width: 80%; margin: 0 auto 2%; }
.area_condolence .fl_img img { width: 100%; height: auto; display: block; border-radius: 2px; }
.area_condolence .fl_text { color: #333333; flex: 0 0 50%; }
.area_condolence .fl_group { margin-bottom: 2%; }
.area_condolence .fl_group:last-child { margin-bottom: 0; }
.area_condolence .fl_title { font-size: min(4.1vw, 16px); letter-spacing: 0.08em; margin: 0; line-height: 1.4; text-align: center; font-weight: bold; }
.area_condolence .fl_title .name_red { color: #b42b2b; font-weight: 600; }
.area_condolence .fl_desc { font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: min(4.1vw, 16px); line-height: 1.6; letter-spacing: 0.06em; color: #444444; margin: 0; }

/* =========================================================
   05. コラム・FAQ見出し
========================================================= */
h3.column_h3 { font-size: 16px; border-left: 4px solid #3585B8; padding-left: 0.5em; margin: 1em 0; font-weight: bold; }
.one-link-content:last-child { margin-bottom: 1em; }
.agedday_ttl .h2_title { transform: rotate(0.03deg); color: #3585B8; border-top: 1px solid #3585B8; border-bottom: 1px solid #3585B8; text-align: center; padding: 8px 0 6px; font-size: 15px; font-weight: bold; margin: 0 4% 20px; }

/* =========================================================
   06. 売り切れ表示 (共通パーツ補完)
========================================================= */
.is-soldout .item_img3, .is-soldout .item_img { position: relative; }
.is-soldout .item_img3::before, .is-soldout .item_img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; pointer-events: none; }
.is-soldout .item_img3::after, .is-soldout .item_img::after { content: "SOLD OUT"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 18px; font-weight: bold; letter-spacing: 0.1em; white-space: nowrap; z-index: 2; pointer-events: none; }
.is-soldout .specialprice { position: relative; z-index: 4; }
.rank_box dl div.soldout-wrap { position: relative; display: inline-block; width: 100%; }
.soldout-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; pointer-events: none; }
.soldout-wrap::after { content: "SOLD OUT"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #ffffff; font-size: 16px; font-weight: bold; letter-spacing: 0.1em; white-space: nowrap; z-index: 3; pointer-events: none; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#moomin.area_contents{border-top: 3px double #3585B8;border-bottom: 3px double #3585B8;padding: 8% 0 0;}