@charset "UTF-8";

@import url("../common/css/common.css");
@import url("../common/css/layout.css");
@import url("../common/css/flexslider.css");



/* GnaviMenu
----------------------------------*/
.mainInner {
	display: inline-block;
	height: auto;
}
#main {
	width: 100%;

}

.contB {
	text-align: center;
	width: 1000px;

	max-width: 100% !important;
	margin: 0 auto 0px;

}

.l-plan-info {
	width: 100%;
	color: #FFFFFF !important;
}
.bg-sub {
/*
	background-color: #FFFFFF !important;
	color: #000000 !important;
*/
}
.midst {
/*
	color: #000000 !important;
*/
}

.cx {
	color: #FFFFFF !important;
	/*
	background-color: transparent !important;
	*/
}
.l-col {
	color: #000000 !important;
}
.plan__name {
	color: #FFFFFF !important;
}
.caution {
	color: #000000 !important;
}

.l-reserve-btn {
	display: none;
}
.l-table {
	display: none;
}
.js-toggle-wrap {
	display: none;
}
.con_non {
	display: none !important;
}
#sv {
	display: none !important;
}
#etc{
	display: none !important;
}
.menu-desc{
	width: 100% !important;
}
.menu-price
{
	margin-top: 15px;
	width: 90% !important;
}
.menu-price table tbody th {
	width: 40%;
}
.menu-price table tbody td {
	width: 60%;
}

.menu-vitem {
	background-color: #FFFFFF !important;
	color: #000000 !important;
}

h3 {
	display: block;
	height: 100px;
	width: 50%;

	text-align: center;
	font-size: 16px;

	float: left;

	margin-bottom: 10px;
}

h3 img {
	max-width: 100%;
	border:1px solid #CCCCCC;
	height: 90%;
}

/* //GnaviMenu
----------------------------------*/


.midst {
	color: #000000;
}

#header {
	margin: 0;
}


/* shopArea
----------------------------------*/
#mainColumn .shopArea {
	margin: 0 0 30px;
}
	
#mainColumn .shopArea .shopBox {
	color: #58585A;
	width: 248px;
	background: #F1F1E5;
	float: left;
	margin: 0 8px 10px 0;
}

#mainColumn .shopArea .shopBox a {
	text-decoration: none;
	text-align: center;
	display: block;
}

#mainColumn .shopArea .shopBox a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#mainColumn .shopArea .shopBox a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

#mainColumn .shopArea .shopBox.n3 {
	margin: 0 0 10px!important;
}

#mainColumn .shopBox .image {
	margin: 0 0 15px;
}

#mainColumn .shopBox .catch {
	font-size: 12px;
	margin: 0 0 10px;
}

#mainColumn .shopBox .name {
	line-height: 1.3;
	margin: 0 0 20px;
}

/* news
----------------------------------*/
#mainColumn .news {
	width: 750px;
	background: #FFF;
	border: solid 1px #C4C49A;
	margin: 0 0 30px;
	padding: 4px;
}

#mainColumn .news .inner {
	width: 660px;
	border: solid 1px #E2E2CD;
	padding: 15px 44px ;
}

#mainColumn .news h2 {
	font-size: 18px;
	text-align: center;
	background: none;
	margin: 0 0 15px;
}

#mainColumn .news dl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#mainColumn .news dl dt.new {
	background: url(../images/s_new.gif) no-repeat 0 3px;
	padding: 0 0 0 50px;
}

#mainColumn .news dl dd {
	margin: 0 0 10px;
}

/* screens smaller than 640
***************************************************************************/
@media only screen and (max-width:640px) {

.contB {
	text-align: center;
	width: 100%;
}

h3 {
	display: block;
	width: 100%;
	height: auto;

	text-align: center;
	font-size: 16px;

	float: none;
}

h3 img {
	border:1px solid #CCCCCC;
	max-width: 95%;
}

.l3 li {
	width: 100% !important;
}
#gnavi {
	margin-left: auto;
	margin-right: auto;
}
#lnavi {
	width: 100% !important;
}

	#header {
		margin: 0;
	}

	#mainv {
		border-bottom: solid 3px #BA1F1D;
		padding: 10px 0!important;
	}
	
	#mainv .catch {
		text-align: center!important;
		padding: 10px 0;
	}
	
	#mainv .catch img {
		width: 50%;
		height: auto;
	}
	
	/* shopArea
	----------------------------------*/
	#mainColumn .shopArea {
		width: 100%;
		background: #F1F1E5;
		box-sizing: border-box;
		padding: 15px 0 0 5px;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	#mainColumn .shopArea:before {
		content: "";
		width: 90%;
		height: 20px;
		box-shadow:0 0 20px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.5);
		position:absolute;
		top: -20px;
		left: 5%;
		z-index: 2;
		-moz-border-radius:100px / 10px;
		border-radius:100px / 10px;
	}

	#mainColumn .shopArea .shopBox {
		width: 50%;
		box-sizing: border-box;
		padding: 0 5px 0 0;
		margin: 0 0 5px;
	}

	#mainColumn .shopArea .shopBox a {
		color: #FFF;
		font-size: 10px;
		text-decoration: none;
		text-align: center;
		height: inherit!important;
		background: #000;
		display: block;
		padding: 0 0 5px;
	}

	#mainColumn .shopArea .shopBox.n3 {
		margin: 0 0 5px!important;
	}

	#mainColumn .shopBox .image {
		margin: 0 0 5px;
	}
	
	#mainColumn .shopBox .image img {
		width: 100%;
	}

	#mainColumn .shopBox .catch {
		display: none;
	}

	#mainColumn .shopBox .name {
		height: 30px;
		line-height: 24px;
		margin: 0;
	}

	#mainColumn .shopBox .name span {
		display: none;
	}
	
	#mainColumn .shopArea .contactArea {
		margin: 15px 0 25px;
	}
	
	/* news
	----------------------------------*/
	#mainColumn .news {
		width: 100%;
		background: #F9F9F5;
		border: none;
		margin: 0 0 10px;
		padding: 0;
	}

	#mainColumn .news .inner {
		width: 100%;
		border: none;
		padding: 0;
	}

	#mainColumn .news h2 {
		color: #FFF;
		font-size: 13px;
		text-align: left;
		background: #412E2F;
		box-sizing: border-box;
		padding: 8px 15px;
	}

	#mainColumn .news dl {
		color: #412E2F;
	}
	
	#mainColumn .news dl dt {
		font-weight: bold;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 2px;
		padding: 0 15px;
	}

	#mainColumn .news dl dt.new {
		background: none;
		padding: 0 15px;
	}

	#mainColumn .news dl dd {
		width: 100%;
		border-bottom: solid 1px #412E2F;
		box-sizing: border-box;
		margin: 0 0 10px;
		padding: 0 15px 15px;
	}

	#mainColumn .news dl dd.last-of-child {
		border: none;
		margin: 0;
	}

	#mainColumn .bnr {
		width: 100%;
		margin: 20px 0 25px;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#mainColumn .bnr img {
		width: 100%;
	}
}