@charset "utf-8";
/* ===================================================================
CSS
 file name  :  style.css
=================================================================== */
/* =====================================
メイン
======================================== */
.top_main{
	background: url("../images/mainimg.jpg") no-repeat center center;
	background-size: cover;
	padding: 205px 0 0;
	height: 800px;
}
.top_main .main_text{
	margin: auto;
	max-width: 500px;
}
@media screen and (max-width: 768px) {
	.top_main{
		padding: 140px 0 0;
		height: 500px;
	}
	.top_main .main_text{
		margin: auto;
		max-width: 240px;
	}
}
/* =====================================
ABOUT
======================================== */
.lead{
	text-align: center;
	margin-top: 70px;
	font-size: 2.4rem;
}
.about_table_wrap{
	margin-top: 70px;
	border: 1px solid #323332;
	padding: 30px 0;
}
table.about_table{
	width: 100%;
}
table.about_table th{
	width: 50%;
	padding: 0.5em 3em 0.5em 1em;
	text-align: right;
	color: #806D3B;
	font-weight: 300;
}
table.about_table td{
	padding: 0.5em 1em 0.5em 0;
}
@media screen and (max-width: 768px) {
	.lead{
		margin-top: 30px;
		font-size: 1.4rem;
	}
	.about_table_wrap{
		margin-top: 30px;
		padding: 20px 0;
	}
	table.about_table th{
		width: 100%;
		display: block;
		padding: 0.5em 1em;
		text-align: center;
	}
	table.about_table td{
		width: 100%;
		display: block;
		padding: 0 1em 0.5em 1em;
		text-align: center;
	}
}
/* =====================================
MENU
======================================== */
.menu_table_wrap{
	margin-top: 70px;
	padding: 30px 0;
}
table.menu_table{
	width: 100%;
	font-size: 2.0rem;
	border-top: 1px solid #323332;
}
table.menu_table tr{
	border-bottom: 1px solid #323332;
}
table.menu_table th{
	width: 33%;
	padding: 1.3em 0;
	color: #806D3B;
	font-weight: 300;
	text-align: left;
}
table.menu_table td{
	padding: 1.3em 0;
	text-align: right;
}
table.menu_table td.minutes{
	width: 25%;
}
table.menu_table td.price{
	width: 42%;
}
.menu_table_wrap .sub_text{
	color: #CCCCCC;
	font-size: 1.4rem;
	line-height: 1.2;
}
.menu_table_wrap .sub_text.right{
	text-align: right;
	margin-top: 1em;
}
@media screen and (max-width: 768px) {
	.menu_table_wrap{
		margin-top: 30px;
		padding: 20px 0;
	}
	table.menu_table{
		font-size:1.2rem;
	}
	.menu_table_wrap .sub_text{
		font-size: 1.0rem;
	}
}