@charset "utf-8";


@import url("header.css");
@import url("footer.css");

/*  初期化設定/汎用的な設定
------------------------------------------------------------------------------------------------------*/

/* reset */
*{margin: 0; padding: 0}
ul, ol, nav { list-style : none}

img{vertical-align:middle}
a img{border:none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body{
	-webkit-text-size-adjust: none;
	font-size: 62.5%;
	font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	color:#444444;
	background:#FFF;
	padding:0;
	line-height:1.5;
}



/* box layout
------------------------------------------------------------------------------------------------------*/
#container{
	max-width:950px;
	margin:0 auto;
}

#content{
	margin:0 auto;
	padding:10px 0 0 0;
	overflow: hidden;
	zoom: 1;
}

#main{
	width:100%;
}


/* パンくず
------------------------------------------------------------------------------------------------------*/
ul#pan{
	font-size:12px;
	margin:0 0 15px 0;
	overflow:hidden;
}

ul#pan li{
	float:left;
	padding:0 5px 0 0;
}


/* common_set
------------------------------------------------------------------------------------------------------*/
#tmp_emergency_area{
	border:solid 1px #F6D256;
	background:#F7EAC6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url("/pie/PIE.php");
	position:relative;
	padding:8px;
	margin:0 auto 10px;
	width:90%;
	font-size:12px;
}

#tmp_emergency_area h4{
	text-align:left;
	font-size:14px;
	background:url(/img/icon/icon_emergency.png) left center no-repeat;
	padding:3px 0 0 23px;
	cursor:pointer;
}
#tmp_emergency_area h4 b{
	font-weight:bold;
	color:#a52a2a;
}

#emergency_area{
	border:solid 1px #F6D256;
	background:#F7EAC6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url("/pie/PIE.php");
	position:relative;
	padding:8px;
	margin:0 auto 10px;
	width:90%;
	font-size:12px;
}

#emergency_area h4{
	text-align:left;
	font-size:14px;
	background:url(/img/icon/icon_emergency.png) left center no-repeat;
	padding:3px 0 0 23px;
	cursor:pointer;
}
#emergency_area h4 b{
	font-weight:bold;
	color:#a52a2a;
}

#emergency_text{
	padding:10px 0 0;
	text-align:left;
	font-size:14px;
	display:none;
}

#emergency_text .to_link{
	margin:10px 0;
	text-align:right;

}

#emergency_text .to_link a{
	display:inline-block;
	font-size:14px;
	background: #09194E none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	line-height: 1.5;
	padding: 5px 20px;
	position: relative;
}
#emergency_text .to_link a:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent #fff;
	border-image: none;
	border-style: solid;
	border-width: 5px;
	content: "";
	margin-top: -5px;
	position: absolute;
	right: 5px;
	top: 50%;
}

#emergency_text .close_box{
	text-align:center;
	margin:10px 0;
}

#emergency_text .close_box p#emergency_close{
	display:inline-block;
	cursor:pointer;
	background:#FFF;
	border:1px solid #d6d2c4;
	border-radius: 5px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:3px 15px;
}


/*  link
------------------------------------------------------------------------------------------------------*/
a { text-decoration : none}

a{
	color:#444;
	text-decoration:none;
}
/*	color:#3071B8;*/

a:visited{
	color:#941D55;
	text-decoration:none;
}
/*color:#993399;*/

a:hover{
	color:#EB6100 !important;
	text-decoration:underline;
}

/*  utility
------------------------------------------------------------------------------------------------------*/
.alignt
{vertical-align:top !important;}
.alignr
{text-align:right !important;}
.alignl
{text-align:left !important;}
.alignc
{text-align:center !important;}
.floatr
{float:right !important;}
.floatl
{float:left !important;}

/* update 2007/05/03*/
img.floatl{
	margin-right:5px;
}
img.floatr{
	margin-left:5px;
}
.bold
{font-weight:bold !important;}
.clear
{clear:both !important;}
br.del,div.del
{clear:both !important;}
ul.del
{margin:0 !important;padding:0 !important;}
.no_bg
{background:#fff !important;}
.underline
{text-decoration:underline !important;}
ul.underline li a
{text-decoration:underline !important;}
.links
{display:none !important;}

/* update 2007/05/03 */
.li_top{
	border-top:none !important;
}
.li_bottom{
	border-bottom:none !important;
}


/*  透明度設定
------------------------------------------------------------------------------------------------------*/
#transp80,
.transp80{filter:alpha(opacity=80);	-moz-opacity: 0.8;opacity: 0.8;}
#transp70,
.transp70{filter:alpha(opacity=70);	-moz-opacity: 0.7;opacity: 0.7;}
#transp65,
.transp65{filter:alpha(opacity=65);	-moz-opacity: 0.65;opacity: 0.65;}
#transp60,
.transp60{filter:alpha(opacity=60);	-moz-opacity: 0.6;opacity: 0.6;}

/* clearfix
----------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*color
------------------------------------------------------------*/

/*icon
------------------------------------------------------------*/
.arrow_bWhite{
	background:url(../../../img/SmartPhone/common/icon/arrow_bWhite.png) left center no-repeat;
	padding:3px 0 0 20px;
}

.icon_blank_b{
	background:url(../../img/SmartPhone/common/icon/icon_blank_b.png) right center no-repeat !important;
	padding:3px 15px 0 0;
}

.icon_pdf{
	background:url(../../img/SmartPhone/common/icon/icon_pdf.png) right center no-repeat;
	padding:3px 15px 0 0;
}

/*new
------------------------------------------------------------*/
span.new:after{
	content:"【new】 ";
	color:#F00;
	font-weight:bold;
}


/*plan_list
------------------------------------------------------------*/
.plan_list h2{
	border-top:solid 2px #A3CD39;
	border-bottom:solid 1px #A3CD39;
	font-size:14px;
	font-weight:bold;
	color:#09194E;
	padding:10px 0 10px 15px;
}

.plan_list .plans_box{
	overflow:hidden;
	border-top:solid 1px #DCDCDC;
	background:url(../../../img/SmartPhone/common/icon/icon_toArrow_blue.png) 98% center no-repeat;
	padding:0 0 0 0;
}

.plan_list .plans_box a{
	display:block;
	overflow:hidden;
	text-decoration:none;
}

.plan_list .plans_box .plans_img{
	float:left;
	width:35%;
	max-width:220px;
	padding:0 5px 0 0;
}

.plan_list .plans_box .plans_img img{
	width:100%;
	padding:10px 0;
}

.plan_list .plans_box .plan_cat{
	text-align:right;
	font-size:10px;
	color:#FFF !important;
	line-height:1;
}

.plan_list .plans_box .plan_cat span{
	display:inline-block;
	margin:0 0 2px 0;
	padding:2px 3px;
	/*width:63px;*/
	text-align:center;
	background:#A7C43F;
}

.plan_list .plans_box .plan_cat span.campaign{background:#835D00;}
.plan_list .plans_box .plan_cat span.basic{background:#A7C43F;}
.plan_list .plans_box .plan_cat span.special{background:#D05391;}

.plan_list .plans_box .plan_cat span.a-la-carte{background:#61608C;}
.plan_list .plans_box .plan_cat span.other{background:#61608C;}
.plan_list .plans_box .plan_cat span.dinner{background:#000;}
.plan_list .plans_box .plan_cat span.buffet{background:#D05391;}
.plan_list .plans_box .plan_cat span.lunch{background:#A7C43F;}



.plan_list .plans_box h3{
	font-size: 12px !important;
	padding: 3px 10px 0 0 !important;
	background: none !important;
	border: none !important;
}

.plan_list p.no_data{
	font-size:12px;
	text-align:center;
	padding:20px 0;
}

/*予約カレンダー
------------------------------------------------------------*/
#ui-datepicker-div{
	width:80%;
}

.ui-datepicker .ui-datepicker-title{
	font-size:150% !important;
}

.ui-datepicker table{
	font-size:200% !important;
}

.ui-datepicker .ui-datepicker-buttonpane button{
	font-size:150% !important;
}

/*予約ウィジェット
------------------------------------------------------------*/
#booking_widget h2{
	font-size: 14px;
	font-weight: bold;
	color: #A3CD39;
	padding: 10px 0 10px 15px;
	background-color: #09194E;
	border-top: 2px solid #A3CD39;
}

#tc-widget {
	width:100% !important;
}

#tc-widget[data-theme="clear"] .tc-header {
	display:none;
}

#tc-widget * {
	text-align: center;
}

#tc-widget .tc-shop select {
	float: left;
	width: 100% !important;
}

#tc-widget input[type="text"] {
	width: 90% !important;
}

#tc-widget select {
	width: 90% !important;
}

#tc-widget .tc-book {
	border-radius: 0;
	-webkit-appearance: none;
	background:#A3CD39 !important;
	color:#FFF;

}

/*予約ボタン
------------------------------------------------------------*/
.booking_button{
	padding:10px;
	background:#DCDCDC;
}

.booking_button p.button{
	width:100%;
	margin:0 auto;
}

.booking_button p.button img{
	width:100%;
}

.booking_button p.txt{
	font-size:14px;
	text-align:center;
	padding:3px 0;
}

.booking_button p.txt a{
	background:url(../../img/SmartPhone/common/icon/arrow_wBlue.png) left center no-repeat;
	padding:0 0 0 20px;
	color:#444;
	text-decoration: none !important;
}

.booking_button .gtt{
	margin: 10px auto 0;
	text-align: center;
	padding: 0 3vw;
}

.booking_button .gtt img{
	width: 100%;
	height: auto;
}

.booking_button .gtt p{
	font-size:14px;
	color: #FFF;
	background: rgba(0,30,58,0.85);
	text-align:left;
	padding:5px;
}

.button_booking_restaurants{
	padding:10px;
	background:#DCDCDC;
	overflow:hidden;
}

.button_booking_restaurants .restrants_tel{
	overflow:hidden;
	padding:0;
}

.button_booking_restaurants p{
	float:left;
	font-size:14px;
	padding:7px 0 0 0;
}

.button_booking_restaurants .button_send{
	float:right;
}


.button_booking_restaurants p.button{
	width:100%;
	margin:0 auto;
	-moz-box-shadow:4px 5px 4px #ababab;
	-webkit-box-shadow:4px 5px 4px #ababab;
	box-shadow:4px 5px 4px #ababab;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

.button_booking_restaurants p.button img{
	width:100%;
}

.button_booking_restaurants .restrants_mail{
	clear:both;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	border-top:1px dotted #999;
}

.button_booking_restaurants .restrants_mail p{
	font-size:14px;
	padding:10px 0;
}

.button_booking_restaurants .restrants_mail p a{
	font-size:12px;
}

.button_booking_restaurants p.note{
	clear:both;
	font-size:12px;
	padding:0;
}

/*** button ***/
.to_button_f{
	text-align:center;
	margin: 0 0 20px;
}

.to_button_f a{
	display:inline-block;
	font-size:16px;
	color:#FFF;
	line-height:1.5;
	padding:10px 25px;
	background:#09194E;
	border-radius:3px;
	position:relative;
	text-decoration: none !important;
}

.to_button_f a:hover{
	opacity:0.7;
}

.to_button_f a:after{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color:transparent transparent transparent #FFF;
	border-image: none;
	border-style: solid;
	border-width: 5px;
	content: "";
	position: absolute;
	right: 3%;
	top:50%;
	margin-top:-5px;
}

/*aside
------------------------------------------------------------*/
.aside{
	clear:both;
}

.aside h2{
	font-size: 14px;
	font-weight: bold;
	color: #A3CD39;
	padding: 10px 0 10px 15px;
	background-color: #09194E;
	border-top: 2px solid #A3CD39;
}

.aside ul{
}

.aside ul li{
	font-size:14px;
	padding:10px 0 10px 10px;
	border-bottom:solid 1px #DCDCDC;
	background:url(../../../img/SmartPhone/common/icon/icon_toArrow_blue.png) 98% center no-repeat;
}

.aside ul li a{
	display:block;
	text-decoration: none !important;
}

/*エラーページ
------------------------------------------------------------*/
#error{
}
#error #article_header_area h2{
	font-size:18px;
	padding:5px 20px 0;
}

#error #errorTop_area{
	width:90%;
	margin:10px auto 30px;
	background:#FAF5E1;
	border-radius:3px;
	padding:20px 0;
	box-shadow:2px 2px 2px #4F4D4D;
}

#error #errorTop_area h2{
	font-size:21px;
	color:#09194E;
	text-align:center;
	margin:0 0 30px;
}

#error #errorTop_area p{
	font-size:16px;
	text-align:center;
	margin:0 0 30px;
}

#error #errorTop_area .to_button_r{
	text-align:center;
}

#error #errorTop_area .to_button_r a{
	display:inline-block;
	font-size:14px;
	color:#FFF;
	line-height:1.5;
	padding:10px 0;
	width:80%;
	background:#09194E;
	border-radius:3px;
	position:relative;
	text-decoration: none !important;
}

#error #errorTop_area .to_button_r a:hover{
	opacity:0.7;
}

#error #errorTop_area .to_button_r a:after{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color:transparent transparent transparent #FFF;
	border-image: none;
	border-style: solid;
	border-width: 5px;
	content: "";
	position: absolute;
	right: 3%;
	top:50%;
	margin-top:-5px;
}

/*ページング
------------------------------------------------------------*/
.paginator_num{
	text-align:center;
	height:25px;
}

.paginator_num span{
	font-size:12px;
	border:1px solid #CCCCCC;
	padding:3px 10px;
}

.paginator_num span.current{
	background:#2467EC;
	color:#FFF;
}


.paginator_num span.prev{
	background:url(../img/common/icon/icon_prev.png) 5px center no-repeat;
	padding:3px 10px 3px 15px;
}

.paginator_num span.next{
	background:url(../img/common/icon/icon_next.png) 40px center no-repeat;
	padding:3px 15px 3px 10px;
}

/*マージン
------------------------------------------------------------*/
.m0{margin:0px !important;}
.mt0{margin-top:0px !important;}
.ml0{margin-left:0px !important;}
.mb0{margin-bottom:0px !important;}
.mr0{margin-right:0px !important;}


.m3{margin:3px !important;}
.mt3{margin-top:3px !important;}
.ml3{margin-left:3px !important;}
.mb3{margin-bottom:3px !important;}
.mr3{margin-right:3px !important;}

.m5{margin:5px !important;}
.mt5{margin-top:5px !important;}
.ml5{margin-left:5px !important;}
.mb5{margin-bottom:5px !important;}
.mr5{margin-right:5px !important;}

.m10{margin:10px !important;}
.mt10{margin-top:10px !important;}
.ml10{margin-left:10px !important;}
.mb10{margin-bottom:10px !important;}
.mr10{margin-right:10px !important;}

.mt15{margin-top:15px !important;}
.ml15{margin-left:15px !important;}
.mb15{margin-bottom:15px !important;}
.mr15{margin-right:15px !important;}

.m20{margin:20px !important;}
.mt20{margin-top:20px !important;}
.ml20{margin-left:20px !important;}
.mb20{margin-bottom:20px !important;}
.mr20{margin-right:20px !important;}

.m30{margin:30px !important;}
.mt30{margin-top:30px !important;}
.ml30{margin-left:30px !important;}
.mb30{margin-bottom:30px !important;}
.mr30{margin-right:30px !important;}

.m35{margin:35px !important;}
.mt35{margin-top:35px !important;}
.ml35{margin-left:35px !important;}
.mb35{margin-bottom:35px !important;}
.mr35{margin-right:35px !important;}

/*パディング
------------------------------------------------------------*/
.p0{padding:0px !important;}
.pt0{padding-top:0px !important;}
.pl0{padding-left:0px !important;}
.pb0{padding-bottom:0px !important;}
.pr0{padding-right:0px !important;}


.p3{padding:3px !important;}
.pt3{padding-top:3px !important;}
.pl3{padding-left:3px !important;}
.pb3{padding-bottom:3px !important;}
.pr3{padding-right:3px !important;}

.p5{padding:5px !important;}
.pt5{padding-top:5px !important;}
.pl5{padding-left:5px !important;}
.pb5{padding-bottom:5px !important;}
.pr5{padding-right:5px !important;}

.p10{padding:10px !important;}
.pt10{padding-top:10px !important;}
.pl10{padding-left:10px !important;}
.pb10{padding-bottom:10px !important;}
.pr10{padding-right:10px !important;}

.pt15{padding-top:15px !important;}
.pl15{padding-left:15px !important;}
.pb15{padding-bottom:15px !important;}
.pr15{padding-right:15px !important;}

.p20{padding:20px !important;}
.pt20{padding-top:20px !important;}
.pl20{padding-left:20px !important;}
.pb20{padding-bottom:20px !important;}
.pr20{padding-right:20px !important;}

.p30{padding:30px !important;}
.pt30{padding-top:30px !important;}
.pl30{padding-left:30px !important;}
.pb30{padding-bottom:30px !important;}
.pr30{padding-right:30px !important;}

/*  slideshow
------------------------------------------------------------------------------------------------------*/
#detail_slideshow{
	margin: 0 0 25px;
}

#detail_slideshow li img{
	width: 100%;
	height: auto;
}

#detail_slideshow .slick-arrow{
	top:50%;
}

/*左右の矢印の色を変える*/
#detail_slideshow .slick-prev:before,
#detail_slideshow .slick-next:before {
	color: #000;
}
/*左右の矢印の位置を変える*/
#detail_slideshow .slick-next {
	right: 5px;
	z-index: 99;
	background:url(../../../img/SmartPhone/common/icon/slide_next.png) center center no-repeat !important;
	background-size:contain !important;
	width: 30px;
	height: 40px;
}
#detail_slideshow .slick-next:before{
	content:"";
}

#detail_slideshow .slick-prev {
	left: 5px;
	z-index: 100;
	background:url(../../../img/SmartPhone/common/icon/slide_prev.png) center center no-repeat !important;
	background-size:contain !important;
	width: 30px;
	height: 40px;
}
#detail_slideshow .slick-prev:before{
	content:"";
}

#detail_slideshow .slick-dots li{
	margin:0 !important;
}

/*スライド数のドットの色を変える*/
#detail_slideshow .slick-dots li.slick-active button:before,
#detail_slideshow .slick-dots li button:before {
	color: #999 !important;
	opacity:0.8;
	font-size:23px;
}

#detail_slideshow .slick-dots li button:hover:before,
#detail_slideshow .slick-dots li button:focus:before
{
	opacity:1;
	color: rgba(0,30,58,1) !important;
}
#detail_slideshow .slick-dots li.slick-active button:before{
	opacity:1;
	color: rgba(0,30,58,1) !important;
}
