/* CSS Document */

#htlContents {
	max-width: none;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

.center { text-align: center; }
.relative { position: relative; }
p { margin-bottom: 15px; }
li { list-style: none; }
a { text-decoration: none; color: #595757; }
/*
a:hover { text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); }
*/
a img,input.btn, .gnav a {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}
a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
a.o0:hover img, #gnav a:hover, #gnav .active a { opacity: 0; filter: alpha(opacity=0); }

a.noalpha:hover { opacity:1; }

.sw a:hover, a.sw:hover { opacity: 1; }
.sw a:hover img, a.sw:hover img { opacity: 0; }

.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }
.nomr { margin-right: 0 !important; }

.ta_r { text-align: right; }
.ta_c { text-align: center; }
.tac { text-align:center; }

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

.po_re { position: relative; }
.t0r0 { position: absolute; top: 0; right: 0;}
.t0l0 { position: absolute; top: 0; left: 0;}

.left { float:left; }
.right { float:right; }


body {
	font-size: 14px;
	color: #301300;
	background: url(../images/bg.jpg) repeat top center #FADAD0;
	line-height: 1.7;
	font-family: "Hannari", "Sawarabi Mincho","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.wrapper.h_wrp {
	width: 980px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 60px;
}
header {
	width: 240px;
	padding-top: 10px;
}
.h_img { margin-bottom: 10px; }
.h_logo {
	margin-bottom: 6px; display: block;
}
.h_logo:hover { opacity: 1; }
.h_logo:hover img { opacity: 0; }

.h_tel { margin-bottom: 5px; }
.gnav { width: 240px; margin-bottom: 9px; }
.gnav ul {
	width: 240px;
	height: 360px;
	background: url(../images/gnav.png) no-repeat 0 0;
}
.gnav li { height: 40px; }
.gnav li a {
	display: block;
	height: 34px;
	width: 220px;
	font-size: 16px;
	color: #301300;
	padding-top: 6px;
	padding-left: 20px;
}
.gnav li a:hover { opacity: 1; color: #E19687; }
.gnav li.gn2, .gnav li.gn3, .gnav li.gn4 {
	letter-spacing: 31px;
	vertical-align: top;
}


.btn_rsv {
	display: block;
	width: 240px;
	height: 50px;
	background: url(../images/btn_rsv_p.png?v2) no-repeat 0 0;
}
.btn_rsv:hover { opacity: 1; }
.btn_rsv:hover img { opacity: 0; }

.btn_cake {
	display: block;
	width: 240px;
	height: 55px;
	margin-top:10px;
	background: url(../images/btn_cake01_on.png) no-repeat 0 0;
}
.btn_cake:hover { opacity: 1; }
.btn_cake:hover img { opacity: 0; }

.btn_bus{z-index:50;}
.btn_bus:hover { opacity: 1; }

.bn_square { position: relative; z-index: 1; width: 230px; margin: 10px auto; z-index: 50; }
.bn_square img { width: 230px; }


.rsv_wrp {
	width: 980px;
	height: 90px;
	margin: 0 auto 40px auto;
	position: relative;
	background: url(../images/rsv_bg.jpg) no-repeat 0 0;
	font-size: 14px;
	color: #fff;
	padding: 15px 0;
}
.rsv_wrp select, .rsv_wrp option, .rsv_wrp input { vertical-align: baseline; }
.rsv_wrp .ttl {
	display: block;
	width: 120px;
	text-align: center;
	border-right: 1px solid #fff;
	padding: 22px 0;
}
.rsv_wrp li {
	line-height: 1;
	position: absolute;
}
.rsv_wrp .r1 { top: 15px; left: 140px; }
.rsv_wrp .r2 { top: 15px; left: 455px; border-left: 1px solid #fff; padding-left: 20px; }
.rsv_wrp .r3 { top: 51px; left: 140px; }
.rsv_wrp .r4 { top: 51px; left: 410px; border-left: 1px solid #fff; padding-left: 37px; }
.rsv_wrp .r5 { bottom: 15px; left: 140px; }
.rsv_wrp .r6 { top: 15px; left: 630px; }
.rsv_wrp .r7 { top: 15px; right: 20px; }
.rsv_wrp .r8 { bottom: 15px; right: 20px; }


.rsv_wrp .r2 select,.rsv_wrp .r4 select,
.rsv_wrp .r2 option,.rsv_wrp .r4 option {
	width: 45px;
}
.rsv_wrp .r6 span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}
.rsv_wrp .r7 input,.rsv_wrp .r8 a {
	background-color: #301300;
	text-align: center;
	width: 160px;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}
.rsv_wrp .r7 input {
	display: block;
	padding: 13px 0;
	border: none;
	font-family: "Hannari", "Sawarabi Mincho";
	font-size: 18px;
	letter-spacing: 25px;
	padding-left: 25px;
}
.rsv_wrp .r8 a {
	display: inline-block;
	padding: 6px 0;
	font-size: 12px;
	margin-left: 5px;
	letter-spacing: 1px;
}
.rsv_wrp .r7 input:hover, .rsv_wrp .r8 a:hover { background-color: #7B4D1E; }

.totop { width: 960px; margin: 40px auto; }
.totop a {
	width: 120px;
	height: 120px;
	background-color: #C89F62;
	display: block;
	position: relative;
	margin: 0 0 0 auto;
	background:url(../images/totop_on.gif) no-repeat 0 0;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}
.totop a:hover { opacity: 1; }
.totop a:hover img { opacity: 0; }




footer { width: 100%; background: url(../images/f_bg.jpg) repeat top center #75A22D; padding: 35px 0; color: #fff; }
footer .inner {
	width: 960px;
	height: 185px;
	margin: 0 auto;
	position: relative;
}
footer a { color: #fff; }
footer img { display: block; }
footer .fnav { margin-bottom: 9px; }
footer .fnav li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-right: 5px;
	line-height: 1;
}
footer .fnav li.noborder { border: none; }
footer .fnav li a:hover {
	color: #301300;
}
footer .f_txt { margin-bottom: 10px; }
footer .f_logo {
	display: block;
	width: 240px;
	height: 42px;
	overflow: hidden;
	background: url(../images/f_logo_on.png) no-repeat 0 0px;
	margin-bottom: 3px;
}
footer address {
	font-style: normal;
	font-size: 11px;
	line-height: 1.6;
}
footer .f_btn {
	position: absolute;
	right: 0;
	top: 0px;
	width: 240px;
	height: 50px;
	background: url(../images/btn_rsv_p.png) no-repeat 0 0px;
}
footer .f_btn:hover { opacity: 1; }
footer .f_btn:hover img { opacity: 0; }
footer .copy { position: absolute; bottom: 0; right: 0; font-size: 10px; margin-bottom: 0; }
footer .f_blog {
	position: absolute;
	right: 0;
	top: 60px;
	display: block;
	width: 240px;
	height: 80px;
	background: url(../images/f_blog_on.png) no-repeat 0 0;
}



article { width: 980px; margin: 0 auto; }


.col2, .col3, .col4 { width: 980px; }
.col2 li, .col3 li, .col4 li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.col2 li { width: 480px; margin-right: 20px; margin-bottom: 5px; }
.col2 li:nth-child(2n) { margin-right: 0; }

.col3 { margin-bottom: 30px; }
.col3 li { width: 296px; margin-right: 36px; }
.col3 li:nth-child(3n) { margin-right: 0;  }
.col3 li a { color: #fff; }
.col3 li a p { text-decoration: underline; }

.col4 li { width: 230px; margin-right: 20px; }
.col4 li:nth-child(4n) { margin-right: 0; }






h1.ttl {
	width:1080px;
	height:128px;
	margin-left: -60px;
	position:relative;
}

.ttl_c { width: 980px; display: block; text-align: center; margin-bottom: 40px; }


#gnav li { margin-right: 7px; }


h1.ttl_bg {
	background: url(../images/ttl_bg.png) no-repeat center center;
	font-size: 46px;
	text-align: center;
	padding: 31px 0;
}



.dyn_cal {
	color: #333;
}
.jhpd.rsv_wrp .r7 {
	right: 190px;
}
.jhpd.rsv_wrp .r7 input {
	padding: 37px 0 37px 25px;
}

.jhpd.rsv_wrp .r8 a {
	display: block;	
	margin-top: 9px;	
}

.yoyakuban .r7{ right: 190px; }
.yoyakuban .r7 input,.yoyakuban .r7 a,.yoyakuban .r8 a {
	background-color: #301300;
	text-align: center;
	width: 160px;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}
.yoyakuban .r7 input,.yoyakuban .r7 a {
	display: block;
	border: none;
	font-family: "Hannari", "Sawarabi Mincho";
	font-size: 18px;
	letter-spacing: 0;
	padding: 0 0 0 0 ;
	height: 90px;
	line-height: 90px;
}
.yoyakuban .r8{ width: 160px; }
.yoyakuban .r8 a {
	display: block;
	padding: 0 0 0 0;
	font-size: 12px;
	margin-left: 5px;
	letter-spacing: 1px;
	height: 40px;
	line-height: 40px;
}
.yoyakuban .r8 a:first-child{ margin-bottom: 10px; }
.yoyakuban .r7 input:hover,.yoyakuban .r7 a:hover, .yoyakuban .r8 a:hover { background-color: #7B4D1E; }

#p3 .rec4 li .imgs img{ height: 200px; }


/* rtban_box */
.rtban_box {
	width: 980px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.rtban_box a {
	width: 980px;
}
.rtban_box img {
	max-width: 100%;
	display: block;
	margin: auto;
}

/* if bnr >= 2 */
/*.rtban_box a {
	width: 480px;
}
.rtban_box img {
	max-width: 100%;
	display: block;
	margin: 0 auto 10px;
}*/