@charset "UTF-8";

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

		トップページ関連

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

/*==================================================================================================
		冒頭の紹介文関連
==================================================================================================*/

/* 冒頭の紹介文領域 */
#main #opening-area
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: 100%;
	height: auto;
}

/* 冒頭の紹介文ブロック */
#main #opening-area #opening-block
{
	max-width: 700px;
	width: 100%;
	height: auto;
	container-type: inline-size;
}

/* 冒頭の紹介文テキスト */
#main #opening-area #opening-block #opening-text,
#main #opening-area #opening-block #opening-text span
{
	margin-top: 2em;
	width: 100%;
	height: auto;
	font-size: 4.5cqw;
	color: white;
	text-align: left;
	line-height: 1.8;
	letter-spacing: 0.2em;
}

/*==================================================================================================
		お知らせ関連
==================================================================================================*/

/* お知らせ領域 */
#main #notice-area
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: 100%;
	height: auto;
}

/* お知らせ一覧へボタン */
#main #notice-area button
{
	margin-top: clamp(15px, calc(15px + 15 * (100vw - 400px) / 800), 30px);
	max-width: 700px;
	width: 100%;
	height: auto;
	font-size: clamp(20px, calc(20px + 10 * (100vw - 400px) / 800), 30px);
	color: black;
	text-align: center;
	line-height: 2.5;
	cursor: pointer;
	background-color: gainsboro;
}
#main #notice-area button:hover
{
	color: darkorange;
}

/*==================================================================================================
		営業日カレンダー関連
==================================================================================================*/

/* 営業日カレンダー領域 */
#main #calendar-area
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: 100%;
	height: auto;
}

/* タイトル */
#main #calendar-area #calendar-title
{
	margin-bottom: 1em;
	font-size: clamp(30px, calc(30px + 15 * (100vw - 400px) / 800), 45px);
	color: white;
	text-align: center;
}

/* カレンダー */
#main #calendar-area iframe
{
	display: block;
	max-width: 700px;
	width: 100%;
	height: auto;
	aspect-ratio: 100 / 100;
	border-width: 0;
}

/* テキスト */
#main #calendar-area #calendar-explanation
{
	font-size: clamp(13px, calc(13px + 13 * (100vw - 400px) / 800), 26px);
	color: white;
	text-align: center;
	line-height: 3.0;
}

/*==================================================================================================
		店長のご挨拶関連
==================================================================================================*/

/* 店長のご挨拶領域 */
#main #manager-area
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: 100%;
	height: auto;
}

/* 店長のご挨拶ブロック */
#main #manager-area #manager-block
{
	max-width: 700px;
	width: 100%;
	height: auto;
	container-type: inline-size;
}

/* 店長のご挨拶画像 */
#main #manager-area #manager-block #manager-image,
#main #manager-area #manager-block #manager-image source,
#main #manager-area #manager-block #manager-image img
{
	width: 100%;
	height: auto;
}

/* 店長のご挨拶テキスト */
#main #manager-area #manager-block #manager-text,
#main #manager-area #manager-block #manager-text span
{
	margin-top: 2em;
	width: 100%;
	height: auto;
	font-size: 4.5cqw;
	color: white;
	text-align: left;
	line-height: 1.5;
}

/* 店長のご挨拶署名 */
#main #manager-area #manager-block #manager-name
{
	margin-top: 2em;
	width: 100%;
	height: auto;
	font-size: 4.5cqw;
	color: white;
	text-align: right;
	line-height: 1.5;
}

/*==================================================================================================
		昼時間のみ営業についてのご案内関連
==================================================================================================*/

/* ご案内領域 */
#main #Information-area
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: 100%;
	height: auto;
}

/* ご案内ラッパー */
#main #Information-area #Information-wrapper
{
	position: relative;
	max-width: 700px;
	width: 100%;
	height: auto;
	aspect-ratio: 620 / 1080;
	container-type: inline-size;
}

/* ご案内画像 */
#main #Information-area #Information-wrapper #Information-image,
#main #Information-area #Information-wrapper #Information-image source,
#main #Information-area #Information-wrapper #Information-image img
{
	width: 100%;
	height: auto;
}

/* ご案内タイトル */
#main #Information-area #Information-wrapper #Information-title
{
	position: absolute;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	height: auto;
	left: 0;
	top: 1.5em;
	font-size: 5cqw;
	font-weight: 700;
	color: #202020;
	text-align: center;
	line-height: 1.4;
}

/* ご案内本文 */
#main #Information-area #Information-wrapper #Information-body
{
	position: absolute;
	padding-left: 2.5em;
	padding-right: 2.5em;
	width: 100%;
	height: auto;
	left: 0;
	top: 22.5cqw;
	font-size: 4cqw;
	font-weight: 400;
	color: black;
	text-align: left;
	line-height: 1.61;
	letter-spacing: 0.15em;
}

/* ご案内署名 */
#main #Information-area #Information-wrapper #Information-signature
{
	position: absolute;
	padding-left: 2em;
	padding-right: 2em;
	width: 100%;
	height: auto;
	left: 0;
	top: 160cqw;
	font-size: 5cqw;
	font-weight: 700;
	color: #202020;
	text-align: right;
	line-height: 1.5;
}

/*==================================================================================================
		お客様の声関連
==================================================================================================*/

/* 領域 */
#main #testimonials-area
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	width: 100%;
	height: auto;
}

/* ブロック */
#main #testimonials-area .testimonials-block
{
	margin-bottom: clamp(10px, 5cqw, 40px);
	max-width: 700px;
	width: 100%;
	height: auto;
	container-type: inline-size;
}
#main #testimonials-area .testimonials-block:last-of-type
{
	margin-bottom: 0;
}

/* タイトル */
#main #testimonials-area .testimonials-block h3[name="title"]
{
	position: relative;
	margin: 0;
	padding: 1em 1em 1em 1em;
	background-color: wheat;
	font-size: 4.5cqw;
	font-weight: 500;
	color: black;
	text-align: left;
	border-bottom: 1px solid silver;
	cursor: pointer;
}

#main #testimonials-area .testimonials-block h3[name="title"]::after {
	content: '＋';
	position: absolute;
	right: 1em;
	font-weight: bold;
}

#main #testimonials-area .testimonials-block h3[name="title"].active::after {
	content: '－';
}

.accordion-content {
	display: none;
}

/* 本文 */
#main #testimonials-area .testimonials-block p[name="body"]
{
	margin: 0;
	padding: 1em 1em 1em 1em;
	background-color: #EEEEEE;
	font-size: 4cqw;
	font-weight: 300;
	color: black;
	text-align: left;
	line-height: 1.6;
}

/* 署名 */
#main #testimonials-area .testimonials-block p[name="signature"]
{
	padding: 1em 1em 1em 1em;
	background-color: #EEEEEE;
	font-size: 4.5cqw;
	text-align: right;
	border-top: 1px solid silver;
}
#main #testimonials-area .testimonials-block p[name="signature"] span[name="name"]
{
	padding: 0 0.5em 0 0;
	font-size: 4.5cqw;
	font-weight: 500;
	color: black;
}
#main #testimonials-area .testimonials-block p[name="signature"] span[name="star-yallow"]
{
	font-size: 4.5cqw;
	font-weight: 500;
	color: #D0A010;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #C08000;
}
#main #testimonials-area .testimonials-block p[name="signature"] span[name="star-gray"]
{
	font-size: 4.5cqw;
	font-weight: 500;
	color: gray;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: dimgray;
}

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

		ファイル終端

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