@charset "UTF-8";
/* 全体に */
*{
	margin:0;
	padding:0;
}

/* 見ているぺージの文字色 */
#menu #wrap header nav ul li#nav_menu a{
	color:#881117;
	font-weight:bold;
}

/* スマホ版のみ改行のため無効化 */
.br_media{
	display:none;
}

/* チェックボックスの非表示 */
#menu .acd-check{
	display:none;
}

/********** ↓文字関係↓ **********/
/* 書体 */
h1, h2, h3, h4{
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
}

h1{
	font-size:min(3.3vw, 36px);
	color:#fff;
	text-align:center;
}

h2{
	font-size:min(2.6vw, 28px);
	color:#280000;
	text-align:center;
}

h3{
	font-size:min(2vw, 22px);
	color:#28000;
	text-align:center;
}
h4, #menu table{
	font-size:min(1.7vw, 18px);
	color:#28000;
}
#dry span, #aqua span, #spots span
,#kimono span ,#special span, #repair span{
	font-size:min(1.5vw, 16px);
}
/********** ↑文字関係↑ **********/


/********** ↓疑要素関係↓ **********/
/* 疑要素「～」 */
td.kara::after{
	white-space: pre-wrap;
	content:"～　";
}

/* 疑要素「スペース」 */
td.space::after{
	white-space: pre-wrap;
	content:"　　";
}

/* 疑要素「ご相談ください」の位置合わせ */
#repair .menu_price_flex_item_other td.space::after{
	white-space: pre-wrap;
	content:"　";
}
/* 項目タイトル、左すき間 */
th.space_left1::before{
	white-space: pre-wrap;
	content:"　";	
}

/* 項目の詳細、左すき間 */
th.space_left2::before{
	white-space: pre-wrap;
	content:"　　　　";	
}

/********** ↑疑要素関係↑ **********/

/******************** ↑まとめたもの↑ ********************/


/******************** ↓ファーストビュー↓ ********************/
/* ファーストビュー */
.fv_menu{
	display:block;
	height:min(35.2vw, 380px);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
/* ロゴのサイズと位置関係 */
.logo{
	width:min(11.1vw, 120px);
	height: auto;
	padding-top:min(6.9vw, 75px);
}
/* ファーストビューのタイトル */
.fv_menu h1{
	margin-top:min(2.3vw, 25px);
}

/******************** ↑ファーストビュー↑ ********************/


/******************** ↓トップの各種メニュー↓ ********************/
/* セクション内の内容の下に間隔を */
.menu_top{
	background-color:#ffffeb;
	padding-bottom:min(4.6vw, 50px);
}
/* タイトル文字 */
#menu .menu_top h2{
	padding:min(4.6vw, 50px) 0 min(2.8vw, 30px);
}
/*外箱*/
.menu_flex_container{
	width:min(97.1vw, 1020px);
	margin:0 auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap; /* 折返し指定 */


	list-style-type:none;
	text-align:center;
}

/*内箱*/
.menu_flex_container li{
	width:min(29.2vw, 315px);
	height:min(32.4vw, 350px);
	margin:min(0.9vw, 10px) auto;
	justify-content:center;

	transition:0.2s;
}


/* メニュー(内箱)をホバーしたとき */
.menu_flex_container li:hover{
	transform: scale(1.05);
	transition:0.2s;
}

/* 内容 */
.menu_flex_container li p{
	display:inline-block;
	width:min(29.2vw, 315px);
	font-size:min(1.7vw, 18px);
	text-align:left;
}
/* 画像 */
.menu_flex_container li img{
	width:min(29.2vw, 315px);
	height:min(18.5vw, 200px);
	object-fit:cover;
	margin-bottom:min(0.6vw, 7px);
}
/* アンカーに対して */
.menu_flex_container li a{
	text-decoration:none;
	color:#280000;
}

/******************** ↑トップの各種メニュー↑ ********************/


/******************** ↓料金表↓ ********************/
/* セクション全体 */
#menu section{
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
}

/* 背景黄色 */
.menu_top, #aqua, #kimono, #special{
	background-color:#ffffeb;
}


/* セクション内の内容の下に間隔を */
#dry, #aqua, #spots, #kimono, #repair, #special{
	padding-bottom:min(6.5vw, 70px);
}

/* 料金表の見出し */
#menu h2{
	padding:min(5.6vw, 60px) 0 min(2.8vw, 30px);;
	margin:0 auto;
}
/* セクション見出し下線あり(ドライ) */
#dry h3{
	width:min(87vw, 940px);
	padding-bottom:min(2.8vw, 30px);
	border-bottom:1.5px solid #000;
	margin:0 auto;
}

/* セクション見出し下線あり */
#aqua h3
,#special h3{
	width:min(87vw, 940px);
	padding:min(3.7vw, 40px) 0 min(2.8vw, 30px);
	border-bottom:1.5px solid #000;
	margin:0 auto;
}

/* セクション見出し下線なし */
#spots h3
,#kimono h3
,#repair h3{
	width:min(87vw, 940px);
	padding:min(3.7vw, 40px) 0 min(2.8vw, 30px);
	margin:0 auto;
}

/* 小見出し */
#spots h4
,#kimono h4
,#repair h4
,#special h4{
	width:min(40.7vw, 440px);
	border-bottom:1.5px solid #000;
	margin:0 auto;
}

/* 外箱 */
.menu_price_flex_container{
	width:min(87vw, 940px);
	display:flex;
	justify-content:center;
	margin:0 auto;
}

/* テーブル */
#menu .menu_price_flex_item table
,#menu .menu_price_flex_item2 table{
	width:min(40.7vw, 440px);
	margin:0 min(2.8vw, 30px);
	border-top:none;
}

/* ２カラムテーブルの下にすき間を */
#spots table.table_btm_space
,#kimono table.table_btm_space
,#special table.table_btm_space{
	margin-bottom:min(5.6vw, 60px);
}

/* 税表示 */
#dry span, #aqua span, #spots span
,#kimono span ,#special span{
	display:inline-block;
	width:min(40.7vw, 440px);
	text-align:right;
	margin-left:min(2.8vw, 30px);
}

/* お直しのその他の上すき間 */
#repair .menu_price_flex_container_other{
	margin-top:min(5.6vw, 60px);
}

/* お直しのその他の小見出し */
#repair .menu_price_flex_container_other h4{
	width:min(87vw, 940px);
	border-bottom:1.5px solid #000;
	margin:0 auto;
}

/* お直しのその他のテーブル幅 */
#repair .menu_price_flex_item_other{
	width:min(87vw, 940px);
	margin:0 auto;
	border-top:none;
}

/* お直しのその他の税表示 */
#repair span{
	display:block;
	width:min(87vw, 940px);
	text-align:right;
	margin:0 auto;
}



/*テーブル*/
#menu table{
	border-top: 1.5px solid;
	border-bottom: 1.5px solid;
	border-left: none;
	border-right: none;
}
/* th左寄せ */
#menu table th{
	text-align:left;
	line-height:2.5em;
}
/* td右寄せ */
#menu table td{
	text-align:right;
	line-height:2.5em;
}

/*枠線の設定*/
#menu table tr th
,#menu table tr td{
	border-right:1px dashed;/*中身の要素全てに点線をつけておき…*/
	border-bottom:1px dashed;
}
#menu table tr th
,#menu table tr td{
	border-right:1px dashed;
	border-bottom:1px dashed;
}
#menu table tr th:last-child
,#menu table tr td:last-child{
	border-right:none;/*<tr>の中の最後の要素と、１行に2列ある<th>の最初は、右端線なし*/
}
#menu table tr:last-child *{
	border-bottom:none;/*最後の<tr>の中の、要素すべて下線なし*/
}

#menu table tr th:first-child
,#special .no_line_right{
	border-right:none;
}

/******************** ↑料金表↑ ********************/