@charset "UTF-8";

/* =========================================================
   01. 基本レイアウト・見出し
========================================================= */
header#body_header p.lead_p { color: #BB0A0D; text-align: center; font-size: 15px!important; font-weight: bold; margin-bottom: 0px!important; }
article#cover { margin: 0; padding: 0; background: none; }
article#cover h1 { padding: 0; background: none; text-align: center; }
article#cover h1 img { vertical-align: bottom; width: 100%; height: auto; background-size: 450px 270px; -webkit-background-size: 450px 270px; -moz-background-size: 450px 270px; }
article#cover p.off { margin: 10px; }
article#cover .lead span { font-weight: bold; }
article#cover div.main_visual { position: relative; padding: 0; background: none; text-align: center; }
article#cover div.main_visual img { vertical-align: bottom; width: 100%; height: auto; background-size: 450px 270px; -webkit-background-size: 450px 270px; -moz-background-size: 450px 270px; }

/* =========================================================
   02. ドロワーメニュー用
========================================================= */
article#item section.accordion ul li.purpose ul { display: table; border: #ccc 1px solid; border-bottom: none; width: 100%; }
article#item section.accordion ul li.purpose ul li { display: table-cell; border-left: #ccc 1px solid; padding: 5px 0 6px 6px; width: 50%; background: url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%; background-size: 8px 12px; -webkit-background-size: 8px 12px; -moz-background-size: 8px 12px; vertical-align: middle; }
article#item section.accordion ul li.purpose ul li a:link, article#item section.accordion ul li.purpose ul li a:visited, article#item section.accordion ul li.purpose ul li a:hover, article#item section.accordion ul li.purpose ul li a:active { color: #000; text-decoration: none; }

/* =========================================================
   03. キャッチ・リード文 (#Catch)
========================================================= */
.area_catch h1 { margin-bottom: 0; }
#Catch h1 { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: min(3.6vw, 17px); color: #AE0C00; font-weight: normal; font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif; }
#Catch h1::before, #Catch h1::after { content: "\FF5E"; color: #333333; margin: 0 8px; font-weight: normal; vertical-align: middle; }
#Catch p._lead { font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif; }
#Catch p._catch { color: #AE0C00; }
#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: #E5988F; }
.area_catch span::before { left: 0; }
.area_catch span::after { right: 0; }

/* =========================================================
   04. コラム・FAQ
========================================================= */
h3.column_h3 { font-size: 16px; border-left: 4px solid #D94F69; padding-left: 0.5em; margin: 1em 0; font-weight: bold; }
.one-link-content:last-child { margin-bottom: 1em; }
article#body > section#delivery { padding-top: 0!important; margin-top: 2em!important; }

/* =========================================================
   05. 価格から選ぶ (#price)
========================================================= */
.price_box { width: 45%; margin: 1%; }
.price_txt { font-size: min(4.2vw, 16px); position: absolute; top: 50%; transform: translateY(-50%); }
.price_inner { min-height: 80px; }

/* =========================================================
   06. スタイル別おすすめ
========================================================= */
.heading_styles { font-size: min(4.3vw, 17px); text-align: center; }

/* =========================================================
   07. 売り切れ表示 (SOLD OUT)
========================================================= */
.is-soldout .item_img3 { position: relative; }
.is-soldout .item_img3::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 { content: "SOLD OUT"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-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 .item_img { position: relative; }
.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_img::after { content: "SOLD OUT"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-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; }
.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; }

/* =========================================================
   08. その他共通クラス・セクション
========================================================= */
.adjust_color { color: #FD827A; font-weight: bold; }
.wrap_early { text-align: center; margin: 0 0 9%; }
article.navi { margin-top: 5%; }
.wrap_main_heading { margin-bottom: 3%; }
.navi_local_txt { width: 100%; }
h2._heading { padding-top: 80px; margin-top: -80px; }
.main_contents { margin: 12% 0 0; }
h2._heading span::before { content: unset; }

/* =========================================================
   09. ムーミン特設 (#moomin)
========================================================= */
#moomin.area_contents { border-top: 3px double #AE0C00; border-bottom: 3px double #AE0C00; padding: 8% 0 0; }