@charset "utf-8";
@import '//fonts.googleapis.com/css?family=Quicksand:300,400,700';
@import 'https://fonts.googleapis.com/earlyaccess/notosansjapanese.css';

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
/* WEB FONT */


/* GENERAL */
body {
	color:#FFF; font-size: 12px/1.4;
	font-family:  'Noto Sans Japanese',YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

a{color: #444;text-decoration: none;}
a:hover {color: #888;text-decoration: underline;}
a img {vertical-align: bottom;}
a{outline: none;}

/* CLEARFIX */
.clearfix
{zoom: 1;}

.clearfix:after,
.floatBox:after,
.floatBox2:after,
.newsList:after,
.photoList:after,
.floorList:after,
.newsListPage:after,
.thumList:after,
.topNewsBox:after
{content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

strong{
	font-weight: bold;
}

img{
	vertical-align: bottom;
}

.pc-hide{
	display: none;
}
.sp-hide{
	display: inline-block;
}
.tb-hide{
	display: inline-block;
}


/* ------------------------------------------
LAYOUT
------------------------------------------ */
html{
	height: 100%;
}

body{
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	color:#262f33;
	position:relative;
	font-size: 16px;
}
body.en{
	font-family:'Noto Sans Japanese',YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#spHeader{
	display: none;
}


/* ------------------------------------------
header
------------------------------------------ */



.address{
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.fade{
	opacity: 0;
}

#wrapper{
	border-top: 1px solid #f3f3f3;
}
.home #wrapper{
	margin-top: -1px;
}




header .navList{
	text-align: center;
}
header .navList li{
	display: inline-block;
}
#headerBox{
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	position: relative;
	height: 90px;
	margin-top: -1px;
}

h1#logo{
	width: 250px;
	padding-top: 29px;
	margin-left: auto;
	margin-right: auto;
}

h1#logo a{
	display: block;
	width: 250px;
	height: 35px;
	background-image:url(../images/hd_logo.png);
	background-position: left;
	background-repeat:no-repeat;
	background-size: contain;
	text-indent: -9999px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	h1#logo a { background-image: url(../images/hd_logo-2x.png); background-size: contain; }
}












.hdLanList{
	float: right;
	margin-right: 25px;
	padding-top: 37px;
}
.hdLanList li{
	float: left;
	border-left: 1px solid #f3f3f3;
}
.hdLanList li.first{
	border:none;
}
.hdLanList li a{
	display: block;
	padding-left: 15px;
	padding-right: 15px;

	width: 20px;
	height: 11px;
}
.hdLanList li a{
	color: #000;
	width: 30px;
	height: 25px;
}

/*
// .hdLanList li a{
// 	color: #ccc;
// 	background-repeat:no-repeat;
// 	background-size: 20px 11px;
// 	background-position: center center;
// 	text-indent: -9999px;
// 	width: 30px;
// 	height: 40px;
// }

// .hdLanList li.jp a{
// 	background-image:url(../images/hd_lan1.png);
// }
// .hdLanList li.en a{
// 	background-image:url(../images/hd_lan2.png);
// }
// .hdLanList li.ch a{
// 	background-image:url(../images/hd_lan3.png);
// }

// @media all and (-webkit-min-device-pixel-ratio: 1.5) {

// 	.hdLanList li.jp a{
// 		background-image:url(../images/hd_lan1-2x.png);
// 	}
// 	.hdLanList li.en a{
// 		background-image:url(../images/hd_lan2-2x.png);
// 	}
// 	.hdLanList li.ch a{
// 		background-image:url(../images/hd_lan3-2x.png);
// 	}

// }
*/
.controlList{
	float: right;
	display: none;
}
.controlList li{
	float: right;
	width: 90px;
	border-left: 1px solid #f3f3f3;
}
.controlList li a{
	display: block;
	width: 100%;
	font-size: 10px;
	text-align: center;
	height: 30px;
	padding-top: 60px;

	position: relative;
	background-repeat:no-repeat;
	background-size: 20px 20px;
	background-position: 50% 30px;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}
.controlList li a:hover{
	opacity: 0.8;
	text-decoration: none;
}
.controlList li.navMenu a{

}
.controlList li.navLanguage{
	display: none;
}
.controlList li.navLanguage a{
	padding-top: 0;
	height: 90px;
	line-height: 90px;
	vertical-align: middle;
	font-size: 16px;
}











.controlList li.navMenu #toggle{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -11px;
	margin-top: -12px;
}

.controlList li.navBooking a{
	background-image:url(../images/ico_book.png);
}

.controlList li.navBooking a .str{
	background-image: url(../images/hd_menu_booking.png);
	background-repeat: no-repeat;
	background-size: 45px 8px;
	text-indent: -9999px;
	text-align: left;
	display: inline-block;
	width: 45px;
	height: 8px;
}
.controlList li.navMenu a .str{
	background-image: url(../images/hd_menu_menu.png);
	background-repeat: no-repeat;
	background-size: 28px 8px;
	text-indent: -9999px;
	text-align: left;
	display: inline-block;
	width: 28px;
	height: 8px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.controlList li.navBooking a .str { background-image: url(../images/hd_menu_booking-2x.png); }
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.controlList li.navMenu a .str { background-image: url(../images/hd_menu_menu-2x.png); }
}


.controlList li.navBooking a.active{
	background-image:url(../images/ico_book_ov.png);
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.controlList li.navBooking a { background-image: url(../images/ico_book-2x.png); background-size: 20px 20px; }
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.controlList li.navBooking a.active { background-image: url(../images/ico_book_ov-2x.png); background-size: 20px 20px; }
}


.controlList li.navMenu a:hover{
	opacity: 0.6;
}
.controlList li.navBooking a:hover{
	opacity: 0.6;
}

#toggle{
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}
.controlList a.active{

}
.active #toggle .top,
.navMenu:hover .top {
	-webkit-transform: translateY(6px) translateX(0) rotate(45deg);
	-ms-transform: translateY(6px) translateX(0) rotate(45deg);
	transform: translateY(6px) translateX(0) rotate(45deg);
}
.active #toggle .middle,
.navMenu:hover .middle {
	opacity: 0;
}
.active #toggle .bottom,
.navMenu:hover .bottom {
	-webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
	transform: translateY(-6px) translateX(0) rotate(-45deg);
}

#toggle span {
	background: #000;
	border: none;
	height: 2px;
	width: 22px;
	position: absolute;
	top: 0px;
	left: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}
#toggle span:nth-of-type(2) {
	top: 6px;
}
#toggle span:nth-of-type(3) {
	top: 12px;
}


header{
	position: relative;
	/*z-index: 2000;*/
	z-index: 12000;
	position: fixed;
	left: 0;
	top:0;
	width: 100%;
}
.home header{
	opacity: 0;

}

header #headerBox{
	position: relative;
	z-index: 100;
	background-color: #fff;
}

header nav{
	text-align: center;
	z-index: 50;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #f3f3f3;
	position: relative;
	z-index: 100;
}
header .reserveBox{
	text-align: center;
	position: absolute;
	z-index: 20;
	top:0;
	width: 100%;
	background-color: #fff;
}











.reserveBoxRight{
	position: absolute;
	z-index: 20;
	right: 20px;
	bottom: 20px;
	width: 250px;
	height: 250px;
	background-color: #fff;

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	opacity: 0;

	/* 	border: 5px solid rgba(0,0,0,0.2); */

	box-shadow:0px 0px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 0px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 0px 5px rgba(0,0,0,0.1);
}

.reserveBoxRight form{
	padding: 0 25px;
}














.navList{
	display: inline-block;
	vertical-align: top;
	line-height: 12.5%;

}
.navList li{
	font-size: 0;
}
header .navList li.navPhoto{
	// background-image:url(../images/ln_sep.png);
	background-repeat:no-repeat;
	background-position: left 50%;
	padding-left: 10px;
}
header .navList li.navInstagram{
	background-repeat:no-repeat;
	background-position: right 50%;
	padding-right: 10px;
}
header .snsList li a{
	height: 21px;
	width: 21px;
}
header .snsList{
	margin-bottom: 0;
	padding-top: 15px;
	display: inline-block;
	vertical-align: top;
}
header .snsList li{
	height: 21px;
	width: 21px;
	margin-left: 4px;
	margin-right: 4px;
}


.navList li a{
	font-size: 16px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	display: block;
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	background-repeat:no-repeat;
}

/*.navList li.navHome a{
	// background-image:url(../images/hd_nav01.png);
	background-size: 43px 11px;
	width: 43px;
}
.navList li.navConcept a{
	// background-image:url(../images/hd_nav02.png);
	background-size: 67px 11px;
	width: 67px;
}
.navList li.navStay a{
	// background-image:url(../images/hd_nav03.png);
	background-size: 35px 11px;
	width: 35px;
}
.navList li.navFood a{
	// background-image:url(../images/hd_nav04.png);
	background-size: 38px 11px;
	width: 38px;
}
.navList li.navNews a{
	// background-image:url(../images/hd_nav05.png);
	background-size: 41px 11px;
	width: 41px;
}
.navList li.navAccess a{
	// background-image:url(../images/hd_nav06.png);
	background-size: 55px 11px;
	width: 55px;
}
.navList li.navPhoto a{
	// background-image:url(../images/hd_nav07.png);
	background-size: 118px 11px;
	width: 60px;
}
.navList li.navInstagram a{
	// background-image:url(../images/hd_nav08.png);
	background-size: 84px 11px;
	width: 84px;
	}*/


	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		.navList li.navHome a{
			// background-image:url(../images/hd_nav01-2x.png);
		}
	}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		.navList li.navConcept a{
			// background-image:url(../images/hd_nav02-2x.png);
		}
	}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		.navList li.navStay a{
			// background-image:url(../images/hd_nav03-2x.png);
		}
	}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		.navList li.navFood a{
			// background-image:url(../images/hd_nav04-2x.png);
		}
	}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		.navList li.navNews a{
			// background-image:url(../images/hd_nav05-2x.png);
		}
	}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		.navList li.navAccess a{
			// background-image:url(../images/hd_nav06-2x.png);
		}
	}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		.navList li.navPhoto a{
			// background-image:url(../images/hd_nav07-2x.png);
		}
	}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		.navList li.navInstagram a{
			// background-image:url(../images/hd_nav08-2x.png);
		}
	}

















	.snsList{
		display: inline-block;
		vertical-align: top;
	}


/* ------------------------------------------
opening
------------------------------------------ */
#opening{
	/*height: 100%;*/
	width: 100%;
	overflow: hidden;
}

#mainVisual{
	/*height: 100%;*/
	width: 100%;
	opacity: 0;
	overflow: hidden;
	background-color: #f7f7f7;
	position: relative;
}
#main{
	background-color: #fff;
}
#main.page{
	padding-top: 90px;
}
#main.page.news{
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}

#wrapper{
	background-color: #FAFAFA;
}

#opLogo{
	text-indent: -9999px;
	display: block;
	width: 135px;
	height: 200px;
	z-index: 50;
	position: absolute;
	left: 50%;
	top:60%;
	width: 96px;
	height: 160px;

	margin-left: -67px;
	margin-top: -80px;
	margin-top: -100px;

	margin-top: -140px;
	opacity: 0;
}

#opLogo a{
	display: block;
}

#opLogo .openStr{
	display: block;
	width: 135px;
	height: 30px;
	background-image:url(../images/tx_open-2x.png);
	background-repeat:no-repeat;
	background-size: contain;
	margin-top: 180px;
}

#opLogo span{
	display: block;
	width: 160px;
	height: 160px;
	background-image:url(../images/op_logo_black.png);
	background-position: 50% 0;
	background-repeat:no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top:0;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#opLogo span{
		background-image:url(../images/op_logo_black-2x.png);
	}
}

#opLogo span.black{
	background-image:url(../images/op_logo_black.png);
	z-index: 2;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#opLogo span.black{
		background-image:url(../images/op_logo_black-2x.png);
	}
}

#opLogo span.white{
	background-image:url(../images/op_logo_white.png);
	z-index: 1;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#opLogo span.white{
		background-image:url(../images/op_logo_white-2x.png);
	}
}

#opening .reserveBox{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 5;
	bottom: -62px;
	background-color: #fff;
	opacity: 0;
}

.reserveBox{
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
}

.bookingTtl{
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 24px 0 14px 0;
}
.zh .reserveBoxRight .bookingTtl,
.en .reserveBoxRight .bookingTtl{
	background-image:url(../images/ttl_side_booking-2x.png);
	background-position: center 28px;
	background-repeat:no-repeat;
	background-size: 72px auto;
	text-indent: -9999px;
}


.reserveBoxRight .confirm{
	margin-left: 2px;
}

.confirm{
	display: block;
	text-align: center;
	font-size: 11px;
	margin-top: 2px;
}
.confirm a{
	color: #000;
	text-decoration: underline;
}
.confirm a:hover{
	text-decoration: none;
}


.reserveList{
	text-align: center;
}

.reserveList li{
	font-family:'Noto Sans Japanese',YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	box-sizing: border-box;
}
.reserveList li.onlyPc{
	display: block;
	width: 100%;
}
.reserveList li.search{
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
	margin-bottom: 15px;
}


/*

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.reserveList li a{
		background-image:url(../images/ttl_search-2x.png);
	}
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.reserveList li a:hover{
		background-image:url(../images/ttl_search_white_else-2x.png);
	}
}
*/


.reserveBoxHeader{
	position: fixed;
	z-index: 90;
	left: 0px;
	top:90px;
	width: 100%;
	height: 60px;
	background-color: #fff;
	border-bottom: 1px solid #f3f3f3;

	display: none;
	opacity: 0;
}

.pageHeader .reserveBoxHeader{
	display: block;
	opacity: 1;
}


.reserveBoxHeader .reserveList{
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

.reserveBoxHeader .reserveList li{
	width: 20%;
	float: left;
}
.reserveBoxHeader .reserveList li.onlyPc{
	width: 20%;
}

.reserveList li a span{
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-image:url(../images/arr_search-2x.png);
	background-position: right 0 top 0px;
	padding-right: 14px;
}



.reserveBoxHeader .bookingTtl{
	padding: 0;
	line-height: 67px;
	vertical-align: middle;
}


.zh .reserveBoxHeader .bookingTtl,
.en .reserveBoxHeader .bookingTtl{
	background-image:url(../images/ttl_side_booking-2x.png);
	background-position: center 25px;
	background-repeat:no-repeat;
	background-size: 80px auto;
	text-indent: -9999px;
}

.reserveBoxHeader .reserveList li{
	vertical-align: top;
	border-right: 1px solid #f3f3f3;
	height: 60px;
	line-height: 67px;
	vertical-align: middle;
}

.reserveBoxHeader .reserveList li.search{
	margin-bottom:0;
	padding-top:0;
}

.reserveBoxHeader .reserveList li input{
	margin-bottom: 0;
	height: 100%;
	line-height: 67px;
	vertical-align: middle;
	padding: 4px 0 0 0;
	border: none;
}

.reserveBoxHeader .reserveList li.confirmBox{
	line-height: 90%;
	padding-top: 14px;
}

.reserveBoxHeader .reserveList li .confirm{
	text-align: left;
	margin-left: 30px;
}









/*
a.arr span{
background-repeat: no-repeat;
background-image:url(../images/arr_black.png);
background-position: right 40%;
padding-right: 20px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	a.arr span{
		background-image:url(../images/arr_black-2x.png);
	}
}
*/

.btnArea a{
	text-align: center;
}

a.more span{
	width: 158px;
	height: 18px;
	display: inline-block;
	text-align: left;
	background-repeat: no-repeat;
	background-image:url(../images/ttl_more_view-2x.png);
	text-indent: -9999px;
	height: 100%;
	background-position: 50% 50%;
	background-size: 158px 18px;
	background-color: transparent;
}





@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	a.more span{
		background-image:url(https://bookteabed.com/_wp/wp-content/themes/bookbed/images/ttl_more_view.png);
	}
}

#photoArea a.more span{
	background-position: 0% 50%;
}

a.wideBtn{
	width: 330px;
	height: 60px;
	border: 2px solid #000;
	display: inline-block;
	margin-left: 17px;
	margin-right: 17px;
}



a.wideBtn.menu span{
	background-repeat: no-repeat;
	background-image:url(../images/ttl_menu.png);
	background-position: 50% 50%;
	background-size: auto 19px;
	text-indent: -9999px;
	text-align: left;
	display: block;
	height: 100%;
}

a.wideBtn.food span{
	background-repeat: no-repeat;
	background-image:url(../images/ttl_food_menu.png);
	background-position: 50% 50%;
	background-size: auto 19px;
	text-indent: -9999px;
	text-align: left;
	display: block;
	height: 100%;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	a.wideBtn.food span{
		background-image:url(../images/ttl_food_menu-2x.png);
	}
}

a.wideBtn.drink span{
	background-repeat: no-repeat;
	background-image:url(../images/ttl_drink_menu.png);
	background-position: 50% 50%;
	background-size: auto 19px;
	text-indent: -9999px;
	text-align: left;
	display: block;
	height: 100%;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	a.wideBtn.drink span{
		background-image:url(../images/ttl_drink_menu-2x.png);
	}
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	a.wideBtn.menu span{
		background-image:url(../images/ttl_menu-2x.png);
		background-size: 119px auto;
	}
}

a.wideBtn.more span{
	background-repeat: no-repeat;
	background-image:url(../images/ttl_more.png);
	background-position: 50% 50%;
	background-size: auto 15px;
	text-indent: -9999px;
	text-align: left;
	display: block;
	height: 100%;
}
.newsMore a.wideBtn.more span{
	display: inline-block;
}
/*
::-webkit-datetime-edit-fields-wrapper{
	display: none;
}
*/



@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	a.wideBtn.more span{
		background-image:url(../images/ttl_more-2x.png);
	}
}

a.google span{
	display: inline-block;
	text-align: center;
	width: 158px;
	height: 19px;
	color:#fff;
}
a.google{
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	font-weight:bold;
	background-color: #000;
	border: 2px solid #000;
	box-sizing: border-box;
	display: inline-block;
	margin-top: 20px;
}








/*
input.input-date[type="date"]:before {
	content: attr(placeholder) !important;
	color: #aaa;
	margin-right: 0.5em;
}
input.input-date[type="date"]:focus:before,
input.input-date[type="date"]:valid:before {
	content: "";
}
*/







.reserveList li{
	overflow: hidden;
	position: relative;
}
.reserveList li .text{
	position: absolute;
	left: 50%;
	top: 15px;
	width: 100%;
	text-align: center;
	z-index: 3;

	background-color: #fff;
	width: 120px;
	margin-left: -60px;

}

.reserveList li input{
	position: relative;
	z-index: 2;
	background-repeat: no-repeat;
	border: none;
	background: transparent;
	text-align: center;
	display: block;
	width: 100%;

	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	padding: 12px 0 10px 0;
	color: #000;

	margin-bottom: 8px;
}


.reserveList li input::-webkit-input-placeholder {
	color: #000;
	font-weight: bold;
}
.reserveList li input:-ms-input-placeholder {
	color: #000;
	font-weight: bold;
}
.reserveList li input::-moz-placeholder {
	color: #000;
	font-weight: bold;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
.reserveList li input:placeholder-shown {
	color: #000;
	font-weight: bold;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
.reserveList li input::-webkit-input-placeholder {
	color: #000;
	font-weight: bold;
}

/* Firefox 18- */
.reserveList li input:-moz-placeholder {
	color: #000; font-weight: bold; opacity: 1; }

	/* Firefox 19+ */
	.reserveList li input::-moz-placeholder {
		color: #000; font-weight: bold; opacity: 1; }

		/* IE 10+ */
		.reserveList li input:-ms-input-placeholder {
			color: #000; font-weight: bold; opacity: 1; }


			.reserveBoxRight .reserveList li input{
				font-size: 14px;
				padding: 13px 0 10px 0;
			}


			.reserveList li.checkin input{
				background-repeat: no-repeat;
				background-image:url(../images/ico_calender.png);
				background-position: 20px 50%;
				background-size: 13px 12px;
			}
			.reserveList li.checkout input{
				background-repeat: no-repeat;
				background-image:url(../images/ico_calender.png);
				background-position: 20px 50%;
				background-size: 13px 12px;
			}
			@media all and (-webkit-min-device-pixel-ratio: 1.5) {
				.reserveList li.checkin input{
					background-image:url(../images/ico_calender-2x.png);
				}
			}
			@media all and (-webkit-min-device-pixel-ratio: 1.5) {
				.reserveList li.checkout input{
					background-image:url(../images/ico_calender-2x.png);
				}
			}


			.reserveList li input:hover{
				background-color: #f3f3f3;
			}
			.reserveList li input:focus{
				background-color: #e3e3e3;
			}


/* ------------------------------------------
section
------------------------------------------ */


section.page{
	padding-top: 70px;
	padding-bottom: 70px;
	border-top: 1px solid #f3f3f3;
}
section#news{
	border-bottom: 1px solid #f3f3f3;
}

section#room {
	padding: 60px 0 0;
}

section .ttl{
	font-size: 24px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
}



.box{
	padding-left: 60px;
	padding-right: 60px;
	/* 	display: table-cell; */
	vertical-align: middle;
	box-sizing:padding-box;
	max-width: 100%;
}

.floatBox .verticalBox{
	display: table;
	/* height: 100%; */
	max-width: 100%;
	display: block;
	padding-top: 80px;
}

.verticalBox .box{
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.verticalBox .box p{
	margin:0 0 1em;
}

.all{
	padding-top: 70px;
	/* 	padding-bottom: 90px; */
}


.floatBox,
.floatBox2,
.all{
	background-image:url(../images/ln_h.png);
	background-position: 0 bottom;
	background-size: 100% 1px;
	background-repeat: repeat-x;
}
.floatBox2 > .left{
	float: left;
	width: 50%;
	background-repeat: repeat-y;
}

.floatBox > .left{
	float: left;
	width: 50%;
	background-image:url(../images/ln_v.png);
	background-position: right 0px top 0;
	background-size: 1px 100%;
	background-repeat: repeat-y;
	position: relative;
}
.floatBox > .right{
	float: right;
	width: 50%;
	position: relative;
}

.floatBox2 > .left{
	float: left;
	width: 50%;
	position: relative;
}
.floatBox2 > .right{
	float: right;
	width: 50%;
	position: relative;
}


section .img,
.photoImg{
	overflow: hidden;
}
.maxHeight{
	height: 100%;
}
.maxWidth{
	width: 100%;
}
.autoHeight{
	height: auto;
}
.autoWidth{
	width: auto;
}

.floatBox > .left,
.floatBox > .right{
	height: 100%;
}


h2.ttl{
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}
h2.ttl.newsTtl{
	margin-bottom: 60px;
}

h3.ttl{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
	background-color: #F7F7F7;
	font-size: 14px;
	margin-bottom: 60px;
}

h3.page{
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 70px;
	text-align: center;
	width: 100%;
}
.floatBoxPage h4.ttl{
	text-align: center;
	padding-top: 20px;
	margin-bottom: 30px;
}


.conceptImg{
	text-align: center;
	margin-bottom: 55px;
}
.conceptImg img{
	max-width: 100%;
}

.conceptTtl{
	text-align: center;
	margin-bottom: 40px;
	font-size: 20px;
	font-weight: bold;
}
.conceptDisp{
	margin-bottom: 40px;
	line-height: 200%;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}
.conceptDisp p{
	margin-bottom: 40px;
}
.conceptName{
	text-align: center;
	font-weight: bold;
}


section#news h2.ttl{
	margin-bottom: 60px;
}





h2.ttl img{
	max-width: 100%;
}





.mainDisp{
	line-height: 200%;
	margin-bottom: 30px;
	font-size: 0.9em;
	
}

.btnArea{
	text-align: center;
	clear: both;
}
.btnArea.margin20{
	margin: 15px 0;
}


#mapCanvas{
	height: 100%;
	width: 100%;
	width: 960px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 550px;

}

#mapCanvas.access{
	margin-bottom: 40px;
}


.floatBox #mapCanvas{
	width: 100%;
}



.topNewsBox{
	padding-left: 50px;
	padding-right: 50px;
}
.topNewsBox .left{
	float: left;
	width: 75%;
}
.topNewsBox .right{
	float: right;
	width: 25%;
	margin-bottom: 30px;
}

.facebookBox{
	padding-left: 10px;
	padding-right: 30px;
}

.facebookTtl a{
	display: block;
	width: 222px;
	height: 44px;
	margin-bottom: 19px;
	background-image:url(../images/ttl_facebook-2x.png);
	background-repeat:no-repeat;
	background-size: 222px 44px;
	text-indent: -9999px;

	width: 100%;
	max-width: 222px;
	background-size: 100% auto;

}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.facebookTtl a{
		background-image:url(../images/ttl_facebook-2x.png);
	}
}

.facebooklist li{
	border-top: 1px solid #e6e6e6;
	padding-top: 18px;
	margin-bottom: 12px;
}

.facebooklist li .date{
	color: #999;
	font-size: 13px;
	margin-bottom: 9px;
	margin-left: 1px;
}
.facebooklist li .ttl{
	font-size: 14px;
	line-height: 180%;
}

.facebookSlide{
	height: 300px;
	overflow: scroll;
	padding-right: 0px;
}



.newsList{
	max-width: 985px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.newsList li{
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
}

.newsList li .newsImg{
	padding-left: 20px;
	width: 100px;
	float: left;
}
.newsList li .newsImg img{
	max-width: 100%;
}
.newsList li .dispArea{
	padding-left: 150px;
}

.newsList li .date{
	font-family:'Noto Sans Japanese',YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin-bottom: 5px;
}

.newsList li .date .cat{
	font-weight: bold;
	margin-left: 10px;
}
.newsList li .disp{
	line-height: 180%;
}

.newsListPage{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.newsListPage li{
	width: 21%;
	margin-left: 2%;
	margin-right: 2%;

	width: 29%;

	float: left;
	text-align: center;
	margin-bottom: 40px;

}
.newsListPage li .newsImg{
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}
.newsListPage li .dispArea{
	margin-bottom: 20px;
}

.newsListPage.galleryList li .newsImg{
	margin-bottom: 0px;
}
.newsListPage.galleryList li .newsImg a{
	display: block;
}
.galleryList{
	padding-top: 20px;
	margin-bottom: 40px;
}


.newsListPage li .newsImg img{
	max-width: 100%;
}
.newsListPage li .date .cat{
	font-weight: bold;
	margin-left: 10px;
}
.newsListPage li .dispArea{
	line-height: 180%;
	font-size: 13px;
}




.photoImg{
	height: 350px;
}

.btnWide a{
	display: block;
	padding: 60px 0;
	border-bottom: 1px solid #f3f3f3;
}


footer{
	background-color: #F2F2F2;
	text-align: center;
	padding: 50px 0 100px;
	color: #000;
	font-size: 14px;
}
footer a{
	color: #000;
}

#gallery,
#instagram{
	vertical-align: bottom;
}

.fancybox-inner img{
	vertical-align: top;
}


#ftLogo{

}
#ftLogo a{
	display: block;
	width: 250px;
	height: 40px;
	background-image:url(../images/ft_logo.png);
	background-repeat:no-repeat;
	background-size: contain;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#ftLogo a{
		background-image:url(../images/ft_logo-2x.png);
	}
}

.contactList{
	text-align: center;
	margin-bottom: 10px;
}
.contactListDown{
	margin-bottom: 20px;
}
.contactList li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.contactList li span{
	font-weight: bold;
}

.contactList li span{
	text-align: left;
	display: inline-block;
	text-indent: -9999px;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.contactList li.tel span{
	background-image:url(../images/ico_tel.png);
}
.contactList li.fax span{
	background-image:url(../images/ico_fax.png);
}
.contactList li.mail span{
	background-image:url(../images/ico_mail.png);
}
.contactList li.map span{
	background-image:url(../images/ico_map.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.contactList li.tel span{
		background-image:url(../images/ico_tel-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.contactList li.fax span{
		background-image:url(../images/ico_fax-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.contactList li.mail span{
		background-image:url(../images/ico_mail-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.contactList li.map span{
		background-image:url(../images/ico_map-2x.png);
	}
}






.ftBox{
	text-align: center;
	margin-bottom: 40px;
	vertical-align: top;
}
.ftBox .snsList{
	display: inline-block;
	margin-left: 10px;
	margin-right: 8px;
	vertical-align: top;
}
.ftBox .copyrightAreaSpace{
	display: inline-block;
	vertical-align: top;
	padding-top: 4px;
}

.copyrightAreaSpace span{
	background-repeat:no-repeat;
	background-size: contain;
	background-image:url(../images/ft_space.png);
	background-size: 112px 24px;
	width: 112px;
	height: 24px;
	margin-right: 4px;
	text-indent: -9999px;
	display: inline-block;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.copyrightAreaSpace span{
		background-size: auto 24px;
		background-image:url(../images/ft_space-2x.png);
	}
}


.ftBox .copyrightArea{
	display: inline-block;
	margin-left: 4px;
	margin-right: 10px;
	vertical-align: top;
	padding-top: 11px;
}




.subList{
	text-align: center;
	margin-bottom: 20px;
}
.subList li{
	display: inline-block;
	padding-left: 8px;
	padding-right: 12px;
	border-right: 1px solid #f3f3f3;
	line-height: 13px;
	font-weight: bold;

	border-right: 1px solid #E4E4E4;
}
.subList li:last-child{
	border: none;
}

.subList li a{
	background-position: 50% 50%;
	display: block;
	background-repeat:no-repeat;
	text-indent: -9999px;
	text-align: left;
	height: 11px;
	background-size: contain;
}

.subList li.faq a{
	background-image:url(../images/ft_faq.png);
	width: 26px;
}
.subList li.privacy a{
	background-image:url(../images/ft_privacy.png);
	width: 111px;
}
.subList li.contact a{
	background-image:url(../images/ft_contact.png);
	width: 62px;
}
.subList li.recruit a{
	background-image:url(../images/ft_recruit.png);
	width: 58px;
}
.subList li.instagram a{
	background-image:url(../images/ft_instagram.png);
	width: 80px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.subList li.faq a{
		background-image:url(../images/ft_faq-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.subList li.privacy a{
		background-image:url(../images/ft_privacy-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.subList li.contact a{
		background-image:url(../images/ft_contact-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.subList li.recruit a{
		background-image:url(../images/ft_recruit-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.subList li.instagram a{
		background-image:url(../images/ft_instagram-2x.png);
	}
}




.snsList{
	font-size: 0;
	text-align: center;
	margin-right: 10px;
}

.snsList li{
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
}

.snsList li a{
	width: 28px;
	height: 28px;
	background-repeat:no-repeat;
	background-size: 15px 15px;
	display: block;
	border: 2px solid #000;
	background-position: 50% 50%;
	background-size: 24px 24px;
}
.snsList li.facebook a{
	background-image:url(../images/ft_facebook.png);
}
.snsList li.twitter a{
	background-image:url(../images/ft_twitter.png);
}
.snsList li.instagram a{
	/*background-image:url(../images/ft_instagram.png);*/
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.snsList li.facebook a{
		background-image:url(../images/ft_facebook-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.snsList li.twitter a{
		background-image:url(../images/ft_twitter-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.snsList li.instagram a{
		/*background-image:url(../images/ft_instagram-2x.png);*/
	}
}

header .snsList li{
	margin-left: 10px;
	margin-right: 10px;
}

header .snsList li a{
	border: none;
	padding-top: 4px;
	background-size: 15px 15px;
}

header .snsList li.facebook a{
	background-image:url(../images/hd_facebook.png);
}
header .snsList li.twitter a{
	background-image:url(../images/hd_twitter.png);
}
header .snsList li.instagram a{
	background-image:url(../images/hd_instagram.png);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	header .snsList li.facebook a{
		background-image:url(../images/hd_facebook-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	header .snsList li.twitter a{
		background-image:url(../images/hd_twitter-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	header .snsList li.instagram a{
		background-image:url(../images/hd_instagram-2x.png);
	}
}


.copyrightArea{
	text-align: center;
	position: relative;
	padding-left: 5px;
	font-size: 13px;
}

.copyrightArea span{
	background-repeat:no-repeat;
	background-size: contain;
	background-image:url(../images/ft_uds.png);
	width: 24px;
	height: 24px;
	margin-right: 0px;
	text-indent: -9999px;
	display: inline-block;
	position: absolute;
	padding-top: 11px;
	top:3px;
	left: 0;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.copyrightArea span{
		background-image:url(../images/ft_uds-2x.png);
	}
}




.areaList{
	display: inline-block;
	text-align: center;
	font-size: 0;
	font-family:'Noto Sans Japanese',YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
}
.areaList li{
	display: inline-block;
	font-size: 12px;
	margin-left: 3px;
	margin-right: 3px;
}
.areaList li a{
	display: block;
	padding: 5px 20px 3px 20px;
	background-color: #fff;
}
.areaList li.current a{
	background-color: #000;
	color: #fff;
}
.areaList li a:hover{
	text-decoration: none;
}

.lanList{
	display: inline-block;
	text-align: center;
	font-size: 0;
	font-family:'Noto Sans Japanese',YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 20px;
}
.lanList li{
	display: inline-block;
	font-size: 12px;
	margin-left: 3px;
	margin-right: 3px;
}
.lanList li a{
	display: block;
	padding: 5px 20px 3px 20px;
	background-color: #fff;
}
.lanList li.current a{
	background-color: #000;
	color: #fff;
}
.lanList li a:hover{
	text-decoration: none;
}

.onlyPc{
	display: inline-block;
}
.detail.onlyPc{
	display: block;
}
.onlySp{
	display: none;
}

.marginBottom.onlyPc{
	display: block;
}



#topFlexslider .flex-control-nav{

}

#topFlexslider,
#topFlexslider .slides,
#topFlexslider .slides li{
	height: 100%;
}

#access{
	display:table;
	width:100%;
	height:400px;
	table-layout: fixed;
	border-top: 1px #f3f3f3 solid;
}
#access h2{
	margin:20px 0 0;
}
#access .left,
#access .right {
	vertical-align:middle;
	display:table-cell;
}
#access iframe{
	vertical-align: top;
}
#access .landmark{
	margin:0 auto;
	width:80%;
	padding: 0 20% 0;
}
#access .landmark li{
	font-size: 14px;
	padding: 5px ;
	float: left;
	width: 46%;
}
#access .landmark li:hover{
	cursor: pointer;
}
#access .landmark li img{
	margin:0 5px 0 0;
}




#spReseve{
	display: none;
}

#pagetop{
	width:100%;
	height:40px;
	position: fixed;
	right: 60px;
	bottom: 40px;
	z-index: 1000;
	display: none;
}
#pagetop .left{
	float:right;
	height:100%;
}
#pagetop .left a{
	display: block;
	font-size:16px;
	padding:9px 0 9px 20px;
	width: 100%;
	background: #fff;
	border: 3px solid #000;
	margin:0 0 0 20px;
	color:#333;
	font-weight:bold;
	text-align:center;
	background-size: 20px 18px;
	background-image:url(../images/ft_reserve-2x.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
#pagetop .left a:hover{
	opacity: 1!important;
	text-decoration: none;
}
#pagetop .right{
	float:right;
}

#pagetop .right a{
	display: block;
	width: 40px;
	height: 40px;
	border: 3px solid #000;
	background-image: url(../images/ic_pagetop.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
	background-color: #fff;
	background-size: 20px 11px;
}

#pagetop .area{
	position:fixed;
	left:20px;
	bottom:40px;
}
#pagetop .area li{
	display:inline;
}
#pagetop .area a{
	display:inline-block;
	background:#fff;
	color:#000;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding:0 10px;
	line-height:34px;
	border:3px #000 solid;
	width:150px;
}
#pagetop .area a{
	text-decoration:none;
}
#pagetop .area .current a{
	display:none;
	background-color:#000;
	color:#fff;
}
#pagetop .area .soon{
	display:inline-block;
	background:#ccc;
	color:#666;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding:0 10px;
	line-height:34px;
	border:3px #aaa solid;
	width:150px;
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#pagetop .right a{
		background-image:url(../images/ic_pagetop-2x.png);
	}
}





.giftBox{
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 28px;
	font-size: 16px;
}

.giftImg{
	margin-bottom: 30px;
	text-align: center;
}
.giftImg img{
	max-width: 100%;
}

.giftDisp{
	text-align: center;
	line-height: 200%;
}


#pageVisual{
	width: 100%;
	position: relative;
}
#content{
	padding-top: 60px;
	padding-bottom: 60px;
}

#content.noImage{
	padding-top: 100px;
}

#main.page.news #content{
	max-width: 595px;
	margin-left: auto;
	margin-right: auto;
}

.flexslider .slides > li{
	overflow: hidden;
}



.mainStr{
	text-align: center;
	line-height: 200%;
	margin-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
}



.floorList.onlyPc{
	display: block;
}

.floorList{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.floorList li{
	width: 23%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 30px;
}

.floorList li .floorImg{
	text-align: center;
	position: relative;
}

.floorList li .floorImg img{
	max-width: 100%;
	height: auto;
}







.photoList{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.photoList li{
	width: 18%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	font-size: 13px;
	line-height: 180%;
	margin-bottom: 30px;
}
.photoList li .ttl{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.photoList.facilityList li .ttl{
	font-weight: normal;
	font-family:'Noto Sans Japanese',YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.photoList li .disp{
	font-size: 12px;
	text-align: left;
}

.photoList li .img img{
	width: 100%;
	height: auto;
}

.photoList li .img{
	margin-bottom: 20px;
	position: relative;
}

.border{
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0px solid #F2F2F2;
	box-sizing: border-box;
	opacity: 0;
	left: 0;
	top: 0;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
}

.img:hover .border{
	border-width: 10px;
	opacity: 1;
}
.newsImg:hover .border{
	border-width: 10px;
	opacity: 1;
}


.tabList{
	text-align: center;
	margin-bottom: 100px;
}
.tabList li{
	display: inline-block;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 30px;
}

.linkList{
	text-align: center;
	margin-bottom: 80px;
	padding-top: 40px;
}
.linkList li{
	display: inline-block;
	font-weight: bold;
	border-right: 1px solid #f3f3f3;
	height: 17px;
}
.linkList li a{
	padding-left: 20px;
	padding-right: 20px;
}

.linkList.conceptList li{
	padding-right: 25px;
}

.linkList.conceptList li:last-child{
	border: none;
}

.linkList.conceptList li a{
	background-image:url(../images/arr_tab-2x.png);
	background-size:auto 12px;
	background-repeat: no-repeat;
	background-position: right 48%;
	display: block;
	height: 17px;
}


.linkList li a img{
	vertical-align: top;
}


.floatBoxPage .verticalBox{
	padding-top: 65px;
	padding-bottom: 65px;
}

.floatBoxPage .box{
	display: block;
}

.floatBoxPage{
	background-image:url(../images/ln_h.png);
	background-position: 0 top;
	background-size: 100% 1px;
	background-repeat: repeat-x;
}
.gray{
	background-color: #FAFAFA;
	text-align: center;
	/* 	display: table; */

	display: block;
}

.gray .img{
	/* 	display: table-cell; */
	vertical-align: middle;
	/* 	height: 100%; */
	/* 	padding-top: 80px; */
}
.gray .img img{
	max-width: 90%;
}

.floatBoxPage .ttl{
	font-size: 30px;
	margin-bottom: 15px;
}

.floatBoxPage .disp{
	line-height: 200%;
	margin-bottom: 20px;
	font-size: 14px;
}



.specList{
	border-top: 1px solid #e6e6e6;
	margin-bottom: 20px;
	font-size: 14px;
}

.specList li{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
}

.specTtl{
	float: left;
	width: 80px;
}
.specDisp{
	padding-left: 80px;
}

.subDisp{
	color: #999;
	font-size: 12px;
	margin-bottom: 30px;
	line-height: 180%;
}

.thumList{
	margin-bottom: 20px;
}
.thumList li{
	float: left;
	margin-right: 12px;
}
.thumList li a{
	display: block;
	position: relative;
}

.thumList li .plus{
	width: 23px;
	height: 23px;
	background-image:url(../images/ico_plus-2x.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 13px 13px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
}



.right .contentArr{
	width: 17px;
	height: 34px;
	position: absolute;
	left: -2px;
	top:50%;
	margin-top: -17px;
	background-image:url(../images/ico_content_right.png);
}
.left .contentArr{
	width: 17px;
	height: 34px;
	position: absolute;
	right: 0;
	top:50%;
	margin-top: -17px;
	background-image:url(../images/ico_content_left.png);
}

.floatBoxAll{
	margin-bottom: 0px;
}







article{
	margin-bottom: 60px;
}

article .mainImg{
	margin-bottom: 30px;
}
article .mainImg img{
	max-width: 100%;
}

article .disp img{
	max-width: 100%;
	height: auto;
}

article .date{
	font-size: 12px;
	margin-bottom: 10px;
}
article .date .cat{
	font-weight: bold;
}

article .ttl{
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
}

article .disp{
	line-height: 180%;
}

article .disp p{
	margin-bottom: 40px;
}

article .disp img{
	margin-bottom: 40px;
}




.newsDirection{
	text-align: center;
	font-size: 0;
}
.newsDirection p{
	display: inline-block;
	text-align: left;
	text-indent: -9999px;
	border-right: 1px solid #f3f3f3;
}
.newsDirection p:last-child{
	border-right: none;
}

.newsDirection p a{
	height: 16px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 25px;
	padding-right: 25px;
	background-position: 50% 0;
	background-size: contain;
}
.newsDirection p.prev a{
	background-image:url(../images/btn_prev.png);
	width: 74px;
}
.newsDirection p.index a{
	background-image:url(../images/btn_index.png);
	width: 56px;
}
.newsDirection p.next a{
	background-image:url(../images/btn_next.png);
	width: 70px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.newsDirection p.prev a{
		background-image:url(../images/btn_prev-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.newsDirection p.index a{
		background-image:url(../images/btn_index-2x.png);
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.newsDirection p.next a{
		background-image:url(../images/btn_next-2x.png);
	}
}

#soubenir{
}


section#photoArea{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#photoArea{
	font-size: 14px;
}
#photoArea h2.ttl{
	text-align: left;
	margin-bottom: 20px;
}
#photoArea .btnArea{
	text-align: left;
}


.left2{
	width: 40%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
}
.right2{
	margin-right: 5%;
	float: left;
	width: 45%;
}

#gallery .left2{
	width: 40%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
}
.picimg img{
	max-width: 100%;
}


.instagramIco{
	width: 35px;
	height: 35px;
	text-align: center;
	float: left;
}
.instagramIco img{
	padding-top: 2px;
}


.instagramRight{
	padding-left: 50px;
	margin-bottom: 10px;
}

.instagramDisp{
	clear: both;
	line-height: 200%;
	margin-bottom: 30px;
}

.instagramRight .ttl a{
	font-weight: bold;
	padding-top: 2px;
}


#instagramBox{
	margin-bottom: 30px;
	text-align: center;
	font-size: 0;
}
#instagramBox > div{
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%;
	width: 43%;
	margin-bottom: 6px;
}
#instagramBox > div img{
	max-width: 100%;
	height: auto;
}

#instagramStr{
	text-align: center;
}

.instagramImg img{
	max-width: 100%;
}
.instagramImg{
	padding: 10px;
	background-color: #F2F2F2;
	margin-bottom: 20px;
}

#gallery, #instagram{
	padding: 60px 0;
}

.flexslider .slides,
.flexslider .slides li{
	height: 100%;
}




#pageVisual{

}



.subStr{
	text-align: center;
	font-size: 10px;
	color: #999;
	margin-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 180%;
}

.contactList.contactListPage li span{
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}

.contactList.contactListPage li.tel span{
	background-image:url(../images/ico_tel-2x.png);
}
.contactList.contactListPage li.fax span{
	background-image:url(../images/ico_fax-2x.png);
}
.contactList.contactListPage li.mail span{
	background-image:url(../images/ico_mail-2x.png);
}
.contactList.contactListPage li.map span{
	background-image:url(../images/ico_map-2x.png);
}


.accessMap{
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	margin-top: -20px
}

.accessMap a.google span{
	background-position: 50% 50%;
	background-size: 123px auto;
	box-sizing: border-box;

	height: 60px;
	width: 333px;
}

.categoryLit{
	text-align: center;
}
.categoryLit li{
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}
.categoryLit li.allNews{
	font-weight: bold;
}

.pb0{
	padding-bottom: 0 !important;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}


.noImg{
	width: 100%;
	padding: 100px 0;
	background-color: #efefef;
	text-align: center;
	font-size: 12px;
}



.paging {
	clear: both;
	color: white;
	padding-top: 0px;
	padding-bottom: 60px;
}

.paging em {
	font-style: normal;
	color: gray;
}

.paging > ul {
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}

.paging > ul > li {
	display: table-cell;
}

.newsDirection{
	text-align: center;
}

.newsDirection p{
	display: inline-block;
}

.page-numbers{
	display: inline-block;
	color: #888;
	padding: 0 10px;
}
a.page-numbers{
	color: #000;
}






















.blogBox{

}
.blogContent{
	float: left;
	width: 75%;
	line-height: 180%;
}
.blogSide{
	float: right;
	width: 20%;
	margin-left: 5%;
}


.blogSide .widget h2{
	font-weight: bold;
	font-size: 12px;
	display: block;
	margin: 0;
	margin-bottom: 5px;
	float: none;
	width: auto;
	text-align: left;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
.blogSide .widget ul{
	margin-left: 0em;
	margin-bottom: 30px;
	line-height: 160%;
}

.blogSide .widget ul li{
	margin-bottom: 5px;
}



article .mainImg img{
	max-width: 100%;
}

.nopaging{
	display: none;
}

.galleryStr{
	text-align: center;
	line-height: 200%;
}

.subBox{
	border-top: 1px solid #e6e6e6;
	padding-top: 40px;
}


.privacyTtl{
	font-size: 18px;
	text-align: center;
	font-weight: bold;

	margin-bottom: 20px;
}
.privacyDisp{
	font-size: 16px;
	line-height: 180%;
	margin-bottom: 30px;
	padding-bottom: 20px;

	border-bottom: 1px dotted #e6e6e6;
}

.privacyList{
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
	margin-bottom: 40px;
}
.privacyList.noLine{
	border-bottom: none;
}

.privacyList .ttl{
	font-weight: bold;
	margin-bottom: 10px;
}
.privacyList .disp{
	line-height: 180%;
}
.privacyList li{
	margin-bottom: 40px;
}

.privacyList li a{
	text-decoration: underline;
}














/* ------------------------------------------
contact
------------------------------------------ */



#tblForm{
	margin-top: 0px;
	display: block;
	width: auto;
}

#tblForm tbody{
	display: block;
	width: auto;
}

#tblForm tr{
	display: block;
	width: auto;
}

#btnArea{
	margin-top: 30px;
	margin-bottom: 50px;
}
#btnArea input{
	background: none;
	border: 0;
	color: #FFF;
	display: block;
	width: 100px;
	height: 32px;
	background-color: #000;
	text-align: center;

}
#tblForm #btnArea input{
	border-radius: 0;
	behavior: url("https://bookteabed.com/js/pie/PIE.htc");
}


#tblForm th{
	padding: 10px;
	padding-left: 0;
	width: auto;
	vertical-align: top;
	padding-top: 16px;
	padding-bottom: 0;
	padding-right: 0;
	display: block;
	font-weight: bold;
}

#tblForm td{
	padding: 10px;
	padding-left: 0;
	display: block;
	padding-right: 0;
}

#tblForm .sel1{
	width: 100%;
}

#tblForm .sel2{
	width: 60px;
}

#tblForm .sel3{
	width: 100%;
	height: 150px;
}

#tblForm input{
	border: solid 1px #CCC;
	border: none;
	border-radius: 4px;
	padding: 10px;
	behavior: url("https://bookteabed.com/js/pie/PIE.htc");

	background-color: #f7f7f7;
	box-sizing: border-box;
}


#tblForm .wpcf7-list-item input{
	border: none;
}


#tblForm textarea{
	border: solid 1px #CCC;
	border: none;
	border-radius: 4px;
	padding: 10px;
	behavior: url("https://bookteabed.com/js/pie/PIE.htc");
	margin-bottom: 10px;

	background-color: #f7f7f7;
	box-sizing: border-box;
}
.attention{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 280px;
}

.req{
	color: #fff;
	background-color: #000;
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */

	float: right;
	font-size: 10px;
	padding: 2px 10px;
	display: inline-block;
}

input.btn{
	border: none;
	padding: 10px 30px;
	cursor: pointer;

	background-color: #000;


	background-image:url(../images/btn_send.png);
	background-size: 66px 20px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 50px;
	width: 100%;
	max-width: 330px;
	margin-left: auto;
	margin-right: auto;

	border: 0px solid #000;
	display: block;
	box-sizing: border-box;

	-webkit-appearance: none;
	border-radius: 0;

}









a.pageReserveBtn{
	width: 200px;
	height: 50px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-repeat: no-repeat;
	background-image:url(../images/ico_calender_white-2x.png);
	background-position: 20px 50%;
	background-size: 13px 12px;

	position: fixed;
	right: 20px;
	/*     top: 50%; */
	margin-top: -50px;

	z-index: 10;
	background-color: rgba(0,0,0,0.75);

	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;


	box-shadow:0px 0px 6px 1px rgba(255,255,225,0.4);
	-moz-box-shadow:0px 0px 6px 1px rgba(255,255,225,0.4);
	-webkit-box-shadow:0px 0px 6px 1px rgba(255,255,225,0.4);

	display: none !important;
}

a.pageReserveBtn:hover{
	text-decoration: none;
}




.roomTypeTtl{
	text-align: center;
	font-size: 24px;
	padding: 48px 0 40px 0;
}

.roomTypeTtl.line{
	background-image: url("../images/ln_h.png");
	background-position: 0 top;
	background-repeat: repeat-x;
	background-size: 100% 1px;
}




#ui-datepicker-div{
	padding: 0;

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	padding-top: 20px;
	background-color: #fff;
}


.topSideCalendar:after{
	position: absolute;
	right: -10px;
	top: 120px;
	width: 10px;
	height: 20px;

	background-image: url("../images/tab_calendar-2x.png");
	background-repeat: repeat-x;
	background-size: 10px 20px;
}

.topSideCalendar.second:after{
	top: 168px;
}

.flexslider .slides img{
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}

.topSideCalendar{
	left:auto !important;
	right:290px !important;
	top:auto !important;
	bottom:20px !important;
	margin-top:192px !important;
	margin-left: -290px !important;
}
















.airport{
	font-weight: bold;
}


.airportStr{
	font-size: 18px;
}



.airportLine{
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #F3F3F3;
	padding-top: 80px;
}


.marginBottom{
	margin-bottom: 30px;
}

.airportImg img{
	max-width: 100%;
}

.texthover {
	/*width:		99%;
	margin:			10px 8px 10px 16px;
	*/overflow:		hidden;
	position:		relative;
}
.texthover .caption {
	width:			100%;
	height:			100%;
	visibility:		hidden;	/* 文字を表示しない */
	font-size:		1.0em;
	position:		absolute;
	top:			0;
	left:			0;
	text-align:		center;
	-webkit-transition:	all 0.4s step-end;
	transition:		all 0.4s step-end;
}
.texthover:hover .caption {
	visibility:		visible;	/* 文字を表示する */
}
.texthover .caption p {
	font-size:		100%;
	padding-top:		15px;
	color:			#fff;
	opacity:		0;	/* ホバーが解除された時すぐ消えるように、文字を表示しない */
}
.texthover:hover .caption p {
	opacity:		1;	/* 文字を表示する */
}
.texthover .mask1, .texthover .mask2 {
	width:			50%;	/* 幅は半部のサイズ */
	height:			100%;
	position:		absolute;
	top:			0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.texthover .mask1 {
	left:			-50%;	/* 枠の左に置いて表示させない */
}
.texthover:hover .mask1 {
	left:			0px;	/* 左にずらして表示する */
}
.texthover .mask2 {
	right:			-50%;	/* 枠の右に置いて表示させない */
}
.texthover:hover .mask2 {
	right:			0px;	/* 右にずらして表示する */
}


.modal-window {
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0;
	line-height: 1.3;
	display: none\9;
	top: 155px;
}
.modal-window:target {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}
.is-active.modal-window {
	display: block\9;
}
.modal-window:target {
	display: block\9;
}
.modal-window .modal-inner {
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 20;
	margin-left: -325px;
	width: 650px;
	overflow-x: hidden;
	border-radius: 2px;
	/*background: #fff;*/
/*-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);*/
}
.modal-window .modal-inner p {
	/*padding: 0 20px;*/
}

.modal-window .modal-inner p a {
	padding: 10px;
}

#modal-link{
	padding: 20px !important;
	margin: 10px auto!important;
}


.modal-window .modal-close {
	display: block;
	text-indent: -100px;
	overflow: hidden;
}
.modal-window .modal-close:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==");
}
.modal-window .modal-close:after {
	content: '\00d7';
	position: absolute;
	top: 25px;
	left: 50%;
	z-index: 20;
	margin-left: 285px;
	background: #fff;
	border-radius: 2px;
	padding: 2px 8px;
	font-size: 1.2em;
	text-decoration: none;
	text-indent: 0;
}
.modal-window {
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}





.instaList{
	max-width: 985px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.instaList li{
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
}

.instaList li .instaImg{
	padding-left: 20px;
	width: 100px;
	float: left;
}
.instaList li .instaImg img{
	max-width: 100%;
}
.instaList li .dispArea{
	padding-left: 150px;
}

.instaList li .date{
	font-family:'Noto Sans Japanese',YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin-bottom: 5px;
}

.instaList li .date .cat{
	font-weight: bold;
	margin-left: 10px;
}
.instaList li .disp{
	line-height: 180%;
}

.instaListPage{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.instaListPage li{
	width: 19%;
	margin: 0 5px 10px ;
	float: left;
	text-align: center;

}
.instaListPage li .instaImg{
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}
.instaListPage li .dispArea{
	margin-bottom: 20px;
}

.instaListPage.galleryList li .instaImg{
	margin-bottom: 0px;
}
.instaListPage.galleryList li .instaImg a{
	display: block;
}
.galleryList{
	padding-top: 20px;
	margin-bottom: 40px;
}


.instaListPage li .instaImg img{
	max-width: 100%;
}
.instaListPage li .date .cat{
	font-weight: bold;
	margin-left: 10px;
}
.instaListPage li .dispArea{
	line-height: 180%;
	font-size: 13px;
}





#tltip1 li {
	position:relative;
}
.tltip1-tooltips {
	display: none;
	position: absolute;
	bottom: 2em;
	left: 0.3em;
	z-index: 9999;
	padding: 3px 10px;
	color: #FFFFFF;
	background: #666;
	border-radius: 0.1em;
	font-size: 12px;
}
/*.tltip1-tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #c72439;
  }*/
  #tltip1 li:hover .tltip1-tooltips {
  	display: block;
  }


  article label{
  	display: none;
  }
  article input{
  	display: none;
  }


/* pc 980px-921px
***************************************************************************/
@media only screen and (max-width:980px) {

	.reserveBoxHeader .reserveList li .confirm{
		margin-left: 20px;
	}

}


.read-more-state {
	display: none;
}






/* pc 920px-781px
***************************************************************************/
@media only screen and (max-width:920px) {

	.reserveBoxHeader .reserveList li.confirmBox{
		display: none;
	}
	.reserveBoxHeader .reserveList li{
		width: 25%;
	}
	.reserveBoxHeader .reserveList li.onlyPc{
		width: 25%;
	}
}





/* ipad
***************************************************************************/
@media only screen and (max-width:780px) {
	.pc-hide{
		display: inline-block;
	}
	.sp-hide{
		display: inline-block;
	}
	.tb-hide{
		display: none;
	}

	.topNewsBox .right{
		margin-bottom: 0;
	}

	.newsListPage li{
		margin-bottom: 0;
	}

/*
.reserveBoxHeader{
	display: none !important;
}
*/

section#concept h2.ttl img{
	max-width: 280px;
}

header .snsList{
	display: none;
}

.box{
	padding-left: 30px;
	padding-right: 30px;
}

.topNewsBox{
	padding-left: 0;
	padding-right: 0;
}



.topNewsBox .left{
	width: 65%;
}
.topNewsBox .right{
	width: 35%;
}

.controlList li.navLanguage{
	display: block;
}

.hdLanList{
	display: none;
	border-top:1px solid #f3f3f3;
	border-left:1px solid #f3f3f3;
	border-right:1px solid #f3f3f3;
	margin-right: -92px;
	margin-top: 90px;
	padding-top: 0;
}

.hdLanList li{
	float: none;
	border: none;
	border-bottom:1px solid #f3f3f3;
}
.hdLanList li.first {
	border-bottom:1px solid #f3f3f3;
}
.hdLanList li a{
	width: 90px;
	height: 90px;
	padding: 0;
	text-align: center;
	line-height: 90px;
	vertical-align: middle;
	background-color: #fff;
}

.all{
	padding-top: 70px;
	padding-bottom: 60px;
}


a.wideBtn.more span{
	display: inline-block;
}


}












.contactform01{
	display: block;
	width: 60%;
	margin: 0 auto;
	font-size: 14px;
}

.contactform01 table{
	width: 100%;
}
.contactform01 table tr{
	font-size: 14px;
}




/* ------------------------------------------
smartphone
------------------------------------------ */
@media only screen and (max-width:700px) {
	.pc-hide{
		display: inline-block;
	}
	.sp-hide{
		display: none;
	}
	.tb-hide{
		display: inline-block;
	}

	.contactform01{
		display: block;
		width: 100%;
		margin: 0;


	}
	.contactform01 table tr{
		font-size: 12px;
	}


	.modal-window {
		-webkit-transform: translate(0, 100%);
		-moz-transform: translate(0, 100%);
		-o-transform: translate(0, 100%);
		-ms-transform: translate(0, 100%);
		transform: translate(0, 100%);
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		opacity: 0;
		line-height: 1.3;
		display: none\9;
		top: 50px;

	}
	.br-sp { display:none; }
	.modal-window:target {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
	.is-active.modal-window {
		display: block\9;
	}
	.modal-window:target {
		display: block\9;
	}
	.modal-window .modal-inner {
		position: absolute;
		top: 50px;
		left: 50%;
		z-index: 20;
		margin-left: -325px;
		width: 650px;
		overflow-x: hidden;
		border-radius: 2px;
		background: #333;
		-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
		padding-top: 150px;
	}

	.controlList{
		display: block;
	}
	.controlList li.navLanguage{
		display: none;
	}

	.photoList.foodList .img{
		width: 100%;
		float: none;
	}
	.photoList.foodList li .ttl{
		padding-left: 0;
	}
	.photoList.foodList li .disp{
		padding-left: 0;
	}
	#access{
		display:block;
		width:100%;
		height: auto;
		border-top: 1px #f3f3f3 solid;
	}
	#access .landmark{
		text-align: left;
		padding:0 20px;
	}
	#access .landmark li{
		font-size: 14px;
		padding: 5px;
	}

	#access .left,
	#access .right {
		vertical-align:middle;
		display:block;
		text-align: center;
	}
	#access .left{
		margin:0 0 20px;
		padding:0 40px;
	}
	#access iframe{
		vertical-align: top;
	}

	#photoArea a.more span{
		background-position: 50% 50%;
	}

	#opening{
		padding-top: 60px;
	}



	a.wideBtn{
		width: 100%;
	}

	#content{
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.mainStr{
		padding-left: 20px;
		padding-right: 20px;
		text-align: left;
		margin-bottom: 30px;
	}
	.conceptDisp{
		padding-left: 20px;
		padding-right: 20px;
		text-align: left;
	}
	#content section:last-child{
		padding-bottom: 30px;
	}
	.photoList{
		margin-bottom: 0;
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 30px;
	}
	.floorList{
		margin-bottom: 0;
		padding-left: 0px;
		padding-right: 0px;
	}



	.right2{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	.left2{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.floatBox2{

	}

	.floatBox2 .left2.onlySp{
		width: auto;
		box-sizing: padding-box;
		display: block;
	}

	.floatBox2 .right2{
		padding-left: 20px;
		padding-right: 20px;
		display: block;
		box-sizing: padding-box;
		width: auto;
	}

	.instagramHead{
	}

	.instagramDisp{
		margin-bottom: 0px;
	}
	#gallery .instagramDisp{
		margin-bottom: 20px;
	}
	.ftBox {
		margin-bottom: 30px;
	}
	.ftBox .snsList{
		display: block;
		margin-bottom: 20px;
	}
	.copyrightArea{
		display: block;
	}

	#gallery .left2{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#instagramBox > div{
		width: 31%;
	}
	#instagramBox{
		margin-bottom: 10px;
	}


	#gallery, #instagram{
		width: 100%;
		padding: 45px 0;
	}
	section#photoArea{
		padding-left: 0px;
		padding-right: 0px;
	}

	#photoArea h2.ttl{
		text-align: center;
		margin-bottom: 45px;
	}



	.reserveList li.checkin input{
		background-image:url(../images/ico_calender-2x.png);
		background-size: 17px 15px;
		background-position: 15px 50%;
	}
	.reserveList li.checkout input{
		background-image:url(../images/ico_calender-2x.png);
		background-size: 17px 15px;
		background-position: 15px 50%;
	}


	.linkList li a {
		padding-left: 5px;
		padding-right: 5px;
	}

	.floorList li{
		width: 50%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}
	.floorList li .floorImg .border{

	}

	.floorList li:nth-child(odd) .floorImg .border{

	}
	.floorList li:nth-child(even) .floorImg .border{

	}
	.floorList li:last-child{
		width: 100%;
	}
	.floorList li:last-child .floorImg .border{

	}

	.photoList li{
		width: 48%;
	}


	.floorList li .floorImg{
		padding: 0px;
		padding-bottom: 0px;
	}


	.newsListPage{
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px;
	}



	.newsListPage li{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		border-bottom: 1px solid #f2f2f2;
		margin-bottom: 20px;
	}

	.newsListPage li .newsImg{
		width: 30%;
		text-align: left;
		float: left;
	}

	.newsListPage li .dispArea{
		padding-left: 35%;
		text-align: left;
	}

	.newsListPage.galleryList{
		margin-bottom: 30px;
	}

	.newsListPage.galleryList li{
		width: 47%;
		margin-left: 1.5%;
		margin-right: 1.5%;
		margin-bottom: 6px;
	}
	.newsListPage.galleryList li .newsImg{
		width: 100%;
	}

	.photoList{
		margin-left: 20px;
		margin-right: 20px;
		border-top: 1px solid #f2f2f2;
		padding-top: 20px;
	}

	.photoList li{
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		border-bottom: 1px solid #f2f2f2;
		margin-bottom: 10px;
	}

	.photoList li .img{
		width: 30%;
		text-align: left;
		float: left;
	}
	.photoList li .ttl{
		padding-left: 35%;
		text-align: left;
	}
	.photoList li .disp{
		padding-left: 35%;
		text-align: left;
	}










	header{
		height: 60px;
	}

	#main.page{
		padding-top: 60px;
	}


	#pageFlexslider{
		height: 260px;
		overflow: hidden;
	}


	#photoArea .floatBox2.onlyPc{
		display: none;
	}
	.snsList li a{
		width: 150px;
		height: 30px;
		line-height: 30px;
		border: 2px solid #000;
		background-color: #fff;
	}



	.confirm{
		display: block;
	}



	footer{
		padding-bottom: 100px;
		background-color: #f2f2f2;
		padding-top: 30px;
		color: #000;
	}
	footer a{
		color: #000;
	}

	#pagetop{
		text-align: center;
		display: block;
		background-color: #1a1a1a;
		position: relative;
		width: 100%;
		height: 50px;
		right: auto;
		bottom: 0;

		position: fixed;
		left: 0;
		z-index: 10;
	}
	#pagetop a{
		text-indent: 0;
	}

	#pagetop .left{
		display: block;
		width: 83%;
		float: left;
	}
	#pagetop .right{
		display: block;
		width: 17%;
		float: right;
	}
	#pagetop .area{
		display:none;
	}
	#pagetop .left a{
		display: block;
		color: #fff;
		text-align: center;
		background-image: none;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		width: 100%;

		border: none;
		background-color: #1A1A1A;
	}
	#pagetop .left a span{

		background-size: 20px 18px;
		background-image:url(../images/ft_reserve-2x.png);
		background-position: 0 50%;
		background-repeat: no-repeat;
		padding-left: 30px;
		min-height: 18px;
		display: inline-block;
	}

	#pagetop .right a{
		display: block;
		color: #fff;
		text-align: left;
		text-indent: -9999px;
		background-size: 33px 21px;
		background-image:url(../images/ft_pagetop-2x.png);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		height: 50px;
		width: 100%;

		border: none;
		background-color: #1A1A1A;

		border-left: 1px solid #2e2e2e;
	}










	#opening{
		height: auto;
	}

	#opLogo{
		margin-top: -70px !important;
	}

	#opening .reserveBox{
		bottom: auto !important;
		position: relative;
		background-color: #f7f7f7;
	}

/*
.reserveList{
	display: block;
}
*/
header .reserveBox{
	display: none !important;
}

/*
.reserveList li a{
	height: 50px;
	line-height: 50px;
	background-color: #000;
	color: #fff;
}
*/
/*
.reserveList li.checkin input{
background-size: 0px auto;
background-size: auto 100%;
background-position: 0 50%;
}
.reserveList li.checkout input{
background-size: 0px auto;
background-size: auto 100%;
background-position: 0 50%;
}
*/

header{
	display: block !important;
	opacity: 1 !important;
}

#headerBox{
	height: 60px;

}




a.more span{
	background-image:url(../images/btn_more-2x.png);
	background-size: 109px auto;
	background-position: 50% 50%;
	height: 50px;
	width: 100%;
	border: 0px solid #000;
	display: block;
	box-sizing: border-box;
}
a.google span{
	background-size: 123px auto;
	background-position: 50% 50%;
	height: 50px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	font-size: 18px;
	padding: 10px;
}
a.google{
	display: block;
	width: 100%;
}


.btnArea.onlySp{
	margin-top: 10px;
}

.btnArea{
	display: block !important;
	box-sizing: border-box;
}


.onlyPc{
	display: none;
}
.onlySp{
	display: inline-block;
}


.reserveList li.onlyPc{
	display: none;
}
.reserveList li.onlySp{
	display: block;
}
.reserveList li input{
	vertical-align:middle;
	margin-bottom: 0;
}
.reserveList li input[type="date"]{
	padding-top: 15px;
	line-height: 100%;


}
.reserveList li{
	background-color: #fff;
	margin-bottom: 10px;
}

.reserveList li input:hover{
	background-color: transparent;
}
.reserveList li input:focus{
	background-color: transparent;
}

body{
	font-size: 14px;
}


.reserveList li.checkin{
	background-image:url(../images/arr_down-2x.png);
	background-size: 12px auto;
	background-position: right 20px top 50%;
	background-repeat: no-repeat;

	width: 100%;
	border: none;
}
.reserveList li.checkout{
	background-image:url(../images/arr_down.png);
	background-size: 12px auto;
	background-position: right 20px top 50%;
	background-repeat: no-repeat;

	width: 100%;
	border: none;
}
.reserveList li.search{
	width: 100%;
	border: none;
	padding-top: 0;
}

.reserveList li.search a{
	height: 40px;
	line-height: 40px;
	display: block;
	vertical-align: middle;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	padding-top: 3px;
	padding-right: 0;

	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-image:url(../images/ico_blank_white-2x.png);
	background-position: right 20px  top 50%;
}

.reserveList li.search a:hover{
	text-decoration: none;
}


.reserveList li input{
	padding-left: 20px;
	height: 43px;
}

.reserveList li a{
	width: 100%;
}

.floatBox > .left,
.floatBox > .right{
	width: 100%;
	height: auto !important;
}

.gray{
	display: block;
	padding: 20px 0;
}
.floatBox .img{
	height: auto;
}

.gray .img{
	display: block;
}

.gray .img img{
	max-width: 90%;
}

.box{
	padding: 45px 20px 40px 20px;
}

h2.ttl{
	margin-bottom: 20px;
}

.floatBox{
	height: auto !important;
}
.floatBoxPage .verticalBox{
	padding: 45px 0px 0px 0px;
}
.floatBoxPage .verticalBox .box{
	padding-top: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.right .contentArr,
.left .contentArr{
	left: 50%;
	top: 0;
	margin-top: -1px;
	margin-left: -19px;
	background-image:url(../images/ico_content_top-2x.png);
	width: 38px;
	height: 18px;

}

.newsList li{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.newsList li:last-child{
	margin-bottom: 0;
	border: none;
	padding-bottom: 0;
}

.newsList li .newsImg{
	padding-left: 0;
}

.newsList li .dispArea{
	padding-left: 120px;
}

.home .floatBox .img{
	height: 210px;
}



.floatBox2 > .left,
.floatBox2 > .right{
	width: 100%;
}

.photoImg{
	height: 230px;
}




header .reserveList{
	display: none;
}




h1#logo{
	padding-top: 15px;
	width: auto;
	margin-left: 20px;
	padding-right:130px;
}
h1#logo a{
	width: 100%;
}

header nav{
	display: none;
}

#spHeader{
	display: block;
	height: 100%;
	width: 100%;
	z-index: 100;
	position: fixed;
	background-color: rgba(240,240,240,0.9);
	display: none;
}
#tabContent{
	padding-top: 61px;
	height: 100%;
	box-sizing: border-box;
}
#spHeader .navList{
	width: 100%;
	/* 	margin-bottom: 20px; */
	height: 410px;
}
#spHeader .navList > li > a{
	padding:10px;
	height: 100%;
	line-height: normal;
	width: auto;
	text-align: left;
	/*background-position: 20px 50%;*/
	box-sizing: border-box;
	display: block;
}

/*.navList li.navHome a{
	background-image:url(../images/sp_nav01-2x.png);
	background-size: auto 14px;
}
.navList li.navConcept a{
	background-image:url(../images/sp_nav02-2x.png);
	background-size: auto 14px;
}
.navList li.navStay a{
	background-image:url(../images/sp_nav03-2x.png);
	background-size: auto 14px;
}
.navList li.navFood a{
	background-image:url(../images/sp_nav04-2x.png);
	background-size: auto 14px;
}
.navList li.navNews a{
	background-image:url(../images/sp_nav05-2x.png);
	background-size: auto 14px;
}
.navList li.navAccess a{
	background-image:url(../images/sp_nav06-2x.png);
	background-size: auto 14px;
}
.navList li.navPhoto a{
	background-image:url(../images/sp_nav07-2x.png);
	background-size: auto 14px;
}
.navList li.navInstagram a{
	background-image:url(https://bookteabed.com/_wp/wp-content/themes/bookbed/images/sp_nav08@2x.png);
	background-size: auto 14px;
}
*/



#spHeader .navList > li a:hover{
	text-decoration: none;
}

#spHeader .navList > li {
	display: block;
	background-image:url(../images/arr_right-2x.png);
	background-position: right 20px top 50%;
	background-repeat: no-repeat;
	background-size: 6px auto;
	/*height: 12.5%;*/
	/*height: calc(100% / 9);*/
	border-bottom: 1px solid #333;
	width: 100%;
}
#spHeader .navList > li:last-child{
	border: none;
}

#spHeader .navList > li.snsBox{
	background-image: none;
	text-align: center;
	padding-top: 20px;
/*
	padding-top: 25px;
	padding-bottom: 20px;
	*/
}
#spHeader .navList > li.snsBox .snsList{
	text-align: center;
	margin-right: 0;
	margin-bottom: 0;
}
#spHeader .navList > li.snsBox .snsList li{
	display: inline-block;
}

#spHeader .snsList li a{
	text-align: center;
	/*text-indent: -9999px;*/
}

#spHeader .snsList li.facebook a{
	background-position: 50% 50%;
	padding: 0;
	background-image:url(../images/ft_facebook-2x.png);
}
#spHeader .snsList li.twitter a{
	background-position: 50% 50%;
	padding: 0;
	background-image:url(../images/ft_twitter-2x.png);
}
#spHeader .snsList li.instagram a{
	background-position: 50% 50%;
	padding: 0;
	b/*ackground-image:url(../images/ft_instagram-2x.png);*/
}

.controlList{
	position: relative;
	right: auto;
	top: 0;
	float: right;
}

.controlList li{
	width: 55px;
}
.controlList li a{
	padding-top: 40px;
	height: 20px;
	background-position: 50% 16px;
	font-size: 9px;
}

.controlList li.navMenu #toggle{
	top:47%;
}
.controlList li a.active{
	background-color: #f7f7f7;
}



textarea:focus,
input:focus{
	outline: 0;
}

.floatBox .verticalBox{
	display: block;
}

.box{
	display: block;
}


.newsList{
	margin-left: 20px;
	margin-right: 20px;
}

#topFlexslider .flex-control-nav{
	display: block;
}

#topFlexslider{
	height: 360px;
	margin-bottom: 20px;
}

/*
.reserveList li.search a.arr span{
	background-image: none;
	padding-right: 0;
}
.reserveList li.search a:hover.arr span{
	background-image: none;
	padding-right: 0;
}
*/
.areaList{
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom:20px;
	text-align: left;
	display: block;
	border: none;
	font-size: 0;
}

.areaList li{
	width: 48%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 1%;
	border: none;
	text-align: center;
}

.areaList li a{
	padding: 10px 0px 7px 0px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
}
.areaList li.current a{
	background-color: #000;
	color: #fff;
}
.areaList li.soon{
	padding: 10px 0px 7px 0px;
	background-color: #ccc;
	color: #666;
	font-size: 11px;
}

.lanList{
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	display: block;
	border: none;
	font-size: 0;
}

.lanList li{
	width: 33%;
	margin-left: 0;
	margin-right: 0;
	border: none;
	text-align: center;
}

.lanList li a{
	padding: 10px 0px 7px 0px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
}
.lanList li.current a{
	background-color: #000;
	color: #fff;
}




.address{
}

.all{
	padding: 45px 0px;
}

section#news h2.ttl{
	margin-bottom: 45px;
}

.newsList{
	margin-left: 0;
	margin-right: 0;
}

.btnWide a{
	padding: 20px 0;
}

#ftLogo a{
	/*width: 94px;*/
	/*height: 154px;*/
}


.newsList li .newsImg{
	width: 80px;
}

.newsList li .dispArea{
	padding-left: 100px;
}


.mainDisp{
	margin-bottom: 20px;
}


/*
.reserveList li a{
	background-image:url(../images/ttl_search_white-2x.png);
	background-size: 69px 13px;
}
.reserveList li a:hover{
	background-image:url(../images/ttl_search_white-2x.png);
	background-size: 69px 13px;
}
*/

.contactList{
	text-align: left;

}
.contactListDown{
	margin-bottom: 30px;
}

.contactList li{
	display: block;
	margin-bottom: 10px;
	line-height: 14px;
	margin-left: 20px;
	margin-right: 0;
}

.contactList li span{
	text-align: left;
	display: inline-block;
	text-indent: -9999px;
	background-image:url(../images/ico_tel-2x.png);
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
}

.contactList li.tel span{
	background-image:url(../images/ico_tel-2x.png);
}
.contactList li.fax span{
	background-image:url(../images/ico_fax-2x.png);
}
.contactList li.mail span{
	background-image:url(../images/ico_mail-2x.png);
}
.contactList li.map span{
	background-image:url(../images/ico_map-2x.png);
}

.subList{
	border-top: 1px solid #e6e6e6;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
}

.subList li{
	display: block;
	border: none;
	text-align: left;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 0;
	padding-right: 0;

	background-repeat: no-repeat;
	background-position: right 10px top 50%;
	background-image:url(../images/arr_ft-2x.png);
	background-size: auto 12px;

}

.subList li:last-child{
	border-bottom: 1px solid #e6e6e6;
}

.subList li a{
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	width: auto !important;
}
.subList li.faq a{
	background-image:url(../images/ft_faq-2x.png);
	background-size: auto 15px;
}
.subList li.privacy a{
	background-image:url(../images/ft_privacy-2x.png);
	background-size: auto 15px;
}
.subList li.contact a{
	background-image:url(../images/ft_contact-2x.png);
	background-size: auto 15px;
}
.subList li.recruit a{
	background-image:url(../images/ft_recruit-2x.png);
	background-size: auto 15px;
}
.subList li.instagram a{
	background-image:url(../images/ft_instagram-2x.png);
	background-size: auto 15px;
}



#spHeader{
	opacity: 0;
}

#spHeader.active{
	display: block;
}




#spReseve{
	opacity: 0;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 100;
	position: fixed;
	background-color: #fff;
	display: none;
}
#spReseve.active{
	display: block;
}

#spReseve .reserveBox{
	padding-top: 52px;
	background-color: #f7f7f7;
}

#spReseve .bookingTtl{
	padding-bottom: 0px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#spReseve .confirm a{
	font-size: 14px;
}

.closeBtn{

}
.closeBtn a{
	display: block;
	background-image:url(../images/btn_close-2x.png);
	background-size: 85px auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
	text-align: left;
	background-color: #fff;
	padding: 15px 0;
}

#spHeader .closeBtn{
	position: absolute;
	bottom: 0;
	width: 100%;
}

input{
	font-size: 16px;
}


.bookingTtl{
	font-size: 19px;
	padding-top: 35px;
	padding-bottom: 15px;

}
/*
#opening .reserveList{
	padding-top: 0;
	padding-bottom: 10px;
}
*/

/*
.reserveList li input:hover{
	background-color: transparent;
}
.reserveList li input:focus{
	background-color: transparent;
}
*/

#opLogo span{

}
#opLogo {
	margin-top: -110px !important;

	-moz-transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);
	-o-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8);

	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}

#opLogo{

}


.confirm{

}




a.more{
	background-repeat: no-repeat;
	background-image:url(../images/ico_more-2x.png);
	background-position: right 15px top 50%;
	background-size: auto 12px;
	display: block;
	border: 2px solid #000;
	box-sizing: border-box;
}









section#access{
	border-bottom: 3px solid #f3f3f3;
}

section#news{
	border-bottom: 3px solid #f3f3f3;
}
div#instagram{
	border-bottom: 3px solid #f3f3f3;
}
div#gallery{
	border-bottom: 3px solid #f3f3f3;
}
div#gallery .box{
	padding-bottom: 0 !important;
}




.floatBox2.onlySp{
	width: 100%;
}




.newsList li{
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.controlList li.navBooking a{
	background-image:url(../images/ico_book-2x.png);
	background-size:16px 16px;
}
.controlList li.navBooking a.active{
	background-image:url(../images/ico_book_ov-2x.png);
	background-size:16px 16px;
}

.newsDirection p a{
	padding-left: 15px;
	padding-right: 15px;
}


.giftBox{
	margin-bottom: 0;
}


section#concept h2.ttl img{
	max-width: initial;
	max-width: 100%;
}
.floatBoxPage h4.ttl.onlySp{
	display: block;
}


.linkList{
	border-top: 1px solid #f3f3f3;
	padding: 0;
	margin-top: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block !important;
}
.linkList li{
	display: block;
	text-align: left;
	border-bottom: 1px solid #f3f3f3;
	height: auto;
	border-right: none;
	background-image:url(../images/arr_tab-2x.png);
	background-size:auto 12px;
	background-repeat: no-repeat;
	background-position: right 50%;
}
.linkList.stayList li{
	background-image:url(../images/arr_down-2x.png);
	background-size:12px auto;
	background-repeat: no-repeat;
	background-position: right 10px top 50%;
}


.linkList li a{
	padding: 8px 0 10px 0;
	display: block;
}

.detailBtn{
	background-image:url(../images/arr_detail-2x.png);
	background-size:12px auto;
	background-repeat: no-repeat;
	background-position: right 50%;
	padding-right: 20px;
	float: right;
	cursor: pointer;
	clear: both;
	font-weight: bold;
	font-size: 20px;
}

.detailBtn.active{
	background-image:url(../images/arr_detail2-2x.png);
}
.detailBtn span.close{
	display: none;

}
.detailBtn.active span.close{
	display: block;
}
.detailBtn.active span.open{
	display: none;
}

.floatBoxAll{
	border-top: 3px solid #f3f3f3;
}

.linkList li a img {
	vertical-align: middle;
}

section.page{
	border-top: 3px solid #f3f3f3;
}

section.page{
	padding: 45px 0;
}
h3.page{
	margin-bottom: 30px;
}

.conceptImg{
	margin-bottom: 30px;
}

.conceptTtl{
	margin-bottom: 20px;
}

.floorList{
	padding-left: 20px;
	padding-right: 20px;
}



article{
	padding-left: 20px;
	padding-right: 20px;
}


article .ttl{
	margin-bottom: 10px;
	font-size: 14px;
}

article .disp p{
	margin-bottom: 20px;
}

article .disp img{
	margin-bottom: 20px;
}

h3.ttl{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.padding{
	padding-left: 20px;
	padding-right: 20px;
}












.photoList.facilityList{
	border: none;
}
.photoList.facilityList li{
	width: 47%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	border: none;
}

.photoList.facilityList .img{
	width: 100%;
}
.photoList.facilityList .ttl{
	padding: 0;
	text-align: center;
}
.photoList.facilityList li .img{
	margin-bottom: 10px;
}



/*
#opening .bookingTtl{
	display: block;
	text-indent: -9999px;

	width: 104px;
	height: 19px;
background-image:url(../images/ttl_booking-2x.png);
background-repeat:no-repeat;
background-size: contain;
text-indent: -9999px;
background-position: 50% 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;

}

#spReseve .bookingTtl{
	display: block;
	text-indent: -9999px;

	width: 104px;
	height: 19px;
background-image:url(../images/ttl_booking-2x.png);
background-repeat:no-repeat;
background-size: contain;
text-indent: -9999px;
background-position: 50% 0%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0px;

margin-top: 30px;
margin-bottom: 10px;
}
*/

#spReseve .reserveBox{
	padding-top: 61px;
}



/*
.reserveList li input{
	padding-left: 0;
}
*/


#mapCanvas{
	min-height: 210px;
}


.accessMap a.google span{
	width: auto;
}

.subStr{
	text-align: left;
}


.contactList.contactListPage{
	border-top: 1px solid #f3f3f3;
	padding-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.contactList.contactListPage li{
	display: block;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	margin-left: 0;
	margin-right: 0;
}

h2.ttl.paddingBox{
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
}

.floorAll img{
	max-width: 100%;
}
.floorAll{
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}

.floatBoxPage .ttl{
	font-size: 18px;
}


.giftBox{
	padding: 20px;

}
.giftDisp{
	text-align: left;
}

.giftImg{
	margin-bottom: 20px;
}

.mb40{
	margin-bottom: 20px;
}

h2.ttl.newsTtl{
	margin-bottom: 45px;
}

.categoryBox .onlySp{
	position: relative;
}

.categoryListTtl{
	background-color: #f7f7f7;
	background-image:url(../images/arr_down_news.png);
	background-repeat:no-repeat;
	background-size: 13px auto;
	background-position: right 40px top 50%;
	width: 100%;
	height: 43px;
	vertical-align: middle;
	line-height: 43px;
	display: block;
	box-sizing: padding-box;
	text-align: center;
	padding-left: 0px;
	font-size: 16px;

}

.categorySelect{
	background: transparent;
	border: none;
	background-image:url(../images/arr_down_news.png);
	background-repeat:no-repeat;
	background-size: 13px auto;
	background-position: right 40px top 50%;
	width: 100%;
	height: 43px;
	display: block;
	box-sizing: padding-box;

	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */

	text-align: center;

	outline: none;
	text-align:-webkit-center;
	text-align: center;
	padding-left: 0px;
	font-size: 16px;

	position: absolute;
	left: 0;
	top:0;
	z-index: 2;
	opacity: 0;

}

.categorySelect option{
	text-align: center;
}

h3.ttl.categoryBox .onlySp{
	width: 100%;
	display: block;
}
h3.ttl.categoryBox{
	padding: 0;
}


.subDisp{
	margin-bottom: 20px;
}

#spHeader .navList > li.snsBox{
	padding-top: 20px;
}

.thumList li{
/*
	width: 32%;
	margin-right: 1%;
	*/
}
.thumList li:last-child{
	margin-right: 0;
}



.accessMap a.google span{
	background-color: transparent;
}


.noImg{
	padding: 40px 0;
}

.linkList.conceptList li a{
	background-image: none;
	height: auto;
}
.linkList.conceptList li:last-child{
	border-bottom: 1px solid #f3f3f3;
}

.home .newsListPage{
	margin-bottom: 0;
}

.instagramDisp{
	margin-bottom: 20px;
}

section#facility{
	padding-bottom: 0;
}


.newsListPage.galleryList li .newsImg a .plus{
	width: 23px;
	height: 23px;
	background-image:url(../images/ico_plus-2x.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 13px 13px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.5);
}


.newsMore a.more{
	background-image: none;
}




.floorList.onlyPc{
	display: none;
}


.detail.onlyPc{
	display: none;
}

.floatBox .verticalBox{
	padding-top: 0 !important;
}

#bed .floatBoxPage .verticalBox .box{
	padding-top: 40px;
}



.subBox{
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 30px;
}

input.btn{
	background-image:url(../images/btn_send-2x.png);
}

.galleryStr{
	margin-left: 20px;
	margin-right: 20px;
}

.newsListPage li .dispArea .date{
	font-size: 12px;
}


.privacyTtl{
	font-size: 14px;
	margin-bottom: 10px;
}

.privacyDisp{
	font-size: 12px;
	margin-bottom: 25px;
}

.privacyList{
	font-size: 12px;
}







.reserveBoxRight{
	position: relative;
	right: auto;
	bottom: auto;
	width: 100%;
	box-shadow: none;
	height: auto;
	border: none;
	background-color: #f3f3f3;
	padding-bottom: 40px;

}

#topFlexslider{
	margin-bottom: 0;
}

.newsListPage{
	padding-left: 0px;
	padding-right: 0px;
}


.topNewsBox .left{
	width: auto;
	float: none;
	padding-left: 20px;
	padding-right: 20px;
}
.topNewsBox .right{
	width: auto;
	float: none;
	padding-left: 20px;
	padding-right: 20px;
}
.newsListPage li:last-child{
	/*display: none;*/
}

.facebookBox{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 60px;
}

.facebookSlide{
	padding-right: 0;
	height: 100px;
}

.facebooklist li{
	display: none;
	border: none;
	padding-top: 0;
	margin-bottom: 10px;
}
.facebooklist li.first{
	display: block;
}
.facebooklist li .date{
	margin-bottom: 5px;
}


a.facebook span{
	background-image:url(../images/btn_facebook-2x.png);
	background-size: 109px auto;
	background-position: 50% 50%;
	height: 50px;
	width: 100%;
	border: 0px solid #000;
	display: block;
	box-sizing: border-box;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-align: left;
}

a.facebook {
	background-image: url("../images/ico_more-2x.png");
	background-position: right 15px top 50%;
	background-repeat: no-repeat;
	background-size: auto 12px;
	border: 2px solid #000;
	box-sizing: border-box;
	display: block;
}



a.pageReserveBtn{
	display: none;
}

a.wideBtn{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

.newsBox{
	padding-left: 20px;
	padding-right: 20px;
}




.paddingBtn{
	margin-left: 20px;
	margin-right: 20px;
}


header .navList{
	display: none !important;
}
.reserveBoxHeader{
	display: none !important;
}


.zh .reserveBoxRight .bookingTtl,
.en .reserveBoxRight .bookingTtl{
	background-size: 82px auto;
	background-position: center 34px;
}


.reserveList li .text{
	top:13px;
}



.airportStr{
	font-size: 14px;
}

.marginBottom {
	margin-bottom: 20px;
}


.airportStr{
	text-align: left;
}



.airportStr .subStr{
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 30px;
}


.airportTopLine{
	border-top: 1px solid #F3F3F3;
	padding-top: 30px;
}

.airportLine{
	padding-top: 40px;
}

.marginBottom.onlyPc {
	display: none;
}


.instaListPage{
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
}

.instaListPage li{
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 20px;
}

.instaListPage li .instaImg{
	width: 30%;
	text-align: left;
	float: left;
}

.instaListPage li .dispArea{
	padding-left: 35%;
	text-align: left;
}

.instaListPage.galleryList{
	margin-bottom: 30px;
}

.instaListPage.galleryList li{
	width: 47%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 6px;
}
.instaListPage.galleryList li .instaImg{
	width: 100%;
}



article {
	margin-bottom: 0;
	position: relative;
	*zoom: 1;
}

article:before, article:after {
	content: "";
	display: table;
}

article:after { clear: both }

article section:first-of-type {
	display: block;
	visibility: visible;
}

article section:last-of-type {
	display: none;
	visibility: hidden;
}
article label{
	display: block ;
}

/*
section {
    -webkit-transition: .125s linear;
    -moz-transition: .125s linear;
    -ms-transition: .125s linear;
    -o-transition: .125s linear;
    transition: .125s linear;
}

*/

input[type=checkbox] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	display: block;
}

[for="read_more"] {
	position: absolute;
	bottom: -3rem;
	left: 0;
	width: 95%;
	text-align: center;
	padding: .65rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

[for="read_more"]:hover {
}

[for="read_more"] span:last-of-type {
	display: none;
	visibility: hidden;
}
input[type=checkbox]:checked{
	display:none;
}

input[type=checkbox]:checked ~ section {
	display: block;
	visibility: visible;
	width: 100%;
}

input[type=checkbox]:checked ~ [for="read_more"]{
	display:none;
}
input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type {
	display: none;
	visibility: hidden;
}
/*
input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type {
	display: none;
	visibility: hidden;
}
*/
}