﻿@charset "UTF-8";
/* [modalBox] モーダルリンク ----------*/
.modalBox {
	display:none;
	box-sizing:border-box;
	position:fixed;
	top:50%;
	left:50%;
	width:800px;
	margin-left:-400px;
	padding:26px 32px 18px 20px;
	background:#FFF;
}
.modalClose {
	overflow:hidden;
	position:absolute;
	top:-17px;
	right:-7px;
	width:44px;
	height:44px;
	background:url(../img/btn_modal_close.png) no-repeat;
	background-size:contain;
	text-indent:-9999px;
	cursor:pointer;
}
.modalBox table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	line-height:1.4;
}
.modalBox th,
.modalBox td {
	text-align:center;
	vertical-align:middle;
}

.modalBox tr th:nth-child(2),
.modalBox tr td:nth-child(2) {
	border-left:2px solid #CCC;
	border-right:2px solid #CCC;
}


.modalBox th {
	padding:5px;
	background:#9b9b9b;
	font-weight:bold;
	color:#FFF;
}
.modalBox td {
	padding:14px 18px;
}
.modalBox tbody tr:nth-child(even) td {
	background:#f4f4f4;
}
.modalBox tr td.shop {
	font-size:16px;
}
.modalBox tr td.tel {
	width:28%;
	font-size:22px;
	font-weight:bold;
	white-space: nowrap;
}
.modalBox tr td.reserve {
	width:32%;
}
.modalBox .btn {
	display:block;
	width:200px;
	padding:10px 0;
	background:#F73786;
	font-weight:bold;
	color:#FFF;
}

#lean_overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:2000;
}
@media screen and (max-width:768px) {
/* [modalBox] モーダルリンク ----------*/
	.modalBox {
		width:290px;
		margin-left:-145px;
		padding:14px;
	}
	.modalClose {
		top:-11px;
		right:-7px;
		width:26px;
		height:26px;
	}
	.modalBox thead { display:none; }
	.modalBox table,
	.modalBox tbody,
	.modalBox tr,
	.modalBox th,
	.modalBox td {
		display:block;
		padding:0;
	}
	
	.modalBox tr {
		padding:10px 0;
		border-bottom:1px solid #CCC;
	}
	.modalBox tr:before,
	.modalBox tr:after {
		content:'';
		display:table;
	}
	.modalBox tr:after { clear:both; }
	
	.modalBox tbody tr:nth-child(even) td {
		background:inherit;
	}
	.modalBox tr td:nth-child(2) {
		border:0;
	}
	
	.modalBox tr td.shop,
	.modalBox tr td.tel,
	.modalBox tr td.reserve {
		width:auto;
	}
	
	.modalBox tr td.shop {
		padding-bottom:10px;
	}
	.modalBox .btn {
		width:100%;
		padding:5px 0;
	}
	.modalBox .btn span {
		display:inline-block;
		background-repeat:no-repeat;
		background-position:0 50%;
	}
	
	.modalBox .tel .btn span {
		padding-left:30px;
		background-image:url(../img/icon_tel.png);
	}
	.modalBox .reserve .btn span {
		padding-left:35px;
		background-image:url(../img/icon_reserve.png);
		background-size: contain;
	}
}
#accessMenu { display:none; }

@media screen and (max-width:768px) {
/* [sp accessMenu] ----------*/
	#accessMenu {
		display:block;
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		min-width:320px;
		padding:28px 0;
		background:#F73786;
		line-height:1;
		z-index:1000;
	}
	#accessMenu ul {
		display:table;
		border-collapse:collapse;
		border-spacing:0;
		width:100%;
		height:100%;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
	}
	#accessMenu li {
		display:table-cell;
		padding:0 10px;
		width: 50%;
		height:100%;
		text-align:center;
	}
	#accessMenu .reserve {
		border-left:1px solid #FFF;
	}
	#accessMenu a {
		display:inline-block;
		padding:5px 0;
		background-repeat:no-repeat;
		background-position:0 50%;
		white-space:nowrap;
		font-size: 22px;
		color:#FFF;
	}
	#accessMenu .tel a {
		padding-left:30px;
		background-image:url(../img/icon_tel.png);
	}
	#accessMenu .reserve a {
		padding-left:35px;
		background-image:url(../img/icon_reserve.png);
	}
	#accessMenu .access a {
		padding-left:23px;
		background-image:url(../img/icon_access.png);
	}
		
}

@media screen and (max-width:768px) {
/* [localNavi] ローカルナビ ----------*/
	.localNavi {
		margin-bottom:50px;
	}
	.localNavi li {
		display:table;
		float:left;
		width:316px;
		margin:0 11px 11px 0;
	}
	.localNavi li:nth-child(3n) {
		margin-right:0;
	}
	.localNavi a {
		display:table-cell;
		width:100%;
		height:70px;
		border:2px solid #000;
		text-align:center;
		vertical-align:middle;
	}
	.localNavi a:hover,
	.localNavi li.selected a {
		background:#000;
		color:#FFF;
	}
	.localNavi ul {
		display:block;
	}
	.spSelectedItem0,
	.spSelectedItem1,
	.spSelectedItem2,
	.spSelectedItem3,
	.spSelectedItem4 {
		position:relative;
		padding:1.2em 3em 1em 1em;
		font-weight:bold;
		text-align:center;
	}
	.spSelectedItem0:before,
	.spSelectedItem0:after,
	.spSelectedItem1:before,
	.spSelectedItem1:after,
	.spSelectedItem2:before,
	.spSelectedItem2:after,
	.spSelectedItem3:before,
	.spSelectedItem3:after,
	.spSelectedItem4:before,
	.spSelectedItem4:after{
		content:"";
		position:absolute;
		top:50%;
		right:10px;
		width:19px;
		height:19px;
		margin-top:-9.5px;
		background-size:cover;
	}
	.spSelectedItem0:before,
	.spSelectedItem1:before,
	.spSelectedItem2:before,
	.spSelectedItem3:before,
	.spSelectedItem4:before{
		opacity:1;
		background: url(../img/icon_arrow.png) no-repeat 95% center;
		background-size: 20px 10px;
	}
	.spSelectedItem0.active:before,
	.spSelectedItem1.active:before,
	.spSelectedItem2.active:before,
	.spSelectedItem3.active:before,
	.spSelectedItem4.active:before{
		opacity:0;
	}
	.spSelectedItem0:after,
	.spSelectedItem1:after,
	.spSelectedItem2:after,
	.spSelectedItem3:after,
	.spSelectedItem4:after{
		opacity:0;
		background: url(../img/icon_arrowup.png) no-repeat 95% center;
		background-size: 20px 10px;
	}
	.spSelectedItem0.active:after,
	.spSelectedItem1.active:after,
	.spSelectedItem2.active:after,
	.spSelectedItem3.active:after,
	.spSelectedItem4.active:after{
		opacity:1;
	}
	.localNavi {
		margin:10px 15px 10px;
		border:1px solid #000;
	}
	.localNavi ul {
		display:none;
	}
	.localNavi li,
	.localNavi a,
	.localNavi label {
		display:block;
		float:none;
		width:auto;
		margin:0;
		border:0;
	}
	.localNavi li {
	}
	.localNavi a,
	.localNavi label {
		padding:0.5em 1em;
		height:auto;
		text-align:left;
	}
	.localNavi li.selected a {
		background:inherit;
		color:inherit;
	}

}
@media screen and (max-width:768px) {
	.viewPC,
	.viewPC_inb {
		display:none;
	}
	.viewSP {
		display:block;
	}
	.viewSP_inb {
		display:inline-block;
	}
}


