@charset "utf-8";


.alignL {text-align: left !important;}
.alignR {text-align: right !important;}
.alignC {text-align: center !important;}

.vaT {vertical-align: top !important;}
.vaM {vertical-align: middle !important;}
.vaB {vertical-align: bottom !important;}

.floatL {float: left;}
.floatR {float: right;}
.floatN {float: none;}

.txt50 {font-size: 50% !important;}
.txt60 {font-size: 60% !important;}
.txt70 {font-size: 70% !important;}
.txt80 {font-size: 80% !important;}
.txt90 {font-size: 90% !important;}
.txt100 {font-size: 100% !important;;}
.txt110 {font-size: 110% !important;}
.txt120 {font-size: 120% !important;}
.txt130 {font-size: 130% !important;}
.txt140 {font-size: 140% !important;}
.txt150 {font-size: 150% !important;}
.txt160 {font-size: 160% !important;}
.txt170 {font-size: 170% !important;}
.txt180 {font-size: 180% !important;}
.txt200 {font-size: 200% !important;}
.txt240 {font-size: 240% !important;}
.txt320 {font-size: 320% !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.mr0 {
	margin-right: 0px !important;
}
.ml0 {
	margin-left: 0px !important;
}
.mLRAuto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.red {color:#f00 !important;}
.red2 {color: #990033 !important;;}
.blue {color: #2581c4 !important;}
.white {color: #fff !important;}
.black {color: #000 !important;}
.gold {color: #837749 !important;}
.brown {color: #797050 !important;}

.bold {font-weight: bold !important;}
.normal {font-weight: normal !important;}

.indent {
	text-indent: -1em !important;
	margin-left: 1em !important;
}
.indent15em {
	text-indent: -1.5em !important;
	margin-left: 1.5em !important;
}
.indent2em {
	text-indent: -2em !important;
	margin-left: 2em !important;
}
.indent3em {
	text-indent: -3em !important;
	margin-left: 3em !important;
}
.indent4em {
	text-indent: -4em !important;
	margin-left: 4em !important;
}
.indent5em {
	text-indent: -5em !important;
	margin-left: 5em !important;
}

.gothic_b {
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'gothic', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
	font-weight: bold !important;

}

.clear {clear:both !important;}

.nowrap {white-space: nowrap !important;}

.spInline,
.sp,
.spIB {
	display: none !important;
}

.disnon, .ui-tabs-hide {
    display: none;
}


/* Wrap
----------------------------------------------------------- */

.wrapper {
	width: 1060px;
	margin: 0 auto;
	padding: 0 30px;
	text-align: left;
	box-sizing: border-box;
}

#content {
}

/* ttl
----------------------------------------------------------- */
.leadWrap {
	margin: 0 auto 60px;
	text-align: center;
}
.ttl01 {
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'gothic', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
	font-weight: bold !important;
	font-size: 20px;
	margin-top: 60px;
}



/* RESERVATION
------------------------------------------------------ */
.reservWrap {
	position: relative;
	width: 100%;
	height: auto;
}
.reservWrap .reserv01 {
	padding: 30px 0;
	height: 90px;
}
.reservWrap .reserv01 > .wrapper {
	position: relative;
}

.reserv01 dl {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
}
.reserv01 dl.selectHotel {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
}
.reserv01 dl.selectHotel dd select {
	width: 300px;
}
.reserv01 dl.selectDate {
	position: absolute;
	left: 320px;
	width: 220px;
}
.reserv01 dl.selectDate dd select {
	width: 120px;
}
.reserv01 dl.selectDate dd select.ctSelect2 {
	width: 80px;
}
.reserv01 dl.selectHaku {
	position: absolute;
	left: 550px;
	width: 78px;
}
.reserv01 dl.selectHaku dd select {
	width: 78px;
}
.reserv01 dl.selectPerson {
	position: absolute;
	left: 638px;
	width: 78px;
}
.reserv01 dl.selectPerson dd select {
	width: 78px;
}
.reserv01 dl.selectRoom {
	position: absolute;
	left: 726px;
	width: 78px;
}
.reserv01 dl.selectRoom dd select {
	width: 78px;
}
.reserv01 dl dd {
	box-sizing: border-box;
	height:  56px;
	line-height:  56px;
}
.reserv01 dl dd select {
	background: #fff;
	height: 56px;
	border: 1px solid #ddd;
	font-size: 15px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'gothic', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
	font-weight: bold !important;
	padding-left: 10px;
	border-radius: 0!important;
	-moz-appearance: none;
	-webkit-appearance:none;
}

.btnSearch {
	position: absolute;
	right: 0;
	top: 23px;
	width: 240px;
	text-align: center;
}
.btnSearch input {
	display: block;
	background: #00ace7 url(../img/common/listhead02.svg) no-repeat 5% 50%;
	background-size: 20px;
	width: 240px;
	height: 56px;
	line-height: 56px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.reservWrap .reserv02 > .wrapper {
	position: relative;
}
.reservWrap .reserv02 {
	padding: 20px 0;
	background: #EFEFED;
	height: 25px;
}
.reserv02 p {
	float: left;
	width: auto;
	margin-right: 25px;
	background: url(../img/common/listhead01.svg) no-repeat 0 50%;
	background-size: 15px;
	padding-left: 20px;
}
.reserv02 p a {
	font-size: 14px;
}

.headRes {
	width: 100%;
	position: fixed;
	top: -235px;
	z-index: 11;
	background: #fff;
}



/* clearfix
----------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */