@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");

@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");

@import url("inview.css");

:root {
    --primary-color: #8b1e1e;
    --primary-text-color: #fff;
    --secondary-color: #242421;
    --secondary-text-color: #fff;
	
    --main-font: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
    --heading-font: "Caveat", var(--main-font);
		
    --bg1-height: 150px;
}

@keyframes opa1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes animation1 {
	0% {left: -200px;}
	100% {left: 0px;}
}
@keyframes rotate1 {
	0% {transform: rotate(0deg);}
	30% {transform: rotate(-4deg);}
	80% {transform: rotate(4deg);}
	100% {transform: rotate(0deg);}
}

html,body {
	height: 100%;
}

body * {box-sizing: border-box;}

body {
margin: 0;padding:0;
font-family: var(--main-font);
-webkit-text-size-adjust: none;
line-height: 2.2;
animation: opa1 0.5s 0.2s both;	
background-color: var(--primary-color);
color: var(--primary-text-color);
}

figure {margin: 0;}
dd {margin: 0;}
nav,ul,li {margin: 0;padding: 0;}
nav ul {list-style: none;}

table {border-collapse:collapse;}

img {border: none;max-width: 100%;height: auto;vertical-align: middle;}

video {max-width: 100%;}

iframe {width: 100%;}

input {font-size: 1rem;}
section {margin: 5vw;}

a {
	color: var(--primary-text-color);
	transition: 0.3s;
}

/*マウスオン時*/
a:hover {
	opacity: 0.8;	/*色を80%だけ出す*/
}


/*コンテナー（サイト全体を囲むブロック）
---------------------------------------------------------------------------*/
#container {
	height: 100%;
	max-width: 1800px;				/*最大幅。これ以上広がりません。*/
	display: flex;					/*flexを使う指定*/
	flex-direction: column;			/*子要素を縦並びにする*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	margin: 0 auto;
}


/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	flex: 1;
}


/*ヘッダー
---------------------------------------------------------------------------*/
header {
	position: relative;
}

/*ロゴ*/
#logo {
	margin: 0;
	width: clamp(90px, 24vw, 150px);
	padding: 0;
}

#logo img {
	display: block;
	width: 100%;
	height: auto;
}

/*トップページのロゴの配置場所*/
.home #logo {
	position: absolute;
	z-index: 10;

	left: 50%;
	top: 5px;
	transform: translateX(-50%);
}

/* PC */
@media screen and (min-width: 700px) {

	#logo {
		width: clamp(110px, 10vw, 170px);
	}

	.home #logo {
		top: 24px;
	}

}

/*スイングアニメーション（主にロゴ画像に使用）
---------------------------------------------------------------------------*/
.swing {
	animation-name: rotate1;				/*css冒頭にある@keyframesの指定*/
	animation-fill-mode: both;
	animation-duration: 3S;					/*アニメーションを実行する時間。「s」は秒の事。*/
	animation-iteration-count: infinite;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-timing-function: linear;		/*アニメーションのパターン。速度を一定に変化させる指定。*/
}



/* =========================
   ハンバーガーメニュー
   PC・スマホ共通
========================= */

/* メニュー初期状態 */
#menubar {
	display: none;
}

/* メニュー表示時 */
#menubar.display-block {
	display: block;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;

	width: 100%;
	height: 100dvh;
	overflow: auto;

	padding: 90px 20px 40px;

	background:
		radial-gradient(circle at 20% 0%, rgba(216, 162, 58, 0.18) 0%, transparent 32%),
		linear-gradient(135deg, #1f1a17 0%, #2b211d 35%, #8b1e1e 100%);

	color: #fff8ef;
	animation: animation1 0.25s both;
	box-sizing: border-box;
}

/* メニューリスト */
#menubar nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menubar nav > ul > li {
	margin: 0 0 12px;
}

#menubar a {
	display: block;
	text-decoration: none;

	padding: 0.95em 1.2em;

	color: #fff8ef;
	background: rgba(255, 255, 255, 0.06);

	border: 1px solid rgba(216, 162, 58, 0.55);
	border-left: 6px solid #d8a23a;

	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.4;

	transition: 0.25s;
}

#menubar a:hover {
	opacity: 1;
	filter: brightness(1.15);
	transform: translateY(-1px);
}

/* ドロップダウン */
.ddmenu_parent ul {
	display: none;
}

#menubar ul ul {
	margin-top: 8px;
	padding-left: 14px;
	animation: opa1 0.4s 0.05s both;
}

#menubar ul ul a {
	padding: 0.75em 1em;
	font-size: 0.9rem;
	background: rgba(0, 0, 0, 0.18);
	border-left: 4px solid rgba(216, 162, 58, 0.8);
}

a.ddmenu::before {
	content: "▼";
	display: inline-block;
	color: #d8a23a;
	transform: scale(1, 0.7);
	margin-right: 6px;
}

/* 3本バー */
#menubar_hdr {
	position: fixed;
	z-index: 10001;
	cursor: pointer;

	right: 15px;
	top: 15px;

	width: 48px;
	height: 48px;
	padding: 15px 13px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	background: #8b1e1e;
	border: 1px solid rgba(216, 162, 58, 0.75);

	box-sizing: border-box;
	pointer-events: auto;
}

/* バー1本あたり */
#menubar_hdr span {
	display: block;
	width: 100%;
	height: 2px;
	background: #fff8ef;
	transition: 0.3s;
	transform-origin: center center;
	pointer-events: none;
}

/* 開いた時の× */
#menubar_hdr.ham {
	background: #1f1a17;
}

/* 1本目 */
#menubar_hdr.ham span:nth-of-type(1) {
	transform: translateY(7px) rotate(45deg);
}

/* 2本目 */
#menubar_hdr.ham span:nth-of-type(2) {
	opacity: 0;
	transform: scaleX(0);
}

/* 3本目 */
#menubar_hdr.ham span:nth-of-type(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* PC調整 */
@media screen and (min-width: 900px) {

	#menubar.display-block {
		padding: 110px clamp(80px, 12vw, 220px) 60px;
	}

	#menubar nav > ul {
		max-width: 760px;
		margin: 0 auto;
	}

	#menubar a {
		font-size: 1.05rem;
		padding: 1em 1.4em;
	}

	#menubar_hdr {
		right: 24px;
		top: 24px;
		width: 54px;
		height: 54px;
		padding: 17px 15px;
	}

}

/* =========================
   メニュー開閉中のスクロール防止
========================= */
body.noscroll {
	overflow: hidden;
	height: 100%;
}

/*main
---------------------------------------------------------------------------*/
main {
	flex: 1;
}

/*h2(見出し)要素*/
main h2 {
	font-size: 1rem;		/*文字サイズを２倍*/
	font-weight: normal;	/*太さを標準*/
	color: #fff;	/*文字色。css冒頭で指定しているsecondary-colorを読み込みます*/
	border-bottom: 2px solid #fff;	/*下線の幅、線種、varの部分は色で、css冒頭で指定しているsecondary-colorを読み込みます*/
}

/*bg1上でのh2*/
main .bg1 h2 {
	color: var(--primary-color);	/*文字色。css冒頭で指定しているprimary-colorを読み込みます*/
}

/*type1の見出し*/
main h2.type1 {
	margin: 0; padding: 0; border: none;
	font-family: var(--heading-font);	/*フォント種類。css冒頭で指定しているheading-fontを読み込みます*/
	font-size: 50px;
	color: #d8a23a;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.bg1-inner h2.type1 {
	margin-top: 0;
}

main h2.type1 span {
	display: block;
	font-size: 1rem;
	text-align: right;	/*テキストを右寄せ*/
}

/*画面幅700px以上の追加指定*/
@media screen and (min-width:700px) {

/*type1の見出し*/
main h2.type1 {
	width: 20vw;	/*幅*/
	flex: 0 0 auto;
	line-height: 1;
	transform: rotate(-10deg);	/*少しだけ傾ける*/
	margin-left: 1rem;			/*右側へのスペース*/
	font-size: clamp(1.8rem, 6vw, 5rem);			/*文字サイズ。5倍。*/

	}
	main h2.type1 span {
		margin-top: 2rem;	/*上に２文字分のスペース*/
	}

	}/*追加指定ここまで*/


/* =========================
   下層ページ先頭コンテンツの余白調整
========================= */
.hm-main-content > .top-h1 + main > .bg2:first-child {
	margin-top: -60px;
	padding-top: 70px;
}

.hm-main-content main > .bg2 {
	padding-bottom: 70px;
}

.hm-main-content > .top-h1 + main > .bg2:not(:first-child) {
	margin-top: -40px;
	padding-top: 70px;
}

.hm-main-content > .top-h1 + main > .bg2 + .bg1 {
	padding-bottom: var(--bg1-height);
}

@media (max-width: 700px) {

	.hm-main-content > .top-h1 + main > .bg2:first-child {
		margin-top: 0;
		padding-top: 50px;
	}

	.hm-main-content main > .bg2 {
		padding-bottom: 40px;
	}

	.hm-main-content > .top-h1 + main > .bg2:not(:first-child) {
		margin-top: -40px;
		padding-top: 50px;
	}

	.hm-main-content > .top-h1 + main > .bg2 + .bg1 {
		padding-bottom: var(--bg1-height);
	}

}

/*h3(見出し)要素*/
main h3 {
	padding-left: 0.5rem;	/*左に0.5文字分の余白*/
}

/*p(段落)要素*/
main p {
	padding-left: 0.5rem;	/*左に0.5文字分の余白*/
}

/*左側にh2見出し、右側にメニュー写真が並ぶタイプのブロック設定
---------------------------------------------------------------------------*/
	/*画面幅700px以上の追加指定*/
	@media screen and (min-width:700px) {

	/*ブロック内にある、全ての写真ブロックを囲むボックス*/
	.list-side-title .list-menu {
		display: grid;
		grid-template-columns: repeat(2, 1fr);	/*２列にする。３列がいいなら、(3, 1fr)とすればOKです。*/
		gap: 2rem;	/*写真ブロック同士に空けるマージン的な要素。*/
	}

	}/*追加指定ここまで*/


/* =========================

   Price Area

   Standard帯・金額を左

   全52種類バッジを右

========================= */

.price-area {
	position: relative;
	padding-bottom: clamp(72px, 20vw, 88px);
	width: 100%;
	display: flex;
	justify-content: flex-start;
	overflow: visible;
	padding-left: 0;
	padding-right: 0;

	box-sizing: border-box;
}


/* 斜め金額ブロック */

.diagonal-text {
	display: inline-flex;
	flex-direction: column;
	font-family: "Barlow Condensed", sans-serif;
	font-size: clamp(150px, 20vw, 320px);
	font-weight: 800;
	color: #fff;
	line-height: 1;
	text-align: left;

	transform: rotate(-8deg);
	transform-origin: left center;

	pointer-events: none;
	white-space: nowrap;

	margin-left: 0;
	margin-right: auto;
}

/* コース帯 */
.course-label {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.15em;
	padding: 0.1em 0.5em 0.1em 0.7em;
	background: linear-gradient(
		75deg,
		#1f1a17 0%,
		#2b211d 15%,
		#8b1e1e 90%
	);
	color: #fff8ef;
	text-align: left;
	border-left: 6px solid #d8a23a;
	margin-left: 0;
}

.course-label span {
	font-size: clamp(25px, 3vw, 42px);
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.1;
	position: static;
	left: auto;
	text-align: left;
}

.course-label small {
	font-family: "Oswald", sans-serif;
	font-size: clamp(9px, 1vw, 13px);
	font-weight: 700;
	letter-spacing: 0.18em;
	opacity: 0.8;
	margin-top: -5px;
	margin-left: 0;
	position: static;
	left: auto;
	text-align: left;
}

/* =========================
   コース帯：文字を左に完全固定
========================= */
.price-area .diagonal-text .course-label {
	align-items: flex-start !important;
	text-align: left !important;

	/* 黄色帯に近づける */
	padding-left: 0.28em !important;
	padding-right: 0.65em !important;

	width: fit-content !important;
	max-width: none !important;
}

.price-area .diagonal-text .course-label span,
.price-area .diagonal-text .course-label small {
	display: block !important;

	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;

	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;

	text-align: left !important;
	align-self: flex-start !important;
}

.price-area .diagonal-text .course-label span {
	padding-left: 0 !important;
}

.price-area .diagonal-text .course-label small {
	padding-left: 0 !important;
	margin-top: -5px !important;
}

/* 金額行 */

.price-row-main {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	width: 100%;
	white-space: nowrap;
	margin-top: 10px;
	line-height: 0.85;
}

.price-row-tax {
	line-height: 1;
	margin-top: -60px;
	margin-bottom: -60px;

}

/* メイン価格 */

.diagonal-text .price-main {
	font-size: clamp(140px, 18vw, 300px);
	font-weight: 800;
	letter-spacing: 0.02em;

}

.diagonal-text .price-yen {

	font-size: 0.35em;
	font-weight: 700;
	margin-left: 0.05em;
	letter-spacing: 0;
	vertical-align: baseline;

}

/* 税込価格 */

.diagonal-text .price-tax {

	display: inline-block;
	font-size: 0.15em;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin-right: 0.15em;
	margin-top: 0;

}

.diagonal-text .price-sub {

	font-size: 0.25em;
	font-weight: 700;
	letter-spacing: 0.05em;

}

.diagonal-text .price-taxyen {

	display: inline-block;
	font-size: 0.15em;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin-left: 0.05em;
	margin-top: 0;

}

/* =========================
   Course Strip Title
========================= */
.course-strip-title {
	display: block;
	width: 100%;
	max-width: 1100px;
	margin: 20px auto 12px;
	padding: 0.35em 0.8em;

	color: #fff8ef;
	background: linear-gradient(
		135deg,
		#1f1a17 0%,
		#8b1e1e 80%
	);

	border-left: 6px solid #d8a23a;

	font-size: clamp(1rem, 2.2vw, 1.5rem);
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.2;
	box-sizing: border-box;
}

/* =========================
   スマホ：食べ放題メニューのはみ出し防止
========================= */
@media (max-width: 700px) {

	.course-strip-title {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	.course-menu-strip {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 5px;
		box-sizing: border-box;
		overflow: hidden;
	}

	.course-menu-strip span {
		min-width: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 0.35em 0.25em;
		font-size: clamp(6px, 2.1vw, 10px);
		line-height: 1.15;
		letter-spacing: 0;
		white-space: normal;
		word-break: keep-all;
		overflow-wrap: break-word;
	}

}

/* =========================
   Course Menu Strip
========================= */
.course-menu-strip {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 6px;

	width: 100%;
	max-width: 1100px;
	margin: 14px auto 0;

	position: relative;
	z-index: 3;
	box-sizing: border-box;
}

.course-menu-strip span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 0.35em 0.5em;
	color: #fff8ef;
	border: 1px solid rgba(216, 162, 58, 0.45);
	font-size: clamp(7px, 1vw, 12px);
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.1;
	text-align: center;
}

/* 飲み放題一覧 */
.drink-menu-strip {
	margin-top: 0;
}

.drink-menu-strip span {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.45);
}

/* 全52種類バッジ */

.course-count-badge {
	position: absolute;
	/* 右へ寄せる */
	right: 22px;
	left: auto;
	/* 位置 */
	top: clamp(120px, 22vw, 310px);
	z-index: 5;
	/* 丸を確実にする */
	width: clamp(92px, 27vw, 120px);
	border-width: 3px;
	height: clamp(110px, 15vw, 250px);
	min-width: clamp(110px, 15vw, 250px);
	min-height: clamp(110px, 15vw, 250px);
	aspect-ratio: 1 / 1;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 4px solid #fff;
	border-radius: 50%;
	color: #fff;
	background: rgba(31, 26, 23, 0.18);
	backdrop-filter: blur(2px);
	font-family: "Barlow Condensed", sans-serif;
	line-height: 1;
	transform: rotate(8deg);
	box-sizing: border-box;
}

.course-count-badge span {

	font-size: clamp(17px, 2.3vw, 45px);
	font-weight: 800;
	letter-spacing: 0.02em;
	margin-bottom: -2px;

}

.course-count-badge strong {

	display: block;
	font-size: clamp(60px, 8vw, 100px);
	font-weight: 900;
	letter-spacing: 0.05em;
	margin-top: -7px;

}

@media (max-width: 700px) {

	.course-count-badge {
		width: clamp(92px, 27vw, 120px);
		height: clamp(92px, 27vw, 120px);
		min-width: clamp(92px, 27vw, 120px);
		min-height: clamp(92px, 27vw, 120px);
		right: 0 !important;
		left: auto;
		margin-top: -30px;
	}

}

/* =========================
   Smartphone
========================= */
@media (max-width: 700px) {

	.price-area {
		margin-top: 30px;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: clamp(52px, 17vw, 88px);
		justify-content: flex-start;
		overflow: visible;
	}

	.diagonal-text {
		font-size: clamp(56px, 16vw, 96px);
		text-align: left;
		transform: rotate(-8deg);
		transform-origin: left center;
		margin-left: 0;
		margin-right: auto;
	}

	.price-area .diagonal-text .course-label span {
		font-size: clamp(18px, 5.1vw, 22px);
	}

	.price-area .diagonal-text .course-label small {
		font-size: clamp(7px, 2vw, 10px);
	}

	.diagonal-text .price-main {
		font-size: clamp(88px, 25vw, 98px);
	}

	.price-row-tax {
		margin-top: -30px;
	}

}

@media (min-width: 701px) {

	.diagonal-text {
		font-size: clamp(90px, 26vw, 150px);
	}

}

/*list（メニュー写真や説明が入ったボックス一個あたり）
---------------------------------------------------------------------------*/
/*list内の全ての要素のマージンを一旦リセット*/
.list * {
	margin: 0;
}

/*ボックス１個あたり*/
.list {
	position: relative;
    display: flex;
	flex-direction: column;
	padding: 1rem;			/*ボックス内の余白*/
	background: #fff;		/*背景色*/
	color: #999;			/*文字色*/

	margin-bottom: 3%;
}

	/*画面幅700px以上の追加指定*/
	@media screen and (min-width:700px) {

	/*ボックス１個あたり*/
	.list {
		margin-bottom: 0;
	}

	}/*追加指定ここまで*/

/*ブロック内のh4*/
.list h4 {
	color: #555;	/*文字色*/
	font-size: 1.2rem;		/*文字サイズを80%に*/

}

/*価格*/
.list h4 .price {
	background: var(--primary-color);	/*背景色。css冒頭で指定しているprimary-colorを読み込みます*/
	color: var(--primary-text-color);	/*文字色。css冒頭で指定しているprimary-text-colorを読み込みます*/
	padding: 0.3rem 0.4rem;	/*価格内の余白。上下、左右へ。*/
	font-size: 1rem;		/*文字サイズを80%に*/
}

/*ブロック内のp要素*/
.list p {
	margin: 5;padding: 0;
	font-size: 0.85rem;	/*文字サイズを85%に*/
	line-height: 1.3;	/*行間を少し狭く*/
}

/*ボックス内のfigure画像*/
.list figure img {
	margin-bottom: 0.5rem;	/*画像の下に空けるスペース*/
}

.premium-plus-title {
	margin: 0.7rem 0 0.5rem;
	padding: 0.35em 0.6em;
	background: #f7f1e6;
	color: #8b1e1e;
	border-left: 5px solid #d8a23a;
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-indent: 5px;
}

.premium-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
	margin: 0.6rem 0;
	padding: 0;
	list-style: none;
}

.premium-items li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 0.35em 0.5em;

	background: linear-gradient(135deg, #1f1a17 0%, #8b1e1e 80%);
	color: #fff8ef;
	border-left: 4px solid #d8a23a;

	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-align: center;
}

.course-note {
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	line-height: 1.8;
	color: #777;
}

.sp-premium-special {
	margin: 0.7rem 0;
	padding: 0.45em 0.7em;

	background: linear-gradient(
		135deg,
		#d8a23a 0%,
		#8b1e1e 55%,
		#1f1a17 100%
	);
	color: #fff8ef;

	border: 2px solid rgba(216, 162, 58, 0.85);
	font-size: clamp(0.95rem, 2.2vw, 1.15rem);
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height: 1.4;
	text-align: center;
}

/* 価格表示：横並び共通 */
.list h4 .price.price-sp-inline {
	display: inline-flex;
	align-items: baseline;
	gap: 0.2em;

	margin-top: 0.45rem;
	margin-left: 0;
	padding: 0.25em 0.65em 0.3em;

	background: linear-gradient(
		135deg,
		#1f1a17 0%,
		#8b1e1e 70%,
		#d8a23a 135%
	);
	color: #fff8ef;

	border-left: 5px solid #d8a23a;
	border-radius: 0;
	line-height: 1;
	white-space: nowrap;
}

/* 5,800 / 6,800 の数字 */
.price-sp-inline .price-num {
	font-family: "Barlow Condensed", sans-serif;
	font-size: clamp(1.6rem, 4vw, 2.4rem);
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1;
}

/* 円 */
.price-sp-inline .price-yen {
	font-size: 0.92rem;
	font-weight: 800;
	margin-left: 0.05em;
}

/* （税込6,380円） */
.price-sp-inline .price-tax-in {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-left: 0.5em;
	opacity: 0.9;
}

/* 税込内の 6,380 / 7,480 */
.price-sp-inline .tax-num {
	font-size: 1.25em;
	font-weight: 900;
	margin-left: 0.1em;
}


/*フッター設定
---------------------------------------------------------------------------*/
small {font-size: 80%;}

/*リンクテキスト*/
footer a {
	text-decoration: none;
	color: inherit;
}

/*copyright*/
#copyright {
	font-size: 0.8rem;		/*文字サイズ*/
	text-align: center;		/*内容をセンタリング*/
	padding: 10px;			/*余白*/
	margin-bottom: 100px;

}

/*フッター内にあるソーシャルメディアのアイコン
---------------------------------------------------------------------------*/
.icons {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;

	display: grid;
	grid-template-columns: repeat(4, 1fr);

	margin: 0;
	padding: 0;
	list-style: none;

	background: #8b1e1e;
	border-top: 2px solid #d8a23a;
}

.icons li {
	margin: 0;
	padding: 0;
}

.icons a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;

	height: 66px;

	color: #fff;
	text-decoration: none;
	line-height: 1;

	border-right: 1px solid rgba(255,255,255,0.18);
	background: linear-gradient(
		180deg,
		rgba(255,255,255,0.10) 0%,
		rgba(0,0,0,0.08) 100%
	);
}

.icons li:last-child a {
	border-right: none;
}

.icons i {
	font-size: 22px;
	line-height: 1;
}

.icons span {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1;
}

.icons a:hover {
	background: rgba(255,255,255,0.12);
	filter: none;
}

/* 固定バーと本文が被らないように */
body {
	padding-bottom: 62px;
}

/*スライドショー（slickを使用）
---------------------------------------------------------------------------*/
/*slickの簡易チラつき対策（slick共通）*/
.slick-slide {
  will-change: transform;
}

/*サムネイルの横スライドショー（slickを使用）
---------------------------------------------------------------------------*/
/*スライドショーを囲むブロック*/
/* サムネイル横スライドを画面いっぱいに広げる */
.thumbnail-slide {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: 20px 10px;
	box-sizing: border-box;
	overflow: hidden;
}

/* 各アイテム間のマージン */
.thumbnail-slide .slick-slide {
	margin: 0 10px;
}

/* 画像・動画は元比率のまま */
.thumbnail-slide img,
.thumbnail-slide video {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.gallery-section {
	margin-left: 0;
	margin-right: 0;
}

/*bg1背景
---------------------------------------------------------------------------*/
.bg1 a {color: inherit;}
.bg1 {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
	background-size: 100% var(--bg1-height);
	background-position: top center, bottom center;
	background-repeat: no-repeat;
	padding-top: var(--bg1-height);
	padding-bottom: var(--bg1-height);
	background-image: url('../images/bg1_top.png'), url('../images/bg1_bottom.png');
	z-index: 0;
}


.bg1-inner {
	background: var(--secondary-color);
	padding-top: 0;
	padding-bottom: clamp(20px, 3vw, 40px);
}

.bg1-inner > section {
	width: min(100% - clamp(32px, 10vw, 160px), 1100px);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

@media (max-width: 700px) {

	.bg1 {
		margin-top: 60px;

		background-size:
			auto var(--bg1-height),
			auto var(--bg1-height);
		background-position:
			top center,
			bottom center;
		background-repeat:
			no-repeat,
			no-repeat;
	}
	
	.bg1-inner > section {
		width: calc(100% - 20px);
	}

}

/*bg2背景
---------------------------------------------------------------------------*/
.bg2 a {color: inherit;}
.bg2 {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
	background-size: 100% var(--bg1-height);
	background-position: top center, bottom center;
	background-repeat: no-repeat;
	padding-top: var(--bg1-height);
	padding-bottom: var(--bg1-height);
	z-index: 0;
}


.bg2-inner {
	padding-top: 0;
	padding-bottom: clamp(20px, 3vw, 40px);
}

.bg2-inner > section {
	width: min(100% - clamp(32px, 10vw, 160px), 1100px);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

@media (max-width: 700px) {

	.bg2 {
		background-size:
			auto var(--bg1-height),
			auto var(--bg1-height);
		background-position:
			top center,
			bottom center;
		background-repeat:
			no-repeat,
			no-repeat;
	}
	
	.bg2-inner > section {
		width: calc(100% - 20px);

	}

}


/* =========================
   This Week's Highlight
   PCもスマホと同じ構成にする
   上：見出し / 下：カード横並び
========================= */
.bg2 .list-side-title {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: clamp(20px, 3vw, 36px) !important;
}

/* 見出しを上に一列で表示 */
.bg2 .list-side-title h2.type1 {
	width: 100% !important;
	flex: none !important;

	margin: 0 0 10px !important;
	padding: 0 !important;

	transform: none !important;
	text-align: left !important;
	line-height: 1.1 !important;

	font-size: clamp(2.2rem, 6vw, 5rem) !important;
}

/* PCでも改行を解除して一列にする */
.bg2 .list-side-title h2.type1 .responsive-br {
	display: none !important;
}

/* カード一覧 */
.bg2 .list-side-title .list-menu {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: clamp(18px, 3vw, 32px) !important;

	width: 100% !important;
	margin-top: 0 !important;
}

/* カードの中身がはみ出さないように */
.bg2 .list-side-title .list {
	min-width: 0;
}

@media (max-width: 700px) {

	.bg2 .list-side-title .list-menu {
		grid-template-columns: 1fr !important;
	}

	.bg2 .list-side-title h2.type1 {
		font-size: clamp(2rem, 12vw, 3.2rem) !important;
	}

}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
.pagetop-show {display: block;}

/*ボタンの設定*/
.pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 99;
	position: fixed;	/*スクロールに追従しない(固定で表示)為の設定*/
	right: 20px;		/*右からの配置場所指定*/
	bottom: 80px;		/*下からの配置場所指定*/
	color: #fff;		/*文字色*/
	font-size: 1.5rem;	/*文字サイズ*/
	background: rgba(0,0,0,0.2);	/*背景色。0,0,0は黒の事で0.2は色が20%出た状態。*/
	width: 60px;		/*幅*/
	line-height: 60px;	/*高さ*/
	border-radius: 50%;	/*円形にする*/
}


/* 共通ブロック見出し */
.hm-block-title {
	width: min(100%, 1100px);
	margin: 0 auto 18px;
	padding: 0.45em 0.75em;
	color: #fff8ef;
	background: linear-gradient(135deg, #8b1e1e 0%, #1f1a17 100%);
	border-left: 7px solid #d8a23a;
	font-size: clamp(1.2rem, 2.4vw, 1.75rem);
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.25;
	box-sizing: border-box;
}

@media (max-width: 700px) {

	.hm-block-title {
		width: 95%;
	}

}

/* =========================
   Calendar
========================= */
.hm-calendar-section {
	margin: 0 auto clamp(56px, 7vw, 90px);
}

.calendar-wrap {
	width: min(100%, 1100px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(18px, 3vw, 36px);
}

.calendar-block {
	padding: clamp(16px, 2.4vw, 26px);
	background: rgba(255, 248, 239, 0.96);
	color: #1f1a17;
	border: 1px solid rgba(216, 162, 58, 0.75);
}

.calendar-title {
	margin: 0 0 14px;
	padding: 0 0 10px;
	color: #8b1e1e;
	border-bottom: 2px solid rgba(139, 30, 30, 0.22);
	font-size: clamp(0.8rem, 1.8vw, 1.1rem);
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-align: center;
}

.calendar {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-family: "Barlow Condensed", sans-serif;
}

.calendar th {
	padding: 0.45em 0.25em;
	background: #1f1a17;
	color: #fff8ef;
	border: 1px solid rgba(255,255,255,0.15);
	font-size: 0.85rem;
	font-weight: 800;
	line-height: 1;
}

.calendar th.sun {
	background: #8b1e1e;
}

.calendar th.sat {
	background: #2b211d;
}

.calendar td {
	position: relative;
	height: clamp(42px, 6vw, 64px);
	padding: 0.35em;
	border: 1px solid rgba(31, 26, 23, 0.12);
	background: #fff;
	color: #1f1a17;
	text-align: left;
	vertical-align: top;
	font-weight: 800;
	line-height: 1;
}

.calendar td.mute {
	background: #f1eee7;
}

.calendar td.sun .date {
	color: #8b1e1e;
}

.calendar td.sat .date {
	color: #0a5d87;
}

.calendar td.today {
	outline: 3px solid #d8a23a;
	outline-offset: -3px;
	background: #fff8ef;
}

.calendar td.off {
	background:
		repeating-linear-gradient(
			-45deg,
			rgba(139, 30, 30, 0.08) 0,
			rgba(139, 30, 30, 0.08) 6px,
			transparent 6px,
			transparent 12px
		),
		#fff;
}

.calendar .date {
	display: inline-block;
	font-size: clamp(1rem, 2vw, 1.25rem);
}

.calendar .note {
	position: absolute;
	right: 5px;
	bottom: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.2em;
	height: 1.55em;
	padding: 0 0.45em;
	background: #8b1e1e;
	color: #fff;
	border-radius: 100px;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.04em;
}

.calendar-note {
	width: min(100%, 1100px);
	margin: 14px auto 0;
	padding: 0;
	color: rgba(255, 248, 239, 0.78);
	font-size: 0.86rem;
	line-height: 1.7;
	text-align: right;
}
/* =========================
   Calendar
   スマホ左右余白
========================= */
@media (max-width: 700px) {

	.calendar-wrap {
		width: calc(100% - 24px);
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.calendar-block {
		box-sizing: border-box;
	}

	.calendar-note {
		width: calc(100% - 24px);
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		box-sizing: border-box;
	}

}

/* =========================
   Shop Info
========================= */
.hm-shop-section {
	margin: 0 auto clamp(56px, 7vw, 90px);
}

.hm-info-grid {
	width: min(100%, 1100px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(20px, 3vw, 36px);
	align-items: stretch;
}

.hm-info-card,
.hm-map-card {
	background: rgba(255, 248, 239, 0.96);
	color: #1f1a17;
	border: 1px solid rgba(216, 162, 58, 0.75);

}

.hm-info-card {
	padding: clamp(20px, 3vw, 34px);
}

.hm-info-card h4 {
	margin: 0 0 18px;
	color: #8b1e1e;
	font-size: clamp(1rem, 1.7vw, 1.2rem);
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1.2;
}

.hm-info-table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid rgba(31, 26, 23, 0.18);
}

.hm-info-table tr {
	border-bottom: 1px solid rgba(31, 26, 23, 0.18);
}

.hm-info-table th,
.hm-info-table td {
	padding: 1em 0.4em;
	vertical-align: top;
	line-height: 1.3;
	font-size: clamp(0.9rem, 1.7vw, 1.2rem);

}

.hm-info-table th {
	width: 6.5em;
	color: #8b1e1e;
	font-weight: 900;
	text-align: left;
	white-space: nowrap;
}

.hm-info-table td {
	color: #2b211d;
	font-weight: 700;
}

.hm-info-table small {
	font-size: 0.62em;
	opacity: 0.75;
}

.hm-info-buttons {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 22px;
}

.hm-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.7em 1em;
	text-decoration: none;
	color: #fff8ef;
	background: #8b1e1e;
	border: 1px solid rgba(216, 162, 58, 0.75);
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 1.2;

}

.hm-btn.map {
	background: #1f1a17;
}

.hm-btn:hover {
	opacity: 1;
	filter: brightness(1.1);
	transform: translateY(-1px);
}

.hm-map-card {
	min-height: 360px;
	overflow: hidden;
}

.hm-map-card iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 360px;
	border: 0;
}

/* =========================
   Shop Info
   スマホ左右余白
========================= */
@media (max-width: 700px) {

	.hm-info-grid {
		width: calc(100% - 28px);
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.hm-info-card,
	.hm-map-card,
	.group-card {
		box-sizing: border-box;
	}

}

/* =========================
   Group Links
========================= */
.hm-group-section {
	margin: 0 auto clamp(56px, 7vw, 90px);
}

.group-grid {
	width: min(100%, 1100px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(14px, 2vw, 22px);
}

.group-card {
	position: relative;
	display: block;
	min-height: 180px;
	padding: 22px;
	text-decoration: none;
	background: rgba(255, 248, 239, 0.96);
	color: #1f1a17;
	border: 1px solid rgba(216, 162, 58, 0.75);
	overflow: hidden;
}

.group-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 7px;
	height: 100%;
	background: #8b1e1e;
}

.group-card h3 {
	position: relative;
	margin: 0 0 0.65em;
	color: #8b1e1e;
	font-size: clamp(0.8rem, 1.5vw, 1rem);
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height: 1.45;
}

.group-card p {
	position: relative;
	margin: 0;
	padding: 0;
	color: #2b211d;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.75;
	text-align: left;
}

.group-card:hover {
	transform: translateY(-2px);
}

/* =========================
   SEO Text
========================= */
.hm-seo-section {
	width: min(100%, 1100px);
	margin: 0 auto;
	padding: clamp(24px, 4vw, 42px);
	background: rgba(31, 26, 23, 0.72);
	border: 1px solid rgba(216, 162, 58, 0.5);
}

.hm-seo-section h2 {
	margin: 0 0 1em;
	padding: 0;
	border: none;
	color: #d8a23a;
	font-size: clamp(0.9rem, 2vw, 1.5rem);
	font-weight: 900;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

.hm-seo-section p {
	margin: 0 0 1em;
	padding: 0;
	color: rgba(255, 248, 239, 0.88);
	font-size: 0.8rem;
	line-height: 2;
	text-align: justify;
}

.hm-seo-section p:last-child {
	margin-bottom: 0;
}

@media (max-width: 700px) {

	.group-grid,
	.hm-seo-section {
		width: calc(100% - 28px);
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

}

/* =========================
   Responsive
========================= */
@media (max-width: 900px) {

	.calendar-wrap,
	.hm-info-grid,
	.group-grid {
		grid-template-columns: 1fr;
	}

	.hm-map-card,
	.hm-map-card iframe {
		min-height: 300px;
	}

}

@media (max-width: 700px) {

	.hm-info-card,
	.hm-map-card {
		min-height: 460px;
	}

	.hm-map-card {
		height: 460px;
	}

	.hm-map-card iframe {
		height: 100%;
		min-height: 0;
	}

}

@media (max-width: 370px) {

	.hm-info-card,
	.hm-map-card {
		min-height: 480px;
	}

	.hm-map-card {
		height: 480px;
	}

}

@media (max-width: 340px) {

	.hm-info-card,
	.hm-map-card {
		min-height: 535px;
	}

	.hm-map-card {
		height: 535px;
	}

}

@media (max-width: 600px) {

	.hm-block-title {
		font-size: 1rem;
	}

	.calendar td {
		height: 44px;
		padding: 0.25em;
	}

	.calendar .note {
		right: 3px;
		bottom: 3px;
		font-size: 0.58rem;
	}

	.calendar-note {
		text-align: left;
	}

	.hm-info-buttons {
		grid-template-columns: 1fr;
	}

	.group-card {
		min-height: auto;
		padding: 18px 18px 18px 22px;
	}

}

/* =========================

   PC/SP 横幅統一

   上部コンテンツをInformation幅に合わせる

========================= */

.hm-main-content {

	width: min(100% - clamp(32px, 10vw, 160px), 1100px);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	margin-top: 90px !important;
}

@media (min-width: 701px) {
.hm-main-content {
	margin-top: 180px !important;
}

	.price-area {
		padding-left: 0;
		padding-right: 0;
	}

}

/* =========================
   This Week's Highlight
   PCもスマホと同じ構成にする
   上：見出し / 下：カード横並び
========================= */
.bg1 .list-side-title {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: clamp(20px, 3vw, 36px) !important;
}

/* 見出しを上に一列で表示 */
.bg1 .list-side-title h2.type1 {
	width: 100% !important;
	flex: none !important;

	margin: 0 0 10px !important;
	padding: 0 !important;

	transform: none !important;
	text-align: left !important;
	line-height: 1.1 !important;

	font-size: clamp(2.2rem, 6vw, 5rem) !important;
}

/* PCでも改行を解除して一列にする */
.bg1 .list-side-title h2.type1 .responsive-br {
	display: none !important;
}

/* カード一覧 */
.bg1 .list-side-title .list-menu {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: clamp(18px, 3vw, 32px) !important;

	width: 100% !important;
	margin-top: 0 !important;
}

/* カードの中身がはみ出さないように */
.bg1 .list-side-title .list {
	min-width: 0;
}

@media (max-width: 700px) {

	.bg1 .list-side-title .list-menu {
		grid-template-columns: 1fr !important;
	}

	.bg1 .list-side-title h2.type1 {
		font-size: clamp(2rem, 12vw, 3.2rem) !important;
	}

}


/* =========================
   写真下のh1位置調整
========================= */
.top-h1 {
	position: relative;
	top: -110px;
	z-index: 5;

	width: min(100%, 1100px);
	margin: 0 auto;
	padding: 0 0.5rem;

	color: rgba(255, 248, 239, 0.92);
	font-size: clamp(0.65rem, 1.2vw, 1rem);
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-align: center !important;
	box-sizing: border-box;

	/* PCは1行 */
	white-space: nowrap;
}

@media (min-width: 701px) {

	.gallery-section ~ .top-h1 {
		top: clamp(-80px, calc(40px - 6.7vw), -15px);
	}

	.gallery-section ~ .top-h1 + main > .price-area {
		margin-top: clamp(18px, calc(124px - 5.8vw), 68px);
	}

}

/* PCでは改行を消す */
.top-h1 .sp-br {
	display: none;
}

@media (max-width: 700px) {

	.top-h1 {
		top: -25px;
		margin: 0 auto;
		padding: 0 0.2rem;

		font-size: 0.78rem;
		line-height: 1.55;
		text-align: center !important;

		/* スマホは2行OK */
		white-space: normal;
	}

	/* スマホだけ改行を表示 */
	.top-h1 .sp-br {
		display: block;
	}

}

/* =========================================================
   下部テキストリンクの下線を消す
========================================================= */

/* 本文も少し広げる */
.p-center-small {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.88rem;
	line-height: 2.1;
	text-align: justify;
	color: var(--bg-inverse-color);
}

.p-center-small a {
	color: var(--accent-color);
	text-decoration: none;
	font-weight: 500;
	border-bottom: 1px solid currentColor;
	padding-bottom: 0.1em;
}

.p-center-small a:hover {
	filter: none;
	opacity: 0.7;
}

/* =========================
   メニュー交互レイアウト
   写真1枚 / 文字だけBOX
========================= */
.menu-alt-section {
	width: min(100% - clamp(32px, 10vw, 160px), 1100px);
	margin-left: auto;
	margin-right: auto;
}

.menu-alt-section .type1 {
	margin-bottom: clamp(24px, 4vw, 46px);
}

.menu-alt-layout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(20px, 3vw, 36px);
	align-items: stretch;
}

/* 写真付き側：1枚だけ */
.menu-photo-box {
	display: block;
}

.menu-photo-box .list {
	height: 100%;
	margin-bottom: 0;
}

/* 写真カード */
.menu-alt-section .list figure {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #1f1a17;
}

.menu-alt-section .list figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.menu-alt-section .list h4 .price {
	display: inline-block;
	margin-top: 0.4em;
}

/* 文字だけ側 */
.menu-text-box {
	padding: clamp(18px, 3vw, 30px);
	background:
		linear-gradient(
			135deg,
			rgba(31, 26, 23, 0.92) 0%,
			rgba(139, 30, 30, 0.72) 100%
		);
	border: 1px solid rgba(216, 162, 58, 0.7);
	border-left: 7px solid #d8a23a;
	box-sizing: border-box;
}

.menu-text-box h3 {
	margin: 0 0 0.9em;
	padding: 0 0 0.55em;
	color: #fff8ef;
	border-bottom: 1px solid rgba(216, 162, 58, 0.55);
	font-size: clamp(0.9rem, 1.5vw, 1.2rem);
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.35;
}

.menu-text-box p {
	min-width: 0;
	font-size: clamp(0.75rem, 1.3vw, 1rem);
	letter-spacing: 0.04em;
	margin-top: 10px;
	line-height: 1.4 !important;
	text-align: justify;
}

.menu-text-list {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu-text-list li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 0.6em 0.75em;

	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(216, 162, 58, 0.38);

	color: #fff8ef;
	font-weight: 700;
	line-height: 1.35;
	box-sizing: border-box;
}

.menu-text-list li span {
	min-width: 0;
	font-size: clamp(0.65rem, 1.2vw, 1rem);
	letter-spacing: 0.04em;
}

.menu-text-list li strong {
	flex: 0 0 auto;
	color: #d8a23a;

	font-size: clamp(0.65rem, 1.2vw, 1rem);
	font-weight: 500;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.menu-text-list li small {
	margin-left: 0.35em;
	color: rgba(255, 248, 239, 0.78);
	font-size: 0.65em;
	font-family: var(--main-font);
	font-weight: 700;
}

/* タブレット・スマホ */
@media (max-width: 900px) {
	.menu-alt-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.menu-alt-section {
		width: calc(100% - 20px);
	}

	.menu-text-list li {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.2em;
	}

	.menu-text-list li strong {
		white-space: normal;
	}
}

/* メニューカード内の価格帯 */
.list h4 .price {
	display: inline-flex;
	align-items: baseline;
	gap: 0.25em;

	margin-top: 0.45em;
	padding: 0.28em 0.7em 0.32em;

	color: #fff8ef;
	background: linear-gradient(
		135deg,
		#1f1a17 0%,
		#8b1e1e 75%,
		#d8a23a 140%
	);

	border-left: 5px solid #d8a23a;

	font-family: "Barlow Condensed", sans-serif;
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	white-space: nowrap;
}

/* 税込部分 */
.list h4 .price small {
	margin-left: 0.35em;
	font-family: var(--main-font);
	font-size: 0.62em;
	font-weight: 800;
	letter-spacing: 0.02em;
	opacity: 0.9;
}

/* =========================

   余白調整

========================= */

.space-100 {

	height: 200px;

}

@media (max-width: 700px) {

	.space-100 {
		height: 60px;
	}

}

/* フォームセクション */ 
.info-section {
	width: min(100% - 40px, 900px);
	margin-left: auto;
	margin-right: auto;
}

/* フォーム前の説明文 */
.info-section .p-center-small {
	max-width: 760px;
	margin: 0 auto 2rem;
	font-size: 0.95rem;
	line-height: 2.1;
	text-align: justify;
}

/* フォームテーブル */
.ta1.formTable {
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto 2rem;
	table-layout: fixed;
	border-top: 1px solid rgba(0,0,0,0.18);
}

/* caption */
.ta1.formTable caption {
	caption-side: top;
	margin-bottom: 1.2rem;
	padding: 0;
	background: transparent;
	color: var(--bg-inverse-color);
	font-size: 1.05rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
}

/* 行 */
.ta1.formTable tr {
	border-bottom: 1px solid rgba(0,0,0,0.18);
}

/* th / td */
.ta1.formTable th,
.ta1.formTable td {
	padding: 1rem 0.8rem;
	vertical-align: middle;
	line-height: 1.6;
}

/* 左側ラベル */
.ta1.formTable th {
	width: 28%;
	text-align: left;
	font-size: 0.95rem;
	font-weight: 600;
	white-space: nowrap;
}

/* 右側入力欄 */
.ta1.formTable td {
	width: 72%;
	text-align: left;
}

/* 入力欄 */
.ta1.formTable input[type="text"],
.ta1.formTable input[type="email"],
.ta1.formTable textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.35);
	background: #fff;
	color: #000;
	padding: 0.75rem 0.9rem;
	font-size: 1rem;
	line-height: 1.6;
	font-family: inherit;
	border-radius: 0;
}

/* テキストエリア */
.ta1.formTable textarea {
	min-height: 170px;
	resize: vertical;
}

/* フォーカス時 */
.ta1.formTable input:focus,
.ta1.formTable textarea:focus {
	outline: none;
	border-color: var(--accent-color);
}

/* 確認ボタン */
.btn-gradient-animated {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	min-height: 54px;
	padding: 0.9rem 2rem;
	border: none;
	background: var(--secondary-color);
	color: #fff;
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	cursor: pointer;
	transition: 0.3s ease;
}

.btn-gradient-animated:hover {
	transform: translateY(-2px);
	background: #fff;
	color: #000;
	filter: none;
}

/* 送信ボタンの行 */
.ta1.formTable tr:last-child th {
	white-space: normal;
}

.ta1.formTable tr:last-child td {
	text-align: left;
}

/* 入力欄の共通クラス対策 */
.ws,
.wl {
	width: 100% !important;
	display: block;
}

/* =========================================================
   お問い合わせフォーム スマホ調整
========================================================= */

@media (max-width: 700px) {

	.info-section {
		width: min(100% - 24px, 900px);
	}

	.info-section .p-center-small {
		font-size: 0.86rem;
		line-height: 2;
		margin-bottom: 1.8rem;
	}

	.ta1.formTable,
	.ta1.formTable caption,
	.ta1.formTable tbody,
	.ta1.formTable tr,
	.ta1.formTable th,
	.ta1.formTable td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.ta1.formTable {
		border-top: none;
	}

	.ta1.formTable caption {
		text-align: left;
		font-size: 0.95rem;
		margin-bottom: 1rem;
	}

	.ta1.formTable tr {
		border-bottom: none;
		margin-bottom: 1rem;
	}

	.ta1.formTable th {
		padding: 0 0 0.35rem;
		font-size: 0.88rem;
		white-space: normal;
	}

	.ta1.formTable td {
		padding: 0;
	}

	.ta1.formTable input[type="text"],
	.ta1.formTable input[type="email"],
	.ta1.formTable textarea {
		padding: 0.75rem;
		font-size: 16px; /* iPhoneのズーム防止 */
	}

	.ta1.formTable textarea {
		min-height: 150px;
	}

	.ta1.formTable tr:last-child {
		margin-top: 1.6rem;
	}

	.ta1.formTable tr:last-child th {
		margin-bottom: 0.8rem;
	}

	.btn-gradient-animated {
		width: 100%;
		min-height: 56px;
	}

}

/* プライバシーポリシー本文 */
.menu-text-box p {
	margin: 0 0 1em;
	padding: 0;
	color: rgba(255, 248, 239, 0.9);
	font-size: 0.92rem;
	line-height: 1.9;
}

.menu-text-box p:last-child {
	margin-bottom: 0;
}

/* =========================
   おすすめギザギザパッチ / newicon
========================= */
.newicon {
	position: absolute;
	z-index: 20;
	top: -6px;
	left: -6px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: clamp(88px, 8vw, 108px);
	aspect-ratio: 1 / 1;

	color: #1f1a17;
	background: #d8a23a;
	
	font-size: clamp(0.66rem, 1.15vw, 0.82rem);
	font-weight: 900;
	line-height: 1.15;
	text-align: center;

	transform: rotate(-12deg);
	pointer-events: none;

	clip-path: polygon(
		50% 0%,
		57% 13%,
		69% 4%,
		72% 19%,
		87% 13%,
		81% 28%,
		96% 31%,
		87% 43%,
		100% 50%,
		87% 57%,
		96% 69%,
		81% 72%,
		87% 87%,
		72% 81%,
		69% 96%,
		57% 87%,
		50% 100%,
		43% 87%,
		31% 96%,
		28% 81%,
		13% 87%,
		19% 72%,
		4% 69%,
		13% 57%,
		0% 50%,
		13% 43%,
		4% 31%,
		19% 28%,
		13% 13%,
		28% 19%,
		31% 4%,
		43% 13%
	);
}

/* カード側に基準を作る */
.list {
	position: relative;
	overflow: visible;
}

/* =========================================================
   採用リンク
   ホルモンマン駕町通り店用
========================================================= */

.hm-recruit-section {
	width: min(100% - 28px, 1100px);
	margin: 0 auto clamp(56px, 7vw, 90px);
	padding: clamp(26px, 4vw, 44px);
	background: rgba(31, 26, 23, 0.72);
	border: 1px solid rgba(216, 162, 58, 0.5);
	box-sizing: border-box;
	text-align: center;
	line-height: 2;
}

.recruit-simple-en {
	margin: 0 0 12px;
	padding: 0;
	color: #d8a23a;
	font-size: 1.2rem !important;
	font-weight: 900;
	letter-spacing: 0.18em;
	line-height: 1;
}

.hm-recruit-section h3 {
	margin: 0 0 22px;
	padding: 0;
	color: #fff8ef;
	font-size: clamp(0.8rem, 1.7vw, 1.8rem);
	font-weight: 900;
	line-height: 1.7;
	letter-spacing: 0.06em;
}

.hm-recruit-section p {
	margin: 0 auto 20px;
	padding: 0;
	color: rgba(255, 248, 239, 0.88);
	font-size: 0.88rem;
	line-height: 2;
	text-align: center;
}

.hm-recruit-section a {
	display: inline-block;
	padding: 0.65em 2em;
	color: #fff8ef;
	background: #8b1e1e;
	border: 1px solid rgba(216, 162, 58, 0.75);
	text-decoration: none;
	font-weight: 900;
	letter-spacing: 0.08em;
}

.hm-recruit-section a:hover {
	opacity: 1;
	filter: brightness(1.12);
	transform: translateY(-1px);
}

@media (max-width: 700px) {
	.hm-recruit-section {
		width: calc(100% - 28px);
		padding: 24px 18px;
	}

	.hm-recruit-section p {
		text-align: center;
		font-size: 0.7em;
	}

	.recruit-simple-en {
	font-size: 1.2rem !important;

	}
	.hm-recruit-section h3,
	.hm-recruit-section p:last-child {
		text-align: center;
		font-size: 1em;
	}
}
/*その他
---------------------------------------------------------------------------*/
.ws {width: 95%;display: block;}
.wl {width: 95%;display: block;}
.responsive-br {display: none;}


	/*画面幅700px以上の追加指定*/
	@media screen and (min-width: 700px) {

	.responsive-br {display: block;}

	}/*追加指定ここまで*/


	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

	.ws {width: 48%;display: inline;}

	}/*追加指定ここまで*/