@charset "UTF-8";
/* ==========================================================================
   Aimeroir — sp.css（768px以下）
   スマホ専用レイアウト：商品2列・カード縮小・ドロワーナビ
   ========================================================================== */

:root{--sec-pad:var(--sec-pad-sp)}

/* ヘッダー・ナビ */
.head{padding:14px 18px}
.head.is-scrolled{padding:9px 18px}
.head__logo{width:150px}
.head.is-scrolled .head__logo{width:132px}
.gnav{
  position:fixed;inset:0;background:rgba(251,248,246,.98);backdrop-filter:blur(12px);
  flex-direction:column;justify-content:center;gap:34px;
  transform:translateX(100%);transition:transform .5s var(--ease);
}
.gnav.is-open{transform:none}
.gnav a{font-size:22px}
.navtoggle{display:block}

/* 商品グリッド：SP=2列（美しく収まるサイズ設計） */
.rings{grid-template-columns:repeat(2,1fr);gap:14px 12px}
.ringcard{border-radius:10px}
.ringcard__media{aspect-ratio:4/3}
.ringcard__no{top:8px;left:10px;font-size:11px;padding:1px 9px}
.ringcard__body{padding:13px 13px 16px}
.ringcard__en{font-size:15.5px;line-height:1.25}
.ringcard__jp{font-size:10px;letter-spacing:.12em;margin-top:3px}
.ringcard__copy{font-size:11.5px;line-height:1.75;margin-top:10px;padding-top:10px}
.ringcard__more{font-size:11px;margin-top:12px}

/* 店舗リスト：1列 */
.shoplist{grid-template-columns:1fr}
.areanav{gap:8px}
.areanav a{padding:8px 15px;font-size:12px}

/* 詳細ページ：1カラム */
.detail__hero{grid-template-columns:1fr;gap:24px}
.detail__en{font-size:30px}
.specgrid{grid-template-columns:1fr}
.storedetail{grid-template-columns:1fr;gap:22px}
.storedl__row{grid-template-columns:82px 1fr}
.arrange__grid{grid-template-columns:1fr;gap:14px}
.ptable{font-size:11.5px}
.ptable th,.ptable td{padding:8px 7px}

/* 文言・詩のサイズ */
.about__poem{font-size:14px;line-height:2.3;letter-spacing:.1em}
.coll-intro__poem{font-size:13.5px}
.sp-br{display:inline}
.hero__copy{line-height:2.2;letter-spacing:.2em}


/* ========== 店舗一覧：スマホ専用カード ========== */
/* 画像は16:9で低めに抑え、情報とボタンを主役にする */
.shopcard{border-radius:12px}
.shopcard__media{aspect-ratio:16/9}
.shopcard__body{padding:16px 16px 18px}
.shopcard__name{font-size:16.5px;line-height:1.5}
.shopcard__addr{margin-top:8px;font-size:12.5px;line-height:1.8}
.shopcard__tel{margin-top:6px;font-size:12.5px;color:var(--ink-soft);letter-spacing:.04em}

/* ボタン2つを横いっぱい・タップしやすい高さに */
.shopcard__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.shopcard__tel-btn{justify-content:center;padding:13px 8px;font-size:13px;border-radius:10px;white-space:nowrap}
.shopcard__detail-btn{justify-content:center;padding:13px 8px;font-size:13px;border-radius:10px;white-space:nowrap}

/* エリア見出しの余白 */
.shoparea{margin-bottom:44px}
.shoparea__label{font-size:16px;margin-bottom:16px}