@charset "utf-8";
/* Filename：stay.css */

/* -----------------------------------------

320px → 479px

----------------------------------------- */

/* :::::::::::::::::::::::::::::::::::
	OUTLINE
::::::::::::::::::::::::::::::::::: */

.rest-bg{
	padding:30px 0;
	background:#FFF;
}

/* CATE Title */
.recommCate{
	font-size:24px;
	text-align:center;
	letter-spacing:3px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

/* :::::::::::::::::::::::::::::::::::
	LAYOUT
::::::::::::::::::::::::::::::::::: */

.restraunt
.container{
}

.restraunt
.contents{
}

.restraunt
.sidebar{
}

/* :::::::::::::::::::::::::::::::::::
	CONTENTS
::::::::::::::::::::::::::::::::::: */

/* TTL */
.rest-h1{
	padding:20px 10px 10px;
	text-align:center;
	border-top:1px solid #d1634a;
	border-bottom:1px solid #d1634a;
	position:relative;
}

.rest-h1 p{
	width:200px;
	padding:3px 0;
	margin-left:-100px;
	font-size:14px;
	color:#FFF;
	background:#d1634a;
	position:absolute;
	top:-15px;
	left:50%;
}

.rest-h1 h1{
	font-size:24px;
}

/* :::::::::::::::::::::::::::::::::::
	PARTS TEMP
::::::::::::::::::::::::::::::::::: */

.rest-cnt{
	padding:30px 20px;
}

.rest-cnt h2{
	padding:20px 0 10px;
	font-size:20px;
}

@media only screen and (max-width: 959px) {
	.rest-cnt div img {
		width: 60% !important;
		height: auto !important;
	}
}

/* メニュー＆料金 */
dl.priceBlock{
	padding:0;
	margin:0 0 20px;
	overflow:hidden;
	border-bottom:1px solid #d8d1cd;
}

dl.priceBlock dt{
	float:left;
	width:70%;
	padding:10px 0;
}

dl.priceBlock dd{
	float:left;
	width:25%;
	padding:10px 5% 10px 0;
	text-align:right;
}

/* 定義リスト（縦） */
dl.def-ver{
}

dl.def-ver dt{
	text-align:center;
	background:#eeebe9;
	border-top:1px solid #d8d1cd;
	border-left:1px solid #d8d1cd;
	border-right:1px solid #d8d1cd;
	padding:10px 0;
}

dl.def-ver dd{
	border:1px solid #d8d1cd;
	padding:10px 20px;
}

/* 定義リスト */
dl.def-hol{
	overflow:hidden;
}

dl.def-hol dt{
	float:left;
	width:30%;
	padding:0 0 10px;
}

dl.def-hol dd{
	float:left;
	width:70%;
	padding:0 0 10px;
}

/* 箇条書きリスト */
.ultxtList{
}

.ultxtList li{
	padding:0 0 10px;
}

ul.list {}
ul.list li {
	font-size:12px;
	margin-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}

.readBox {
	padding:20px;
	line-height:1.6em!important;
	text-align:center;
	font-size:14px;
}

/* :::::::::::::::::::::::::::::::::::
	Menu Block
::::::::::::::::::::::::::::::::::: */

.menu-block{
	padding:10px 0;
	border-bottom:1px solid #eae6e4;
}

/* :::::::::::::::::::::::::::::::::::
	Menu List
::::::::::::::::::::::::::::::::::: */

ul.menuList li ul{
	padding:5px 0 20px 20px;
}


/* :::::::::::::::::::::::::::::::::::
	単品メニュー
::::::::::::::::::::::::::::::::::: */

.singleMenu{
	margin:20px 0;
	padding:0 0;
	border-top:1px solid #eae6e4;
}

.singleMenu h2{
	text-align:center;
	border-bottom:1px solid #eae6e4;
}
.photoPrice{
	padding:20px 0;
	text-align:center;
	border-bottom:1px solid #eae6e4;
}
.photoPrice dt{
	text-align:left;
}
.photoPrice h3{
	font-size:20px;
	text-align:center!important;
}

.photoPrice h3 span{
	font-size:14px;
}

.photoPrice p{
	font-size:14px;
}


/* :::::::::::::::::::::::::::::::::::
	Ticket
::::::::::::::::::::::::::::::::::: */

#ticketBox{
}

#ticketBox img{
	padding:0 0 20px;
}

#ticketBox div{
	color:#086433;
	padding:20px;
	text-align:center;
	border:1px solid #086433;
}

#ticketBox div p{
	padding:5px 0;
}

#pc-prev{
	display:none;
}

#sp-prev{
}

/* :::::::::::::::::::::::::::::::::::
	SIDEBAR
::::::::::::::::::::::::::::::::::: */

#recomSide{
}

#recomSide h2{
	padding:5px;
	text-align:center;
	letter-spacing:2px;
	background:#f7f1ed;
}

#recomSide ul{
}

#recomSide ul li{
	padding:20px;
	border-bottom:1px solid #eae6e4;
	overflow:hidden;
}

#recomSide ul li img{
	/*display:none;*/
	display:block;
	float:left;
	width: 30%;
}

#recomSide ul li a{
	text-decoration:none;
}

#recomSide ul li div{
	float: right;
	width: 65%;
	padding: 0;
	box-sizing: border-box;
}

#recomSide ul li p{
	display:inline-block;
	padding:0 15px;
	color:#FFF;
	font-size:12px;
	background:#d1634a;
}

#recomSide ul li p.new_icon{
	background: #ffe87b;
	color: #4f3321;
	margin-left: 5px;
}

#recomSide ul li h3{
	font-size:16px;
	padding:5px 0 0;
}

@media only screen and (max-width: 768px) {
	#recomSide ul li.active {display: none;}
}


/* -----------------------------------------

480px → 736px

----------------------------------------- */
@media only screen and (min-width: 480px) {

}

/* -----------------------------------------:

600px →

----------------------------------------- */
@media only screen and (min-width: 600px) {

ul.list li {
	font-size:14px;
}

.readBox {
	font-size:16px;
}

}

/* ::::::::::::::::::::::::::::::::::::::::

961px以上

:::::::::::::::::::::::::::::::::::::::: */

@media only screen and (min-width: 960px) {

/* :::::::::::::::::::::::::::::::::::
	OUTLINE
::::::::::::::::::::::::::::::::::: */

.rest-bg{
	padding:30px 0;
	background:#FFF;
}

/* CATE Title */
.recommCate{
	text-align:center;
}

/* :::::::::::::::::::::::::::::::::::
	LAYOUT
::::::::::::::::::::::::::::::::::: */

#restraunt
.container{
}

#restraunt
.contents{
	float:right;
	width:620px;
	padding:15px 0 0;
}

#restraunt
.sidebar{
	float:left;
	width:300px;
}

/* :::::::::::::::::::::::::::::::::::
	CONTENTS
::::::::::::::::::::::::::::::::::: */

/* TTL */
.rest-h1{
	padding:20px 10px 10px;
	text-align:center;
	border-top:1px solid #d1634a;
	border-bottom:1px solid #d1634a;
	position:relative;
}

.rest-h1 p{
	width:200px;
	padding:3px 0;
	margin-left:-100px;
	font-size:14px;
	color:#FFF;
	background:#d1634a;
	position:absolute;
	top:-15px;
	left:50%;
}

.rest-h1 h1{
	font-size:24px;
}

/* :::::::::::::::::::::::::::::::::::
	PARTS TEMP
::::::::::::::::::::::::::::::::::: */

.rest-cnt{
	padding:30px 20px;
	font-size:14px;
}

/* メニュー＆料金 */
dl.priceBlock{
	font-size:16px;
	padding:0;
	margin:0 0 20px;
	overflow:hidden;
	border-bottom:1px solid #d8d1cd;
}

dl.priceBlock dt{
	float:left;
	width:70%;
	padding:20px 0;
}

dl.priceBlock dd{
	float:left;
	width:25%;
	padding:20px 5% 10px 0;
	text-align:right;
}

/* 定義リスト（縦） */
dl.def-ver{
}

dl.def-ver dt{
	text-align:center;
	background:#eeebe9;
	border-top:1px solid #d8d1cd;
	border-left:1px solid #d8d1cd;
	border-right:1px solid #d8d1cd;
	padding:10px 0;
}

dl.def-ver dd{
	text-align:center;
	border:1px solid #d8d1cd;
	padding:10px 20px;
}

/* 定義リスト */
dl.def-hol{
	overflow:hidden;
}

dl.def-hol dt{
	float:left;
	width:150px;
	padding:0 0 10px;
}

dl.def-hol dd{
	float:left;
	width:400px;
	padding:0 0 10px;
}

/* 箇条書きリスト */
.ultxtList{
}

.ultxtList li{
	padding:0 0 10px;
}


/* :::::::::::::::::::::::::::::::::::
	単品メニュー
::::::::::::::::::::::::::::::::::: */

.singleMenu{
	margin:20px 0;
	padding:0 0;
	border-top:1px solid #eae6e4;
}

.singleMenu h2{
	text-align:center;
	border-bottom:1px solid #eae6e4;
}
.photoPrice{
	padding:20px 0;
	text-align:left;
	border-bottom:1px solid #eae6e4;
	overflow:hidden;
}

.photoPrice img{
	float:left;
	width:220px;
}

.photoPrice div{
	float:right;
	width:340px;
}

.photoPrice dl{
	padding:10px 0 0;
	overflow:hidden;
}

.photoPrice dl dt{
	width:100%;
}

.photoPrice dl dd{
	margin-top:10px;
	width:100%;
	font-size:86%;
}

.photoPrice h3{
	font-size:16px;
	text-align:left!important;
}

.photoPrice h3 span{
	font-size:14px;
}

.photoPrice p{
	font-size:12px;
}

.coutionTxt { padding:0 0 0 1.3em!important; position:relative; }
.coutionTxt span { position:absolute; top:3px; left:0; }

/* :::::::::::::::::::::::::::::::::::
	Ticket
::::::::::::::::::::::::::::::::::: */

#ticketBox{
	text-align:center;
}

#ticketBox img{
	padding:0 0 20px;
}

#ticketBox p{
}

#ticketBox div{
	width:410px;
	margin:0 auto;
	color:#086433;
	padding:20px;
	text-align:center;
	border:1px solid #086433;
}

#ticketBox div p{
	padding:5px 0;
}

#pc-prev{
	display:block;
}

#sp-prev{
	display:none;
}

/* :::::::::::::::::::::::::::::::::::
	SIDEBAR
::::::::::::::::::::::::::::::::::: */

#recomSide{
	padding:15px 0 0;
}

#recomSide h2{
	padding:5px;
	text-align:center;
	letter-spacing:2px;
	background:#f7f1ed;
}

#recomSide ul{
}

#recomSide ul li{
	padding:5px;
	border-bottom:1px solid #eae6e4;
	overflow:hidden;
}

#recomSide ul li img{
	display:block;
	float:left;
	width:100px;
}

#recomSide ul li a{
	text-decoration:none;
}

#recomSide ul li div{
	float:left;
	width:170px;
	padding:10px 0 0 20px;
}

#recomSide ul li p{
	display:inline-block;
	padding:0 15px;
	color:#FFF;
	font-size:11px;
	background:#d1634a;
}

#recomSide ul li h3{
	font-size:14px;
	padding:5px 0 0;
}

.rest-h1 h1 .new_icon {
	background: #ffe87b;
	color: #4f3321;
	margin-right: 5px;
	font-size: 20px;
	padding: 3px 10px;
}

}