/* ==========================================================
   おむすび 塩梅 ／ トップから下の見た目
   飾りすぎず、ぱっと読めるように
   ========================================================== */

.naka{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:0 16px}

/* 和紙のカード：うしろの紙だけをやぶれたふちにする（文字はゆがまない） */
.washi{position:relative;isolation:isolate;padding:44px 28px}
.washi::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:#fbf8f0;
  filter:url(#yabure) drop-shadow(0 2px 3px rgba(80,60,30,.12));
}

/* 見出し：小さなおにぎり＋明朝 */
.midashi{
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-family:"Shippori Mincho",serif;font-weight:800;
  font-size:clamp(24px,4.6vw,32px);letter-spacing:.25em;
  margin-bottom:30px;
}
.midashi img{width:30px;height:auto}
.midashi small{display:block;font-size:12px;letter-spacing:.3em;color:var(--usuzumi);font-weight:500;text-align:center;margin-top:4px}

/* ===== 今日の営業とページ内の案内 ===== */
.kyou{
  margin:8px auto 70px;text-align:center;
  font-family:"Shippori Mincho",serif;
}
.kyou .hi{font-size:14px;letter-spacing:.15em;color:var(--usuzumi)}
.kyou .jotai{font-size:clamp(18px,4vw,22px);font-weight:800;letter-spacing:.12em;margin:6px 0 4px}
.kyou.yasumi .jotai{color:var(--ume)}
.kyou .sub{font-size:13px;color:var(--usuzumi);letter-spacing:.08em}
.annai{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.annai a{
  font-family:"Shippori Mincho",serif;font-weight:700;font-size:14px;letter-spacing:.15em;
  color:var(--sumi);text-decoration:none;
  border:1px solid var(--sumi);border-radius:999px;padding:7px 18px;
  transition:background .2s,color .2s;
}
.annai a:hover{background:var(--sumi);color:var(--kome)}

section.kugiri{margin-bottom:80px;scroll-margin-top:20px}

/* ===== お品書き ===== */
.shinagaki{
  list-style:none;
  font-family:"Shippori Mincho",serif;
  display:grid;grid-template-columns:1fr 1fr;gap:0 40px;
  max-width:640px;margin:0 auto;
}
.shinagaki li{
  display:flex;align-items:baseline;gap:8px;
  padding:13px 2px;border-bottom:1px dashed rgba(42,38,34,.25);
}
.shinagaki .na{font-size:18px;font-weight:700;letter-spacing:.08em}
.shinagaki .na small{font-size:12px;font-weight:500;color:var(--usuzumi);margin-left:4px}
.shinagaki .ten{flex:1}
.shinagaki .ne{font-size:16px;font-weight:700;white-space:nowrap}
.shinagaki li.osusume .na::after{
  content:"いちおし";display:inline-block;margin-left:8px;vertical-align:3px;
  background:var(--ume);color:var(--kome);font-size:10px;font-weight:700;letter-spacing:.1em;
  padding:2px 6px;border-radius:2px;
}
.shinagaki-shita{
  text-align:center;margin-top:24px;font-size:13px;color:var(--usuzumi);line-height:2;letter-spacing:.05em;
}

/* ===== こだわり ===== */
.kodawari{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;max-width:900px;margin:0 auto}
.kodawari .hitotsu{text-align:center}
.kodawari .maru{
  position:relative;isolation:isolate;
  width:96px;height:96px;margin:0 auto 18px;display:grid;place-items:center;
  font-family:"Shippori Mincho",serif;font-weight:800;font-size:38px;color:var(--sumi);
}
/* 丸もちぎった紙のように。米と塩は白い紙＋墨のふち、海苔だけ黒い紙（本物の色にそろえる） */
.kodawari .maru::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;
  background:#fdfbf5;border:2px solid var(--sumi);filter:url(#yabure);
}
.kodawari .maru.nori{color:var(--kome)}
.kodawari .maru.nori::before{background:var(--sumi)}
.kodawari .maru.nori{font-size:30px;letter-spacing:-.05em}
.kodawari p{font-size:15px;line-height:2;letter-spacing:.04em;text-align:left}

/* ===== ご予約 ===== */
.yoyaku-setsumei{text-align:center;font-size:15px;line-height:2;margin-bottom:28px}
.yoyaku-setsumei strong{color:var(--ume)}
.yoyaku-setsumei span{display:inline-block}
form.yoyaku{max-width:560px;margin:0 auto;display:grid;gap:18px}
form.yoyaku .futatsu{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form.yoyaku label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;letter-spacing:.05em}
form.yoyaku label .hissu{font-size:11px;color:var(--ume);margin-left:6px}
form.yoyaku input,form.yoyaku select,form.yoyaku textarea{
  width:100%;font:inherit;font-size:16px;color:var(--sumi);
  background:#fffdf8;border:1px solid rgba(42,38,34,.3);border-radius:4px;padding:11px 12px;
}
form.yoyaku textarea{min-height:90px;resize:vertical}
form.yoyaku input:focus,form.yoyaku select:focus,form.yoyaku textarea:focus{outline:2px solid var(--ume);outline-offset:1px}
form.yoyaku .chui{font-size:12px;color:var(--usuzumi);margin-top:5px}
form.yoyaku button{
  justify-self:center;margin-top:6px;
  font-family:"Shippori Mincho",serif;font-weight:800;font-size:16px;letter-spacing:.25em;
  color:var(--kome);background:var(--sumi);border:none;border-radius:999px;padding:13px 40px;cursor:pointer;
}
form.yoyaku button:hover{background:#000}
.oshirase{min-height:1.6em;text-align:center;font-size:14px;line-height:1.7}
.oshirase.dame{color:var(--ume);font-weight:500}

/* ===== 営業日とアクセス ===== */
.eigyou{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.koyomi h3{font-family:"Shippori Mincho",serif;font-size:17px;letter-spacing:.1em;text-align:center;margin-bottom:12px}
.koyomi table{width:100%;border-collapse:collapse;font-size:14px;text-align:center}
.koyomi th{font-weight:500;color:var(--usuzumi);padding:6px 0;font-size:12px}
.koyomi td{height:42px;border-top:1px solid rgba(42,38,34,.12);vertical-align:middle}
.koyomi td .hi{display:block}
.koyomi td.yasumi{color:var(--ume)}
.koyomi td.yasumi .shirushi{display:block;font-size:10px;line-height:1}
.koyomi td.kyou-no-hi .hi{
  display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;
  border:1.5px solid var(--sumi);font-weight:700;
}
.koyomi .rei{font-size:12px;color:var(--usuzumi);margin-top:10px;text-align:center}
.mise-joho{font-size:15px}
.mise-joho dl{display:grid;grid-template-columns:auto 1fr;gap:0}
.mise-joho dt,.mise-joho dd{padding:12px 4px;border-bottom:1px dashed rgba(42,38,34,.22);line-height:1.7}
.mise-joho dt{font-family:"Shippori Mincho",serif;font-weight:700;white-space:nowrap;padding-right:18px}
.mise-joho .kasou{font-size:12px;color:var(--usuzumi)}

/* ===== おしまい（海苔の帯） ===== */
.ashimoto{
  position:relative;z-index:1;margin-top:40px;
  background:var(--sumi);color:var(--kome);text-align:center;padding:44px 16px 54px;
}
/* 店名とはんこを、まんなかの高さでそろえる */
.ashimoto .na{
  display:flex;justify-content:center;align-items:center;gap:6px;
  font-family:"Shippori Mincho",serif;font-weight:800;font-size:24px;letter-spacing:.2em;line-height:1;
}
.ashimoto .na .hanko-chiisai{
  display:grid;place-items:center;width:24px;height:24px;
  background:var(--ume);color:var(--kome);font-size:14px;letter-spacing:0;line-height:1;border-radius:2px;
}
.ashimoto p{font-size:13px;line-height:2;margin-top:10px;opacity:.85;letter-spacing:.06em}
.ashimoto p span{display:inline-block}
.ashimoto .kasou{margin-top:18px;font-size:11px;opacity:.7}

/* スクロールしてきたら、ふわっと出る */
.fuwatto{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}
.fuwatto.deta{opacity:1;transform:none}

/* ===== スマホ ===== */
@media (max-width:720px){
  .washi{padding:34px 16px}
  .shinagaki{grid-template-columns:1fr;gap:0}
  .kodawari{grid-template-columns:1fr;gap:40px}
  .kodawari p{max-width:30em;margin:0 auto}
  .eigyou{grid-template-columns:1fr}
  form.yoyaku .futatsu{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .fuwatto{opacity:1;transform:none;transition:none}
}

/* Instagramのマーク（サンプルなので飾りだけ。本番ではお店のInstagramへのリンクにする） */
footer p.insta-kazari{display:flex;flex-direction:column;align-items:center;gap:6px;margin:18px auto 10px;font-size:11px;line-height:1.6;letter-spacing:.04em;opacity:.85;text-align:center}
footer .insta-kazari .insta-icon{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid currentColor;border-radius:50%;line-height:0}
footer .insta-kazari .insta-icon svg{display:block}
.insta-chui span{display:inline-block}

/* Googleマップのボタン（サンプルなので飾りだけ。本番ではGoogleマップへのリンクにする） */
.map-kazari{display:block;margin-top:10px}
.map-kazari .map-botan{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid currentColor;border-radius:999px;font-size:13px;line-height:1.4;letter-spacing:.04em;white-space:nowrap}
.map-kazari .map-botan svg{display:block;flex:none}
.map-kazari .map-chui{display:block;margin-top:5px;font-size:11px;line-height:1.6;opacity:.8}
.map-kazari .map-chui span{display:inline-block}