@charset "utf-8";

/*==============================================
//
//   initialize basic_style
//
================================================*/
html{
	-o-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}
body{
	margin:				0;
	padding:			0;
	color:				#444;
	font-size:			85%;
	font-weight:		normal;
	line-height:		1em;
	letter-spacing:		0em;
	/*font-family:		"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	/*font-family:		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family:		"Helvetica-Light", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
}
a{
	color:				#594F40;
	text-decoration:	underline;
}
a:hover{
	color:				#846F62;
	text-decoration:	none;
}
a:active{
	text-decoration:	none;
}

address, div, form, fieldset, legend, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dl, dt, dd, p, img, strong, em, span, blockquote, q {
	margin: 			0;
	padding:			0;
	border:				none;
	font-size: 			1em;
	font-style: 		normal;
	font-weight: 		normal;
	vertical-align:		top;
}


table, tr, th, td{
	font-size: 			1em;
	
	margin:				0;
	padding:			0;
	
	border:				0 none;
	border-spacing:		0;
	border-collapse:	collapse;
}

fieldset{
	display:			block;
}

object, embed{
	vertical-align: top;
}

hr{
	margin-top: 20px;
	margin-bottom: 20px;
	
	border-style: solid;
	border-width: 1px 0;
	border-top-color: #ccc;
	border-bottom-color: #fff;
	
}

/*---------------------------------
* スタイル再定義
*---------------------------------*/
p{
	margin-bottom: 1em;
}
strong{
	font-weight: bold;
}
/*
h2, h3, h4, h5, h6{
	font-weight:bold;
}
h2{margin-bottom:20px;}
h3{margin-bottom:10px;}
h4, h5, h6{margin-bottom:5px;}
*/
ol{
	margin-left:24px;
}
pre{
	margin-bottom:15px;
}

input{
	vertical-align: middle;
}
* html input{vertical-align: middle;}
*+html input{vertical-align: middle;}

img{
	-ms-interpolation-mode: bicubic;
}

a img{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}



@font-face {
	font-family: 'icomoon';
	src:url('./fonts/icomoon.eot?y91vfu');
	src:url('./fonts/icomoon.eot?#iefixy91vfu') format('embedded-opentype'),
		url('./fonts/icomoon.woff?y91vfu') format('woff'),
		url('./fonts/icomoon.ttf?y91vfu') format('truetype'),
		url('./fonts/icomoon.svg?y91vfu#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}




/*==============================================
//
//   common style
//
================================================*/
/*------------------------------
　■float解除
------------------------------*/
.clearfix:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%; /* IE 7対策 */}
/* Hides from IE-mac \*/* html .clearfix{height:1%;}.clearfix{display:block;}/* End hide from IE-mac */



/*------------------------------
　■テキスト装飾
------------------------------*/
.tl,	.t-left		{ text-align: left; }
.tc,	.t-center	{ text-align:center; }
.tr,	.t-right	{ text-align:right; }

/* 強調アイコン */
.em{
	color: #000;
}

.importance{color: #f00;}
.error{
	color: #c00;
	font-weight:bold;
}
input.error,
textarea.error{
	background: #fee;
}

/*------------------------------
■レイアウト
------------------------------*/
.floatLeft{float:left;}
.floatRight{float: right;}
.indent{
	margin-left: 20px;
}
.section{margin-bottom: 20px;}
.article{margin-bottom: 10px;}
.figure{
	font-size:0.8em;
	text-align:center;
	margin-bottom: 10px;
}
.figure_left	{margin-right: 20px;}
.figure_right	{margin-left: 20px;}
img.fit{
	width: 100%;
}
.hidden{
	display:none;
}
.block{
	display:block;
}
.inblock{
	font-size: 0;
	list-style:none;
	text-align:center;
}
.inblock li{
	font-size: 14px;
	display:inline-block;
	/*display:inline;*/
	margin-left: 4px;
	margin-right: 4px;
}
*+html .inblock li{display:inline;zoom:1;}
* html .inblock li{display:inline;zoom:1;}
.inframe{
	overflow-y: scroll;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
}
.nav{list-style:none;}
.section p{margin-bottom:1em;}

.outline{
	padding: 10px 20px;
	border: 1px solid #ccc;
}


/* コンテンツヘッダ */
.hgrp{margin-bottom:20px;}
.hgrp h1{margin-bottom:20px;}
.hgrp p{margin-left:15px;}


/* 注意事項 箇条書き*/
ul.annotation{list-style:none;}
ul.annotation li{padding-left: 1em;}
ul.annotation li:first-letter{margin-left: -1em;}

/* jsがoffの警告 */
#no-script{
	color: #f00;
	font-weight:bold;
	text-align:center;
	background: #fee;
	border: 1px solid red;
}

/* hover */
.hover{
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
.hover:hover{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/* web font アイコン */
.webfont{
	font-family: 'icomoon';
	vertical-align: middle;
}

/* cssボタン(スマホ) */
.button01{
	display:inline-block;
	color: #351B4B;
	padding: 10px;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
	
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	
	/* css3 */
	background: #e3e3e3;
	background: linear-gradient(#fff, #e3e3e3);
	background: -o-linear-gradient(#fff, #e3e3e3);
	background: -ms-linear-gradient(#fff, #e3e3e3);
	background: -moz-linear-gradient(#fff, #e3e3e3);
	background: -khtml-linear-gradient(#fff, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e3e3));
}

.button02{
	display:inline-block;
	
	text-align:center;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #666;
	text-decoration:none;
	
	
	/* css3 */
	border-radius:			5px;
	-o-border-radius:		5px;
	-ms-border-radius:		5px;
	-moz-border-radius:		5px;
	-khtml-border-radius:	5px;
	-webkit-border-radius:	5px;
	
	background: linear-gradient(#fff, #E9E9E9);
	background: -o-linear-gradient(#fff, #E9E9E9);
	background: -ms-linear-gradient(#fff, #E9E9E9);
	background: -moz-linear-gradient(#fff, #E9E9E9);
	background: -khtml-linear-gradient(#fff, #E9E9E9);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E9E9E9));
}
.button03{
	display:inline-block;
	
	text-align:center;
	font-size: 14px;
	padding: 3px 6px;
	color: #fff;
	background-color: #351B4B;
	text-decoration:none;
	
	
	/* css3 */
	border-radius:			3px;
	-o-border-radius:		3px;
	-ms-border-radius:		3px;
	-moz-border-radius:		3px;
	-khtml-border-radius:	3px;
	-webkit-border-radius:	3px;
	
	transition:				all 0.15s ease-out;
	-o-transition:			all 0.15s ease-out;
	-ms-transition:			all 0.15s ease-out;
	-moz-transition:		all 0.15s ease-out;
	-webkit-transition:		all 0.15s ease-out;
}
.button03:hover{
	color: #fff;
	background-color: #94879F;
}
.bt_fit{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}


/* アイコン(背景画像) */
.icn{
	background-repeat: no-repeat;
}
.icn_pos_lt{background-position: left top;}
.icn_pos_lc{background-position: left center;}
.icn_pos_lb{background-position: left bottom;}
.icn_pos_ct{background-position: center top;}
.icn_pos_cd{background-position: center center;}
.icn_pos_cb{background-position: center bottom;}
.icn_pos_rt{background-position: right top;}
.icn_pos_rc{background-position: right center;}
.icn_pos_rb{background-position: right bottom;}

.icn_arw01l{background-image: url(../img/base/icn_arw01l.png); padding-right: 18px;}
.icn_arw01r{background-image: url(../img/base/icn_arw01r.png); padding-left: 18px;}

.icn_arw02l{background-image: url(../img/base/icn_arw01l.png); padding-right: 18px;}
.icn_arw02r{background-image: url(../img/base/icn_arw01r.png); padding-left: 18px;}

.icn_square{background-image: url(../img/base/icn_square.gif); padding-left: 18px}




/* css矢印 */
.arw{
	position: relative;
}
.arw:before{
	content: "";
	display:block;
	position: absolute;
	
	border-color: #000;
	border-style: solid;
	border-width: 1px 1px 0 0;
}
.arw1:before{border-width: 1px 1px 0 0;}
.arw2:before{border-width: 2px 2px 0 0;}
.arw3:before{border-width: 3px 3px 0 0;}
.arw4:before{border-width: 4px 4px 0 0;}
.arw5:before{border-width: 5px 5px 0 0;}
.arw_top:before{
	transform:			rotate(315deg);
	-o-transform:		rotate(315deg);
	-ms-transform:		rotate(315deg);
	-moz-transform:		rotate(315deg);
	-khtml-transform:	rotate(315deg);
	-webkit-transform:	rotate(315deg);
}
.arw_right:before{
	transform:			rotate(45deg);
	-o-transform:		rotate(45deg);
	-ms-transform:		rotate(45deg);
	-moz-transform:		rotate(45deg);
	-khtml-transform:	rotate(45deg);
	-webkit-transform:	rotate(45deg);
}
.arw_btm:before{
	transform:			rotate(135deg);
	-o-transform:		rotate(135deg);
	-ms-transform:		rotate(135deg);
	-moz-transform:		rotate(135deg);
	-khtml-transform:	rotate(135deg);
	-webkit-transform:	rotate(135deg);
}
.arw_left:before{
	transform:			rotate(225deg);
	-o-transform:		rotate(225deg);
	-ms-transform:		rotate(225deg);
	-moz-transform:		rotate(225deg);
	-khtml-transform:	rotate(225deg);
	-webkit-transform:	rotate(225deg);
}

.arw_ss:before	{width: 05px; height: 05px;}
.arw_s:before	{width: 08px; height: 08px;}
.arw_m:before	{width: 12px; height: 12px;}
.arw_l:before	{width: 18px; height: 18px;}
.arw_ll:before	{width: 24px; height: 24px;}

.arw_gray:before	{border-color: #999;}

/* タイトル */
.hed,
.hedb{
	color: #351B4B;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
.hed{font-weight:normal;}
.hedb{font-weight: bold;}

.hed_sss{font-size: 10px;}
.hed_ss	{font-size: 12px;}
.hed_s	{font-size: 14px;}
.hed_m	{font-size: 16px;}
.hed_l	{font-size: 18px;}
.hed_ll	{font-size: 20px;}
.hed_lll{font-size: 31px;}

/* read more (mobile) */
.bt_read_more{
	display:inline-block;
	position: relative;
	background: #fff;
	line-height: 1.1em;
	padding: 5px 15px 5px 30px;
	border: 1px solid #666;
	text-decoration:none;
}
.bt_read_more:before{
	content: "";
	color: #fff;
	display:block;
	position: absolute;
	left: 3px;
	top: 50%;
	width: 20px;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	text-align:center;
	margin-top: -10px;
	background: #666;
	font-family: "icomoon";
}
.bt_read_more:hover{
	border-color: #999;
	background: #f4f4f4;
}
.bt_read_more,
.bt_read_more:before{
	/*css3*/
	border-radius:			9999px;
	-o-border-radius:		9999px;
	-ms-border-radius:		9999px;
	-moz-border-radius:		9999px;
	-khtml-border-radius:	9999px;
	-webkit-border-radius:	9999px;
}
.bt_read_more.arw_t:before{content: "\e604";}
.bt_read_more.arw_b:before{content: "\e603";}
.bt_read_more.arw_l:before{content: "\e602";}
.bt_read_more.arw_r:before{content: "\e605";}


/* 区切り線 */
.sept{
	border-top: 1px solid #ccc;
}
.sept:before{
	content: "";
	display:block;
	border-top: 1px solid #fff;
}
.sepb{
	border-bottom: 1px solid #fff;
}
.sepb:after{
	content: "";
	display:block;
	border-bottom: 1px solid #ccc;
}
.sepl,
.sepr{position: relative;}
.sepl{border-left: 1px solid #ccc;}
.sepr{border-right: 1px solid #fff;}
.sepl:before,
.sepr:before{
	content: "";
	display:block;
	position: absolute;
	top: 0;
	height: 100%;
}
.sepl:before{
	left: 0px;
	border-left: 1px solid #fff;
}
.sepr:before{
	right: 0;
	border-right: 1px solid #ccc;
}

*+html .sept,
*+html .sepb{border-color: #ccc;}
*+html .sepl,
*+html .sepr{position:static;}


/* Read More */
.readmore .bt_read_more_wrap	{text-align:center;}
.readmore .readmore_inner		{display:none;}
.readmore.on .readmore_inner	{display:block;}
.readmore.on .bt_read_more		{display:none;}




/* レストランタイトル(レストラン以外でも！) */
.icn_floor{
	color: #fff;
	background: #94879F;
	text-align:center;
	display:inline-block;
	width:	24px;
	height:	24px;
	line-height: 24px;
	
	border-radius:			9999px;
	-o-border-radius:		9999px;
	-ms-border-radius:		9999px;
	-moz-border-radius:		9999px;
	-khtml-border-radius:	9999px;
	-webkit-border-radius:	9999px;
}

.dining_heading .figure{}
.dining_heading{
	margin-bottom: 10px;
}
.dining_heading .floor,
.dining_heading .name,
.dining_heading .genre{
	line-height: 24px;
	vertical-align: middle;
}
.dining_heading .floor{
	font-size: 10px;
	margin-right: 5px;
}
.dining_heading .genre{
	font-size: 11px;
	margin-left: 5px;
}
.dining_heading .name{
	font-weight:bold;
}


/* 詳細テーブル(縦並び) */
table.table_detail{
	width: 100%;
	border-collapse: separate;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #fff #fff #ccc;
}
*+html table.table_detail{
	border-collapse: collapse;
	border: 1px solid #ccc;
}
table.table_detail th,
table.table_detail td{
	
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	
	border-color: #fff #ccc #ccc #fff;
}

table.table_detail .odd th,
table.table_detail .odd td{}
table.table_detail .evn th,
table.table_detail .evn td{
	background: #fff;
}

table.table_detail th{
	width: 15%;
	text-align:center;
	font-weight:normal;
}
table.table_detail td{}

/* タイトルに色づけ */
table.table_detail.table_h_em{}
table.table_detail.table_h_em th{
	background: #e8e8e8;
}

/* マトリックス版 */
table.table_detail.table_detail_matrix
table.table_detail.table_detail_matrix th,
table.table_detail.table_detail_matrix td{
	text-align:center;
}
table.table_detail.table_detail_matrix th{
	width: auto;
	padding: 0;
}
table.table_detail.table_detail_matrix td{}
table.table_detail.table_detail_matrix thead th,
table.table_detail.table_detail_matrix thead td{
	background: #e8e8e8;
}
table.table_detail.table_detail_matrix tbody{}


/* チャートテーブル */
.table_chart{
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
.table_chart th,
.table_chart td{
	padding: 10px;
	text-align:center;
	vertical-align: middle;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
.table_chart th{
	font-weight:normal;
}
.table_chart .line{
	background: url(../img/base/bg_sepv.gif) repeat-y right top;
}



/* デバッグ */
#debug_window li{
	list-style:none;
	
	padding: 5px;
	border: 1px solid #fcc;
	margin-top: -1px;
	background: #fee;
	
	font-weight:bold;
	font-size: 10px;
	line-height: 1em;
	
	/* css3 */
	background: linear-gradient(#fff, #fee);
	background: -moz-linear-gradient(#fff, #fee);
	background: -o-linear-gradient(#fff, #fee);
	background: -ms-linear-gradient(#fff, #fee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fee));
}
.underconstruction{
	border: 1px solid #999;
	background: #eee;
	color: #666;
	height: 200px;
	line-height: 200px;
	font-size: 40px;
	text-align:center;
}
.underconstruction:before{
	content: "Under Construction."
}

/* スライダー共通 */
.slider_wrap{
	overflow:		hidden;
	position:		relative;
}
.slider_wrap .trans_wrap{
	overflow: hidden;
	width: 100%;
	position: absolute;
	z-index: 9;
}
.slider_wrap .trans_wrap{}
.slider_wrap .transition{
	position:		absolute;
	left:			0;
	top:			0;
	width:			32768px;
}
.slider_wrap .display						{overflow:	hidden;}
*+html .slider_wrap .display				{position: relative;}
.slider_wrap .display .indisplay			{width:		32768px;}
.slider_wrap .display .slide				{float:		left;}
.slider_wrap .display .slide a				{display:	block;}
.slider_wrap .responsive img				{width:		100%;}
.slider_wrap .controller					{}
.slider_wrap .controller ul{
	list-style:		none;
	text-align:		center;
}
.slider_wrap .controller li					{display:	inline-block;}
*+html .slider_wrap .controller li			{display:	inline;	zoom:1;}
.slider_wrap .controller li.on				{}
.slider_wrap .controller li:first-child,
.slider_wrap .controller li.first-child{
	margin-left:	0 !important;
	padding-left:	0 !important;
}
.slider_wrap .controller li img				{max-width:	100%;}
* html #main_visual .controller li			{display:inline;zoom:1;behavior: expression(this.className += (this.previousSibling == null) ? " first-child" : "",this.style.behavior = "none");}
*+html #main_visual .controller li			{display:inline;zoom:1;}
* html .slider_wrap .controller li img		{width:		100%;}



/* granvia slider */
.granvia_slider{
	overflow: visible !important;
	position: relative;
}
.granvia_slider .slide{
	position: relative;
}
.granvia_slider .slide a{
	display:block;
}
.granvia_slider .slide .figure{
	margin-bottom: 0;
}
.granvia_slider .slide .size,
.granvia_slider .slide .room_name{
	color: #fff;
}
*+html .granvia_slider .slide .room_name{
	line-height: 1.0em;
}
.granvia_slider .slide .size{
	position: absolute;
	right:	10px;
	bottom:	45px;
}
.granvia_slider .slide .room_name{
	position: absolute;
	right:	10px;
	bottom:	15px;
	font-size: 40px;
}
.granvia_slider .slide a{
	text-decoration:none;
}
@media screen and (max-width: 640px){
	.granvia_slider .slide .room_name{
		font-size: 20px;
	}
}

.granvia_slider .trans_wrap{
	z-index: 99;
	height: 0;
}
.granvia_slider .trans_wrap.on{
	height: 100%;
}
.granvia_slider .transition{
	width: 9999px;
}
.granvia_slider .transition .slide{
	width: 960px;
	float: left;
}

.granvia_slider .controller{
	padding-top: 10px;
}
.granvia_slider .controller li{
	margin-left: 5px;
}
.granvia_slider .controller li:first-child{
	margin-left: 0;
}
*+html .granvia_slider .controller li:first-child{
	margin-right: 5px;
}
.granvia_slider .controller li a{
	display:block;
	height:	10px;
	width:	10px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/base/pointer.png) no-repeat left top;
}
.granvia_slider .controller li.on a{
	background: url(../img/base/pointer_on.png) no-repeat left top;
}

.granvia_slider .controller2{
	position: absolute;
	left:0;
	top: 50%;
	width: 100%;
}
*+html .granvia_slider .controller2{z-index: 99;}
.granvia_slider .controller2 li{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	list-style:none;
	font-size: 40px;
}
.granvia_slider .controller2 li a{
	text-decoration:none;
	display:block;
	height: 40px;
	width: 20px;
	overflow: hidden;
	text-indent: -9999px;
}
.granvia_slider .controller2 .bt_back{left: -40px;}
.granvia_slider .controller2 .bt_next{right:-40px;}

.granvia_slider .controller2 .bt_back a{background: url(../img/base/bt_arw04l.png) no-repeat left top;}
.granvia_slider .controller2 .bt_next a{background: url(../img/base/bt_arw04r.png) no-repeat left top;}


/* グリッドシステム */
.row{
	display:inline-table;
	min-height:1%;/*IE7対策*/
}
.row:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/*HidesfromIE-mac\*/*html.row{height:1%;}.row{display:block;}/*EndhidefromIE-mac*/


.row .col1,		.row .col2,		.row .col3,
.row .col4,		.row .col5,		.row .col6,
.row .col7,		.row .col8,		.row .col9,
.row .col10,	.row .col11,	.row .col12,
.row .col13,	.row .col14,	.row .col15,
.row .col16,	.row .col17,	.row .col18,
.row .col19,	.row .col20,	.row .col21,
.row .col22,	.row .col23,	.row .col24{
	float: left;
	margin-left: 2.9166666666666666666666666666667%;
	
	/* layout */
	/*margin-bottom: 20px;
	background: #ffc000;*/
	/* layout */
}
* html .row .col1,	* html .row .col2,	* html .row .col3,
* html .row .col4,	* html .row .col5,	* html .row .col6,
* html .row .col7,	* html .row .col8,	* html .row .col9,
* html .row .col10,	* html .row .col11,	* html .row .col12,
* html .row .col13,	* html .row .col14,	* html .row .col15,
* html .row .col16,	* html .row .col17,	* html .row .col18,
* html .row .col19,	* html .row .col20,	* html .row .col21,
* html .row .col22,	* html .row .col23,	* html .row .col24{
	behavior: expression(this.className += (this.previousSibling == null) ? " first-child" : "",this.style.behavior = "none");
}
.row .col_left,
.row .col1:first-child,		.row .col1.first-child,
.row .col2:first-child,		.row .col2.first-child,
.row .col3:first-child,		.row .col3.first-child,
.row .col4:first-child,		.row .col4.first-child,
.row .col5:first-child,		.row .col5.first-child,
.row .col6:first-child,		.row .col6.first-child,
.row .col7:first-child,		.row .col7.first-child,
.row .col8:first-child,		.row .col8.first-child,
.row .col9:first-child,		.row .col9.first-child,
.row .col10:first-child,	.row .col10.first-child,
.row .col11:first-child,	.row .col11.first-child,
.row .col12:first-child,	.row .col12.first-child,
.row .col13:first-child,	.row .col13.first-child,
.row .col14:first-child,	.row .col14.first-child,
.row .col15:first-child,	.row .col15.first-child,
.row .col16:first-child,	.row .col16.first-child,
.row .col17:first-child,	.row .col17.first-child,
.row .col18:first-child,	.row .col18.first-child,
.row .col19:first-child,	.row .col19.first-child,
.row .col20:first-child,	.row .col20.first-child,
.row .col21:first-child,	.row .col21.first-child,
.row .col22:first-child,	.row .col22.first-child,
.row .col23:first-child,	.row .col23.first-child,
.row .col24:first-child,	.row .col24.first-child{
	margin-left: 0;
}
.row .col_left{
	margin-left: 0;
}
.row .col_right{
	float: right;
	margin-left: 2.9166666666666666666666666666667%;
}
.row .col1	{width: 1.3715277777777777777777777777778%;}
.row .col2	{width: 5.6597222222222222222222222222219%;}
.row .col3	{width: 9.9479166666666666666666666666667%;}
.row .col4	{width: 14.236111111111111111111111111111%;}
.row .col5	{width: 18.526%;/*18.550347222222222222222222222227*/}
.row .col6	{width: 22.8125%;}
.row .col7	{width: 27.100694444444444444444444444433%;}
.row .col8	{width: 31.388888888888888888888888888889%;}
.row .col9	{width: 35.677083333333333333333333333333%;}
.row .col10	{width: 39.965277777777777777777777777776%;}
.row .col11	{width: 44.253472222222222222222222222383%;}
.row .col12	{width: 48.541666666666666666666666666667%;}
.row .col13	{width: 52.829861111111111111111111095042%;}
.row .col14	{width: 57.118055555555555555555555555635%;}
.row .col15	{width: 61.406250000000000000000000000042%;}
.row .col16	{width: 65.694444444444444444444444444438%;}
.row .col17	{width: 69.982638888888888888888888890042%;}
.row .col18	{width: 74.270833333333333333333333333333%;}
.row .col19	{width: 78.557333333333333333333333333333%;}
.row .col20	{width: 82.84722222222222222222222222224%;}
.row .col21	{width: 87.135416666666666666666666666633%;}
.row .col22	{width: 91.423611111111111111111111111433%;}
.row .col23	{width: 95.711805555555555555555555555533%;}
.row .col24	{width: 100%;}

* html .row .col1{/* ie6 bug? */}
* html .row .col4{width: 14.2%;}
*+html .row .col4{width: 14.2%;}



/* inline版グリッド */
.row_ib{
	font-size: 0;
	overflow: hidden;
}
.row_inner				{margin-left: -2.9166666666666666666666666666667%;}
* html .row_inner		{margin-left: -2.77%;}
.row_ib .col1,	.row_ib .col2,	.row_ib .col3,	.row_ib .col4,
.row_ib .col5,	.row_ib .col6,	.row_ib .col7,	.row_ib .col8,
.row_ib .col9,	.row_ib .col10,	.row_ib .col11,	.row_ib .col12,
.row_ib .col13,	.row_ib .col14,	.row_ib .col15,	.row_ib .col16,
.row_ib .col17,	.row_ib .col18,	.row_ib .col19,	.row_ib .col20,
.row_ib .col21,	.row_ib .col22,	.row_ib .col23,	.row_ib .col24{
	font-size: 14px;
	display:inline-block;
	text-align:left;
	vertical-align: top;
	margin-left: 2.9166666666666666666666666666667%;
	margin-bottom: 10px;
}
* html .row_ib .col1,	* html .row_ib .col2,	* html .row_ib .col3,	* html .row_ib .col4,
* html .row_ib .col5,	* html .row_ib .col6,	* html .row_ib .col7,	* html .row_ib .col8,
* html .row_ib .col9,	* html .row_ib .col10,	* html .row_ib .col11,	* html .row_ib .col12,
* html .row_ib .col13,	* html .row_ib .col14,	* html .row_ib .col15,	* html .row_ib .col16,
* html .row_ib .col17,	* html .row_ib .col18,	* html .row_ib .col19,	* html .row_ib .col20,
* html .row_ib .col21,	* html .row_ib .col22,	* html .row_ib .col23,	* html .row_ib .col24{
	display:inline;
	zoom:1;
	margin-left: 2.4%;
}
*+html .row_ib .col1,	*+html .row_ib .col2,	*+html .row_ib .col3,	*+html .row_ib .col4,
*+html .row_ib .col5,	*+html .row_ib .col6,	*+html .row_ib .col7,	*+html .row_ib .col8,
*+html .row_ib .col9,	*+html .row_ib .col10,	*+html .row_ib .col11,	*+html .row_ib .col12,
*+html .row_ib .col13,	*+html .row_ib .col14,	*+html .row_ib .col15,	*+html .row_ib .col16,
*+html .row_ib .col17,	*+html .row_ib .col18,	*+html .row_ib .col19,	*+html .row_ib .col20,
*+html .row_ib .col21,	*+html .row_ib .col22,	*+html .row_ib .col23,	*+html .row_ib .col24{
	display:inline;
	zoom:1;
}

.row_ib .col1			{width: 1.25%;}
.row_ib .col2			{width: 5.418%;}
.row_ib .col3			{width: 9.585%;}
.row_ib .col4			{width: 13.75%;}
.row_ib .col5			{width: 17.91%;}
.row_ib .col6			{width: 22.08%;}
.row_ib .col7			{width: 26.25%;}
.row_ib .col8			{width: 30.41%;}
.row_ib .col9			{width: 34.58%;}
.row_ib .col10			{width: 38.75%;}
.row_ib .col11			{width: 42.91%;}
.row_ib .col12			{width: 47.08%;}
.row_ib .col13			{width: 51.19%;}
.row_ib .col14			{width: 55.41%;}
.row_ib .col15			{width: 59.58%;}
.row_ib .col16			{width: 63.75%;}
.row_ib .col17			{width: 67.92%;}
.row_ib .col18			{width: 72.08%;}
.row_ib .col19			{width: 76.25%;}
.row_ib .col20			{width: 80.41%;}
.row_ib .col21			{width: 84.58%;}
.row_ib .col22			{width: 88.75%;}
.row_ib .col23			{width: 92.91%;}
.row_ib .col24			{width: 97.10%;}

*+html .row_ib .col1	{width: 1.36%;}
*+html .row_ib .col2	{width: 5.49%;}
*+html .row_ib .col8	{width: 30.3%;}
*+html .row_ib .col9	{width: 34.50%;}
*+html .row_ib .col11	{width: 42.89%;}
*+html .row_ib .col12	{width: 47.02%;}
*+html .row_ib .col13	{width: 51.15%;}
*+html .row_ib .col14	{width: 55.29%;}
*+html .row_ib .col15	{width: 59.52%;}
*+html .row_ib .col16	{width: 63.65%;}
*+html .row_ib .col17	{width: 67.79%;}
*+html .row_ib .col18	{width: 71.92%;}
*+html .row_ib .col19	{width: 76.05%;}
*+html .row_ib .col20	{width: 80.29%;}
*+html .row_ib .col21	{width: 84.42%;}
*+html .row_ib .col22	{width: 88.55%;}
*+html .row_ib .col23	{width: 92.69%;}
*+html .row_ib .col24	{width: 96.75%;}

* html .row_ib .col1	{width: 1.4%;}
* html .row_ib .col2	{width: 5.6%;}
* html .row_ib .col3	{width: 9.73%;}
* html .row_ib .col4	{width: 13.87%;}
* html .row_ib .col5	{width: 18.01%;}
* html .row_ib .col8	{width: 30.5%;}
* html .row_ib .col9	{width: 34.66%;}
* html .row_ib .col11	{width: 42.89%;}
* html .row_ib .col12	{width: 47.02%;}
* html .row_ib .col13	{width: 51.15%;}
* html .row_ib .col14	{width: 55.29%;}
* html .row_ib .col15	{width: 59.52%;}
* html .row_ib .col16	{width: 63.65%;}
* html .row_ib .col17	{width: 67.79%;}
* html .row_ib .col18	{width: 71.92%;}
* html .row_ib .col19	{width: 76.05%;}
* html .row_ib .col20	{width: 80.29%;}
* html .row_ib .col21	{width: 84.42%;}
* html .row_ib .col22	{width: 88.55%;}
* html .row_ib .col23	{width: 92.69%;}
* html .row_ib .col24	{width: 96.75%;}


/* プラン一覧 (share) */
.plan_wrap{}
.icn_hot_wrap{
	text-align: center;
}
.icn_hot_wrap .figure{
	position: relative;
	display:inline-block;
}
* html .icn_hot_wrap  .figure{display:inline;zoom:1;}
*+html .icn_hot_wrap  .figure{display:inline;zoom:1;}
.icn_hot_wrap  .figure .icn_hot{
	position: absolute;
	right:	0;
	top:	0;
}
.icn_hot_wrap  .figure{}



/* プラン詳細 (share) */
.plan_summary .mob_accordion_cpt{
	color: #666;
	font-size: 16px;
	font-weight:bold;
	line-height: 1.5em;
}
.plan_summary .column .figure{
	margin-left: 20px;
}
.plan_summary_outline .figure{
	margin-right: 20px;
}

/* フリーHTMLエリア(cms) */
.free_area{
	padding: 4px;
	border: 1px solid #ccc;
}
.free_area .inner{
	padding: 20px;
	background: #fff;
	border: 1px solid #ccc;
}
.free_area ul{
	margin-left: 24px;
}





/***********************************************************************************
*
*  rebuild style
*
***********************************************************************************/
body{
	text-align:center;
	background-color: #000;
}
#container{
	background: #f4f4f4;
}

#header a,
#mv a,
#gnavi a,
#btmnav a,
#fbanner a,
#footer a{
	text-decoration: none;
}

#btmnav a:hover,
#footer a:hover{
	text-decoration: underline;
}



/* test */
/* test */




/*---------------------------------
* container
*---------------------------------*/
#container{}


/*---------------------------------
* global navi
*---------------------------------*/
#in_gnavi{}
#gnavi ul{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#gnavi li{
	text-align:center;
	border-right: 1px solid #ddd;
	
	flex: 1 1;
	box-sizing: border-box;
}
#gnavi ul li a{
	
	height: 53px;
	display: flex;
	align-items: center;
	justify-content: center;
	
	
	color: #351B4B;
	font-size: 14px;
	line-height: 1.5em;
	border-right: 1px solid #fff;
	
	
	padding-left: .25em;
	padding-right: .25em;
}
#gnavi ul li a:hover{
	background: #f4f4f4;
	text-decoration:none;
}

/*---------------------------------
* contents
*---------------------------------*/
#contents{
	line-height: 1.5em;
}



/*---------------------------------
* pankuzu
*---------------------------------*/
#pankuzu{}
#pankuzu ul,
#pankuzu ol{
	list-style:none;
	text-align:right;
}
#pankuzu li{
	padding-left: 15px;
	background: url(../img/base/bg_pankuzu.gif) no-repeat left center;
}
#pankuzu li:first-child{
	padding-left: 0;
	background: none;
}
#pankuzu li a{}



/*---------------------------------
* header
*---------------------------------*/
.language{
	position: relative;
	width: 100px;
}
.language label{
	height: 100%;
	display:block;
	position: relative;
	text-align:center;
	padding: 0px 20px 0px 5px;
	border: 1px solid #999;
}
.language label:after{
	content:"\e603";
	font-family: icomoon;
	display:block;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 100%;
	line-height: 20px;
	text-align:center;
	border-left: 1px solid #999;
}

.language select{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	
	opacity:			0;
	-o-opacity:			0;
	-ms-opacity:		0;
	-moz-opacity:		0;
	-khtml-opacity:		0;
	-webkit-opacity:	0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
*+html .language select{
	height: auto;
}

/*---------------------------------
* mv
*---------------------------------*/
#mv{
	margin-bottom: 20px;
	text-align:center;
	
	
	overflow: hidden;
}
#mv .mv_content{
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
}
#mv .mv_content img{
	visibility: hidden;
}



/*---------------------------------
* footer
*---------------------------------*/
#footer,
#in_footer{
	background: #000;
}
#in_footer,
#in_footer a{
	color: #999;
}
#in_footer{
	padding: 20px 0;
	font-size:13px;
	line-height: 1.5em;
}
#footer .primary .logo{
	color: #fff;
}
#footer .secondary{
	padding-top: 10px;
	border-top: 1px solid #999;
}






/*---------------------------------
* 予約コマンド
*---------------------------------*/

.reserve_form{ display: none; }

html[lang=en] .reserve_form[lang=en]{ display: block; }
html[lang=zh-Hans] .reserve_form[lang=zh-Hans]{ display: block; }
html[lang=zh-Hant] .reserve_form[lang=zh-Hant]{ display: block; }
html[lang=ko] .reserve_form[lang=ko]{ display: block; }
html[lang=fr] .reserve_form[lang=fr]{ display: block; }
html[lang=es] .reserve_form[lang=es]{ display: block; }
html[lang=de] .reserve_form[lang=de]{ display: block; }


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

	#base_reserver a{ display: none; }

	html[lang=en] #base_reserver a[lang=en]{ display: inline-block; }
	html[lang=zh-Hans] #base_reserver a[lang=zh-Hans]{ display: inline-block; }
	html[lang=zh-Hant] #base_reserver a[lang=zh-Hant]{ display: inline-block; }
	html[lang=ko] #base_reserver a[lang=ko]{ display: inline-block; }
	html[lang=fr] #base_reserver a[lang=fr]{ display: inline-block; }
	html[lang=es] #base_reserver a[lang=es]{ display: inline-block; }
	html[lang=de] #base_reserver a[lang=de]{ display: inline-block; }
	
}

.reserver{
	/* css3 */
	transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.reserver fieldset.box .legend{
	
	/*---common---*/
	float: left;
	/*---common---*/
}
.reserver fieldset.box .wrap{
	
	/*---common---*/
	float: left;
	
	padding: 2px;
	
	background: #fff;
	border: 1px solid #999;
	
	/* css3 */
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*---common---*/
}
.reserver fieldset.box .icn_calendar{
	
	/*---common---*/
	padding-right: 10px;
	/*---common---*/
	
}
.reserver fieldset.box .icn_calendar .webfont{
	font-size: 16px;
	margin-left: 10px;
}
.reserver fieldset.box .wrap input,
.reserver fieldset.box .wrap select{
	border: 0 none;
}

.reserver .bt_search{
	cursor: pointer;
	
	/*---common---*/
	color: #fff;
	border: none;
	padding: 7px 30px 7px 20px;
	background: #351B4B url(../img/base/bt_search_bg.gif) no-repeat right center;
	/*---common---*/
}

* html .reserver fieldset.box{display:inline;zoom:1;}
*+html .reserver fieldset.box{display:inline;zoom:1;}

input.size_s{width: 4em;}
input.size_m{width: 6em;}
input.date{text-align:center;}
input.code{text-align:right;}



/*==============================================
//
//   ■ PC (980px)
//
================================================*/
@media screen and (min-width: 641px) {
	
	.pc		{display:block;}
	.mobile	{display:none;}
	
	
	
	/*---------------------------------
	* 
	*---------------------------------*/
	
	
	.section{margin-bottom: 40px;}
	.article{margin-bottom: 20px;}
	.pc_section{margin-bottom: 40px;}
	.pc_article{margin-bottom: 20px;}
	
	.pc_floatLeft	{float:left;}
	.pc_floatRight	{float:right;}
	
	
	/* テキスト */
	.pc_tl	{text-align:left;}
	.pc_tc	{text-align:center;}
	.pc_tr	{text-align:right;}
	
	
	
	
	/* PC専用区切り線 */
	/* 区切り線 */
	.pc_sept{
		border-top: 1px solid #ccc;
	}
	.pc_sept:before{
		content: "";
		display:block;
		border-top: 1px solid #fff;
	}
	.pc_sepb{
		border-bottom: 1px solid #fff;
	}
	.pc_sepb:after{
		content: "";
		display:block;
		border-bottom: 1px solid #ccc;
	}
	.pc_sepl,
	.pc_sepr{position: relative;}
	.pc_sepl{border-left: 1px solid #ccc;}
	.pc_sepr{border-right: 1px solid #fff;}
	.pc_sepl:before,
	.pc_sepr:before{
		content: "";
		display:block;
		position: absolute;
		top: 0;
		height: 100%;
	}
	.pc_sepl:before{
		left: 0px;
		border-left: 1px solid #fff;
	}
	.pc_sepr:before{
		right: 0;
		border-right: 1px solid #ccc;
	}
	
	*+html .pc_sept,
	*+html .pc_sepb{border-color: #ccc;}
	*+html .pc_sepl,
	*+html .pc_sepr{position:static;}
	
	
	
	/* フッターCnavi */
	.foot_cnavi{
		overflow: hidden;
	}
	.foot_cnavi ul.inblock{
		text-align:left;
		margin-bottom: -10px;
		margin-left: -16px;
	}
	*+html .foot_cnavi ul.inblock{width: 976px;}
	.foot_cnavi ul.inblock li{
		padding-left: 8px;
		margin-left: 8px;
		margin-bottom: 10px;
		line-height: 1.1em;
		border-left: 1px solid #666;
	}
	.foot_cnavi ul.inblock li.on{
		font-weight:bold;
	}
	.foot_cnavi ul.inblock li a{
		text-decoration:none;
	}
	.foot_cnavi ul.inblock li a:hover{
		text-decoration:underline;
	}
	
	
	/* プラン一覧 (pc) */
	.plan_wrap{
		padding: 20px;
		background: #fff;
		border: 1px solid #ccc;
	}
	.plan_wrap .header .hed,
	.plan_wrap .header .hedb{
		margin-bottom: 15px;
	}
	.plan_wrap .bt_more{font-weight:bold;}
	.icn_hot_wrap .figure .icn_hot{
		right:	-15px;
		top:	-15px;
	}
	
	.pc_spack_caption{
		padding-left: 10px;
		border-left: 5px solid #D4B572;
	}
	
	/* プラン詳細 (pc) */
	.plan_summary{
		padding-top: 20px;
	}
	
	
	
	/*---------------------------------
	* 
	*---------------------------------*/
	body{
		text-align:left;
		min-width: 961px;
	}
	
	
	
	/*---------------------------------
	* container
	*---------------------------------*/
	#container{
		/*overflow: hidden;
		min-width: 960px;*/
	}
	#in_header,
	#in_gnavi,
	#in_contents,
	#in_fbanner,
	#in_btmnav,
	#in_footer{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	#in_container{}
	
	
	
	/*---------------------------------
	* mv
	*---------------------------------*/
	
	
	
	/*---------------------------------
	* header
	*---------------------------------*/
	#header{
		position: relative;
		z-index: 9;
	}
	#in_header{
		position: relative;
		width: 860px;
		padding-left: 106px;
		text-align:left;
		
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	/* header logo */
	#header .site_logo{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
	#header .site_logo a:hover img{
		opacity: 1;
		-o-opacity: 1;
		-ms-opacity: 1;
		-moz-opacity: 1;
		-webkit-opacity: 1;
		filter: none;
		-ms-filter: none;
	}
	
	/* header navi */
	#header .hnavi_wrap{
		font-size: 0;
	}
	#header .hnavi_wrap .box{
		font-size: 14px;
		margin-left: 40px;
	}
	#header .hnavi{}
	#header .hnavi li{
		padding-left: 12px;
	}
	#header .hnavi li .webfont{
		font-size: 10px;
	}
	#header .hnavi li:hover .webfont{
		position: relative;
		left: 2px;
	}
	
	
	/* header language */
	#header .language{
		line-height: 1.5em;
	}
	
	
	/* header tel */
	#header .tel{}
	#header .tel.box{
		font-size: 16px;
		line-height: 1.5em;
	}
	#header .tel .webfont{
		font-size: 18px;
		margin-right: 2px;
	}
	
	
	#header .sns_navi{}
	
	
	#header .box{
		text-align:left;
		display:inline-block;
		vertical-align: middle;
	}
	* html #header .box{display:inline;zoom:1;}
	*+html #header .box{display:inline;zoom:1;}
	
	
	
	
	/*---------------------------------
	* global navi
	*---------------------------------*/
	#gnavi,
	#in_gnavi{
		border-bottom: 1px solid #fff;
		background: url(../img/base/gnavi_bg.gif) repeat-x bottom;
	}
	#gnavi{
		position: relative;
	}
	#in_gnavi{
		margin-bottom: -1px;
	}
	#gnavi ul{
		margin-left: 114px;
	}
	#gnavi ul li{
		/*float: left;*/
	}
	#gnavi ul li a{}
	
	/*
	*+html #gnavi ul li a{
		width: 139px;
		display: block;
		height: 35px;
		padding: 10px 0;
	}
	*+html #gnavi .gn_room a,
	*+html #gnavi .gn_rest a{
		line-height: 35px;
	}
	*/
	
	
	
	
	
	
	
	/*---------------------------------
	* contents
	*---------------------------------*/
	
	#contents{
		margin-bottom: 30px;
	}
	#in_contents{
		
	}
	
	
	
	
	/*---------------------------------
	* 予約コマンド
	*---------------------------------*/
	.reserver{}
	.reserver .switch{}
	.reserver_inner{}
	.reserver h2{
		margin-bottom: 10px;
	}
	.reserver .stay_form{
		text-align:center;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	.reserver .option_form{
		text-align:right;
		padding-top: 10px;
		border-top: 1px solid #fff;
	}
	.reserver fieldset.box{
		display:inline-block;
		vertical-align: middle;
		margin-left: 35px;
	}
	.reserver fieldset.box:first-child{margin-left: 0;}
	.reserver fieldset.box .legend{
		line-height: 1.5em;
		padding-right: 5px;
	}
	.reserver fieldset.box .wrap{}
	.reserver .bt_search{cursor: pointer;}
	
	* html .reserver fieldset.box{display:inline;zoom:1;}
	*+html .reserver fieldset.box{display:inline;zoom:1;}
	
	
	
	
	/*---------------------------------
	* 
	*---------------------------------*/
	#fbanner{
		border-top: 1px solid #ccc;
		/*border-bottom: 1px solid #fff;*/
		
		padding-top: 15px;
		margin-bottom: 15px;
		position: relative;
	}
	#fbanner:before{
		content: "";
		display:block;
		position: absolute;
		left: 0px;
		top: 0;
		width: 100%;
		border-top: 1px solid #fff;
	}
	#in_fbanner{
		overflow: hidden;
	}
	#fbanner ul{
		margin-left: -15px;
		margin-bottom: -15px;
	}
	#fbanner li{
		margin-left: 15px;
		margin-bottom: 15px;
		margin-right: 0;
	}
	
	
	
	/*---------------------------------
	* 
	*---------------------------------*/
	#btmnav{
		padding-top: 15px;
		margin-bottom: 15px;
		border-top: 1px solid #ccc;
		position: relative;
	}
	#btmnav:before{
		content: "";
		display:block;
		position: absolute;
		left: 0px;
		top: 0;
		width: 100%;
		border-top: 1px solid #fff;
	}
	#in_btmnav{}
	#btmnav ul.inblock{
		text-align:left;
	}
	#btmnav li{
		line-height: 1.1em;
		margin-left: 10px;
		margin-right: 0;
		padding-left: 10px;
		border-left: 1px solid #666;
	}
	#btmnav li:first-child{
		margin-left: 0;
		padding-left: 0;
		border-left: 0 none;
	}
	
	
	
	/*---------------------------------
	* footer
	*---------------------------------*/
	#footer{
		font-size: 14px;
		line-height: 1.5em;
	}
	#footer a{
		color: #999;
	}
	#in_footer{
		position: relative;
	}
	
	
	/* page top */
	#footer .pagetop{
		width: 40px;
		height: 40px;
		/*position: absolute;
		right: -80px;
		top: 20px;*/
		
		right: 20px;
		bottom: 20px;
		position: fixed;
	}
	#footer .pagetop .pagetop_inner{
		width: 40px;
		height: 40px;
	}
	#footer .chase .pagetop_inner{
		bottom: 5px;
		position: fixed;
	}
	#footer .pagetop a{
		
		display:block;
		height: 40px;
		width: 40px;
		line-height: 40px;
		border-radius: 40px;
		text-align:center;
		
		background: #ccc;
		background: rgba(204, 204, 204, .4);
	}
	#footer .pagetop a:hover{
		background: #333;
		text-decoration:none;
	}
	
	
	/* 上段 */
	#footer .primary{
		margin-bottom: 20px;
	}
	#footer .primary .logo{
		float: left;
		width: 230px;
		text-align:center;
		padding-top: 10px;
	}
	#footer .primary .note{
		float: right;
		width: 715px;
	}
	#footer .primary .note p{
		margin-bottom: 5px;
	}
	
	
	/* 下段 */
	#footer .secondary .copyright{
		font-size: 11px;
		display:block;
		float: left;
		width: 230px;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
	}
	#footer .secondary .fnavi{
		float: right;
		width: 715px;
	}
	#footer .secondary .fnavi ul.inblock{
		text-align:left;
	}
	#footer .secondary .fnavi li{
		margin-left: 0;
		margin-right: 5px;
		padding-left: 0;
		padding-right: 5px;
		border-right: 1px solid #999;
		line-height: 1.1em;
	}
	#footer .secondary .fnavi li a strong{
		color: #ddd;
	}
	
	
	
	
	
	
	

} /* Pc END */





/*==============================================
//
//   ■ タブレット (768px)
//
================================================*/
/*
@media screen and (min-width: 641px){

#gnavi{
	border: 1px solid green;
}

}
*/








/*==============================================
//
//   ■ スマートフォン (320px)
//
================================================*/
@media screen and (max-width: 640px){
	
	.pc		{display:none;}
	.mobile	{display:block;}
	
	
	
	.sp-mt30{
		margin-top: 30px;
	}
	
	/*---------------------------------
	* common style 
	*---------------------------------*/
	
	/* テキスト */
	.mob_tl	{text-align:left;}
	.mob_tc	{text-align:center;}
	.mob_tr	{text-align:right;}
	
	/* 画像Fit */
	img.mob_fit{
		width: 100%;
		/*max-width: 100%;*/
	}
	
	
	/* Read More */
	.mob_readmore .bt_read_more_wrap		{text-align:center;}
	.mob_readmore .mob_readmore_inner		{display:none;}
	.mob_readmore.on .mob_readmore_inner	{display:block;}
	.mob_readmore.on .bt_read_more			{display:none;}
	
	
	
	/* button */
	.mob_button01{
		display:inline-block;
		color: #351B4B;
		padding: 10px;
		font-size: 14px;
		font-weight:bold;
		text-align:center;
		vertical-align: middle;
		text-decoration:none;
		
		border: 1px solid #fff;
		outline: 1px solid #ccc;
		
		/* css3 */
		background: #e3e3e3;
		background: linear-gradient(#fff, #e3e3e3);
		background: -o-linear-gradient(#fff, #e3e3e3);
		background: -ms-linear-gradient(#fff, #e3e3e3);
		background: -moz-linear-gradient(#fff, #e3e3e3);
		background: -khtml-linear-gradient(#fff, #e3e3e3);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e3e3));
	}
	
	
	
	/* モバイル専用区切り線 */
	/* 区切り線 */
	.mob_sept{
		border-top: 1px solid #ccc;
	}
	.mob_sept:before{
		content: "";
		display:block;
		border-top: 1px solid #fff;
	}
	.mob_sepb{
		border-bottom: 1px solid #fff;
	}
	.mob_sepb:after{
		content: "";
		display:block;
		border-bottom: 1px solid #ccc;
	}
	.mob_sepl,
	.mob_sepr{position: relative;}
	.mob_sepl{border-left: 1px solid #ccc;}
	.mob_sepr{border-right: 1px solid #fff;}
	.mob_sepl:before,
	.mob_sepr:before{
		content: "";
		display:block;
		position: absolute;
		top: 0;
		height: 100%;
	}
	.mob_sepl:before{
		left: 0px;
		border-left: 1px solid #fff;
	}
	.mob_sepr:before{
		right: 0;
		border-right: 1px solid #ccc;
	}
	
	/* 余白作成 */
	.mob_margin{
		margin-left: 20px;
		margin-right: 20px;
	}
	
	
	/* Reset Grid system */
	.mob_reset_grid .col1,	.mob_reset_grid .col2,	.mob_reset_grid .col3,
	.mob_reset_grid .col4,	.mob_reset_grid .col5,	.mob_reset_grid .col6,
	.mob_reset_grid .col7,	.mob_reset_grid .col8,	.mob_reset_grid .col9,
	.mob_reset_grid .col10,	.mob_reset_grid .col11,	.mob_reset_grid .col12,
	.mob_reset_grid .col13,	.mob_reset_grid .col14,	.mob_reset_grid .col15,
	.mob_reset_grid .col16,	.mob_reset_grid .col17,	.mob_reset_grid .col18,
	.mob_reset_grid .col19,	.mob_reset_grid .col20,	.mob_reset_grid .col21,
	.mob_reset_grid .col22,	.mob_reset_grid .col23,	.mob_reset_grid .col24{
		width: auto;
		float: none;
		display:block;
		margin-left: 0;
		
		/*
		
		2014.03.16削除
		コンテンツに余白を持たせる場合は[.mob_margin]を使用
		
		padding-left: 20px;
		padding-right: 20px;
		*/
	}
	.mob_reset_grid .row_inner{
		margin-left:0;
	}
	
	
	
	/* プラン詳細 (mobile) */
	.mob_accordion_cpt{
		border-style: solid;
		border-width: 1px 0;
		border-color: #ccc;
		padding: 10px 20px;
		
		/* css3 */
		background: linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -o-linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -ms-linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -moz-linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -khtml-linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.3, #f4f4f4), color-stop(0.5, #f4f4f4), color-stop(0.97, #e3e3e3), to(#fff));
	}
	.mob_accordion_wrap.on .mob_accordion_cpt{
		/* css3 */
		background: linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -o-linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -ms-linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -moz-linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -khtml-linear-gradient(#fff 0%, #f4f4f4 3%, #f4f4f4 50%, #e3e3e3 97%, #fff 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.3, #f4f4f4), color-stop(0.5, #f4f4f4), color-stop(0.97, #e3e3e3), to(#fff));
		
		/* css3 */
		background: linear-gradient(#EEE6DB, #DBD4CA);
		background: -o-linear-gradient(#EEE6DB, #DBD4CA);
		background: -ms-linear-gradient(#EEE6DB, #DBD4CA);
		background: -moz-linear-gradient(#EEE6DB, #DBD4CA);
		background: -webkit-gradient(linear, left top, left bottom, from(#EEE6DB), to(#DBD4CA));
	}
	.mob_accordion_content{
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.mob_accordion_wrap{
		margin-bottom: -1px;
	}
	.mob_accordion_wrap .mob_accordion_content{
		display:none;
	}
	.mob_accordion_wrap.on .mob_accordion_content{
		display:block;
	}
	#contact ul{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
	
	/*---------------------------------
	* container
	*---------------------------------*/
	body{
		/* ios bug? */
		letter-spacing: 0.001em;
		-webkit-text-size-adjust: 100%;
	}
	#container{
		min-width: 320px;
		overflow: hidden;
		position: relative;
		text-align: left;
	}
	
	
	/*---------------------------------
	* header
	*---------------------------------*/
	#header{
		position: relative;
		margin-bottom: 20px;
	}
	#header .site_logo{
		text-align:center;
	}
	
	
	#header .hnavi_wrap{
		position: absolute;
		left: -5px;
		top: -5px;
	}
	#header .hnavi_wrap ul{}
	#header .hnavi_wrap li{
		margin-bottom: 2px;
	}
	#header .hnavi_wrap li .webfont{
		font-size: 20px;
	}
	
	
	
	/*---------------------------------
	* global navi
	*---------------------------------*/
	#gnavi{
		overflow: hidden;
		margin-bottom: 30px;
	}
	#in_gnavi{
		border-top: 1px solid #ccc;
	}
	#gnavi ul{
		overflow: hidden;
		margin-right: -2px;
		border-top: 1px solid #fff;
	}
	#gnavi li{
		flex-basis: 33.33%;
		background: url(../img/base/gnavi_bg.gif) repeat-x bottom;
		border-bottom: 1px solid #ccc;
	}
	#gnavi li a{
		border-bottom: 1px solid #fff;
	}
	
	
	
	
	/*---------------------------------
	* footer
	*---------------------------------*/
	#footer{
		text-align:center;
		padding-left: 20px;
		padding-right: 20px;
	}
	#in_footer{}
	#footer .primary{}
	#footer .secondary{}
	#footer address{
		text-align:left;
		margin-bottom: 10px;
	}
	#footer .copyright{
		font-size: 14px;
		line-height: 1.5em;
	}
	#footer .button01{}
	#footer .bt_tel{
		/*width: 71.5625%;*/
		width: 73.5625%;
	}
	#footer .bt_mail{
		/*width: 12.8125%;*/
		width: 10.8125%;
		margin-left: 3.125%;
	}
	#footer .webfont{
		font-size: 20px;
	}
	#footer .fnavi_wrap{
		font-size: 0;
		margin-bottom: 10px;
	}
	#footer .fnavi_wrap .box{
		font-size: 14px;
		display:inline-block;
	}
	#footer .fnavi_wrap .sns_navi{
		margin-left: 40px;
	}
	
	#footer .fnavi_wrap .language,
	#footer .fnavi_wrap .language a{
		color: #999;
	}
	
	
	
	/*---------------------------------
	* 予約コマンド
	*---------------------------------*/
	
	.reserver{
		position: absolute;
		right: -5px;
		top: -5px;
	}
	.reserver .switch .webfont{
		display:block;
		margin-bottom: 5px;
	}
	.reserver .switch small{
		display:block;
		font-size: 10px;
		line-height: 1.2em;
		font-weight:bold;
	}
	/*
	.reserver.on{right: 0;}
	.reserver .switch{
		background: #fff;
		position: absolute;
		left: -36px;
		top: 0;
		
		overflow: hidden;
		
		border-color: #666;
		border-style: solid;
		border-width: 0 0 1px 1px;
		
		border-radius: 0 0 0 5px;
		-o-border-radius: 0 0 0 5px;
		-ms-border-radius: 0 0 0 5px;
		-moz-border-radius: 0 0 0 5px;
		-khtml-border-radius: 0 0 0 5px;
		-webkit-border-radius: 0 0 0 5px;
	}
	.reserver .switch a{
		display:block;
		width: 35px;
		height: 50px;
		
		font-size: 16px;
		line-height: 50px;
		
		background: linear-gradient(#fff, #E9E9E9);
		background: -o-linear-gradient(#fff, #E9E9E9);
		background: -ms-linear-gradient(#fff, #E9E9E9);
		background: -moz-linear-gradient(#fff, #E9E9E9);
		background: -khtml-linear-gradient(#fff, #E9E9E9);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E9E9E9));
	}
	.reserver .switch .icn_calendar		{display:block;}
	.reserver .switch .icn_close		{display:none;}
	.reserver.on .switch .icn_calendar	{display:none;}
	.reserver.on .switch .icn_close		{display:block;}
	
	.reserver_inner{
		padding-top: 20px;
	}
	.reserver h2{}
	.reserver .stay_form{
		padding-left: 20px;
		padding-right: 20px;
	}
	.reserver .option_form{
		background: #eee;
		overflow: hidden;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.reserver fieldset.box{
		margin-bottom: 20px;
	}
	.reserver fieldset.box:first-child{}
	.reserver fieldset.box .legend{
		
		padding-right: 20px;
		line-height: 1.5em;
	}
	.reserver fieldset.box .wrap{}
	.reserver .bt_search{}
	*/
	
	
	
	

} /* Mobile END */




















/**************************************************************************************************
*
*  calendar-win2k-cold-1.css
*  The main calendar widget.  DIV containing a table.
*
**************************************************************************************************/
.calendar {
  position: relative;
  z-index: 10;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}