@charset "UTF-8";
/*
 * B-EFFECT-SHOP パートナー企業様専用ショップ / biossentiel
 *
 * 白を基調にした引き算のデザイン。
 * 　・背景は白と、ごく淡い藤色を帯びたグレーの2色のみ
 * 　・書体は 欧文＝Helvetica ／ 和文＝明朝
 * 　・文字は小さく、余白を大きく取る
 * 　・ラベンダーの紫は差し色としてごく少量だけ使う
 */

html body.bd-shop-standalone {
	--bd-bg:      #FFFFFF;
	--bd-bg-alt:  #F7F5FA;
	--bd-line:    #E6E2EC;
	--bd-line-soft: #F1EEF6;

	--bd-ink:     #1A191D;
	--bd-ink-soft:#4A4750;
	--bd-muted:   #8B8791;

	/* 差し色（ごく少量） */
	--bd-accent:      #7B6B9E;
	--bd-accent-dark: #63548A;

	/*
	 * 欧文は Helvetica、和文は明朝。
	 * ブラウザは文字ごとに順に照合するため、この順序でラテン文字＝ヘルベチカ、
	 * ひらがな・漢字＝明朝 に自動的に振り分けられる。
	 */
	--bd-font: "Helvetica Neue", Helvetica, Arial,
		"Noto Serif JP",
		"ヒラギノ明朝 ProN", "Hiragino Mincho ProN",
		"游明朝", "Yu Mincho", YuMincho, "游明朝体", serif;
	/* ブランドの署名箇所だけに使う欧文セリフ */
	--bd-lat: "Cormorant Garamond", "Times New Roman", Georgia, serif;

	background: var(--bd-bg);
	color: var(--bd-ink);
	font-family: var(--bd-font);
	font-weight: 400;
	font-size: .8125rem;     /* 13px */
	line-height: 1.95;
	letter-spacing: .04em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;

	/* 日本語の折り返しを整える（禁則処理を厳格に、単語の途中で割らない） */
	line-break: strict;
	word-break: normal;
	overflow-wrap: break-word;
}

.bd-shop-standalone *,
.bd-shop-standalone *::before,
.bd-shop-standalone *::after { box-sizing: border-box; }

/*
 * 中央揃えの文章で、最後の行に1文字だけ落ちるのを防ぐ。
 * text-wrap: pretty は行末の孤立文字を避けて折り返し位置を調整する。
 * balance は短い見出し向けに各行の長さを揃える。
 * 未対応のブラウザでは従来どおりの折り返しになるだけで、崩れることはない。
 */
.bd-shop-standalone .bd-member__lead,
.bd-shop-standalone .bd-member__item-body,
.bd-shop-standalone .bd-member__note,
.bd-shop-standalone .term-description,
.bd-shop-standalone .woocommerce-tabs .panel p,
/* 左揃えの本文にも同じ調整を入れ、行末の孤立文字と不自然な折り返しを防ぐ */
.bd-shop-standalone .bd-story__text p,
.bd-shop-standalone .bd-nelly__text p,
.bd-shop-standalone .bd-nelly-block p,
.bd-shop-standalone .bd-page-content p,
.bd-shop-standalone .bd-spec-list dd,
.bd-shop-standalone .woocommerce-product-details__short-description {
	text-wrap: pretty;
}
.bd-shop-standalone .bd-member__title,
.bd-shop-standalone .bd-member__item-title,
.bd-shop-standalone .bd-section__title,
.bd-shop-standalone .page-title,
.bd-shop-standalone .bd-page-title,
.bd-shop-standalone .product_title,
.bd-shop-standalone .woocommerce-loop-product__title,
.bd-shop-standalone .bd-kv__lead,
.bd-shop-standalone .bd-band__quote-ja {
	text-wrap: balance;
}

.bd-shop-standalone a { color: var(--bd-ink); text-decoration: none; transition: opacity .3s ease, color .3s ease; }
.bd-shop-standalone a:hover { opacity: .55; }
.bd-shop-standalone img { max-width: 100%; height: auto; }

/* 共通の見出し */
.bd-shop-standalone .bd-section__eyebrow {
	font-size: .75rem; letter-spacing: .16em; color: var(--bd-muted);
	margin: 0 0 14px; font-weight: 400;
}
.bd-shop-standalone .bd-section__title {
	font-weight: 400; font-size: 1.125rem; letter-spacing: .14em;
	line-height: 1.9; margin: 0 0 26px; color: var(--bd-ink);
}
.bd-shop-standalone .bd-section__head { text-align: center; margin: 0 0 60px; }
.bd-shop-standalone .bd-section__head .bd-section__title { margin-bottom: 0; }

/* 見出しの右に「すべて見る→」を置く形（並び替えプルダウンの代わり） */
.bd-shop-standalone .bd-section__head--row {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 20px;
	text-align: left;
}
.bd-shop-standalone .bd-viewall {
	flex: 0 0 auto; padding-bottom: 4px;
	font-size: .75rem; letter-spacing: .1em; color: var(--bd-ink-soft);
	text-decoration: none; white-space: nowrap;
	border-bottom: 1px solid transparent; transition: color .3s ease, border-color .3s ease;
}
.bd-shop-standalone .bd-viewall__arrow {
	display: inline-block; margin-left: 7px; color: var(--bd-accent);
	transition: transform .3s ease;
}
.bd-shop-standalone .bd-viewall:hover { color: var(--bd-ink); border-bottom-color: var(--bd-accent); }
.bd-shop-standalone .bd-viewall:hover .bd-viewall__arrow { transform: translateX(3px); }

/* =========================================================
   ヘッダー
   ========================================================= */
.bd-shop-header {
	position: sticky; top: 0; z-index: 100;
	background: rgba(255,255,255,.95);
	backdrop-filter: saturate(140%) blur(8px);
	border-bottom: 1px solid var(--bd-line);
}
.bd-shop-header__inner {
	max-width: 1280px; margin: 0 auto; padding: 18px 32px;
	display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.bd-shop-header__logo img { height: 28px; width: auto; display: block; }
.bd-shop-header__nav { display: flex; align-items: flex-start; gap: 30px; }
.bd-shop-header__nav a {
	color: var(--bd-ink); white-space: nowrap;
	display: inline-flex; flex-direction: column; align-items: center; gap: 5px;
}
.bd-shop-header__icon { position: relative; display: block; line-height: 0; }
.bd-shop-header__icon svg { width: 21px; height: 21px; display: block; }
.bd-shop-header__text { font-size: .625rem; letter-spacing: .08em; line-height: 1; }

.bd-shop-cart-count {
	position: absolute; top: -5px; right: -8px;
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 16px; height: 16px; padding: 0 4px;
	background: var(--bd-accent); color: #fff; border-radius: 8px;
	font-size: .5625rem; line-height: 1; letter-spacing: 0;
}

/* メニューボタン（3本線） */
.bd-shop-header__menu {
	background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
	color: var(--bd-ink); font-family: inherit; white-space: nowrap;
	display: inline-flex; flex-direction: column; align-items: center; gap: 5px;
	transition: opacity .3s ease;
}
.bd-shop-header__menu:hover { opacity: .55; }
.bd-shop-header__menu[aria-expanded="true"] { opacity: .55; }
/*
 * テーマ（Twenty Twenty-One）は button に黒い下地と白い文字を当ててくる。
 * その指定は button:not(:hover):not(:active):not(.has-text-color) という形で
 * こちらの指定より強いため、!important で打ち消す。
 * これを外すと3本線が黒い四角の中に入って見える。
 */
.bd-shop-standalone .bd-shop-header__menu,
.bd-shop-standalone .bd-shop-header__menu:not(:hover):not(:active) {
	background: none !important;
	background-color: transparent !important;
	color: var(--bd-ink) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	-webkit-appearance: none;
	appearance: none;
}
.bd-shop-standalone .bd-shop-header__menu svg {
	fill: none !important;
	stroke: currentColor !important;
}

/* カテゴリーのドロップダウン */
.bd-menu {
	position: sticky; top: 0; z-index: 99;
	background: var(--bd-bg-alt); border-bottom: 1px solid var(--bd-line);
	animation: bd-menu-in .28s ease;
}
@keyframes bd-menu-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.bd-menu__inner { max-width: 1280px; margin: 0 auto; padding: 26px 32px 30px; text-align: center; }
.bd-menu__label {
	font-size: .6875rem; letter-spacing: .2em; color: var(--bd-muted); margin: 0 0 16px;
}
.bd-menu__list {
	list-style: none; margin: 0; padding: 0;
	display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 44px;
}
.bd-menu__list a {
	display: inline-block; padding: 6px 2px;
	font-size: .8125rem; letter-spacing: .16em; color: var(--bd-ink-soft);
	border-bottom: 1px solid transparent;
}
.bd-menu__list a:hover { opacity: .55; }
.bd-menu__list a.is-current { color: var(--bd-ink); border-bottom-color: var(--bd-accent); opacity: 1; }

/* =========================================================
   キービジュアル（意匠はそのまま維持）
   ========================================================= */
.bd-kv {
	position: relative; overflow: hidden;
	/* 縦に伸ばしすぎない。上から商品までの距離を短くするため */
	min-height: min(62vh, 560px);
	display: flex; align-items: center; justify-content: center;
	background: #2E332C;
}
.bd-kv__media { position: absolute; inset: 0; }
.bd-kv__media img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transform: scale(1.06);
	animation: bd-kenburns 26s ease-in-out infinite alternate;
}
@keyframes bd-kenburns {
	from { transform: scale(1.06) translate3d(0, 0, 0); }
	to   { transform: scale(1.16) translate3d(-1.2%, -1%, 0); }
}
.bd-kv::after {
	content: ""; position: absolute; inset: 0;
	background:
		linear-gradient(180deg, rgba(30,34,28,.42) 0%, rgba(30,34,28,.16) 38%, rgba(30,34,28,.52) 100%),
		radial-gradient(ellipse at 50% 55%, rgba(30,34,28,.10) 0%, rgba(30,34,28,.42) 100%);
}
.bd-kv__body { position: relative; z-index: 2; text-align: center; color: #fff; padding: 90px 24px; max-width: 760px; }
.bd-kv__eyebrow {
	font-family: var(--bd-lat); font-style: italic;
	font-size: 1rem; letter-spacing: .22em; margin: 0 0 22px; color: rgba(255,255,255,.9);
}
.bd-kv__title {
	font-family: var(--bd-lat); font-weight: 400;
	font-size: clamp(2.6rem, 7vw, 4.6rem); letter-spacing: .1em;
	line-height: 1.1; margin: 0 0 26px; color: #fff;
}
.bd-kv__lead {
	font-size: clamp(.82rem, 1.9vw, .9rem); letter-spacing: .14em;
	line-height: 2.4; margin: 0 0 34px; color: rgba(255,255,255,.94);
}
.bd-kv__note {
	display: inline-block; margin: 0;
	font-size: .6875rem; letter-spacing: .24em; color: #fff;
	border: 1px solid rgba(255,255,255,.5); padding: 9px 22px;
}
.bd-kv__scroll {
	position: absolute; left: 50%; bottom: 34px; z-index: 2;
	width: 1px; height: 54px; background: rgba(255,255,255,.5); overflow: hidden;
}
.bd-kv__scroll::after { content: ""; position: absolute; inset: 0; background: #fff; animation: bd-scrollcue 2.4s ease-in-out infinite; }
@keyframes bd-scrollcue { 0% { transform: translateY(-100%); } 60% { transform: translateY(100%); } 100% { transform: translateY(100%); } }

/* ---------------------------------------------------------
   キャンペーンのキービジュアル（期間中だけ差し替わる）

   ふだんのキービジュアルは「暗い写真＋白文字」の作り。
   告知画像は**クリーム色の地に濃紺の文字が焼き込まれている**ので、
   そのまま入れると暗い膜で濁り、拡大の動きで文字の端が切れる。
   ここで打ち消しているのは、その3つ。

   高さを決めず、画像そのままの縦横比で置いている。
   切り抜かないので、**細いスマホでも左右のオリーブとラベンダーが欠けない。**
   --------------------------------------------------------- */
/*
 * `.bd-shop-standalone` を足して要素を1つ増やしてある。
 * これが無いと、ファイル後方の @media 内にある `.bd-kv { min-height: 54vh }`
 * （クラス1つで同じ強さ・あとに書かれている）に負け、
 * **スマホで画像の下にクリーム色の空きが出る。**
 */
.bd-shop-standalone .bd-kv--campaign {
	display: block;                  /* 中央ぞろえの flex をやめる */
	min-height: 0;                   /* 62vh / 54vh の下限を外す */
	background: #F7F2E9;             /* 画像が出るまでの地色。画像の余白に近い色 */
	overflow: visible;
}
/* 暗い膜を消す。付けたままだとクリーム色が濁る */
.bd-kv--campaign::after { content: none !important; }

.bd-shop-standalone .bd-kv--campaign .bd-kv__link {
	display: block; position: relative;
	text-decoration: none !important;
	color: inherit !important;       /* テーマの a:not(...) を打ち消す */
}
.bd-kv--campaign .bd-kv__banner {
	display: block; width: 100%; height: auto;
	/* 拡大の動きを止める。動かすと画像の中の文字が寄って切れる */
	transform: none !important;
	animation: none !important;
	object-fit: fill;
}
/* 画像だけだと押せると気づかれないので、右下に小さく添える */
.bd-shop-standalone .bd-kv--campaign .bd-kv__more {
	position: absolute; right: 16px; bottom: 14px;
	display: inline-block;
	font-size: .75rem; letter-spacing: .12em; line-height: 1;
	color: #1F2A55 !important;
	background: rgba(255, 255, 255, .82);
	border: 1px solid rgba(31, 42, 85, .28);
	padding: 9px 16px;
}
@media (max-width: 700px) {
	.bd-shop-standalone .bd-kv--campaign .bd-kv__more {
		right: 10px; bottom: 9px; font-size: .6875rem; padding: 7px 12px;
	}
}

/* =========================================================
   ブランドストーリー
   ========================================================= */
.bd-story { background: var(--bd-bg); padding: 150px 32px 0; }
/*
 * 並びは 見出し → 1段落目 → 写真 → 残りの本文。
 * パソコンでは写真を左の列にまとめ、右の列に文章を積む。
 * スマホでは1列になり、HTML に書いた順でそのまま縦に並ぶ。
 */
.bd-story__inner {
	max-width: 1120px; margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"media head"
		"media lead"
		"media body";
	column-gap: 72px;
	row-gap: 20px;
	align-items: center;
}
.bd-story__head  { grid-area: head; align-self: end; }
.bd-story__lead  { grid-area: lead; }
.bd-story__body  { grid-area: body; align-self: start; }
.bd-story__media { grid-area: media; margin: 0; overflow: hidden; }

/* 「biossentiel（ビィオセンシィエール）」は他の見出しより控えめにする。
   .bd-shop-standalone .bd-section__title より強く書かないと効かない。 */
.bd-shop-standalone .bd-story .bd-section__title { font-size: 1rem; margin-bottom: 0; }
.bd-story__media img { width: 100%; display: block; aspect-ratio: 13 / 9; object-fit: cover; }
.bd-story__text p:not(.bd-section__eyebrow) {
	font-size: .875rem; line-height: 2.15; color: var(--bd-ink-soft); margin: 0 0 20px; letter-spacing: .04em;
}
.bd-story__text p:last-child { margin-bottom: 0; }

/* =========================================================
   ネリー・グロジャン博士（トップの紹介欄）
   ========================================================= */
.bd-nelly { background: var(--bd-bg-alt); padding: 120px 32px; margin-top: 150px; }
.bd-nelly__inner {
	max-width: 1080px; margin: 0 auto;
	display: grid; grid-template-columns: 1fr 0.8fr; gap: 64px; align-items: center;
}
/* biossentiel の紹介が左写真なので、こちらは右に写真を置いて交互にする */
.bd-nelly__media { margin: 0; overflow: hidden; order: 2; }
.bd-nelly__text { order: 1; }
.bd-nelly__media img { width: 100%; display: block; aspect-ratio: 4 / 5; object-fit: cover; }
.bd-nelly__text { text-align: left; }
.bd-nelly__catch {
	font-size: 1rem; letter-spacing: .12em; line-height: 1.9;
	color: var(--bd-accent-dark); margin: 0 0 26px;
}
.bd-nelly__text p:not(.bd-section__eyebrow):not(.bd-nelly__catch):not(.bd-nelly__more) {
	font-size: .8125rem; line-height: 2.2; color: var(--bd-ink-soft); margin: 0 0 18px;
}
.bd-nelly__more { margin: 30px 0 0; }
.bd-nelly__more a {
	display: inline-block; font-size: .8125rem; letter-spacing: .12em;
	color: var(--bd-ink); border-bottom: 1px solid var(--bd-line); padding-bottom: 4px;
}
.bd-nelly__more a::after { content: " →"; color: var(--bd-accent); }
.bd-nelly__more a:hover { opacity: 1; border-bottom-color: var(--bd-accent); }

/* =========================================================
   ネリー・グロジャン博士（詳細ページ）
   ========================================================= */
.bd-nelly-detail { max-width: 780px; margin: 0 auto; }
.bd-nelly-motto {
	border-top: 1px solid var(--bd-line); border-bottom: 1px solid var(--bd-line);
	padding: 22px 16px; margin: 0; text-align: center;
}
.bd-nelly-motto__fr {
	font-family: var(--bd-lat); font-style: italic; font-size: 1.125rem;
	letter-spacing: .06em; line-height: 1.6; color: var(--bd-accent-dark); margin: 0 0 8px;
}
.bd-nelly-motto__ja {
	font-size: .8125rem; letter-spacing: .16em; line-height: 1.9; color: var(--bd-ink); margin: 0;
	text-wrap: balance;
}
.bd-nelly-mark {
	text-align: center; color: var(--bd-accent); font-size: .875rem;
	letter-spacing: .2em; margin: 34px 0;
}
.bd-nelly-block { margin: 0 0 60px; text-align: left; }
.bd-nelly-block__media { margin: 0 0 30px; }
.bd-nelly-block__media img { width: 100%; display: block; }
.bd-nelly-block__title {
	font-weight: 400; font-size: 1.0625rem; letter-spacing: .1em;
	line-height: 1.9; margin: 0 0 20px; color: var(--bd-ink);
}
.bd-nelly-block p {
	font-size: .8125rem; line-height: 2.2; color: var(--bd-ink-soft); margin: 0 0 18px;
	text-wrap: pretty;
}
.bd-nelly-back { text-align: center; margin: 56px 0 0; }
.bd-nelly-back a {
	font-size: .8125rem; letter-spacing: .1em; color: var(--bd-ink-soft);
	border-bottom: 1px solid var(--bd-line); padding-bottom: 4px;
}

@media (max-width: 900px) {
	.bd-nelly { padding: 72px 24px; margin-top: 100px; }
	.bd-nelly__inner { grid-template-columns: 1fr; gap: 34px; }
	/* 1カラムでは写真を先に見せる */
	.bd-nelly__media { order: 0; }
	.bd-nelly__text { order: 1; }
	.bd-nelly__media img { aspect-ratio: 3 / 2; }
	.bd-nelly-motto__fr { font-size: 1rem; }
	.bd-nelly-block { margin-bottom: 44px; }
}

/* =========================================================
   本文の器
   ========================================================= */
.bd-shop-main { max-width: 1280px; margin: 0 auto; padding: 80px 32px 130px; }
.bd-shop-main--top { padding-top: 150px; }

.bd-shop-main .woocommerce-breadcrumb {
	font-size: .6875rem; letter-spacing: .06em; color: var(--bd-muted); margin: 0 0 40px;
}
.bd-shop-main .woocommerce-breadcrumb a { color: var(--bd-muted); }

.bd-shop-standalone .page-title,
.bd-shop-standalone .bd-page-title,
.bd-shop-standalone .woocommerce-products-header__title {
	font-weight: 400; font-size: 1.25rem; letter-spacing: .12em;
	text-align: center; margin: 0 0 56px; color: var(--bd-ink);
}
.bd-shop-standalone .term-description {
	text-align: center; color: var(--bd-ink-soft); font-size: .875rem;
	line-height: 2.1; max-width: 640px; margin: 0 auto 56px;
}

/* =========================================================
   商品一覧
   ========================================================= */
.bd-shop-standalone ul.products {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 40px;
	margin: 0; padding: 0; list-style: none;
}
.bd-shop-standalone ul.products::before,
.bd-shop-standalone ul.products::after { content: none; }
.bd-shop-standalone ul.products li.product {
	width: auto !important; margin: 0 !important; float: none !important; text-align: left;
	position: relative;
}

/* =========================================================
   2つ目以降の香りをえらぶ欄
   数量と購入ボタンのあいだに、行を分けて差し込む。
   ========================================================= */
/*
 * この並びは「香りで整うセット」だけに効く（bd-multiscent がある商品のみ）。
 * WooCommerce は数量欄を float:left で回り込ませるため、そのままだと
 * 香りの欄が数量の右に食い込んでずれる。縦積みに切り替えて左端を揃える。
 */
.bd-shop-standalone .woocommerce-variation-add-to-cart:has(.bd-multiscent) { display: block; }
.bd-shop-standalone .woocommerce-variation-add-to-cart:has(.bd-multiscent) .quantity {
	float: none; display: block; margin: 0 0 20px;
}
.bd-shop-standalone .woocommerce-variation-add-to-cart:has(.bd-multiscent) .single_add_to_cart_button {
	display: block; float: none; margin: 24px 0 0;
}
.bd-shop-standalone .bd-multiscent { width: 100%; clear: both; }
.bd-shop-standalone .bd-multiscent:not(:empty) { margin: 0 0 4px; }
.bd-shop-standalone .bd-multiscent__note {
	margin: 0 0 12px; font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-multiscent__row {
	display: flex; align-items: center; gap: 12px; margin: 0 0 10px;
}
.bd-shop-standalone .bd-multiscent__row label {
	flex: 0 0 6em; font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
	white-space: nowrap;
}
.bd-shop-standalone .bd-multiscent__row select { flex: 1 1 auto; min-width: 0; }

/* =========================================================
   商品写真の左上に置く小さなラベル（ベストセラーなど）
   白地に細い緑の枠。商品写真も白背景なので、主張しすぎず読める。
   ========================================================= */
.bd-shop-standalone .bd-badge {
	position: absolute; top: 10px; left: 10px; z-index: 2;
	padding: 3px 7px;
	background: rgba(255, 255, 255, .94);
	border: 1px solid var(--bd-accent);
	font-size: .5625rem; letter-spacing: .08em; line-height: 1.5;
	color: var(--bd-accent); white-space: nowrap;
	pointer-events: none;
}
.bd-shop-standalone ul.products li.product a img {
	background: var(--bd-bg-alt); border: 0;
	margin: 0 0 20px; transition: opacity .4s ease;
	/*
	 * 写真は枠いっぱいに出す。
	 * WordPress が img に style="width:100%;height:133.3%;…" を**直接**書き込むため、
	 * 何も指定しないと高さのほうが効いて、写真が小さいまま残ることがある。
	 * 要素に直接書かれた指定はCSSより強いので、!important で打ち消す。
	 */
	width: 100% !important;
	height: auto !important;
}
.bd-shop-standalone ul.products li.product:hover a img { opacity: .78; }

/* 明朝は太字が合成されて濁るため、商品名は太らせず字間と行間で見せる */
.bd-shop-standalone ul.products li.product .woocommerce-loop-product__title {
	font-weight: 400; font-size: .9375rem !important; letter-spacing: .06em;
	line-height: 1.75; padding: 0 !important; margin: 0 0 6px; color: var(--bd-ink);
}
.bd-shop-standalone ul.products li.product .price {
	font-size: 1rem !important; color: var(--bd-ink); letter-spacing: .03em;
	margin: 0 0 14px; display: block; font-weight: 400;
}
.bd-shop-standalone ul.products li.product .price del { opacity: .45; margin-right: 6px; }
.bd-shop-standalone ul.products li.product .price ins { text-decoration: none; }

.bd-shop-standalone .onsale {
	background: var(--bd-ink); color: #fff; border-radius: 0;
	font-size: .625rem; letter-spacing: .1em; padding: 4px 11px;
	min-height: 0; min-width: 0; line-height: 1.6; top: 8px; left: 8px; margin: 0;
}

/* =========================================================
   ボタン
   ========================================================= */
.bd-shop-standalone .button,
.bd-shop-standalone button.button,
.bd-shop-standalone input[type="submit"].button,
.bd-shop-standalone .woocommerce-button {
	background: var(--bd-ink) !important; color: #fff !important;
	border: 1px solid var(--bd-ink) !important; border-radius: 0 !important;
	font-family: var(--bd-font); font-weight: 400;
	font-size: .8125rem !important; letter-spacing: .1em;
	padding: 16px 32px !important; line-height: 1.4;
	transition: opacity .3s ease;
}
.bd-shop-standalone .button:hover,
.bd-shop-standalone button.button:hover,
.bd-shop-standalone input[type="submit"].button:hover,
.bd-shop-standalone .woocommerce-button:hover { opacity: .72; color: #fff !important; }

.bd-shop-standalone ul.products li.product .button {
	font-size: .75rem !important; padding: 0 !important; letter-spacing: .08em;
	background: transparent !important; color: var(--bd-ink) !important;
	border: 0 !important; border-bottom: 1px solid var(--bd-line) !important;
	display: inline-block; padding-bottom: 4px !important;
}
.bd-shop-standalone ul.products li.product .button:hover {
	background: transparent !important; color: var(--bd-ink) !important;
	border-bottom-color: var(--bd-accent) !important; opacity: 1;
}

/* =========================================================
   商品詳細（.single-product は body 側のクラスなので子孫指定にしない）
   ========================================================= */
.bd-shop-standalone div.product { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; position: relative; }
/* 商品ページでは写真の枠（左半分）の左上に重ねる */
.bd-shop-standalone .bd-badge--single { top: 14px; left: 14px; padding: 4px 9px; font-size: .625rem; }
.bd-shop-standalone div.product .woocommerce-product-gallery,
.bd-shop-standalone div.product .summary { width: auto !important; float: none !important; margin: 0 !important; }
.bd-shop-standalone div.product .woocommerce-tabs,
.bd-shop-standalone div.product .related,
.bd-shop-standalone div.product .up-sells,
.bd-shop-standalone div.product .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.bd-shop-standalone .woocommerce-product-gallery { position: relative; }
.bd-shop-standalone .woocommerce-product-gallery img { background: var(--bd-bg-alt); border: 0; }

/* 画像を拡大せず、左右の送りでスライドさせる */
.bd-shop-standalone .woocommerce-product-gallery__image a { cursor: default; }
.bd-shop-standalone .woocommerce-product-gallery__trigger { display: none !important; }
.bd-shop-standalone .zoomImg { display: none !important; }

/* 〈〉は写真の枠の中に置く（サムネイル一覧を含めない）ので、高さが写真の中央で揃う */
.bd-shop-standalone .woocommerce-product-gallery .flex-viewport { position: relative; }
.bd-shop-standalone .flex-direction-nav {
	list-style: none; margin: 0; padding: 0;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	pointer-events: none; z-index: 5;
}
.bd-shop-standalone .flex-direction-nav li {
	position: absolute; top: 50%; transform: translateY(-50%); margin: 0;
}
.bd-shop-standalone .flex-nav-prev { left: 0; }
.bd-shop-standalone .flex-nav-next { right: 0; }

.bd-shop-standalone .flex-direction-nav a {
	display: flex; align-items: center; justify-content: center;
	width: 56px; height: 84px;
	font-size: 0; text-indent: 0; text-decoration: none;
	background: none; border: 0; box-shadow: none;
	color: rgba(26, 26, 24, .32);
	opacity: 0; pointer-events: auto;
	transition: opacity .3s ease, color .3s ease;
}
.bd-shop-standalone .flex-direction-nav a::before {
	font-family: var(--bd-font); font-size: 1.5rem; line-height: 1;
	font-weight: 400; letter-spacing: 0;
}
.bd-shop-standalone .flex-direction-nav .flex-prev::before { content: "〈"; }
.bd-shop-standalone .flex-direction-nav .flex-next::before { content: "〉"; }

/*
 * 〈〉は写真の左右の端に寄せる。
 * 中央寄せだと商品の上に重なって見づらいため、記号だけを外側へ動かす。
 * 押せる範囲（56x84）は変えないので、指でも押しやすいまま。
 */
.bd-shop-standalone .flex-direction-nav .flex-prev { justify-content: flex-start; padding-left: 4px; }
.bd-shop-standalone .flex-direction-nav .flex-next { justify-content: flex-end;   padding-right: 4px; }

/* 画像の上にカーソルが来たときだけ表示する */
.bd-shop-standalone .woocommerce-product-gallery:hover .flex-direction-nav a { opacity: 1; }
.bd-shop-standalone .flex-direction-nav a:hover { color: rgba(26, 26, 24, .7); }
/* 最初・最後で無効になる送りは出さない */
.bd-shop-standalone .flex-direction-nav a.flex-disabled { opacity: 0 !important; pointer-events: none; }

/* キーボード操作でも見えるようにする */
.bd-shop-standalone .flex-direction-nav a:focus-visible { opacity: 1; outline: 1px solid var(--bd-accent); outline-offset: 2px; }

@media (hover: none) {
	/* タッチ端末では常に表示（スワイプでも切り替わる） */
	.bd-shop-standalone .flex-direction-nav a { opacity: 1; }
}

.bd-shop-standalone .product_title {
	font-weight: 400; font-size: 1.25rem; letter-spacing: .08em;
	line-height: 1.9; margin: 0 0 18px; padding: 0;
}
.bd-shop-standalone .summary .price {
	font-size: 1.125rem !important; color: var(--bd-ink) !important; font-weight: 400;
	letter-spacing: .03em; margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid var(--bd-line);
}
/* 容量などの仕様表示（価格の下） */
.bd-shop-standalone .bd-spec {
	font-size: .8125rem; letter-spacing: .06em; color: var(--bd-ink-soft);
	margin: -14px 0 26px;
}
.bd-shop-standalone .bd-spec__label {
	display: inline-block; min-width: 4em; color: var(--bd-muted); font-size: .75rem;
}

.bd-shop-standalone .woocommerce-product-details__short-description {
	font-size: .875rem; line-height: 2.15; color: var(--bd-ink-soft); margin-bottom: 34px;
}
.bd-shop-standalone .product_meta {
	font-size: .6875rem; color: var(--bd-muted); letter-spacing: .06em;
	margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--bd-line-soft);
}
.bd-shop-standalone .product_meta a { color: var(--bd-muted); }
/* 商品ページ下部の「ご購入前に必ずお読みください」への導線 */
.bd-shop-standalone .bd-notice-link {
	margin: 22px 0 0; padding-top: 18px;
	border-top: 1px solid var(--bd-line-soft);
	font-size: .75rem; letter-spacing: .06em; line-height: 1.9;
}
.bd-shop-standalone .bd-notice-link a {
	color: var(--bd-ink-soft); border-bottom: 1px solid var(--bd-line);
	padding-bottom: 2px;
}
.bd-shop-standalone .bd-notice-link a::before { content: "※ "; color: var(--bd-muted); }
.bd-shop-standalone .bd-notice-link a:hover { opacity: 1; color: var(--bd-ink); border-bottom-color: var(--bd-accent); }

/* 購入手続きの同意チェック内のリンク */
.bd-shop-standalone .wc-block-checkout__terms a,
.bd-shop-standalone .woocommerce-terms-and-conditions-link {
	color: var(--bd-ink); border-bottom: 1px solid var(--bd-line);
}
.bd-shop-standalone .wc-block-checkout__terms a:hover { opacity: 1; border-bottom-color: var(--bd-accent); }

.bd-shop-standalone .quantity input[type="number"] {
	border: 1px solid var(--bd-line); background: #fff;
	padding: 13px 8px; width: 76px; color: var(--bd-ink); border-radius: 0;
}

.bd-shop-standalone .woocommerce-tabs ul.tabs { padding: 0 !important; margin: 0 0 34px; border-bottom: 1px solid var(--bd-line); }
/*
 * WooCommerce は ul.tabs の前後に「content: ' '; display: table」を入れている。
 * 昔ながらの回り込み解除用だが、こちらは grid / flex で並べているため不要。
 * 消さずに置いておくと、この2つが枠をひとつずつ占め、
 * スマホで「説明・仕様」が右に押し出され「配送」が2段目に落ちる。
 */
.bd-shop-standalone .woocommerce-tabs ul.tabs::before,
.bd-shop-standalone .woocommerce-tabs ul.tabs::after {
	content: none !important;
	display: none !important;
	border: none !important;
}
.bd-shop-standalone .woocommerce-tabs ul.tabs li {
	background: transparent !important; border: none !important; border-radius: 0 !important;
	margin: 0 32px 0 0 !important; padding: 0 !important;
}
.bd-shop-standalone .woocommerce-tabs ul.tabs li::before,
.bd-shop-standalone .woocommerce-tabs ul.tabs li::after { border: none !important; box-shadow: none !important; content: none !important; }
.bd-shop-standalone .woocommerce-tabs ul.tabs li a {
	font-size: .8125rem; letter-spacing: .1em;
	padding: 14px 2px !important; color: var(--bd-muted); border-bottom: 1px solid transparent; display: block;
}
.bd-shop-standalone .woocommerce-tabs ul.tabs li.active a { color: var(--bd-ink); border-bottom-color: var(--bd-accent); }
/*
 * モバイルでは3つのタブを画面幅いっぱいに均等に並べ、中央揃えにする。
 * 囲みや影は使わず、細い罫線を全体に通したうえで、
 * 選択中のタブだけ太い下線と濃い文字色で示す。
 * 指で確実に押せるよう、高さは52px以上を確保している。
 */
@media (max-width: 700px) {
	.bd-shop-standalone .woocommerce-tabs ul.tabs {
		display: grid; grid-template-columns: repeat(3, 1fr);
		gap: 0; margin: 0 0 30px;
		border-bottom: 1px solid var(--bd-line);
	}
	.bd-shop-standalone .woocommerce-tabs ul.tabs li { margin: 0 !important; }
	.bd-shop-standalone .woocommerce-tabs ul.tabs li a {
		display: flex; align-items: center; justify-content: center;
		min-height: 52px; padding: 12px 4px !important;
		font-size: .9375rem; letter-spacing: .1em; text-align: center;
		color: var(--bd-muted); background: transparent;
		border: 0; border-bottom: 2px solid transparent;
		margin-bottom: -1px; /* 全体の罫線にぴったり重ねる */
		box-shadow: none;
		transition: color .3s ease, border-color .3s ease;
	}
	.bd-shop-standalone .woocommerce-tabs ul.tabs li.active a {
		color: var(--bd-ink); border-bottom-color: var(--bd-accent);
	}
}

.bd-shop-standalone .woocommerce-tabs .panel h2 { display: none; }
.bd-shop-standalone .woocommerce-tabs .panel { font-size: .875rem; line-height: 2.15; color: var(--bd-ink-soft); }
.bd-shop-standalone .woocommerce-tabs .panel > p:first-child { margin-top: 0; }

/* 説明タブ */
.bd-shop-standalone .bd-tab__body { max-width: 760px; }
.bd-shop-standalone .bd-tab__body p { margin: 0 0 1.4em; }
.bd-shop-standalone .bd-tab__figure { margin: 48px 0 0; }
.bd-shop-standalone .bd-tab__figure img { width: 100%; display: block; }
/* 説明文の中の小見出し（＜使い方＞など） */
.bd-shop-standalone .bd-tab__body h4 {
	margin: 2.6em 0 1.1em; font-size: .875rem; font-weight: 500;
	letter-spacing: .1em; color: var(--bd-ink);
}
.bd-shop-standalone .bd-tab__body h4:first-child { margin-top: 0; }

/* 仕様・配送タブ */
.bd-shop-standalone .bd-spec-list {
	display: grid; grid-template-columns: 10em 1fr; gap: 0;
	margin: 0; max-width: 760px;
	border-top: 1px solid var(--bd-line);
}
.bd-shop-standalone .bd-spec-list dt,
.bd-shop-standalone .bd-spec-list dd {
	margin: 0; padding: 18px 4px; border-bottom: 1px solid var(--bd-line-soft);
	font-size: .875rem; line-height: 2;
}
.bd-shop-standalone .bd-spec-list dt { color: var(--bd-muted); font-size: .8125rem; letter-spacing: .06em; }
/* 食品のバランス表示（法定表示のため、はっきり読める大きさで） */
.bd-shop-standalone .bd-food-notice {
	max-width: 760px; margin: 26px 0 0; padding: 18px 22px;
	border: 1px solid var(--bd-accent); background: #F3F6F1;
	font-size: .9375rem; letter-spacing: .04em; line-height: 1.9;
	color: var(--bd-ink); text-align: center; font-weight: 500;
}

/* 仕様表の下に置く補足（アロマストーンプロジェクトなど） */
.bd-shop-standalone .bd-spec-note {
	max-width: 760px; margin: 34px 0 0; padding: 26px 28px;
	background: var(--bd-bg-alt);
}
.bd-shop-standalone .bd-spec-note__title {
	margin: 0 0 14px; font-size: .875rem; letter-spacing: .1em; color: var(--bd-ink);
}
.bd-shop-standalone .bd-spec-note p {
	margin: 0 0 1.2em; font-size: .8125rem; line-height: 2.1; color: var(--bd-ink-soft);
	text-wrap: pretty;
}
.bd-shop-standalone .bd-spec-note p:last-child { margin-bottom: 0; }

.bd-shop-standalone .bd-shipping-campaign {
	margin: 0 0 24px; padding: 13px 18px; max-width: 760px;
	background: var(--bd-bg-alt); border-left: 2px solid var(--bd-accent);
	font-size: .8125rem; letter-spacing: .06em; color: var(--bd-ink);
}
.bd-shop-standalone .bd-spec-list dd { color: var(--bd-ink); }

@media (max-width: 600px) {
	.bd-shop-standalone .bd-spec-list { grid-template-columns: 1fr; border-top: 0; }
	.bd-shop-standalone .bd-spec-list dt {
		padding: 16px 4px 0; border-bottom: 0; border-top: 1px solid var(--bd-line-soft);
	}
	.bd-shop-standalone .bd-spec-list dd { padding: 2px 4px 16px; border-bottom: 0; }
	.bd-shop-standalone .bd-tab__figure { margin-top: 32px; }
}

.bd-shop-standalone .related > h2,
.bd-shop-standalone .up-sells > h2,
.bd-shop-standalone .cross-sells > h2 {
	font-weight: 400; font-size: 1.125rem; letter-spacing: .14em;
	text-align: center; margin: 130px 0 56px; color: var(--bd-ink);
}

/*
 * 関連商品は4点。4列（スマホは2列2段）にそろえる。
 * テーマ側に
 *   .woocommerce ul.products { display:flex; flex-wrap:wrap }
 *   .related.products ul.products { justify-content:space-evenly }
 *   .columns-4 li.product { width:calc(25% - 16px)!important }
 * があるため、格子に戻すにはこれらを打ち消す必要がある。
 */
.bd-shop-standalone .related ul.products,
.bd-shop-standalone .up-sells ul.products,
.bd-shop-standalone .cross-sells ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 44px 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	overflow: visible !important;
}
.bd-shop-standalone .related ul.products li.product,
.bd-shop-standalone .up-sells ul.products li.product,
.bd-shop-standalone .cross-sells ul.products li.product {
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
}

@media (max-width: 700px) {
	/* スマホは2列2段 */
	.bd-shop-standalone .related ul.products,
	.bd-shop-standalone .up-sells ul.products,
	.bd-shop-standalone .cross-sells ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 34px 18px !important;
	}
}

/* =========================================================
   ボタニカルバンド（引用はブランドの署名箇所なのでセリフのまま）
   ========================================================= */
/*
 * 枠の外から padding-top が 32px 入る（ブラウザで実測）。
 * 打ち消さないと、次の ::after の膜が上端の32点ぶんだけ届かず、
 * そこだけ写真が明るいまま残ってしまう。
 */
.bd-band { position: relative; overflow: hidden; background: #2A2F27; margin-top: 20px; padding: 0 !important; }
.bd-band__media { width: 100%; height: 100%; min-height: 380px; object-fit: cover; display: block; position: absolute; inset: 0; }
/*
 * 黒い膜は、文字の入れ物ではなく枠そのものに敷く。
 * 入れ物に敷くと、余白や高さの都合で覆いきれないことがある。
 * キービジュアル（.bd-kv::after）と同じ作りにそろえてある。
 */
.bd-band::after {
	content: ""; position: absolute; inset: 0; z-index: 1;
	background: rgba(28,33,26,.44);
}
.bd-band__body { position: relative; z-index: 2; text-align: center; color: #fff; padding: 130px 24px; }
.bd-band__quote { margin: 0 0 26px; padding: 0; border: 0; }
/*
 * テーマ（Twenty Twenty-One）は blockquote の左に “ を置く。
 * 写真の上に取り残されて見えるだけなので出さない。
 */
.bd-band__quote::before { content: none !important; }
.bd-band__quote-en {
	font-family: var(--bd-lat); font-style: italic; font-weight: 400;
	font-size: clamp(2rem, 5.6vw, 3.4rem); letter-spacing: .05em;
	line-height: 1.3; margin: 0 0 18px;
}
.bd-band__quote-ja { font-size: .8125rem; letter-spacing: .2em; line-height: 2.2; margin: 0; }
.bd-band__by {
	font-family: var(--bd-lat); font-style: italic; font-size: .875rem;
	letter-spacing: .18em; margin: 0; opacity: .88;
	display: inline-block; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.3);
}

/* =========================================================
   カート・購入手続き
   ========================================================= */
.bd-shop-standalone table.shop_table {
	border: 1px solid var(--bd-line) !important; border-radius: 0 !important;
	background: #fff; border-collapse: collapse !important;
}
.bd-shop-standalone table.shop_table th {
	font-weight: 400; letter-spacing: .08em; font-size: .8125rem; color: var(--bd-ink);
	background: var(--bd-bg-alt); border-bottom: 1px solid var(--bd-line) !important; padding: 15px 16px;
}
.bd-shop-standalone table.shop_table td { border-top: 1px solid var(--bd-line-soft) !important; padding: 16px; font-size: .875rem; }
.bd-shop-standalone table.shop_table img { width: 64px; border: 0; background: var(--bd-bg-alt); }

.bd-shop-standalone .cart_totals h2,
.bd-shop-standalone #order_review_heading,
.bd-shop-standalone .woocommerce-billing-fields h3,
.bd-shop-standalone .woocommerce-shipping-fields h3,
.bd-shop-standalone .woocommerce-additional-fields h3 {
	font-weight: 400; font-size: 1rem; letter-spacing: .12em;
	margin: 0 0 24px; padding-bottom: 16px; border-bottom: 1px solid var(--bd-line);
}
.bd-shop-standalone .woocommerce form .form-row label { font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft); margin-bottom: 7px; }
.bd-shop-standalone .woocommerce form .form-row input.input-text,
.bd-shop-standalone .woocommerce form .form-row textarea,
.bd-shop-standalone .select2-container .select2-selection--single,
/*
 * ブロックの購入手続きは、ラベルが枠の中に浮くつくりになっている。
 * そこに独自の余白を当てるとラベルと入力文字が重なるため、対象から外す。
 */
.bd-shop-standalone input.input-text,
.bd-shop-standalone textarea:not(.wc-block-components-textarea),
.bd-shop-standalone select:not(.wc-blocks-components-select__select) {
	border: 1px solid var(--bd-line) !important; background: #fff !important;
	border-radius: 0 !important; padding: 13px 15px !important; color: var(--bd-ink);
	font-family: var(--bd-font); font-size: .875rem; line-height: 1.6; height: auto !important;
}
.bd-shop-standalone input.input-text:focus, .bd-shop-standalone textarea:focus, .bd-shop-standalone select:focus { outline: none; border-color: var(--bd-accent) !important; }

.bd-shop-standalone #payment { background: var(--bd-bg-alt) !important; border: 1px solid var(--bd-line); border-radius: 0 !important; }
.bd-shop-standalone #payment ul.payment_methods { border-bottom: 1px solid var(--bd-line) !important; padding: 22px !important; }
.bd-shop-standalone #payment div.payment_box { background: #fff !important; border-radius: 0 !important; font-size: .8125rem; line-height: 1.9; color: var(--bd-ink-soft); }
.bd-shop-standalone #payment div.payment_box::before { border-bottom-color: #fff !important; }
.bd-shop-standalone #payment div.form-row { padding: 22px !important; }

/* =========================================================
   ブロック版のカート・購入手続き
   ========================================================= */

/* 「購入手続きに進む」をエクスプレス決済より上に置く */
.bd-shop-standalone .wc-block-cart__sidebar { display: flex; flex-direction: column; }
.bd-shop-standalone .wc-block-cart__sidebar > .wp-block-woocommerce-cart-order-summary-block { order: 1; }
.bd-shop-standalone .wc-block-cart__sidebar > .wc-block-cart__submit { order: 2; }
.bd-shop-standalone .wc-block-cart__sidebar > .wc-block-cart__payment-options { order: 3; }

/* 「または」の区切りは、並べ替え後もエクスプレス決済の上に来るようにする */
.bd-shop-standalone .wc-block-cart__payment-options { display: flex; flex-direction: column; margin-top: 8px; }
.bd-shop-standalone .wc-block-cart__payment-options > .wc-block-components-express-payment-continue-rule { order: 1; margin: 4px 0 14px; }
.bd-shop-standalone .wc-block-cart__payment-options > .wc-block-components-express-payment { order: 2; }

/* 主要ボタンは黒地に白文字（既定は暗い文字色で読みにくいため） */
.bd-shop-standalone .wc-block-cart__submit-button,
.bd-shop-standalone .wc-block-components-checkout-place-order-button {
	background: var(--bd-ink) !important;
	color: #fff !important;
	border: 1px solid var(--bd-ink) !important;
	border-radius: 0 !important;
	font-family: var(--bd-font); font-weight: 400;
	font-size: .875rem !important; letter-spacing: .12em;
	padding: 17px 24px !important; line-height: 1.5;
	transition: opacity .3s ease;
}
.bd-shop-standalone .wc-block-cart__submit-button:hover,
.bd-shop-standalone .wc-block-components-checkout-place-order-button:hover {
	opacity: .78; color: #fff !important; background: var(--bd-ink) !important;
}

.bd-shop-standalone .woocommerce-info,
.bd-shop-standalone .woocommerce-message,
.bd-shop-standalone .woocommerce-error {
	background: var(--bd-bg-alt) !important; border-top: 1px solid var(--bd-accent) !important;
	color: var(--bd-ink) !important; font-size: .8125rem; line-height: 1.9; border-radius: 0;
}
.bd-shop-standalone .woocommerce-info::before,
.bd-shop-standalone .woocommerce-message::before { color: var(--bd-accent) !important; }
.bd-shop-standalone .woocommerce-error { border-top-color: #A9765E !important; }
.bd-shop-standalone .woocommerce-error::before { color: #A9765E !important; }

/* 「結果の1〜3/13」は出さない（ピックアップ表示では意味を持たないため） */
.bd-shop-standalone .woocommerce-result-count { display: none; }
.bd-shop-standalone .woocommerce-ordering { font-size: .75rem; color: var(--bd-muted); }

/* すべての商品を表示 */
/* =========================================================
   カテゴリーから探す（トップ）
   ========================================================= */
.bd-shop-standalone .bd-cats { background: var(--bd-bg); padding: 76px 40px 20px; }
.bd-shop-standalone .bd-cats__inner { max-width: 1080px; margin: 0 auto; }
.bd-shop-standalone .bd-cats__list {
	display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px;
	list-style: none; margin: 0; padding: 0;
}
.bd-shop-standalone .bd-cats__item { margin: 0; }
.bd-shop-standalone .bd-cats__item a {
	display: block; text-decoration: none; color: inherit;
}
/* 写真は正方形。縦長だった頃より、並べたときの背が低くなる。 */
.bd-shop-standalone .bd-cats__media {
	display: block; position: relative; overflow: hidden;
	aspect-ratio: 1 / 1; background: var(--bd-bg-alt); margin: 0 0 10px;
}
.bd-shop-standalone .bd-cats__media img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform 1.2s cubic-bezier(.2, .8, .2, 1);
}
.bd-shop-standalone .bd-cats__item a:hover .bd-cats__media img { transform: scale(1.05); }
/* 写真が未設定のあいだも枠が崩れないようにする */
.bd-shop-standalone .bd-cats__media.is-empty::after {
	content: ""; position: absolute; inset: 14px;
	border: 1px solid var(--bd-line);
}
.bd-shop-standalone .bd-cats__name {
	display: block; font-size: .8125rem; letter-spacing: .1em;
	line-height: 1.7; color: var(--bd-ink);
}

.bd-shop-standalone .bd-showall { text-align: center; margin: 64px 0 0; }
.bd-shop-standalone .bd-showall a {
	display: inline-block; font-size: .75rem; letter-spacing: .14em;
	color: var(--bd-ink-soft); border-bottom: 1px solid var(--bd-line); padding-bottom: 4px;
}
.bd-shop-standalone .bd-showall a::after { content: " →"; color: var(--bd-accent); }
.bd-shop-standalone .bd-showall a:hover { opacity: 1; color: var(--bd-ink); border-bottom-color: var(--bd-accent); }
.bd-shop-standalone .woocommerce-ordering select { padding: 9px 13px !important; font-size: .75rem; }

/* =========================================================
   会員登録のご案内（マイページ）
   ========================================================= */
.bd-shop-standalone .bd-member {
	background: var(--bd-bg-alt); padding: 56px 40px; margin: 0 0 64px; text-align: center;
}
.bd-shop-standalone .bd-member__eyebrow {
	font-size: .75rem; letter-spacing: .16em; color: var(--bd-muted); margin: 0 0 12px;
}
.bd-shop-standalone .bd-member__title {
	font-weight: 400; font-size: 1.25rem; letter-spacing: .12em; margin: 0 0 28px; color: var(--bd-ink);
}
.bd-shop-standalone .bd-member__lead {
	font-size: .875rem; line-height: 2.2; color: var(--bd-ink-soft);
	margin: 0 auto 22px; max-width: 640px;
}
.bd-shop-standalone .bd-member__lead strong { font-weight: 400; color: var(--bd-ink); }

.bd-shop-standalone .bd-member__list {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;
	list-style: none; margin: 40px auto 32px; padding: 0; max-width: 820px;
}
.bd-shop-standalone .bd-member__item { margin: 0; }
.bd-shop-standalone .bd-member__icon { display: block; color: var(--bd-accent); margin: 0 auto 16px; }
.bd-shop-standalone .bd-member__icon svg { width: 58px; height: 58px; display: block; margin: 0 auto; }
.bd-shop-standalone .bd-member__item-title {
	font-weight: 400; font-size: .9375rem; letter-spacing: .06em;
	line-height: 1.8; margin: 0 0 8px; color: var(--bd-ink);
}
.bd-shop-standalone .bd-member__item-body {
	font-size: .8125rem; line-height: 2; color: var(--bd-ink-soft); margin: 0;
}
/* =========================================================
   空のカートに出る商品の並び
   縦に大きく積むと1〜2点しか目に入らないので、
   小さめの札を横に流して、一目で多く見えるようにする。
   ========================================================= */
.bd-shop-standalone .wp-block-product-new .wc-block-grid__products {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 20px;
	margin: 0;
	padding: 4px 0 16px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: var(--bd-line) transparent;
}
.bd-shop-standalone .wp-block-product-new .wc-block-grid__products::-webkit-scrollbar { height: 3px; }
.bd-shop-standalone .wp-block-product-new .wc-block-grid__products::-webkit-scrollbar-track { background: var(--bd-line-soft); }
.bd-shop-standalone .wp-block-product-new .wc-block-grid__products::-webkit-scrollbar-thumb { background: var(--bd-line); }

.bd-shop-standalone .wp-block-product-new .wc-block-grid__product {
	flex: 0 0 128px !important;
	width: 128px !important;
	max-width: 128px !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	scroll-snap-align: start;
	text-align: left;
}
.bd-shop-standalone .wp-block-product-new .wc-block-grid__product-image { margin: 0 0 10px; }
.bd-shop-standalone .wp-block-product-new .wc-block-grid__product-image img {
	width: 100%; height: auto; display: block;
}
.bd-shop-standalone .wp-block-product-new .wc-block-grid__product-title {
	font-size: .6875rem; line-height: 1.7; letter-spacing: .04em;
	margin: 0 0 4px; color: var(--bd-ink);
}
.bd-shop-standalone .wp-block-product-new .wc-block-grid__product-price {
	font-size: .6875rem; letter-spacing: .04em; color: var(--bd-ink-soft); margin: 0;
}
/* 札が小さいので、ボタンは置かず商品ページで購入していただく */
.bd-shop-standalone .wp-block-product-new .wc-block-grid__product-add-to-cart { display: none; }

/* マイページのメニュー（黒丸は使わず、罫線と細い緑の印で現在地を示す） */
.bd-shop-standalone .woocommerce-MyAccount-navigation ul {
	list-style: none; margin: 0; padding: 0;
	border-top: 1px solid var(--bd-line);
}
.bd-shop-standalone .woocommerce-MyAccount-navigation li {
	margin: 0; padding: 0; list-style: none;
	border-bottom: 1px solid var(--bd-line-soft);
}
.bd-shop-standalone .woocommerce-MyAccount-navigation li::marker { content: none; }
.bd-shop-standalone .woocommerce-MyAccount-navigation li a {
	display: flex; align-items: center; gap: 12px;
	padding: 16px 4px; font-size: .8125rem; letter-spacing: .1em; line-height: 1.6;
	color: var(--bd-ink-soft); text-decoration: none;
	transition: color .3s ease;
}
/*
 * アイコンは currentColor で塗るので、文字色が変われば線画の色も一緒に変わる。
 * 画像ファイルを増やさずに済むよう、SVGをマスクとして当てている。
 */
.bd-shop-standalone .woocommerce-MyAccount-navigation li a::before {
	content: ""; flex: 0 0 auto; width: 17px; height: 17px;
	background: currentColor;
	-webkit-mask: var(--bd-icon) no-repeat center / contain;
	mask: var(--bd-icon) no-repeat center / contain;
	opacity: .85;
}
.bd-shop-standalone .woocommerce-MyAccount-navigation li a:hover { color: var(--bd-ink); }
.bd-shop-standalone .woocommerce-MyAccount-navigation li.is-active a { color: var(--bd-accent); }
.bd-shop-standalone .woocommerce-MyAccount-navigation li.is-active a::before { opacity: 1; }

/* アカウント詳細：人 */
.bd-shop-standalone .woocommerce-MyAccount-navigation-link--edit-account a {
	--bd-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='3.6'/><path d='M4.5 20c0-4.1 3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5'/></svg>");
}
/* 注文：控え */
.bd-shop-standalone .woocommerce-MyAccount-navigation-link--orders a {
	--bd-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/><path d='M9.5 8.5h5M9.5 12.5h5'/></svg>");
}
/* 住所：地図の印 */
.bd-shop-standalone .woocommerce-MyAccount-navigation-link--edit-address a {
	--bd-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11z'/><circle cx='12' cy='10' r='2.6'/></svg>");
}
/* 決済方法：カード */
.bd-shop-standalone .woocommerce-MyAccount-navigation-link--payment-methods a {
	--bd-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><rect x='2.6' y='5' width='18.8' height='14' rx='2'/><path d='M2.6 10h18.8M6 15h4'/></svg>");
}
/* ポイント・特典：硬貨と双葉（メンバーシップ案内と同じ絵） */
.bd-shop-standalone .woocommerce-MyAccount-navigation-link--loyalty_reward a,
.bd-shop-standalone .woocommerce-MyAccount-navigation-link--loyalty-reward a {
	--bd-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8.6'/><circle cx='12' cy='12' r='6.8'/><path d='M12 16.6v-4.5'/><path d='M12 12.1c-2.1 0-3.7-1.4-3.7-3.3 2.1 0 3.7 1.4 3.7 3.3z'/><path d='M12 12.1c2.1 0 3.7-1.4 3.7-3.3-2.1 0-3.7 1.4-3.7 3.3z'/></svg>");
}
/* ログアウト：出口 */
.bd-shop-standalone .woocommerce-MyAccount-navigation-link--customer-logout a {
	--bd-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M14.5 4h4A1.5 1.5 0 0 1 20 5.5v13a1.5 1.5 0 0 1-1.5 1.5h-4'/><path d='M9.5 8.5 6 12l3.5 3.5'/><path d='M6 12h9'/></svg>");
}

/* =========================================================
   LINEではじめる
   ========================================================= */
.bd-shop-standalone .bd-line-panel {
	max-width: 400px; margin: 0 auto 44px; text-align: center;
}
.bd-shop-standalone .bd-line-panel .bd-line-login { margin: 0; }
.bd-shop-standalone .bd-line-panel__or {
	position: relative; margin: 30px 0 0;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-muted);
}
.bd-shop-standalone .bd-line-panel__or::before {
	content: ""; position: absolute; left: 0; right: 0; top: -15px;
	height: 1px; background: var(--bd-line);
}

.bd-shop-standalone .bd-line-login { margin: 22px 0 0; text-align: center; }
.bd-shop-standalone .bd-line-login__button {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	width: 100%; min-height: 52px; padding: 13px 20px;
	background: #06C755; color: #fff; text-decoration: none;
	font-size: .9375rem; letter-spacing: .08em; line-height: 1.5;
	border: 0; transition: opacity .3s ease;
}
.bd-shop-standalone .bd-line-login__button:hover { opacity: .85; color: #fff; }
.bd-shop-standalone .bd-line-login__icon { display: inline-flex; }
.bd-shop-standalone .bd-line-login__icon svg { width: 21px; height: 21px; display: block; }
.bd-shop-standalone .bd-line-login__note {
	display: block; margin-top: 9px;
	font-size: .6875rem; letter-spacing: .04em; color: var(--bd-muted);
}

/* 入口をLINEだけにしているとき */
.bd-line-only-mode .woocommerce-form-login,
.bd-line-only-mode .woocommerce-form-register,
.bd-line-only-mode .bd-line-panel__or { display: none !important; }

.bd-shop-standalone .bd-account-note {
	display: block; margin-top: 7px;
	font-size: .6875rem; letter-spacing: .04em; line-height: 1.8; color: var(--bd-muted);
}

/* アカウント詳細：書き換えられない項目の見せ方 */
.bd-shop-standalone .bd-account-readonly { display: block; margin: 0 0 26px; }
.bd-shop-standalone .bd-account-readonly__label {
	display: block; margin-bottom: 7px;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-account-readonly__value {
	display: block; padding: 13px 15px;
	border: 1px solid var(--bd-line-soft); background: var(--bd-bg-alt);
	font-size: .875rem; color: var(--bd-ink);
}
.bd-shop-standalone .bd-account-readonly__note {
	display: block; margin-top: 7px;
	font-size: .6875rem; letter-spacing: .04em; color: var(--bd-muted);
}
.bd-shop-standalone .bd-line-only { max-width: 400px; margin: 0 auto; text-align: center; }
.bd-shop-standalone .bd-line-only__lead {
	font-size: .8125rem; line-height: 2.1; color: var(--bd-ink-soft); margin: 0 0 10px;
}
.bd-shop-standalone .bd-line-only__note {
	font-size: .6875rem; letter-spacing: .04em; color: var(--bd-muted); margin: 0;
}

/* メールアドレスだけ伺う画面では、通常のログイン欄を隠す */
.bd-line-email-step .woocommerce-form-login,
.bd-line-email-step .woocommerce-form-register,
.bd-line-email-step .bd-member,
.bd-line-email-step .u-column1,
.bd-line-email-step .u-column2 { display: none !important; }

.bd-shop-standalone .bd-line-email {
	background: var(--bd-bg-alt); padding: 48px 40px; margin: 0 0 48px; text-align: center;
}
.bd-shop-standalone .bd-line-email__lead {
	font-size: .875rem; line-height: 2.1; color: var(--bd-ink-soft);
	margin: 0 auto 28px; max-width: 560px;
}
.bd-shop-standalone .bd-line-email__form {
	max-width: 400px; margin: 0 auto; text-align: left;
}
.bd-shop-standalone .bd-line-email__form label {
	display: block; margin-bottom: 7px;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-line-email__form input[type="email"] {
	width: 100%; padding: 14px 15px; font-size: 1rem;
	border: 1px solid var(--bd-line); background: #fff; color: var(--bd-ink);
	border-radius: 0; font-family: inherit;
}
.bd-shop-standalone .bd-line-email__form button {
	width: 100%; margin-top: 16px; min-height: 52px; padding: 14px;
	background: var(--bd-ink); color: #fff; border: 0; cursor: pointer;
	font-size: .875rem; letter-spacing: .12em; font-family: inherit;
	transition: background .3s ease;
}
.bd-shop-standalone .bd-line-email__form button:hover { background: var(--bd-accent); }
.bd-shop-standalone .bd-line-email__note {
	margin: 22px 0 0; font-size: .6875rem; letter-spacing: .04em; color: var(--bd-muted);
}

/* 誕生日（アカウント詳細） */
.bd-shop-standalone .bd-birthday {
	margin: 0 0 26px; padding: 0; border: 0;
}
.bd-shop-standalone .bd-birthday__legend {
	padding: 0; margin: 0 0 9px;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-birthday__row {
	display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.bd-shop-standalone .bd-birthday__field { display: inline-flex; align-items: center; gap: 6px; }
.bd-shop-standalone .bd-birthday__field select { min-width: 82px; }
.bd-shop-standalone .bd-birthday__field:not(:first-child) select { min-width: 66px; }
.bd-shop-standalone .bd-birthday__unit {
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
/* 見出しの横に添える一言。狭い画面では自然に次の行へ回す */
.bd-shop-standalone .bd-birthday__note {
	margin-left: 12px; font-size: .6875rem; letter-spacing: .04em;
	line-height: 1.8; color: var(--bd-muted);
}
@media (max-width: 480px) {
	.bd-shop-standalone .bd-birthday__note { display: block; margin: 4px 0 0; }
}

/* 登録フォームの個人情報の取り扱いについての文章 */
.bd-shop-standalone .woocommerce-privacy-policy-text { text-align: center; }
.bd-shop-standalone .woocommerce-privacy-policy-text p {
	font-size: .8125rem; line-height: 2; color: var(--bd-ink-soft);
	text-wrap: pretty;
}

/* ボタンの下に置く案内と、LINEログインについての補足 */
.bd-shop-standalone .bd-line-panel__lead {
	margin: 30px 0 0; font-size: .75rem; letter-spacing: .04em;
	line-height: 1.9; color: var(--bd-ink-soft); text-wrap: pretty;
}
/*
 * ボタンにくっついて見えるので、下に間を置く。
 * この1行が別に要るのは、後ろにある
 *   .bd-shop-standalone .bd-page-content p { margin: 0 0 1.5em; … }
 * のほうが強く、上の margin が打ち消されてしまうため。
 * 文字の大きさはそちらの指定（.875rem）のままにしてある。
 */
.bd-shop-standalone .bd-page-content .bd-line-panel__lead { margin: 30px 0 0; }
.bd-shop-standalone .bd-line-secure { margin: 34px 0 0; text-align: left; }
.bd-shop-standalone .bd-line-secure__title {
	margin: 0 0 8px; font-size: .6875rem; letter-spacing: .08em;
	color: var(--bd-ink-soft); text-align: center;
}
.bd-shop-standalone .bd-line-secure ul { list-style: none; margin: 0; padding: 0; }
.bd-shop-standalone .bd-line-secure li {
	position: relative; margin: 0 0 5px; padding-left: 15px;
	font-size: .6875rem; letter-spacing: .04em; line-height: 1.9; color: var(--bd-muted);
}
.bd-shop-standalone .bd-line-secure li::before {
	content: ""; position: absolute; left: 0; top: .85em;
	width: 6px; height: 1px; background: var(--bd-accent);
}

.bd-shop-standalone .bd-member__note {
	font-size: .8125rem; letter-spacing: .04em; color: var(--bd-ink-soft);
	margin: 0; padding-top: 26px; border-top: 1px solid var(--bd-line);
	max-width: 640px; margin-inline: auto;
}

@media (max-width: 780px) {
	.bd-shop-standalone .bd-member { padding: 40px 22px; margin-bottom: 44px; }
	.bd-shop-standalone .bd-member__list { grid-template-columns: 1fr; gap: 28px; margin: 30px auto 26px; }
	.bd-shop-standalone .bd-member__icon svg { width: 48px; height: 48px; }
	/* 中央揃えのまま、画面幅に合わせて自然に折り返させる */
	.bd-shop-standalone .bd-member__lead br { display: none; }
	.bd-shop-standalone .bd-member__lead { text-wrap: balance; }
}

/* =========================================================
   フッター
   ========================================================= */
.bd-shop-footer { border-top: 1px solid var(--bd-line); background: var(--bd-bg); padding: 80px 24px 60px; text-align: center; }
.bd-shop-footer__mark { font-size: .8125rem; letter-spacing: .3em; color: var(--bd-ink); margin: 0 0 8px; }
.bd-shop-footer__role { font-size: .6875rem; letter-spacing: .18em; color: var(--bd-ink); margin: 0 0 34px; }

.bd-shop-footer__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 32px; margin: 0 0 32px; padding: 0; list-style: none; }
.bd-shop-footer__links a { font-size: .75rem; letter-spacing: .08em; color: var(--bd-ink-soft); }
.bd-shop-footer__copy { font-size: .625rem; letter-spacing: .16em; color: var(--bd-muted); margin: 0; }

/* =========================================================
   レスポンシブ
   ========================================================= */
@media (max-width: 1000px) {
	.bd-story__inner {
		grid-template-columns: 1fr;
		grid-template-areas: "head" "lead" "media" "body";
		row-gap: 24px;
	}
	.bd-story__head { align-self: start; }
	.bd-story { padding: 100px 28px 0; }
}
@media (max-width: 900px) {
	.bd-shop-standalone ul.products { grid-template-columns: repeat(2, 1fr); gap: 52px 24px; }
	.bd-shop-standalone div.product { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 700px) {
	/* 英字表記の下にカタカナが来るように改行する。読みはさらに小さく。 */
	.bd-story__kana { display: block; font-size: .8em; letter-spacing: .08em; margin-top: 2px; }
	.bd-shop-standalone .bd-story .bd-section__title { font-size: .9375rem; }

	/* 画面幅が狭く1行の文字数が少ないため、右端を揃えて読みやすくする */
	.bd-shop-standalone .bd-spec-note p {
		text-align: justify;
		text-justify: inter-ideograph;
		text-wrap: wrap;
	}

	.bd-shop-header__inner { padding: 14px 18px; }
	.bd-shop-header__logo img { height: 22px; }
	.bd-shop-header__nav { gap: 22px; }
	.bd-shop-header__nav a { font-size: .6875rem; }
	/* モバイルでは「メニュー」の文字を出さず3本線だけにする（縦組みになって読みにくいため） */
	.bd-shop-header__menu .bd-shop-header__text { display: none; }
	.bd-shop-header__menu { padding-top: 1px; }

	/*
	 * スマホではメニューの文字を出さず、3本線だけにする。
	 * display:none ではなく視覚的に隠すだけにして、
	 * 読み上げソフトには「メニュー」と伝わるようにする。
	 */
	.bd-shop-header__menu .bd-shop-header__text {
		position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
		overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
	}
	.bd-shop-header__menu { gap: 0; }

	.bd-menu__inner { padding: 22px 18px 26px; }
	.bd-menu__list { gap: 6px 26px; }
	.bd-menu__list a { font-size: .75rem; white-space: nowrap; }

	.bd-kv { min-height: 54vh; }
	.bd-kv__body { padding: 50px 22px; }
	.bd-kv__eyebrow { font-size: .84rem; margin-bottom: 16px; }
	.bd-kv__lead { line-height: 2.2; margin-bottom: 28px; }
	.bd-kv__scroll { height: 40px; bottom: 24px; }

	.bd-band__body { padding: 90px 22px; }

	.bd-shop-main { padding: 56px 18px 88px; }
	.bd-shop-main--top { padding-top: 96px; }
	.bd-shop-standalone .bd-section__head { margin-bottom: 40px; }
	/* 2列になって札が狭くなるぶん、ラベルもさらに小さくする */
	.bd-shop-standalone .bd-badge {
		top: 7px; left: 7px; padding: 2px 6px;
		font-size: .5rem; letter-spacing: .04em;
	}
	.bd-shop-standalone .bd-badge--single { top: 9px; left: 9px; padding: 3px 7px; font-size: .5625rem; }

	/*
	 * 分類は5つ。3列にすると2段で収まる（2列だと3段になり、最後の1枚が余る）。
	 * 写真が正方形になったぶん、1段の背も低い。
	 */
	.bd-shop-standalone .bd-cats { padding: 48px 16px 8px; }
	.bd-shop-standalone .bd-cats__list { grid-template-columns: repeat(3, 1fr); gap: 18px 10px; }
	.bd-shop-standalone .bd-cats__media { margin-bottom: 8px; }
	.bd-shop-standalone .bd-cats__name { font-size: .75rem; letter-spacing: .04em; line-height: 1.55; }
	.bd-shop-standalone .bd-viewall { font-size: .6875rem; }
	.bd-shop-standalone .bd-section__title { font-size: 1.0625rem; }
	.bd-shop-standalone .page-title,
	.bd-shop-standalone .bd-page-title { font-size: 1.0625rem; margin-bottom: 36px; }
	.bd-shop-standalone ul.products { gap: 40px 18px; }
	.bd-shop-standalone .product_title { font-size: 1.0625rem; }
	.bd-shop-standalone .related > h2 { margin: 88px 0 40px; }
}

/* 万一 reCAPTCHA が読み込まれた場合もバッジを出さない（ショップにフォームはないため） */
.bd-shop-standalone .grecaptcha-badge { visibility: hidden !important; opacity: 0 !important; }

/* 動きを減らす設定の端末ではアニメーションを止める */
@media (prefers-reduced-motion: reduce) {
	.bd-kv__media img { animation: none; transform: scale(1.02); }
	.bd-kv__scroll::after { animation: none; }
}


/* ==========================================================================
   読み物への導線
   ヘッダーの下に置く帯。ミソラ社の並びをそのまま踏襲している（社長監修）。
   ========================================================================== */

.bd-shop-standalone .bd-guide {
	border-bottom: 1px solid var(--bd-line-soft);
	background: var(--bd-bg);
}

.bd-shop-standalone .bd-guide__inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 13px 32px;
	display: flex;
	gap: 26px;
	flex-wrap: wrap;
	justify-content: center;
}

.bd-shop-standalone .bd-guide a {
	font-size: 12.5px;
	letter-spacing: .06em;
	color: var(--bd-ink-soft);
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid transparent;
	white-space: nowrap;
}

.bd-shop-standalone .bd-guide a:hover {
	color: var(--bd-accent);
	border-bottom-color: var(--bd-line);
}

.bd-shop-standalone .bd-guide a.is-current {
	color: var(--bd-accent);
	border-bottom-color: var(--bd-accent);
}

@media (max-width: 700px) {
	/*
	 * スマホでは折り返さず横1行にして、指で送れるようにする。
	 * このショップは公式LINEのリッチメニューから開くため、
	 * 閲覧のほとんどがスマホになる。
	 */
	.bd-shop-standalone .bd-guide__inner {
		padding: 12px 16px;
		gap: 20px;
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.bd-shop-standalone .bd-guide__inner::-webkit-scrollbar { display: none; }
	.bd-shop-standalone .bd-guide a { font-size: 12px; }
}


/* ==========================================================================
   ブランドについて・お知らせ・コンテンツ
   ミソラ社トップの並びに合わせたもの（社長監修のため構成を変えないこと）。
   ========================================================================== */

/*
 * ブランドについての札。
 * 見出しは置いていない（写真の中に行き先が入っているため）。
 * スマホでの縦の長さを詰めて、商品までの距離を縮める狙い。
 */
.bd-shop-standalone .bd-about { padding: 46px 0 10px; }
.bd-shop-standalone .bd-about__inner,
.bd-shop-standalone .bd-news__inner,
.bd-shop-standalone .bd-contents__inner { max-width: 1080px; margin: 0 auto; padding: 0 32px; }

.bd-shop-standalone .bd-about__list {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;
}
.bd-shop-standalone .bd-about__item a { display: block; text-decoration: none; color: inherit; }
.bd-shop-standalone .bd-about__media { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--bd-line-soft); }
.bd-shop-standalone .bd-about__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.bd-shop-standalone .bd-about__item a:hover .bd-about__media img { transform: scale(1.04); }
.bd-shop-standalone .bd-about__name { display: block; margin-top: 14px; font-size: 13.5px; letter-spacing: .04em; text-wrap: balance; }
.bd-shop-standalone .bd-about__item a:hover .bd-about__name { color: var(--bd-accent); }

/* コンテンツとプロヴァンスの帯のあいだに置く */
.bd-shop-standalone .bd-news { padding: 72px 0 78px; }
.bd-shop-standalone .bd-news__list { list-style: none; margin: 34px 0 0; padding: 0; border-top: 1px solid var(--bd-line-soft); }
.bd-shop-standalone .bd-news__item { border-bottom: 1px solid var(--bd-line-soft); }
.bd-shop-standalone .bd-news__item a {
	display: flex; align-items: baseline; gap: 20px;
	padding: 15px 4px; text-decoration: none; color: inherit;
}
.bd-shop-standalone .bd-news__item a:hover { color: var(--bd-accent); }
.bd-shop-standalone .bd-news__date { font-family: var(--bd-lat); font-size: 12.5px; letter-spacing: .06em; color: var(--bd-muted); white-space: nowrap; }
.bd-shop-standalone .bd-news__text { flex: 1; font-size: 13px; line-height: 1.8; text-wrap: pretty; }
.bd-shop-standalone .bd-news__arrow { color: var(--bd-muted); font-size: 12px; }

.bd-shop-standalone .bd-contents { background: var(--bd-bg-alt); padding: 60px 0 66px; margin-top: 56px; }
.bd-shop-standalone .bd-contents__list {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}

/*
 * 5枚それぞれに色を持たせる。ラベンダーを中心に、隣り合う色でそろえた。
 * 色は --bd-c（線と番号）と --bd-c-bg（下地）の2つで指定する。
 */
.bd-shop-standalone .bd-contents__item:nth-child(1) { --bd-c: #7B6B9E; --bd-c-bg: #F2EEF8; }
.bd-shop-standalone .bd-contents__item:nth-child(2) { --bd-c: #5B7FA6; --bd-c-bg: #EBF1F8; }
.bd-shop-standalone .bd-contents__item:nth-child(3) { --bd-c: #96688A; --bd-c-bg: #F7EDF4; }
.bd-shop-standalone .bd-contents__item:nth-child(4) { --bd-c: #58649B; --bd-c-bg: #ECEEF8; }
.bd-shop-standalone .bd-contents__item:nth-child(5) { --bd-c: #6C8C72; --bd-c-bg: #EDF4EE; }

.bd-shop-standalone .bd-contents__item a {
	display: flex; flex-direction: column; height: 100%;
	background: var(--bd-c-bg);
	border: 0; border-top: 2px solid var(--bd-c);
	padding: 16px 16px 15px; text-decoration: none; color: inherit;
	transition: filter .3s ease;
}
.bd-shop-standalone .bd-contents__item a:hover { filter: brightness(.97); }
.bd-shop-standalone .bd-contents__no { font-family: var(--bd-lat); font-size: 11px; letter-spacing: .12em; color: var(--bd-c); }
.bd-shop-standalone .bd-contents__name { display: block; margin: 5px 0 5px; font-size: 14px; line-height: 1.6; letter-spacing: .03em; text-wrap: balance; }
.bd-shop-standalone .bd-contents__note {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
	flex: 1; font-size: 11.5px; line-height: 1.75; color: var(--bd-ink-soft); text-wrap: pretty;
}
/* 札全体が押せるので、「Read →」は出さない（縦を詰めるため） */
.bd-shop-standalone .bd-contents__more { display: none; }

@media (max-width: 860px) {
	.bd-shop-standalone .bd-about__list { grid-template-columns: repeat(2, 1fr); gap: 18px; }
	.bd-shop-standalone .bd-contents__list { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}

@media (max-width: 700px) {
	/* スマホが主。札は大きく、押しやすく。 */
	/*
	 * 札は2列。1列だと写真が大きくなりすぎ、商品にたどり着くまでに
	 * 何度もスクロールが要る（実際にそのご指摘をいただいた）。
	 * 写真の中の文字は小さくなるため、下の名前を頼りに押していただく形。
	 */
	.bd-shop-standalone .bd-about { padding: 30px 0 6px; }
	.bd-shop-standalone .bd-about__inner,
	.bd-shop-standalone .bd-news__inner,
	.bd-shop-standalone .bd-contents__inner { padding: 0 16px; }
	.bd-shop-standalone .bd-about__list { grid-template-columns: repeat(2, 1fr); gap: 16px 12px; margin-top: 0; }
	.bd-shop-standalone .bd-about__name { margin-top: 8px; font-size: 12.5px; line-height: 1.65; }

	.bd-shop-standalone .bd-news { padding: 50px 0 54px; }
	.bd-shop-standalone .bd-news__list { margin-top: 26px; }
	.bd-shop-standalone .bd-news__item a { flex-wrap: wrap; gap: 4px 12px; padding: 14px 2px; }
	.bd-shop-standalone .bd-news__date { font-size: 11.5px; }
	.bd-shop-standalone .bd-news__text { flex: 1 1 100%; font-size: 13.5px; }
	.bd-shop-standalone .bd-news__arrow { display: none; }

	/* スマホは2列。1列だと5枚で画面2つぶんの高さになってしまう */
	.bd-shop-standalone .bd-contents { padding: 40px 0 46px; margin-top: 36px; }
	.bd-shop-standalone .bd-contents__list { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.bd-shop-standalone .bd-contents__item a { padding: 13px 12px 12px; }
	.bd-shop-standalone .bd-contents__no { font-size: 10px; }
	.bd-shop-standalone .bd-contents__name { font-size: 13px; margin: 4px 0 4px; }
	.bd-shop-standalone .bd-contents__note { font-size: 10.5px; line-height: 1.7; -webkit-line-clamp: 3; }
}


/* ==========================================================================
   「商品」「商品を見る」から飛んだときの位置
   上に固定の帯があるため、見出しが隠れないよう余白を確保する。
   ========================================================================== */

.bd-shop-standalone #products {
	scroll-margin-top: 96px;
}

@media (max-width: 700px) {
	.bd-shop-standalone #products { scroll-margin-top: 76px; }
}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}


/* ==========================================================================
   商品ページのタブを必ず横一列に
   テーマ側の一覧表示の指定が効くと「配送」だけ2段目に落ちるため、
   幅にかかわらず折り返さないようにする。
   ========================================================================== */

.bd-shop-standalone .woocommerce-tabs ul.tabs {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch;
	list-style: none !important;
	overflow: visible;
}

.bd-shop-standalone .woocommerce-tabs ul.tabs li {
	flex: 0 0 auto;
	display: block !important;
	float: none !important;
	width: auto !important;
	list-style: none !important;
}

.bd-shop-standalone .woocommerce-tabs ul.tabs li a {
	white-space: nowrap;
}

@media (max-width: 700px) {
	/* スマホは3つを均等割りにする */
	.bd-shop-standalone .woocommerce-tabs ul.tabs { display: grid !important; grid-template-columns: repeat(3, 1fr); }
	.bd-shop-standalone .woocommerce-tabs ul.tabs li { flex: none; }
}


/* --------------------------------------------------------------------------
   タブの余白をこちらで決める
   テーマ（Twenty Twenty-One）はボタン用の大きな余白を当ててくるため、
   3つ並べると幅が足りなくなる。余白ごと上書きする。
   -------------------------------------------------------------------------- */

.bd-shop-standalone .woocommerce-tabs ul.tabs li a {
	padding: 14px 2px !important;
	font-weight: 400 !important;
	font-family: var(--bd-font) !important;
}

.bd-shop-standalone .woocommerce-tabs ul.tabs li {
	margin: 0 28px 0 0 !important;
}

.bd-shop-standalone .woocommerce-tabs ul.tabs li:last-child {
	margin-right: 0 !important;
}

@media (max-width: 700px) {
	.bd-shop-standalone .woocommerce-tabs ul.tabs li { margin: 0 !important; }
	.bd-shop-standalone .woocommerce-tabs ul.tabs li a {
		padding: 12px 4px !important;
		min-height: 52px;
	}
}


/* --------------------------------------------------------------------------
   商品名（シリーズ名を小さく上に、商品名を下に）
   -------------------------------------------------------------------------- */

.bd-shop-standalone .bd-title--split {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.bd-shop-standalone .bd-title__series {
	display: block;
	font-size: .75rem;
	letter-spacing: .16em;
	color: var(--bd-muted);
	font-weight: 400;
	line-height: 1.4;
}

.bd-shop-standalone .bd-title__name {
	display: block;
	font-size: 1.5rem;
	letter-spacing: .06em;
	line-height: 1.5;
	color: var(--bd-ink);
	text-wrap: balance;
}

/* 大きさを変えず、2行に分けるだけのもの（アロマストーン ホワイト など） */
.bd-shop-standalone .bd-title--even { gap: 0; }
.bd-shop-standalone .bd-title--even .bd-title__line {
	display: block;
	font-size: 1.5rem;
	letter-spacing: .06em;
	line-height: 1.5;
	color: var(--bd-ink);
}

@media (max-width: 700px) {
	.bd-shop-standalone .bd-title--split { gap: 4px; }
	.bd-shop-standalone .bd-title--even { gap: 0; }
	.bd-shop-standalone .bd-title__series { font-size: .7rem; letter-spacing: .14em; }
	.bd-shop-standalone .bd-title__name,
	.bd-shop-standalone .bd-title--even .bd-title__line { font-size: 1.25rem; }
}


/* 商品名の読み（ヴィヴィッドナイト など）は名前の下に小さく */
.bd-shop-standalone .bd-title__kana {
	display: block;
	font-size: .8125rem;
	letter-spacing: .08em;
	color: var(--bd-muted);
	font-weight: 400;
	line-height: 1.5;
}

@media (max-width: 700px) {
	.bd-shop-standalone .bd-title__kana { font-size: .75rem; }
}


/* ==========================================================================
   取扱注意事項（説明タブの下）
   ========================================================================== */

.bd-shop-standalone .bd-caution {
	margin-top: 36px;
	padding-top: 28px;
	border-top: 1px solid var(--bd-line-soft);
}

.bd-shop-standalone .bd-caution__head {
	margin: 26px 0 10px;
	font-size: .8125rem;
	letter-spacing: .1em;
	color: var(--bd-ink);
}

.bd-shop-standalone .bd-caution__head:first-child { margin-top: 0; }

.bd-shop-standalone .bd-caution__list {
	margin: 0;
	padding-left: 1.6em;
	list-style: decimal;
}

.bd-shop-standalone .bd-caution__list li {
	margin: 0 0 7px;
	font-size: .8125rem;
	line-height: 1.95;
	color: var(--bd-ink-soft);
	text-wrap: pretty;
}

.bd-shop-standalone .bd-caution__link {
	margin: 30px 0 0;
	font-size: .8125rem;
}

.bd-shop-standalone .bd-caution__link a {
	color: var(--bd-accent);
	text-decoration: underline;
	text-underline-offset: 4px;
}

@media (max-width: 700px) {
	.bd-shop-standalone .bd-caution { margin-top: 30px; padding-top: 24px; }
	.bd-shop-standalone .bd-caution__list li { font-size: .8125rem; line-height: 2; }
}


/* ==========================================================================
   固定ページの本文（ご購入前に必ずお読みください など）
   テーマの既定は文字が大きいため、ショップの本文と同じ大きさにそろえる。
   ========================================================================== */

.bd-shop-standalone .bd-page-content {
	max-width: 720px;
	margin: 0 auto;
	font-size: .875rem;
	line-height: 2.15;
	color: var(--bd-ink-soft);
}

.bd-shop-standalone .bd-page-content p {
	margin: 0 0 1.5em;
	font-size: .875rem;
	line-height: 2.15;
}

.bd-shop-standalone .bd-page-content h2,
.bd-shop-standalone .bd-page-content .wp-block-heading {
	margin: 2.6em 0 1em;
	padding-bottom: 10px;
	font-size: .9375rem;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.7;
	color: var(--bd-ink);
	border-bottom: 1px solid var(--bd-line-soft);
}

.bd-shop-standalone .bd-page-content h2:first-child,
.bd-shop-standalone .bd-page-content .wp-block-heading:first-child {
	margin-top: 0;
}

/* 特定商取引法に基づく表記のような、項目と内容が対になる表 */
.bd-shop-standalone .bd-page-content table {
	width: 100%; border-collapse: collapse; margin: 0 0 2em;
}
.bd-shop-standalone .bd-page-content th,
.bd-shop-standalone .bd-page-content td {
	text-align: left; vertical-align: top;
	padding: 15px 8px; line-height: 1.95; font-size: .8125rem;
	border-bottom: 1px solid var(--bd-line-soft);
}
.bd-shop-standalone .bd-page-content th {
	width: 12em; font-weight: 400; color: var(--bd-ink);
	letter-spacing: .06em; white-space: nowrap;
}
.bd-shop-standalone .bd-page-content td { color: var(--bd-ink-soft); }
.bd-shop-standalone .bd-page-content small {
	display: inline-block; margin-top: 4px;
	font-size: .75rem; line-height: 1.9; color: var(--bd-muted);
}
.bd-shop-standalone .bd-page-content figure.wp-block-table { margin: 0; }

@media (max-width: 700px) {
	/*
	 * スマホでは左右に並べない。項目名の下に内容を置く。
	 * 2列のままだと内容の幅が半分しかなく、1行が数文字になってしまう。
	 */
	.bd-shop-standalone .bd-page-content table,
	.bd-shop-standalone .bd-page-content tbody,
	.bd-shop-standalone .bd-page-content tr,
	.bd-shop-standalone .bd-page-content th,
	.bd-shop-standalone .bd-page-content td { display: block; width: auto; }
	.bd-shop-standalone .bd-page-content tr {
		border-bottom: 1px solid var(--bd-line-soft); padding: 2px 0 14px;
	}
	.bd-shop-standalone .bd-page-content th {
		padding: 14px 0 2px; border-bottom: 0; white-space: normal;
		font-size: .75rem; color: var(--bd-muted); letter-spacing: .1em;
	}
	.bd-shop-standalone .bd-page-content td {
		padding: 0; border-bottom: 0; color: var(--bd-ink);
	}
}

.bd-shop-standalone .bd-page-content h3 {
	margin: 2em 0 .8em;
	font-size: .875rem;
	font-weight: 400;
	letter-spacing: .08em;
	color: var(--bd-ink);
}

.bd-shop-standalone .bd-page-content ul,
.bd-shop-standalone .bd-page-content ol {
	margin: 0 0 1.6em;
	padding-left: 1.5em;
}

.bd-shop-standalone .bd-page-content li {
	margin: 0 0 .7em;
	font-size: .875rem;
	line-height: 2.05;
	text-wrap: pretty;
}

.bd-shop-standalone .bd-page-content a {
	color: var(--bd-accent);
	text-decoration: underline;
	text-underline-offset: 4px;
}

@media (max-width: 700px) {
	.bd-shop-standalone .bd-page-content { font-size: .875rem; line-height: 2.1; }
	.bd-shop-standalone .bd-page-content p { font-size: .875rem; margin-bottom: 1.4em; }
	.bd-shop-standalone .bd-page-content h2,
	.bd-shop-standalone .bd-page-content .wp-block-heading { margin: 2.2em 0 .9em; font-size: .9375rem; }
	.bd-shop-standalone .bd-page-content ul,
	.bd-shop-standalone .bd-page-content ol { padding-left: 1.3em; }
	.bd-shop-standalone .bd-page-content li { font-size: .875rem; line-height: 2; }
}


/* ==========================================================================
   カート画面（WooCommerce のブロック）
   画面の中で組み立てられる作りのため、クラス名は WooCommerce のものに合わせる。
   スマホで窮屈に見える箇所だけを整える。
   ========================================================================== */

/* --- 商品の行：商品名と金額を上下2段に分ける ------------------------------
   既定では 写真｜商品名と説明｜金額 が横1列に入り、
   細い画面では商品名も説明も数文字で折り返してしまう。
   金額を2段目へ下ろし、商品名の欄に幅を渡す。 */

.bd-shop-standalone .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row {
	grid-template-columns: 76px 1fr;
	column-gap: 16px;
	row-gap: 10px;
	padding: 20px 0;
}
.bd-shop-standalone .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
	grid-column: 2 / -1;
	grid-row-start: 1;
}
.bd-shop-standalone .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
	grid-column-start: 1;
	grid-row-start: 2;
	padding-right: 0;
	align-self: center;
}
.bd-shop-standalone .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
	grid-column: 2 / -1;
	grid-row-start: 2;
	align-self: center;
	text-align: right;
}

/* 商品名・短い説明・単価 */
.bd-shop-standalone .wc-block-components-product-name {
	font-size: .875rem !important;
	font-weight: 400 !important;
	line-height: 1.8 !important;
	letter-spacing: .04em;
	max-width: none !important;
	color: var(--bd-ink);
}
.bd-shop-standalone .wc-block-components-product-metadata {
	margin-top: 4px;
}
.bd-shop-standalone .wc-block-components-product-metadata__description {
	font-size: .75rem;
	line-height: 1.9;
	color: var(--bd-muted);
}
.bd-shop-standalone .wc-block-components-product-metadata__description p { margin: 0; }
.bd-shop-standalone .wc-block-cart-item__prices { margin-top: 6px; font-size: .75rem; color: var(--bd-muted); }
.bd-shop-standalone .wc-block-cart-item__total { font-size: .9375rem; color: var(--bd-ink); }

/* --- 数量の − ＋ ----------------------------------------------------------
   既定は角の丸い枠に小さな − ＋ が詰まっている。
   枠を細い線だけにし、押せる大きさを広げる。 */

.bd-shop-standalone .wc-block-components-quantity-selector {
	width: 108px;
	border: 1px solid var(--bd-line);
	border-radius: 0;
	background: var(--bd-bg);
}
.bd-shop-standalone .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	font-size: .875rem;
	color: var(--bd-ink);
	padding: 10px 0;
	min-width: 36px;
}
.bd-shop-standalone .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	min-width: 34px;
	font-size: 1rem;
	line-height: 1;
	color: var(--bd-ink-soft);
	opacity: 1;
	border-radius: 0;
	background: none;
}
.bd-shop-standalone .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover { color: var(--bd-accent); }
.bd-shop-standalone .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled { color: var(--bd-line); opacity: 1; }
.bd-shop-standalone .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus { box-shadow: none; outline: 1px solid var(--bd-accent); outline-offset: -1px; }

/* --- クーポン -------------------------------------------------------------
   入力欄とボタンの背が高く、色も強い。ショップの他の画面に合わせて細くする。 */

.bd-shop-standalone .wc-block-components-totals-coupon__form {
	display: flex;
	gap: 8px;
	align-items: stretch;
}
.bd-shop-standalone .wc-block-components-totals-coupon__input {
	flex: 1 1 auto;
	margin: 0;
}
.bd-shop-standalone .wc-block-components-totals-coupon__input input {
	font-size: .875rem;
	padding: 10px 12px;
	border: 1px solid var(--bd-line);
	border-radius: 0;
	background: var(--bd-bg);
	color: var(--bd-ink);
}
.bd-shop-standalone .wc-block-components-totals-coupon__button {
	flex: 0 0 auto;
	min-height: 0;
	padding: 10px 18px !important;
	font-size: .8125rem !important;
	letter-spacing: .08em;
	border-radius: 0 !important;
	background: var(--bd-accent) !important;
	color: #fff !important;
	border: 0 !important;
}
.bd-shop-standalone .wc-block-components-totals-coupon__button:hover { background: var(--bd-accent-dark) !important; }
.bd-shop-standalone .wc-block-components-panel__button {
	font-size: .8125rem !important;
	color: var(--bd-accent) !important;
	letter-spacing: .06em;
}

/* --- 合計 ---------------------------------------------------------------- */
.bd-shop-standalone .wc-block-components-totals-footer-item {
	font-size: .9375rem;
	letter-spacing: .06em;
}

@media (max-width: 700px) {
	.bd-shop-standalone .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row {
		grid-template-columns: 64px 1fr;
		column-gap: 12px;
	}
	.bd-shop-standalone .wc-block-components-quantity-selector { width: 100px; }
	.bd-shop-standalone .wc-block-components-totals-coupon__form { flex-wrap: nowrap; }
	.bd-shop-standalone .wc-block-components-totals-coupon__button { padding: 10px 14px !important; }
}


/* --- カゴに入れたときの知らせ ---------------------------------------------
   文言は bd-shop-cart.php で短くしている。ここは見た目だけ。 */

.bd-shop-standalone .woocommerce-message {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: var(--bd-bg-alt);
	border: 1px solid var(--bd-line);
	border-top: 2px solid var(--bd-accent);
	color: var(--bd-ink);
	font-size: .875rem;
	line-height: 1.7;
	padding: 14px 16px;
	border-radius: 0;
}
/* WooCommerce の丸いチェック印は出さない（自前の✓を使う） */
.bd-shop-standalone .woocommerce-message::before,
.bd-shop-standalone .woocommerce-message::after { display: none !important; content: none !important; }

.bd-shop-standalone .bd-added { display: inline-flex; align-items: center; }
.bd-shop-standalone .bd-added__check {
	color: #2E9E5B;
	font-size: 1rem;
	line-height: 1;
	margin-right: 8px;
}

/* テーマの黒いボタンを打ち消す */
.bd-shop-standalone .woocommerce-message .button,
.bd-shop-standalone .woocommerce-message .button:not(:hover):not(:active) {
	float: none !important;
	margin: 0 !important;
	padding: 10px 16px !important;
	font-size: .75rem !important;
	letter-spacing: .06em;
	white-space: nowrap;
	background: var(--bd-accent) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.bd-shop-standalone .woocommerce-message .button:hover { background: var(--bd-accent-dark) !important; }

/* --- 数量の − ＋（ボタドリと同じ、線だけの見た目にそろえる） --------------
   テーマ（Twenty Twenty-One）が button に黒い下地を当ててくるため、
   !important で打ち消さないと濃紺の四角になる。 */

.bd-shop-standalone .wc-block-components-quantity-selector {
	border: 1px solid var(--bd-line);
	border-radius: 6px;
	background: #fff;
	width: 112px;
	overflow: hidden;
}
.bd-shop-standalone .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.bd-shop-standalone .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:not(:hover):not(:active) {
	background: none !important;
	background-color: transparent !important;
	color: var(--bd-muted) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-width: 34px;
	padding: 0 !important;
	font-size: 1.125rem;
	line-height: 1;
	opacity: 1;
}
.bd-shop-standalone .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover { color: var(--bd-accent) !important; }
.bd-shop-standalone .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled { color: var(--bd-line) !important; }
.bd-shop-standalone .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	background: transparent;
	color: var(--bd-ink);
	font-size: .875rem;
	padding: 11px 0;
}


/* ==========================================================================
   値引きの見せ方（定価 → 15%OFF → 値引き後）
   金額は bd-shop-sale.php が組み立てる。ここは見た目だけ。
   ========================================================================== */

.bd-shop-standalone .bd-price {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 10px;
}
.bd-shop-standalone .bd-price__regular {
	color: var(--bd-muted);
	text-decoration: line-through;
	font-size: .8125rem;
	opacity: .85;
}
.bd-shop-standalone .bd-price__regular .woocommerce-Price-amount { color: inherit; }
.bd-shop-standalone .bd-price__off {
	color: #C0392B;
	font-size: .75rem;
	letter-spacing: .06em;
	line-height: 1.4;
	white-space: nowrap;
	border: 1px solid currentColor;
	padding: 1px 6px;
}
.bd-shop-standalone .bd-price__now {
	background: none;
	text-decoration: none;
	color: var(--bd-ink);
	font-size: 1rem;
}

/* 一覧では小さめに。1行に収まらないときは2段になる */
.bd-shop-standalone ul.products li.product .bd-price { gap: 2px 8px; }
.bd-shop-standalone ul.products li.product .bd-price__regular { font-size: .75rem; }
.bd-shop-standalone ul.products li.product .bd-price__off { font-size: .6875rem; padding: 0 5px; }
.bd-shop-standalone ul.products li.product .bd-price__now { font-size: .875rem; }

/* 商品ページは大きく */
.bd-shop-standalone div.product .summary .bd-price__now { font-size: 1.25rem; }
.bd-shop-standalone div.product .summary .bd-price__regular { font-size: .875rem; }
.bd-shop-standalone div.product .summary .bd-price__off { font-size: .8125rem; }

/* 写真に重ねる赤いラベル。左上は bd-badge が使っているので右上に置く */
.bd-shop-standalone .bd-sale-flash {
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 3;
	background: #C0392B;
	color: #fff;
	font-size: .5625rem;
	letter-spacing: .06em;
	line-height: 1;
	padding: 4px 7px;
	white-space: nowrap;
	border-radius: 0;
	margin: 0;
	min-height: 0;
	min-width: 0;
	width: auto;
	height: auto;
}
.bd-shop-standalone div.product .bd-sale-flash { top: 14px; right: 14px; font-size: .625rem; padding: 5px 9px; }

@media (max-width: 700px) {
	.bd-shop-standalone .bd-price { gap: 2px 8px; }
	.bd-shop-standalone div.product .summary .bd-price__now { font-size: 1.125rem; }
}


/* ==========================================================================
   入力欄を選んだときの囲み
   テーマ（Twenty Twenty-One）は 2px の黒い点線を出す。
   強く見えるため、やわらかい水色の実線に替える。

   ※ 消してしまわないこと。キーボードだけで操作する方が
   　 いまどこにいるか分からなくなる。色と形だけを変えている。
   ========================================================================== */

.bd-shop-standalone { --bd-focus: #6FB2D2; }

.bd-shop-standalone input:focus,
.bd-shop-standalone input[type="text"]:focus,
.bd-shop-standalone input[type="email"]:focus,
.bd-shop-standalone input[type="tel"]:focus,
.bd-shop-standalone input[type="number"]:focus,
.bd-shop-standalone input[type="password"]:focus,
.bd-shop-standalone input[type="search"]:focus,
.bd-shop-standalone input[type="checkbox"]:focus,
.bd-shop-standalone input[type="radio"]:focus,
.bd-shop-standalone input[type="radio"]:checked:focus,
.bd-shop-standalone select:focus,
.bd-shop-standalone textarea:focus,
.bd-shop-standalone .site input:focus,
.bd-shop-standalone .site textarea:focus,
.bd-shop-standalone .wc-block-components-text-input input:focus,
.bd-shop-standalone .wc-block-components-textarea:focus,
.bd-shop-standalone .wc-block-components-country-input select:focus,
.bd-shop-standalone .wc-block-components-state-input select:focus {
	outline: 2px solid var(--bd-focus) !important;
	outline-offset: 2px !important;
	border-color: var(--bd-focus) !important;
	box-shadow: 0 0 0 3px rgba(111, 178, 210, .18) !important;
}

/* ボタン・リンクも同じ水色にそろえる */
.bd-shop-standalone button:focus-visible,
.bd-shop-standalone a:focus-visible,
.bd-shop-standalone .wc-block-components-button:focus,
.bd-shop-standalone .wc-block-components-checkbox__input:focus,
.bd-shop-standalone .wc-block-components-radio-control__input:focus {
	outline: 2px solid var(--bd-focus) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

/* 入力欄の上に浮く見出し（ブロックの入力欄）も水色に */
.bd-shop-standalone .wc-block-components-text-input.is-active label,
.bd-shop-standalone .wc-block-components-text-input input:focus + label {
	color: var(--bd-focus) !important;
}


/* --- LINEログインのボタン -------------------------------------------------
   テーマ（Twenty Twenty-One）に
     a:not(.wp-block-button__link):not(.wp-block-file__button){ color: … }
   があり、こちらの指定より強い。そのため文字が緑地に暗い色で出てしまう。 */

.bd-shop-standalone .bd-line-login__button,
.bd-shop-standalone a.bd-line-login__button,
.bd-shop-standalone .bd-line-login__button:hover,
.bd-shop-standalone .bd-line-login__button:visited,
.bd-shop-standalone .bd-line-login__button:active {
	color: #fff !important;
	text-decoration: none !important;
}
.bd-shop-standalone .bd-line-login__button .bd-line-login__icon,
.bd-shop-standalone .bd-line-login__button svg { fill: currentColor; stroke: currentColor; }


/* --- 空のカート画面に出る「セール」ラベル --------------------------------
   ブロックの一覧（新着商品など）が独自に付けるもので、
   商品ページ・商品一覧の赤い 15%OFF とは別の部品。
   全商品が値引き対象のため、ここに出しても意味がないので消す。 */

.bd-shop-standalone .wc-block-grid__product-onsale,
.bd-shop-standalone .wc-block-components-product-sale-badge {
	display: none !important;
}


/* ==========================================================================
   マイページ（アカウント情報）
   テーマが legend や説明文にも大きな文字を当ててくるため、控えめに戻す。
   ========================================================================== */

.bd-shop-standalone .woocommerce-EditAccountForm legend,
.bd-shop-standalone .bd-birthday__legend {
	font-size: .8125rem !important;
	font-weight: 400 !important;
	letter-spacing: .08em !important;
	line-height: 1.7 !important;
	color: var(--bd-ink) !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
}
.bd-shop-standalone .woocommerce-EditAccountForm .description,
.bd-shop-standalone .woocommerce-EditAccountForm span.description,
.bd-shop-standalone .woocommerce-form-row .description,
.bd-shop-standalone .bd-birthday__note {
	display: block !important;
	font-size: .6875rem !important;
	line-height: 1.9 !important;
	letter-spacing: .04em !important;
	color: var(--bd-muted) !important;
	margin: 4px 0 0 !important;
}
.bd-shop-standalone .woocommerce-EditAccountForm label {
	font-size: .75rem !important;
	letter-spacing: .08em;
	color: var(--bd-ink-soft);
}
.bd-shop-standalone .woocommerce-EditAccountForm input[type="text"],
.bd-shop-standalone .woocommerce-EditAccountForm input[type="email"],
.bd-shop-standalone .woocommerce-EditAccountForm select {
	font-size: .875rem;
}
.bd-shop-standalone .bd-birthday__unit { font-size: .75rem !important; }


/* ==========================================================================
   ご注文ありがとうございます（注文完了）の明細
   横に2列のままだと、狭い画面で1列あたり数文字になり読めない。
   スマホでは「項目名の下に内容」の形に積み替える。
   ========================================================================== */

.bd-shop-standalone .woocommerce-order-details table.shop_table,
.bd-shop-standalone .woocommerce-customer-details table.shop_table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	margin: 0 0 2em;
}
.bd-shop-standalone .woocommerce-order-details table.shop_table th,
.bd-shop-standalone .woocommerce-order-details table.shop_table td {
	border: 0;
	border-bottom: 1px solid var(--bd-line-soft);
	background: none;
	padding: 14px 4px;
	font-size: .8125rem;
	line-height: 1.8;
	font-weight: 400;
	text-align: left;
	vertical-align: top;
}
.bd-shop-standalone .woocommerce-order-details table.shop_table thead th {
	font-size: .6875rem;
	letter-spacing: .1em;
	color: var(--bd-muted);
}
.bd-shop-standalone .woocommerce-order-details table.shop_table tfoot th {
	color: var(--bd-ink-soft);
	white-space: nowrap;
}
.bd-shop-standalone .woocommerce-order-details table.shop_table td.product-total,
.bd-shop-standalone .woocommerce-order-details table.shop_table tfoot td {
	text-align: right;
}

@media (max-width: 700px) {
	.bd-shop-standalone .woocommerce-order-details table.shop_table thead { display: none; }
	.bd-shop-standalone .woocommerce-order-details table.shop_table,
	.bd-shop-standalone .woocommerce-order-details table.shop_table tbody,
	.bd-shop-standalone .woocommerce-order-details table.shop_table tfoot { display: block; width: auto; }

	/* 1行を「左に項目名・右に内容」の横並びにする */
	.bd-shop-standalone .woocommerce-order-details table.shop_table tr {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		gap: 14px;
		border-bottom: 1px solid var(--bd-line-soft);
	}
	.bd-shop-standalone .woocommerce-order-details table.shop_table th,
	.bd-shop-standalone .woocommerce-order-details table.shop_table td {
		display: block;
		border: 0;
		padding: 13px 2px;
	}
	.bd-shop-standalone .woocommerce-order-details table.shop_table td {
		text-align: right;
		flex: 1 1 auto;
	}
	.bd-shop-standalone .woocommerce-order-details table.shop_table tbody td.product-name {
		text-align: left;
		flex: 1 1 auto;
	}
	.bd-shop-standalone .woocommerce-order-details table.shop_table tbody td.product-total {
		flex: 0 0 auto;
		white-space: nowrap;
	}
	.bd-shop-standalone .woocommerce-order-details table.shop_table tfoot th {
		flex: 0 0 auto;
		font-size: .75rem;
		color: var(--bd-muted);
	}
}


/* --- 誕生日（一度きりの設定） ---------------------------------------------- */
.bd-shop-standalone .bd-birthday__once {
	display: inline-block; margin-left: 6px;
	color: var(--bd-accent-dark); letter-spacing: .04em;
}
@media (max-width: 480px) {
	.bd-shop-standalone .bd-birthday__once { display: block; margin: 2px 0 0; }
}
.bd-shop-standalone .bd-birthday__value {
	margin: 2px 0 4px; font-size: .9375rem; letter-spacing: .06em; color: var(--bd-ink);
}
.bd-shop-standalone .bd-birthday--locked .bd-birthday__note { margin-top: 0; }

/* --- 住所の「編集」ボタンを右へ寄せる -------------------------------------- */
.bd-shop-standalone .woocommerce-Addresses .woocommerce-Address-title,
.bd-shop-standalone .woocommerce-Address-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	margin: 0 0 12px;
}
.bd-shop-standalone .woocommerce-Address-title h2,
.bd-shop-standalone .woocommerce-Address-title h3 {
	margin: 0;
	font-size: .9375rem;
	font-weight: 400;
	letter-spacing: .08em;
}
.bd-shop-standalone .woocommerce-Address-title .edit {
	margin-left: auto;
	flex: 0 0 auto;
	font-size: .75rem;
	letter-spacing: .06em;
	color: var(--bd-accent);
	text-decoration: none;
	border-bottom: 1px solid var(--bd-line);
	padding-bottom: 2px;
	white-space: nowrap;
}
.bd-shop-standalone .woocommerce-Address-title .edit:hover { border-bottom-color: var(--bd-accent); }

/* =========================================================
   お問い合わせ（/shop/contact/）
   ========================================================= */
.bd-shop-standalone .bd-contact { max-width: 560px; margin: 0 auto; }

.bd-shop-standalone .bd-contact__lead {
	margin: 0 0 38px;
	font-size: .8125rem; line-height: 2.1; color: var(--bd-ink-soft);
	text-align: center;
}
/* 語のまとまりで折り返す（放っておくと語の途中で切れる） */
.bd-shop-standalone .bd-contact__lead span { display: inline-block; }

.bd-shop-standalone .bd-contact__errors {
	list-style: none; margin: 0 0 30px; padding: 18px 20px;
	border: 1px solid var(--bd-accent); background: var(--bd-bg-alt);
	font-size: .8125rem; line-height: 1.9; color: var(--bd-accent-dark);
}
.bd-shop-standalone .bd-contact__errors li { margin: 0; }
.bd-shop-standalone .bd-contact__errors li + li { margin-top: 6px; }

.bd-shop-standalone .bd-contact__field { display: block; margin: 0 0 26px; }
.bd-shop-standalone .bd-contact__field > label {
	display: block; margin-bottom: 8px;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-contact__must {
	display: inline-block; margin-left: 8px; padding: 2px 7px;
	background: var(--bd-accent); color: #fff;
	font-size: .625rem; letter-spacing: .08em; line-height: 1.6;
	vertical-align: 1px;
}
.bd-shop-standalone .bd-contact__field input.input-text,
.bd-shop-standalone .bd-contact__field select,
.bd-shop-standalone .bd-contact__field textarea { width: 100%; }

.bd-shop-standalone .bd-contact__note {
	display: block; margin-top: 7px;
	font-size: .6875rem; letter-spacing: .04em; line-height: 1.8; color: var(--bd-muted);
}

/* 機械よけ。人には見せない */
.bd-shop-standalone .bd-contact__trap {
	position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;
}

.bd-shop-standalone .bd-contact__submit { margin: 34px 0 0; text-align: center; }
.bd-shop-standalone .bd-contact__submit .button { width: 100%; max-width: 320px; }

.bd-shop-standalone .bd-contact__privacy {
	margin: 20px 0 0;
	font-size: .6875rem; letter-spacing: .04em; line-height: 1.9;
	color: var(--bd-muted); text-align: center;
}

/* --- 受け付けたあと ------------------------------------------------------- */
.bd-shop-standalone .bd-contact--done { text-align: center; padding: 20px 0 10px; }
.bd-shop-standalone .bd-contact__done-mark {
	margin: 0 0 14px;
	font-family: var(--bd-lat); font-size: 1.375rem; letter-spacing: .14em;
	color: var(--bd-accent);
}
.bd-shop-standalone .bd-contact__done-title {
	margin: 0 0 20px; font-size: 1rem; letter-spacing: .1em; color: var(--bd-ink);
}
.bd-shop-standalone .bd-contact__done-text {
	margin: 0 0 18px; font-size: .8125rem; line-height: 2.1; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-contact__done-text span { display: inline-block; }
.bd-shop-standalone .bd-contact__done-note {
	margin: 0 0 34px; font-size: .6875rem; line-height: 1.9; color: var(--bd-muted);
}
.bd-shop-standalone .bd-contact__done-back a {
	font-size: .75rem; letter-spacing: .08em; color: var(--bd-ink);
	text-decoration: none; border-bottom: 1px solid var(--bd-line); padding-bottom: 4px;
}
.bd-shop-standalone .bd-contact__done-back a:hover { border-bottom-color: var(--bd-accent); }

@media (max-width: 600px) {
	.bd-shop-standalone .bd-contact__lead { margin-bottom: 30px; }
	.bd-shop-standalone .bd-contact__submit .button { max-width: none; }
}

/* --- カートの「あと◯◯円で送料無料」 ------------------------------------- */
.bd-shop-standalone .bd-freeship {
	margin: 0 0 16px;
	padding: 10px 14px;
	background: var(--bd-bg-alt);
	border-left: 2px solid var(--bd-accent);
	font-size: .6875rem; letter-spacing: .04em; line-height: 1.8;
	color: var(--bd-ink-soft);
}

/* --- ご購入手続き：注文を確定の下の「カートに戻る」 --------------------- */
/*
 * **「注文を確定」との間は広く取ること。**
 * 18px 空けたつもりでいたところ、**指が太いと押し分けにくい**という
 * ご指摘をいただいた（2026年8月27日）。
 * 押し間違えると、確定するつもりがカートへ戻ってしまう。
 *
 * 調べたところ、**その18pxは一度も効いていなかった。**
 * ファイル後方の `.bd-shop-standalone .bd-page-content p { margin: 0 0 1.5em }` が
 * クラス2＋要素1で勝ち、上の余白を 0 に戻していた
 * （「落とし穴」の表にある、あの指定。**レジの画面も .bd-page-content の中にある**）。
 *
 * **`.bd-page-content` を挟んでクラス3にすること。** これで確実に勝つ。
 */
.bd-shop-standalone .bd-page-content .bd-back-to-cart,
.bd-shop-standalone .bd-back-to-cart {
	margin: 38px 0 0;
	text-align: center;
}
.bd-shop-standalone .bd-back-to-cart a {
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-muted);
	text-decoration: none; border-bottom: 1px solid var(--bd-line);
	/* 触れる面も少し広げる（上は余白、下は線までの隙間） */
	display: inline-block;
	padding: 6px 10px 3px;
}
.bd-shop-standalone .bd-back-to-cart a:hover { color: var(--bd-ink); border-bottom-color: var(--bd-accent); }

/* --- 住所の「編集」を枠の外・右上へ ------------------------------------- */
/*
 * 既定では住所の枠の中、右端に置かれる。
 * 枠の幅を文字が取り合うため、「編」「集」と縦に割れて窮屈に見える。
 * 枠の外に出して、見出しの行に並べる。
 */
.bd-shop-standalone .wc-block-components-address-card-wrapper { position: relative; }
.bd-shop-standalone .wc-block-components-address-card__edit {
	position: absolute !important;
	top: -58px;
	right: 0;
	white-space: nowrap;
	font-size: .75rem !important;
	letter-spacing: .06em;
	color: var(--bd-accent) !important;
	text-decoration: none !important;
	border-bottom: 1px solid var(--bd-line);
	padding-bottom: 2px;
	line-height: 1.4;
}
.bd-shop-standalone .wc-block-components-address-card__edit:hover { border-bottom-color: var(--bd-accent); }

/* --- クーポン ------------------------------------------------------------ */
/*
 * クーポンをお出しするのは誕生日だけなので、入力欄は普段出さない。
 * 誕生日のクーポンは ?coupon=コード のリンクから当たる（bd-shop-coupon.php）。
 * 常時出したくなったら、この2行を外すだけでよい。
 */
.bd-shop-standalone .wp-block-woocommerce-cart-order-summary-coupon-form-block,
.bd-shop-standalone .wp-block-woocommerce-checkout-order-summary-coupon-form-block { display: none !important; }

/* --- 商品ページ：「◯ポイントが貯まります」 ------------------------------- */
/*
 * WPLoyalty が「カゴに追加」の上に出す一文。
 * **ログインしている方にだけ出る**（会員でなければポイントが付かないため）。
 *
 * 中身の見た目はプラグインが**要素に直接**書いてくるので
 * （`display:block;padding:10px;line-height:25px`）、
 * **`!important` でないと打ち消せない。**
 *
 * 送料の案内（.bd-freeship）やポイントの枠（.bd-points）と同じ形にそろえる。
 */
.bd-shop-standalone .wlr-product-message {
	display: block !important;
	margin: 0 0 18px !important;
	padding: 9px 12px !important;
	background: var(--bd-bg-alt) !important;
	border-left: 2px solid var(--bd-accent);
	border-radius: 0 !important;
	font-size: .6875rem !important;
	letter-spacing: .04em;
	line-height: 1.8 !important;
	color: var(--bd-ink-soft) !important;
}

/* --- マイページ：ご注文の一覧 -------------------------------------------- */
/*
 * 並ぶのは**ご注文日**。押すとご注文の中が開く（`bd-shop-account-guide.php`）。
 *
 * **既定のままだと、スマホで1件が4段に割れる。**
 * WooCommerce の shop_table_responsive が、セルごとに
 * 「ご注文日:」「状態:」「合計:」という見出しを付けて縦に積むため。
 * 空のアクション欄まで「:」だけの段になって残る。
 * さらにテーマの縞模様が付き、1件で画面の3分の1を使っていた。
 *
 * **1件＝1行**に収める。
 */
/*
 * **枠線は !important で消すこと。**
 * 上のカート用の `table.shop_table { border: 1px solid … !important }` が
 * 同じ強さで当たっているため、ただ `border: 0` と書いても消えない。
 */
.bd-shop-standalone table.woocommerce-orders-table {
	width: 100%;
	border: 0 !important;
	border-collapse: collapse !important;
	margin: 0 0 26px;
}

/* テーマが tr に濃い線を引くので、消しておく（1本目の上に太い線が出ていた） */
.bd-shop-standalone table.woocommerce-orders-table tr {
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	background: transparent !important;
}

.bd-shop-standalone table.woocommerce-orders-table th,
.bd-shop-standalone table.woocommerce-orders-table td {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--bd-line-soft) !important;
	padding: 15px 8px !important;
	font-size: .8125rem;
	vertical-align: middle;
}

.bd-shop-standalone table.woocommerce-orders-table thead th {
	font-size: .6875rem;
	letter-spacing: .1em;
	font-weight: 400;
	color: var(--bd-muted);
	border-bottom: 1px solid var(--bd-line) !important;
}

/* ご注文日そのものが入口。押せると分かるように、下線だけ引く */
.bd-shop-standalone .bd-order-date {
	color: var(--bd-ink) !important;
	text-decoration: none !important;
	border-bottom: 1px solid var(--bd-line);
	padding-bottom: 2px;
	white-space: nowrap;
}
.bd-shop-standalone .bd-order-date:hover { border-bottom-color: var(--bd-accent); }

.bd-shop-standalone table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total,
.bd-shop-standalone table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
	text-align: right;
	white-space: nowrap;
}
.bd-shop-standalone table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button {
	padding: 7px 15px !important;
	font-size: .6875rem !important;
	min-height: 0;
}

/*
 * スマホ。**768px で切ること。**
 * WooCommerce が縦に積み始めるのがこの幅なので、
 * 600px にすると 601〜768px のあいだだけ崩れる。
 */
@media (max-width: 768px) {
	.bd-shop-standalone table.woocommerce-orders-table thead { display: none; }
	.bd-shop-standalone table.woocommerce-orders-table,
	.bd-shop-standalone table.woocommerce-orders-table tbody { display: block; width: 100%; }

	.bd-shop-standalone table.woocommerce-orders-table tr {
		display: grid;
		grid-template-columns: 1fr auto;
		column-gap: 14px;
		align-items: baseline;
		padding: 15px 2px;
		border-bottom: 1px solid var(--bd-line-soft) !important;
	}

	/* セルごとの「ご注文日:」などの見出しは出さない */
	.bd-shop-standalone table.woocommerce-orders-table td::before {
		display: none !important;
		content: none !important;
	}

	/*
	 * **左寄せは tbody tr td まで書くこと。**
	 * WooCommerce の
	 *   `.woocommerce table.shop_table_responsive tr td { text-align: right !important }`
	 * が当たっていて、こちらが2クラス2要素だと**負けて右寄せのまま**になる
	 * （実際にそうなった。日付が右端に寄っていた）。
	 */
	.bd-shop-standalone table.woocommerce-orders-table tbody tr td {
		display: block;
		padding: 0 !important;
		border: 0 !important;
		text-align: left !important;
	}

	.bd-shop-standalone table.woocommerce-orders-table .woocommerce-orders-table__cell-order-date {
		grid-column: 1;
		grid-row: 1;
	}
	.bd-shop-standalone table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
		grid-column: 1;
		grid-row: 2;
		margin-top: 5px;
		font-size: .6875rem;
		color: var(--bd-muted);
	}
	.bd-shop-standalone table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-total {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: center;
		text-align: right !important;
	}
	/* ふだんは中身が無いので、高さを取らない */
	.bd-shop-standalone table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions {
		grid-column: 1 / -1;
		grid-row: 3;
		text-align: right !important;
	}
}

/* --- ご購入手続き：ポイントを使う（bd-shop-point-checkout.php） ---------- */
/*
 * 置き場所は**小計のすぐ上**。
 * 使った瞬間に、下の「合計額」が変わるのが目に入るようにするため。
 *
 * ボタンの色は必ず !important で書くこと。
 * Twenty Twenty-One の
 *   button:not(:hover):not(:active):not(.has-text-color)
 * が当たって、**黒く塗りつぶされる。**
 */
.bd-shop-standalone .bd-points {
	margin: 0 0 24px;
	padding: 13px 14px 12px;
	background: var(--bd-bg-alt);
	border-left: 2px solid var(--bd-accent);
}

/*
 * 見出しは左右に分ける。
 *
 * 「ポイントを使う　ご利用いただける 1,240ポイント」を1本の文にすると、
 * iPhone の幅（390点）で**最後の「ポイント」だけが次の行に落ちた**。
 * 右側は nowrap にして、必ず1行に収める。
 */
.bd-shop-standalone .bd-points__title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 9px !important;
	font-size: .75rem !important;
	letter-spacing: .04em;
	line-height: 1.7;
	color: var(--bd-ink);
}

.bd-shop-standalone .bd-points__have {
	flex: 0 0 auto;
	font-size: .6875rem;
	color: var(--bd-muted);
	white-space: nowrap;
}

/* 使っているあいだは見出しを出さない（「使っています」と重なるため） */
.bd-shop-standalone .bd-points--on .bd-points__title { display: none; }

.bd-shop-standalone .bd-points__form {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

.bd-shop-standalone .bd-points__input {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	margin: 0;
	padding: 9px 11px;
	font-family: var(--bd-font);
	font-size: .8125rem;
	text-align: right;
	border: 1px solid var(--bd-line);
	border-radius: 0;
	background: #fff;
	color: var(--bd-ink);
}

.bd-shop-standalone .bd-points__use {
	flex: 0 0 auto;
	min-height: 0;
	padding: 9px 18px !important;
	font-family: var(--bd-font);
	font-size: .75rem !important;
	letter-spacing: .08em;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--bd-accent) !important;
	color: #fff !important;
	cursor: pointer;
}

/* 使っているとき。入力欄は引っ込め、いくら使っているかだけを出す */
.bd-shop-standalone .bd-points__on {
	display: none;
	margin: 0 !important;
	font-size: .75rem !important;
	line-height: 1.7;
	color: var(--bd-ink);
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.bd-shop-standalone .bd-points__off {
	flex: 0 0 auto;
	min-height: 0;
	margin: 0;
	padding: 0 0 2px !important;
	font-family: var(--bd-font);
	font-size: .75rem !important;
	letter-spacing: .06em;
	background: transparent !important;
	color: var(--bd-ink-soft) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--bd-line) !important;
	border-radius: 0 !important;
	cursor: pointer;
}

.bd-shop-standalone .bd-points--on .bd-points__form { display: none; }
.bd-shop-standalone .bd-points--on .bd-points__on { display: flex; }

.bd-shop-standalone .bd-points__note {
	margin: 8px 0 0 !important;
	font-size: .6875rem !important;
	line-height: 1.8;
	color: var(--bd-muted);
}

.bd-shop-standalone .bd-points__msg {
	margin: 8px 0 0 !important;
	font-size: .6875rem !important;
	line-height: 1.8;
	color: #A2453F;
}

.bd-shop-standalone .bd-points__note:empty,
.bd-shop-standalone .bd-points__msg:empty { display: none; }

/* お待ちいただいているあいだ */
.bd-shop-standalone .bd-points--busy { opacity: .6; }

/* =========================================================
 * 売れ筋No.1（bd-shop-hero.php）
 *
 * ショップTOPの「今日のおすすめ」の上に、1点だけ大きく出す枠。
 * まずこの商品を見ていただくための場所。
 *
 * スマホでも**横並びのまま**にしてある。
 * 縦に積むと写真が大きくなりすぎて、下の商品まで遠くなるため。
 * ========================================================= */

.bd-shop-standalone .bd-hero-product {
	margin: 0 0 44px;
}

.bd-shop-standalone .bd-hero-product__link {
	display: flex;
	align-items: center;
	gap: 26px;
	padding: 22px 26px;
	border: 1px solid var(--bd-line);
	border-radius: 4px;
	background: #fff;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.bd-shop-standalone .bd-hero-product__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(26, 25, 29, .08);
	border-color: var(--bd-accent);
	opacity: 1;
}

/*
 * 商品写真は白地なので、うっすら下地を敷かないと宙に浮いて見える。
 *
 * 大きさは**一覧の札より大きく**する。ここが特別な1点だと一目で分かるように。
 * 一覧の札は 3列・すきま40点・幅1216点で、1枚あたり約378点。
 * 一覧の指定（shop.css の ul.products）を変えたら、ここも見直すこと。
 */
.bd-shop-standalone .bd-hero-product__media {
	flex: 0 0 400px;
	width: 400px;
	background: var(--bd-line-soft);
	border-radius: 3px;
}

/*
 * WordPress が img に style="width:100%;height:133.3%;…" を直接書き込む。
 * 要素に直接書かれた指定はCSSより強いので、!important で打ち消す。
 */
.bd-shop-standalone .bd-hero-product__media img {
	display: block;
	width: 100% !important;
	height: auto !important;
	border-radius: 3px;
}

.bd-shop-standalone .bd-hero-product__body {
	display: block;
	min-width: 0;
}

/* 見出しは枠の外。枠の中に入れると商品名とぶつかって読みにくい */
.bd-shop-standalone .bd-hero-product__badge {
	display: inline-block;
	margin: 0 0 12px;
	padding: 4px 12px;
	border-radius: 2px;
	background: var(--bd-accent);
	color: #fff;
	font-size: .75rem;
	letter-spacing: .12em;
	line-height: 1.7;
}

.bd-shop-standalone .bd-hero-product__name {
	display: block;
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.5;
	color: var(--bd-ink);
}

.bd-shop-standalone .bd-hero-product__kana {
	display: block;
	font-size: .8125rem;
	letter-spacing: .08em;
	line-height: 1.5;
	color: var(--bd-muted);
}

.bd-shop-standalone .bd-hero-product__price {
	display: block;
	margin: 12px 0 0;
}

.bd-shop-standalone .bd-hero-product__price .bd-price__now { font-size: 1.125rem; }

.bd-shop-standalone .bd-hero-product__more {
	display: inline-block;
	margin: 14px 0 0;
	font-size: .8125rem;
	letter-spacing: .08em;
	color: var(--bd-accent-dark);
}

.bd-shop-standalone .bd-hero-product__arrow {
	display: inline-block;
	margin-left: 6px;
	transition: transform .25s ease;
}

.bd-shop-standalone .bd-hero-product__link:hover .bd-hero-product__arrow {
	transform: translateX(4px);
}

@media (max-width: 700px) {
	.bd-shop-standalone .bd-hero-product { margin-bottom: 32px; }
	/*
	 * 狭い画面では横並びをやめ、写真を上に大きく置く。
	 * 横に並べたまま写真を大きくすると、右の文字が入りきらないため。
	 * 一覧の札は2列で1枚あたり約165点。ここはその1.5倍ほどになる。
	 */
	.bd-shop-standalone .bd-hero-product__link {
		flex-direction: column;
		align-items: center;
		gap: 18px;
		padding: 20px 16px 22px;
		text-align: center;
	}
	.bd-shop-standalone .bd-hero-product__media {
		flex: 0 0 auto;
		width: 78%;
		max-width: 260px;
	}
	.bd-shop-standalone .bd-hero-product__badge { margin-bottom: 10px; padding: 3px 10px; font-size: .6875rem; }
	.bd-shop-standalone .bd-hero-product__name { font-size: 1.0625rem; }
	.bd-shop-standalone .bd-hero-product__price { margin-top: 8px; }
	.bd-shop-standalone .bd-hero-product__price .bd-price__now { font-size: 1rem; }
	.bd-shop-standalone .bd-hero-product__more { margin-top: 10px; font-size: .75rem; }
}

/* ---------------------------------------------------------
   お勤め先をお伺いする枠（マイページ）

   ⚠ `.bd-page-content` を足して書いていること。
   ファイル後方の `.bd-shop-standalone .bd-page-content p`
   （クラス2つ＋要素1つ）が、クラス2つだけの指定より強い。
   足さないと余白と文字の大きさが効かない。
   --------------------------------------------------------- */
.bd-shop-standalone .bd-page-content .bd-workplace {
	border: 1px solid var(--bd-line, #E6E2EC);
	background: #FAF9FC;
	padding: 20px 22px;
	margin: 0 0 24px;
}
.bd-shop-standalone .bd-page-content .bd-workplace__test {
	font-size: .75rem; letter-spacing: .06em; line-height: 1.6;
	color: #8A6D1F; background: #FDF6E3;
	border: 1px solid #E8D9A8; padding: 8px 12px; margin: 0 0 14px;
}
.bd-shop-standalone .bd-page-content .bd-workplace__title {
	font-size: .95rem; letter-spacing: .08em; margin: 0 0 6px;
}
.bd-shop-standalone .bd-page-content .bd-workplace__hint {
	font-size: .8125rem; color: #6B6775; line-height: 1.8; margin: 0 0 14px;
}
.bd-workplace__form { display: flex; gap: 8px; flex-wrap: wrap; }
.bd-shop-standalone .bd-workplace__form input[type="text"] {
	flex: 1 1 200px; min-width: 0;
	padding: 11px 12px; font-size: 1rem;   /* 16px未満だとiPhoneが勝手に拡大する */
	border: 1px solid var(--bd-line, #E6E2EC); background: #fff;
}
.bd-shop-standalone .bd-workplace__form button {
	flex: 0 0 auto;
	padding: 11px 24px; font-size: .875rem; letter-spacing: .08em;
	/* テーマが button を黒く塗ってくるので打ち消す */
	background: var(--bd-accent, #7B6B9E) !important;
	color: #fff !important; border: 0 !important; cursor: pointer;
}
.bd-shop-standalone .bd-page-content .bd-workplace__note {
	font-size: .75rem; color: #8B8791; line-height: 1.7; margin: 12px 0 0;
}
@media (max-width: 480px) {
	.bd-workplace__form input[type="text"] { flex: 1 1 100%; }
	.bd-shop-standalone .bd-workplace__form button { flex: 1 1 100%; }
}

/* ===== ここから：マイページ（2026年9月28日にボタドリから写した） ===== */
/* 色の変数だけ b-effect のもの（--bd-accent → --bd-accent）に置き換えてある。 */
/* =========================================================
   マイページの入口：項目を押すと、そのすぐ下に開く

   中身が画面のいちばん下に出ると、スマホでは
   「押しても何も変わらない」ように見えるため（2026年9月11日・お客様のご指示）。
   ========================================================= */

/*
 * 中身はメニューの中に入れているので、WooCommerce の入れ物は空のまま。
 *
 * ⚠ **隠さないこと。** 保存や入力の誤りのお知らせ（woocommerce_output_all_notices）は
 * この入れ物の中に出る。display:none にすると、**お知らせごと見えなくなる。**
 */
.bd-account-home .woocommerce-MyAccount-content:empty { display: none; }

/* 開けることが分かるように、右端に細い山を出す */
.bd-shop-standalone .bd-acc__head { position: relative; padding-right: 26px !important; }
.bd-shop-standalone .bd-acc__head::after {
	content: ""; position: absolute; right: 6px; top: 50%;
	width: 7px; height: 7px; margin-top: -5px;
	border-right: 1px solid currentColor; border-bottom: 1px solid currentColor;
	transform: rotate(45deg); opacity: .6;
	transition: transform .25s ease, opacity .25s ease;
}
.bd-shop-standalone .bd-acc__item.is-open > .bd-acc__head { color: var(--bd-accent); }
.bd-shop-standalone .bd-acc__item.is-open > .bd-acc__head::after {
	transform: rotate(-135deg); margin-top: -2px; opacity: 1;
}

.bd-shop-standalone .bd-acc__panel {
	border-top: 1px solid var(--bd-line-soft);
	background: var(--bd-bg-alt);
}
.bd-shop-standalone .bd-acc__inner { padding: 22px 16px 26px; }
.bd-shop-standalone .bd-acc__inner > :last-child { margin-bottom: 0; }
.bd-shop-standalone .bd-acc__empty {
	margin: 0; font-size: .8125rem; line-height: 2; color: var(--bd-muted);
}
/* 中身の見出しは、メニューの文字より目立たせない */
.bd-shop-standalone .bd-acc__inner h2,
.bd-shop-standalone .bd-acc__inner h3 {
	font-weight: 400; font-size: .875rem; letter-spacing: .08em;
	margin: 0 0 12px; color: var(--bd-ink);
}
@media (max-width: 480px) {
	.bd-shop-standalone .bd-acc__inner { padding: 20px 10px 24px; }
}

/* =========================================================
   アカウント登録（LINE認証 → メールアドレス → ここ）
   ========================================================= */
.bd-account-setup-step .woocommerce-MyAccount-navigation { display: none !important; }

.bd-shop-standalone .bd-account-setup { max-width: 460px; margin: 0 auto; }
.bd-shop-standalone .bd-account-setup .bd-member__title { text-align: center; margin-bottom: 18px; }
.bd-shop-standalone .bd-account-setup__lead {
	margin: 0 0 30px; text-align: center;
	font-size: .8125rem; line-height: 2.1; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-account-setup__form .form-row {
	display: block; margin: 0 0 18px; padding: 0;
}
.bd-shop-standalone .bd-account-setup__form label {
	display: block; margin-bottom: 7px;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-account-setup__form .input-text,
.bd-shop-standalone .bd-account-setup__form select {
	width: 100%; padding: 13px 15px; font-size: 1rem;
	border: 1px solid var(--bd-line); background: #fff; color: var(--bd-ink);
	border-radius: 0; font-family: inherit;
}
.bd-shop-standalone .bd-account-setup__actions { margin: 26px 0 0; }
.bd-shop-standalone .bd-account-setup__form button {
	width: 100%; min-height: 52px; padding: 14px;
	background: var(--bd-ink); color: #fff; border: 0; cursor: pointer;
	font-size: .875rem; letter-spacing: .12em; font-family: inherit;
	transition: background .3s ease;
}
.bd-shop-standalone .bd-account-setup__form button:hover { background: var(--bd-accent); }
.bd-shop-standalone .bd-account-setup__skip {
	margin: 20px 0 0; text-align: center;
	font-size: .75rem; letter-spacing: .04em;
}
.bd-shop-standalone .bd-account-setup__skip a { color: var(--bd-muted); }

/* =========================================================
   アカウント詳細（お名前／生年月日／登録住所／お電話番号／メールアドレス）
   ========================================================= */
.bd-shop-standalone .bd-account { max-width: 460px; }
.bd-shop-standalone .bd-account__group { margin: 0 0 22px; padding: 0; border: 0; }
.bd-shop-standalone .bd-account__legend {
	padding: 0; margin: 0 0 9px;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-account__row2 { display: flex; gap: 12px; }
.bd-shop-standalone .bd-account__row2 .bd-account__field { flex: 1 1 0; min-width: 0; margin: 0; }

.bd-shop-standalone .bd-account__field { display: block; margin: 0 0 22px; }
.bd-shop-standalone .bd-account__field label,
.bd-shop-standalone .bd-account .form-row label {
	display: block; margin-bottom: 7px;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-account .input-text,
.bd-shop-standalone .bd-account select {
	width: 100%; padding: 13px 15px; font-size: 1rem;
	border: 1px solid var(--bd-line); background: #fff; color: var(--bd-ink);
	border-radius: 0; font-family: inherit;
}
.bd-shop-standalone .bd-account .form-row { display: block; margin: 0 0 18px; padding: 0; }
/* 「（オプション）」は出さない（この画面で必ず要るのはメールアドレスだけ） */
.bd-shop-standalone .bd-account .optional { display: none; }
.bd-shop-standalone .bd-account__note {
	display: block; margin-top: 7px;
	font-size: .6875rem; letter-spacing: .04em; line-height: 1.8; color: var(--bd-muted);
}
.bd-shop-standalone .bd-account__actions { margin: 30px 0 0; }
.bd-shop-standalone .bd-account__actions button {
	width: 100%; min-height: 52px; padding: 14px;
	background: var(--bd-ink) !important; color: #fff !important; border: 0 !important;
	cursor: pointer; border-radius: 0 !important;
	font-size: .875rem; letter-spacing: .12em; font-family: inherit;
	transition: background .3s ease;
}
.bd-shop-standalone .bd-account__actions button:hover { background: var(--bd-accent) !important; }

/* --- 登録住所：ふだんは畳んでおく --- */
.bd-shop-standalone .bd-account-address__head {
	display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
	padding: 12px 14px; border: 1px solid var(--bd-line-soft); background: var(--bd-bg-alt);
}
.bd-shop-standalone .bd-account-address__now {
	margin: 0; font-size: .8125rem; line-height: 1.9; color: var(--bd-ink);
}
.bd-shop-standalone .bd-account-address__toggle {
	flex: 0 0 auto; padding: 0 !important; min-height: 0;
	background: none !important; border: 0 !important; border-bottom: 1px solid currentColor !important;
	border-radius: 0 !important; box-shadow: none !important;
	color: var(--bd-accent) !important; cursor: pointer;
	font-size: .75rem; letter-spacing: .06em; font-family: inherit; line-height: 1.6;
}
.bd-shop-standalone .bd-account-address__fields { padding: 20px 0 0; }
.bd-shop-standalone .bd-account-address.is-open .bd-account-address__head { border-bottom: 0; }


/* 開いた中身の文字づかいを、ショップの寸法にそろえる
   （WooCommerce 既定のままだと、本文だけ大きく浮いて見える） */
.bd-shop-standalone .bd-acc__inner p {
	font-size: .8125rem; line-height: 2; color: var(--bd-ink-soft); margin: 0 0 18px;
}
/* 住所は斜体にしない（テーマの address が斜体） */
.bd-shop-standalone .bd-acc__inner address,
.bd-shop-standalone .woocommerce-Address address {
	font-style: normal; font-size: .8125rem; line-height: 2; color: var(--bd-ink); margin: 0;
}
/* 見出しと「編集」を1行に並べる（既定だと編集が次の行の右端に落ちる） */
.bd-shop-standalone .woocommerce-Address-title {
	display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
	margin: 0 0 8px;
}
.bd-shop-standalone .woocommerce-Address-title h2,
.bd-shop-standalone .woocommerce-Address-title h3 {
	margin: 0 !important; text-align: left !important; flex: 1 1 auto;
}
.bd-shop-standalone .woocommerce-Address-title .edit {
	flex: 0 0 auto; font-size: .75rem; letter-spacing: .06em; color: var(--bd-accent);
}
.bd-shop-standalone .bd-acc__inner .woocommerce-Address { margin: 0 0 24px; }
.bd-shop-standalone .bd-acc__inner .woocommerce-Address:last-child { margin-bottom: 0; }

/*
 * 「（オプション）」は出さない。
 * アカウント登録は**どの欄も任意**なので、全部に付くと読みづらいだけになる。
 * WooCommerce は見出しを組み立てたあとに足していて、差し込み口が無い。
 */
.bd-shop-standalone .bd-account-setup__form .optional { display: none; }

.bd-line-only-mode .bd-line-panel__or { display: none !important; }

.bd-shop-standalone .bd-account-note {
	display: block; margin-top: 7px;
	font-size: .6875rem; letter-spacing: .04em; line-height: 1.8; color: var(--bd-muted);
}

/* アカウント詳細：書き換えられない項目の見せ方 */
.bd-shop-standalone .bd-account-readonly { display: block; margin: 0 0 26px; }
.bd-shop-standalone .bd-account-readonly__label {
	display: block; margin-bottom: 7px;
	font-size: .75rem; letter-spacing: .06em; color: var(--bd-ink-soft);
}
.bd-shop-standalone .bd-account-readonly__value {
	display: block; padding: 13px 15px;
	border: 1px solid var(--bd-line-soft); background: var(--bd-bg-alt);
	font-size: .875rem; color: var(--bd-ink);
}
.bd-shop-standalone .bd-account-readonly__note {
	display: block; margin-top: 7px;
	font-size: .6875rem; letter-spacing: .04em; color: var(--bd-muted);
}
.bd-shop-standalone .bd-line-only { max-width: 400px; margin: 0 auto; text-align: center; }
/* ===== ここまで：マイページ ===== */

/* ---------------------------------------------------------
   お届け先まわりの手直し（2026年9月28日・お客様のご指摘）
   --------------------------------------------------------- */

/*
 * ①「編集」の下線が、文字に食い込んで見える。
 *
 * 前方の指定が `padding-bottom: 2px`。欧文ならちょうどよいが、
 * **和文は文字が枠いっぱいまで来る**ので、2pxでは下線が字に触れて見える。
 * 見出しと `align-items: baseline` で並べているため、なおさら詰まって見えた。
 */
.bd-shop-standalone .woocommerce-Address-title .edit {
	padding-bottom: 5px;
}

/*
 * ② 国の欄を出さない。
 *
 * 日本以外へはお送りしていないので、選びようが無い1つだけの欄が出ていた。
 *
 * ⚠ **欄ごと消さないこと。** `country_to_state` のJavaScriptが
 * この欄を見て**都道府県の一覧を組み立てている。** 消すと都道府県が出なくなる。
 * 見えなくするだけにして、中身（JP）はそのまま送られるようにする。
 */
.bd-shop-standalone .woocommerce-address-fields #shipping_country_field,
.bd-shop-standalone .woocommerce-address-fields #billing_country_field {
	display: none !important;
}

/*
 * ③「(オプション)」を出さない。
 *
 * 半角の括弧でまわりの和文から浮くうえ、「オプション」が
 * **別料金の付属品**のようにも読める。
 * 空でよいことを伝えたい屋号の欄だけ、見出しに「（空欄でも可）」と書いてある
 * （`BD_Shop_Account_Page::address_labels()`）。
 */
.bd-shop-standalone .woocommerce-address-fields .optional {
	display: none;
}

/*
 * 登録住所のまとめ行：郵便番号を own の行に。
 * 1行だと「531-0076 大阪府…」とひと続きに見える（2026年9月28日・お客様のご指摘）。
 */
.bd-shop-standalone .bd-account-address__zip,
.bd-shop-standalone .bd-account-address__rest {
	display: block;
}

/*
 * カテゴリー節を `<main class="bd-shop-main">` の中へ移した
 * （2026年9月28日・「今日のおすすめ」と入れ替え）。
 *
 * もとは main の外にある全幅の節で、**自分で左右の余白を持っていた**
 * （`padding: 76px 40px 20px` ／ スマホ `48px 16px 8px`）。
 * 中へ移すと main 側の余白（32px ／ スマホ18px）と**二重になる**ので、
 * 左右だけ外す。上下はそのまま——節と節の間隔はこれで決まっている。
 */
.bd-shop-standalone .bd-shop-main .bd-cats {
	padding-left: 0;
	padding-right: 0;
}