@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 62.5%;
}
body {
	margin: auto;
	color: #000;
	font-size: 1.4em;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100%;
}
div {border:none;margin:0;padding:0;}
img {vertical-align: middle;border-style:none;margin:0;padding:0;}

a:link {color:#555555;}
a:visited {color: #ddd;}
a:hover {color: #ff5500;}
h1 {
	font-size: 12px;
	font-weight: normal;
        text-decoration: none;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
p {
	line-height: 1.1;
	letter-spacing: 0.1em;
	margin: 0px 0px;
	padding: 0px;
}
img { border: 0px;}
br {padding:0;margin:0;width:0;}
.empha {
         font-weight: bold;
         color: #c92851;
         font-style: normal;
}

.fclear {clear:both;}



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

	/* クーポンボタン */
	.couponBtn {
		position:fixed;z-index:3;
		right:-18em;top:140px;
		transition:right 0.5s ease-in-out;
		
	}
	.couponBtn.appered {
		right:0;
	}
	.couponBtn:before {
		content:"";position:absolute;top:1rem;left:1rem;width:100%;height:100%;
	}
	.couponBtn .txt {
		background: radial-gradient(#d80000, #bc0000);
		position:relative;
		font-weight:bold;text-align: center;
		width:18rem;
		height:11.5rem;
		padding:2rem 4rem 2rem 2rem;
		font-size:2rem;line-height:130%;
		box-sizing:border-box;
		transition:0.4s all ease-in-out;
	}

	.couponBtn .txt:hover {width:22rem;}
	.couponBtn a {
		color:#fff!important;
		position:absolute;top:0;left:0;
		width:100%;height:100%;
		display:block;
		text-decoration:none;
	}
	.couponBtn a:hover {text-decoration:none;}
	.couponBtn span {font-size:1.8rem;display:block;color:#fff;margin-bottom:1rem;background:#6ab9ff;padding:0.5em;border-bottom:2px dashed #fff;}
	.couponBtn img {margin-right:0.3rem;}

	.couponBtn .txt{background:#268de8;}


}



#wrapper {
	margin: 0px auto;
	padding: 0px;
	padding-bottom: 50px;
	text-align: center;
	background:#222;
}

.inner {
	width: 84rem;overflow:hidden;
	margin-left:auto;margin-right:auto;
}

header {
	height: 70px;
	background-image:url(../images/bg_header_center.gif),url(../images/bg_header.gif);
	background-repeat:no-repeat,repeat-x ;background-position:top center,top left;
        text-align: left;
	z-index:5;
}
header .logo {
	float:left;
	margin-top:0.5rem;
}
header .logo:hover {opacity:0.8;transition: .2s;}

#header_info {
	float:right;width:32%;
	padding:1.2rem 0;font-size:1.2rem;
}
#header_info p,#header_info a {color:#fff;}
#header_info img {vertical-align:middle;margin-right:1rem;}
#header_info .tel {
	margin-top:0.3rem;
	font-size:2.8rem;font-weight:bold;letter-spacing:0.02rem;color:#fff;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.mobile_nav {display:none;}



nav.pc {
	width:100%;height:7rem;
	margin: 0 auto;overflow: hidden;
	background:url(../images/bg_nav.gif) repeat-x top left;
	z-index:4;
}
nav.pc ul {
	width: 84rem;overflow:hidden;
	margin: 0 auto;padding: 0;
	text-align: center;list-style-type: none;
}
nav.pc ul li {
	float: left;
	background:url(../images/bg_nav_li.gif) no-repeat top left ;
	width: 14rem;
}
nav.pc.fixed {position:fixed;top:0;left:0;}
nav.pc ul li a:hover {opacity:0.5;transition: .2s;}
nav.pc ul li a {display:block;}



#slideArea {}
#slideArea #slider li img {width:100%;}
#slider .bx-controls {}





#container {
	overflow: hidden;
	margin-left:auto;margin-right:auto;
}
main {
}
.sbcommonTt {
	color:#fff;font-weight:bold;font-size:3rem;line-height:160%;
	border-top:1px solid #fff;border-bottom:1px solid #fff;
	padding:1% 0;
}

.bnArea {
	width:100%;
	background:rgba(0,0,0,0.8);
	padding:2rem 0 3rem;
}
.bnArea a:hover {opacity:0.7;transition: .2s;}
.bnArea p {box-shadow: 0 0 5px #000;width:27rem;float:left;padding-right:1.5rem;padding-top:1rem;}
.bnArea p:nth-child(3n) {padding-right:0;}
.bnArea p:nth-child(3n+1) {clear:both;}



#top_appeal {
	background:url(../images/bg_appeal.jpg) no-repeat,top 50% center;
	padding:0 0 9%;background-attachment:fixed;
	background-size:auto 100%;
}
.appealList {width:100%;margin:3rem auto 0;}
.appealList li {overflow:hidden;margin-top:3rem;}
.appealList .num {float:left;margin-right:2rem;}
.appealList .txtArea {text-align:left;color:#fff;width: 66rem;float: right;}
.appealList .tt {font-size:3rem;line-height:160%;}
.appealList .txt p {line-height:160%;}
.appealList a,.appealList a:link,.appealList a:visited {color:#FFF300;}




#topics {
	background-color:#ffb100;
	background-image:url(../images/bg_topics_left.gif),url(../images/bg_topics_right.gif),url(../images/bg_topics.jpg);
	background-repeat:no-repeat,no-repeat,repeat-x;
	background-position:left top,right top,top left;
	padding:5% 0 10%;
	box-shadow: 0 0 50px #111;
	border-top: 2px solid #ffe05c;
	z-index: 2;
	position: relative;
}
#topics .inner {overflow:visible;}
#topics .tt {position:relative;margin-top:1rem;}

#topics .tt:before {
	position:absolute;
	content:url("../images/icon_tt_topics_left.gif");
	top:-7rem;left:30%;
}
#topics .tt:after {
	position:absolute;
	content:url("../images/icon_tt_topics_right.gif");
	top: -6rem;right: 32%;
}
#topics ul {
	text-align: left;overflow-y:scroll;
	width:71%;height:20rem;padding:0 2%;
	margin:3rem auto 0;
}
#topics ul li {
	line-height:180%;overflow:hidden;
	margin-top:1.5rem;
}
#topics .date {
	width:30%;float:left;font-weight:bold;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#topics .date:before {margin-right:2rem;}
#topics .info .date:before {content:url("../images/icon_topics_info.gif");vertical-align:middle;}
#topics .fee .date:before {content:url("../images/icon_topics_fee.gif");}
#topics .pack .date:before {content:url("../images/icon_topics_pack.gif");}

#topics ul li a {color:#DF230C;}
#topics ul li .title {font-weight:bold;font-size:1.6rem;display:block;line-height:180%;}
#topics .txt {width:70%;float:right;line-height:180%;}



#topRoomFood  {overflow:hidden;}
#top_room {
	position:relative;
	background:url(../images/bg_top_room.jpg) no-repeat top right;
	float:left;width:50%;height:35rem;
}
#top_food {
	position:relative;
	background:url(../images/bg_top_food.jpg) no-repeat top left;
	float:right;width:50%;height:35rem;
}
#topRoomFood .tt {padding-top:12rem;}
#topRoomFood a {
	width: 100%;height: 100%;
	display: block;
	position: absolute;
	top: 0;left: 0;
	text-indent: -9999px;
}
#topRoomFood .bg_bk {
	background:rgba(0,0,0,0.5);transition: .2s;
	width: 100%;height: 100%;
}
#topRoomFood .bg_bk:hover {background:rgba(0,0,0,0);transition: .2s;}


#info {
	background:#222;
	padding:8% 0;
}
#info table {
	text-align:left;
	width:60%;margin:auto;
	color:#fff;font-size:1.5rem;margin-top:5rem;
}
#info table tr {border-bottom:1px solid #eee;}
#info table td {padding:2%;}
#info table a {color:#fff;}

#top_access {
	position:relative;
	background:url(../images/bg_top_access.jpg) no-repeat top 30% center;
	background-size:cover;
	padding:8rem 0;
}
#map_canvas {
	width:100%;height:50rem;margin-left:auto;margin-right:auto;
	line-height:170%;
}
#top_sns {padding:6rem 0;color:#fff;}
#top_sns .tt {font-size:6rem;color:#fff;}
#top_commonDiv {padding:6rem 0;color:#fff;}
#top_commonDiv .tt {color:#fff;font-size:6rem;}

/* 近隣のおすすめ店舗紹介 */
.nearbyShops {width:26rem;float:left;margin-right:3rem;margin-top: 3rem;}
.nearbyShops:last-child {margin-right:0rem;}
.nearbyShops .name {
	font-size:1.8rem;line-height:160%;padding:1rem 0;font-weight:bold;
	border-top:1px solid #fff;border-bottom:1px solid #fff;
}
.nearbyShops .name .sb {font-size:1.2rem;}
.nearbyShops .pic {margin-top:1rem;}
.nearbyShops .bn {margin-top:1rem;border:1px solid #fff;}
.nearbyShops .bn:hover {opacity:0.7;}
.nearbyShops .bn a {
	padding:1rem;display:block;line-height:160%;color:#fff;font-weight:bold;
}


.sub_bn {border:2px dotted #ee0000;text-align:center;}
.sub_bn:hover {background:#ffe7e7;}
.sub_bn a {
	padding:3% 0;display:block;line-height:160%;
	font-size:1.8rem;color:#ee0000;text-decoration:underline;font-weight:bold;
}
.sub_bn a:link,.sub_bn a:visited {color:#ee0000;text-decoration:underline;}


/* fee */
.feeTb {width:100%;background:#fff;color:#222;font-size:1.6rem;line-height:160%;}
.feeTb th,.feeTb td {padding:2%;border:1px solid #4b4b4b;}
.feeTb th {width:30%;}
.feeTb td {width:35%;text-align:center;}
.feeTb td p {line-height:160%;}

.feeTb.day th {background:#ffb216;font-weight:bold;}
.feeTb.day tr:first-child td {background:#ffb216;font-weight:bold;}
.feeTb.night th {background:#afd8ff;}
.feeTb.night tr:first-child td {background:#afd8ff;}
.feeTb.option {width:31%;height: 28rem;float:left;margin-top:3rem;margin-right:3.4%;}
.feeTb.option:nth-child(3) {margin-right:0%;}
.feeTb.option th {height:15rem;}
.feeTb.option .bg {background:#ffd6ed;font-size:2rem;line-height:160%;}




/* food */
#food {color:#fff;}
#food .tt {
	font-size:2.5rem;text-align:left;padding:1rem 0;position: relative;
}
#food .tt:before {
	content: '';position: absolute;
	bottom: 0;left: 0;right: 0;
	width: 100%;height: 1px;
	margin: 0 auto; text-align: center;
	background: #222;
	background-image: -webkit-linear-gradient(left, transparent, #fff 0%, #222 100%, transparent);
	background-image: linear-gradient(to right, transparent, #fff 0%, #222 100%, transparent);
	background-position: center;background-repeat: no-repeat;
}
.foodPicDiv {overflow:hidden;}
.foodPicDiv p {
	margin-top:2rem;
	float:left;width:19.5rem;line-height:160%;font-size:1.5rem;padding-right:2rem;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.foodPicDiv p:nth-child(4n) {padding:0;}
.foodPicDiv p:nth-child(4n+1) {clear:both;}
.foodPicDiv .nedan {
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:2rem;display:block;
}
.foodPicDiv .nedan .en {font-size:1.1rem;}


/* room */
#room {color:#fff;}
.kakko {
	letter-spacing:0.3rem;display: inline-block;
	font-size:3rem;position: relative;padding:1rem 2em;
}
.kakko:before,.kakko:after {content:'';width:3rem;height:100%;position: absolute;display: inline-block;}
.kakko:before {top:0;left:0;border-top:2px solid #fff;border-left:2px solid #fff;}
.kakko:after {bottom:0;right:0;border-bottom:2px solid #fff;border-right:2px solid #fff;}

.roomPicDiv {overflow:hidden;}
.roomPicDiv .room {float:left;margin-top:3rem;}
.roomPicDiv .room .tt {font-size:1.7rem;line-height:160%;font-weight:bold;padding:3% 0;
	border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom:1rem;
}
.roomPicDiv .room .big-tt {font-size:2.2rem;}
.roomPicDiv p {position:relative;overflow:hidden;}
.roomPicDiv.pic2 .room {width:39.5rem;}
.roomPicDiv.pic2 .room:last-child {float:right;}
.roomPicDiv.pic3 .room {width:24.6rem;padding-right:5rem;}
.roomPicDiv.pic3 .room:nth-child(3n) {padding-right:0;}
.roomPicDiv.pic3 .room:nth-child(3n+1) {clear:both;}

.roomPicDiv p img {width:100%;display: block;position: relative;box-shadow:0 0 3px #111;}
.roomPicDiv .ribon {
	position:absolute;display: inline-block;
	top: 10px;left: -28px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;text-transform: uppercase;
	width: 130px;padding:10px;
	-webkit-transform: rotate(-35deg);-moz-transform: rotate(-35deg);-o-transform: rotate(-35deg);-ms-transform: rotate(-35deg);
}
.roomPicDiv .ribon.re {background: #d50000;}
.roomPicDiv .ribon.bl {background: #0077db;}
.roomPicDiv .ribon.or {background: #ef5400;}
.enkaiDiv {padding:4% 2%;border:3px solid #fff;}
.enkaiDiv .tel {font-size:5rem;}



/* darts */
#darts {
	background:url(../images/bg_darts.jpg) no-repeat top center;
	background-size:100%;
}



/* coupon */
#coupon {color:#fff;}
.coupon {
	width:60%;border:2px dashed #ff1616;padding:3rem;
	margin-left:auto;margin-right:auto;
	background:#fff;color:#222;
}
.coupon .kome {text-align:left;margin-top:1rem;}
.coupon .kome p {line-height:150%;}


/* drinkbar */
#drinkbar {color:#fff;}




@media screen and (max-width: 720px) {

#wrapper {width: 100%;}
#header {width: 100%;}
#wrapper #header p.header_info {display:none;}
#fla_area {display:none;}
#topnavi-nonpc {width:100%;display:block;}
#topnavi-nonpc ul {list-style-type:none;margin:5px auto;}
#topnavi-nonpc ul li {width:100%;float:left;}
#topnavi-nonpc ul li a {font-size:1.6em;}
#container {width:100%;}
#main {width:100%;}

#topics {width:100%;}
#darts_box {width:100%;}
#pack {width:100%;}
#pointbox {width:100%;}
#link_area {width:100%;}

}




footer {
}

.footer_top {
	background:url(../images/bg_header.gif) repeat-x top left;background-size: auto 100%;
	padding:2% 0;
}
.footer_top ul {overflow:hidden;}
.footer_top li {float:left;}
.footer_top li a {text-align:center;display:block;width:15rem;color:#fff;}

.footer_mdl {background:#111;padding:5rem;}
.footer_mdl .logo {float:left;}
.footer_mdl .leftArea {
	width:60%;float:right;
}
.footer_mdl .leftArea p {padding-top:0.5rem;color:#fff;}


.footer_btm p {background:#000;line-height:160%;color:#999;padding: 0.3rem 0;}




a {color:#557;}
a:hover{
		color:#ef5500;
		text-decoration: underline;}
a:visited {color:#888;}


.pc_only {display:block;}
.mobile_only {display:none;}