@charset "UTF-8";
/* CSS Document */

#reservation_hed {
	background:url(../img/category/reservation/hed_img.png) center center no-repeat;
	background-size: cover;
	width:100%;
	height:400px;
	position:relative;
	z-index:1;
}

.reservation_tit {
	background:#f2f2f2;
	width:1100px;
	margin:0 auto 30px;
	padding:15px 0 5px;
	text-align:center;
}

.bg_bk_name {
	background:#000000;
	color:#FFFFFF;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:0.9em;
	margin:0 auto 30px;
	padding:5px 0;
}

.fs16 {
	font-size:1.6em;
}
.res_inq {
	font-size: 2.5em;
}


.table_basic02{
	width: 100%;
	border-collapse: collapse;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.table_basic02 td,
.table_basic02 th{
	padding: 5px;
	border: 1px solid #ccc;
}
.table_basic02 td {
	text-align: center;
}
.table_basic02 th{
	font-weight: bold;
	font-size: 0.9em;
	color: #4B4B4B;
}
.table_basic02 th.fl{
	text-align: left;
	background-color: #FDEEDC;
	padding-left: 1em;
	width: 23%;
}

.table_basic02 thead th{
	background:#e6e6e6;
}
.table_basic02 hr {
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 3px 0px 3px 0px;
}

.btn_res01,
.btn_res02 {
	text-align: center;
}
.btn_res01 a,
.btn_res02 a {
	display: inline-block;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 25%;
}
.btn_res01 a {
	background: #0054B9;
	border: #0054B9 2px solid;
	color: #FFFFFF;
	padding: 10px 20px;
	margin-bottom: 40px;
	border-radius: 6px;
	transition: 0.6s;
}
.btn_res02 a {
	background: #B42403;
	border: #B42403 2px solid;
	color: #FFFFFF;
	padding: 10px 20px;
	margin-bottom: 40px;
	border-radius: 6px;
	transition: 0.6s;
}
.btn_res01 a:hover {
	background: #FFFFFF;
	border: #0054B9 2px solid;
	color: #1c1c1c;
	padding: 10px 30px;
	margin-bottom: 40px;
	border-radius: 6px;
}
.btn_res02 a:hover {
	background: #FFFFFF;
	border: #B42403 2px solid;
	color: #1c1c1c;
	padding: 10px 30px;
	margin-bottom: 40px;
	border-radius: 6px;
}


/*　▼スマホ用▼　*/
@media screen and (max-width: 768px) {

#reservation_hed {
	background:none;
	width:100%;
	height:60px;
	position:relative;
	overflow: hidden;
    z-index: -1;
}

.reservation_tit {
	background:#f2f2f2;
	width:100%;
	margin:0 auto 30px;
	padding:5px 0;
	text-align:center;
}

.bg_bk_name {
	background:#000000;
	color:#FFFFFF;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:0.9em;
	margin:0 auto 30px;
	padding:5px 0;
}

.fs16 {
	font-size:1.4em;
}
.res_inq {
	font-size: 1.6em;
}


.table_basic02 td {
	text-align: left;
}


.table_basic02 {
	display: block;
}
.table_basic02 thead {
	display: none;
}
.table_basic02 tbody {
	display: block;
}
.table_basic02 tbody tr {
	display: block;
	margin-bottom: 1.5em;
}
.table_basic02 tbody th, .table_basic02 tbody td {
	display: list-item;
	border: none;
}
.table_basic02 tbody th {
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #3e2c0a;
}
.table_basic02 th.fl{
	text-align: center;
	background-color: #3e2c0a;
	padding-left: 0;
	width: 99%;
}
.table_basic02 tbody td {
	margin-left: 20px;
	padding: 0;
}
.table_basic02 tbody td:nth-of-type(1):before {
	content: "[ 広さ（m2） ]";
	margin-right: 5px;
	font-weight: bold;
	color: #ea4d00;
}
.table_basic02 tbody td:nth-of-type(2):before {
	content: "[ 定員 ]";
	margin-right: 5px;
	font-weight: bold;
	color: #ea4d00;
}
.table_basic02 tbody td:nth-of-type(3):before {
	content: "[ 潮の香会席 ]";
	margin-right: 5px;
	font-weight: bold;
	color: #ea4d00;
}
.table_basic02 tbody td:nth-of-type(4):before {
	content: "[ 潮の音会席 ]";
	margin-right: 5px;
	font-weight: bold;
	color: #ea4d00;
}
.table_basic02 tbody td:nth-of-type(5):before {
	content: "[ 潮彩会席 ]";
	margin-right: 5px;
	font-weight: bold;
	color: #ea4d00;
}
.table_basic02 tbody td:nth-of-type(6):before {
	content: "[ 子供会席 ]";
	margin-right: 5px;
	font-weight: bold;
	color: #ea4d00;
}


.btn_res01,
.btn_res02 {
	text-align: center;
}
.btn_res01 a,
.btn_res02 a {
	display: inline-block;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 80%;
}
.btn_res01 a {
	background: #0054B9;
	border: #0054B9 2px solid;
	color: #FFFFFF;
	padding: 10px 10px;
	margin-bottom: 40px;
	border-radius: 6px;
	transition: 0.6s;
}
.btn_res02 a {
	background: #B42403;
	border: #B42403 2px solid;
	color: #FFFFFF;
	padding: 10px 10px;
	margin-bottom: 40px;
	border-radius: 6px;
	transition: 0.6s;
}
.btn_res01 a:hover {
	background: #FFFFFF;
	border: #0054B9 2px solid;
	color: #1c1c1c;
	padding: 10px 10px;
	margin-bottom: 40px;
	border-radius: 6px;
}
.btn_res02 a:hover {
	background: #FFFFFF;
	border: #B42403 2px solid;
	color: #1c1c1c;
	padding: 10px 10px;
	margin-bottom: 40px;
	border-radius: 6px;
}


}