/* ****************************************************************************
 *
 * 1. Common
 *
 * ***************************************************************************/
/* ======================================================
 * 1-1. Reset
 * =================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,address,del,em,font,img,small,strike,strong,sub,sup,b,u,i,center,
dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body,table,input,textarea,select,option{
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
ol,ul,dl{
	list-style: none;
	font-weight: bold !important;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
}
blockquote,q{
	quotes: none;
}
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}
img{
	max-width: 100% !important;
	height: auto;
	vertical-align: text-bottom;
}
*{
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6,strong{
	font-weight: bold;
}
body{
	font-size: 14px;
	*font-size: small; /* for IE */
	*font: x-small; /* for IE in quirks mode */
	line-height: 140%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}

/* ======================================================
 * 1-2. Style
 * =================================================== */
#innerConts{
	position: relative;
/*	width: 950px !important; */
	margin: 0 auto;
	color: #484848;
	text-align: left;
}
#main,
div#bw-logo,
#greeting{
	width: 100%;
}

.aligncenter{
	display: block;
	clear: both;
	margin: 0.25em auto 1.5em;
}
.alignleft{
	float: left;
	clear: both;
	margin: 0.25em 1.5em 0.25em 0;
}
.alignright{
	float: right;
	clear: both;
	margin: 0.25em 0 0.25em 1.5em;
}
.alignnone{
	float: none;
	clear: both;
	margin: 0;
}
strong{
	font-weight: bold;
}
.large{
	font-size: 120%;
	line-height: 150%;
}
.red{
	color: red;
}
.clear{
	clear: both !important;
}

a:link{ color: #003c7e; text-decoration: none; }
a:visited{ color: #003c7e; text-decoration: none; }
a:hover{ color: #0072bc; text-decoration: underline;}
a:active{ color: #0072bc; text-decoration: underline;}


/* bnr_fix */
#bnr_fix{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
}
#bnr_fix img{
	width: 120px;
	height: 120px;
	border: solid 1px #66B821;
}
#bnr_fix a img{
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#bnr_fix a:hover img{
	opacity: .7;
}


/* ======================================================
 * 1-3. Header
 * =================================================== */
/*
#htlSide-A{padding-top:820px}
#trvlHtlTabNav,#trvlHtlSubNav{margin-left:-250px}
#trvlHtlTabNav,#trvlHtlSubNav{position:relative;z-index:1000}
#htlContents{max-width:1190px !important;min-width:1190px !important;margin:0 auto !important}
*/

#header{
	position: relative;
	width: 950px;
	height: 100px;
	background: #fff;
	color: #003c7e;
	background-color: rgba(255,255,255,0.5);

/*	position: relative;
	left: 50%;
	width: 1200px;
	margin-left: -725px */
}

#header h1{
	position: relative;
	left: 15px;
	width: 250px;
	height: 60px;
	padding: 5px;
}
#header h1 a{
	display: block;
	width: 260px;
	height: 60px;
	background: url(https://bwhotels.jp/images/common/logo.png) no-repeat;
	background-size: 250px 60px;
	text-indent: -9999em;
	z-index: 2;
}
#sapporo-odorikoen #header h1 a{
	background: url(../../../../images/common/logo_sn.png) no-repeat;
	background-size: 209px 50px;
}
#sapporo #header h1 a{
	background: url(../../../../images/common/logo_so.png) no-repeat;
	background-size: 209px 50px;
}
#chitose #header h1 a{
	background: url(../../../../images/common/logo_ce.png) no-repeat;
	background-size: 209px 50px;
}
#yamagata-airport #header h1 a{
	background: url(../../../../images/common/logo_yt.png) no-repeat;
	background-size: 209px 50px;
}
#yonezawa #header h1 a{
	background: url(../../../../images/common/logo_jy.png) no-repeat;
	background-size: 209px 50px;
}
#tokyo #header h1 a{
	background: url(../../../../images/common/logo_to.png) no-repeat;
	background-size: 209px 50px;
}
#tokyo-grande #header h1 a{
	background: url(../../../../images/common/logo_te.png) no-repeat;
	background-size: 209px 50px;
}
#akihabara #header h1 a{
	background: url(../../../../images/common/logo_aa.png) no-repeat;
	background-size: 209px 50px;
}
#tokyo-akasaka #header h1 a{
	background: url(../../../../images/common/logo_ak.png) no-repeat;
	background-size: 209px 50px;
}
#machida #header h1 a{
	background: url(../../../../images/common/logo_ma.png) no-repeat;
	background-size: 209px 50px;
}
#yokohama #header h1 a{
	background: url(../../../../images/common/logo_ya.png) no-repeat;
	background-size: 209px 50px;
}
#shinyokohama #header h1 a{
	background: url(../../../../images/common/logo_sy.png) no-repeat;
	background-size: 209px 50px;
}
#nagoya #header h1 a{
	background: url(../../../../images/common/logo_na.png) no-repeat;
	background-size: 209px 50px;
}
#osakashinsaibashi #header h1 a{
	background: url(../../../../images/common/logo_oi.png) no-repeat;
	background-size: 209px 50px;
}
#osaka-tsukamoto #header h1 a{
	background: url(../../../../images/common/logo_oo.png) no-repeat;
	background-size: 209px 50px;
}
#osaka-kitahama #header h1 a{
	background: url(../../../../images/common/logo_ka.png) no-repeat;
	background-size: 209px 50px;
}
#shinosaka #header h1 a{
	background: url(../../../../images/common/logo_sa.png) no-repeat;
	background-size: 209px 50px;
}
#fukuokatenjin #header h1 a{
	background: url(../../../../images/common/logo_fn.png) no-repeat;
	background-size: 209px 50px;
}
#kouki #header h1 a{
	background: url(../../../../images/common/logo_ki.png) no-repeat;
	background-size: 209px 50px;
}
#onna #header h1 a{
	background: url(../../../../images/common/logo_oa.png) no-repeat;
	background-size: 209px 50px;
}

#header h2{
	display: none;
}

/*----------------------
  言語ナビ
------------------------*/
div#lan{
	position: absolute;
	width: 100%;
	height: 40px;
/*	height: 50px;
	border-bottom: solid 1px #003c7e; */
	z-index: 1;
}
div#lan ul{
	width: 100%;
}
div#lan ul li{
	display: inline-block;
	float: right;
	width: 120px;
	height: 40px;
	margin-left: 10px;
}
div#lan ul li a{
	display: block;
	height: 40px;
	background: url(https://bwhotels.jp/rakuten/images/common/btn_lan.jpg) no-repeat;
	text-indent: -9999em;
}
div#lan ul li.eng a{
	background-position: 0 0;
}
div#lan ul li.eng a:hover,
div#lan ul li.eng a.active{
	background-position: 0 -40px;
}
div#lan ul li.kr a{
	display: none;
	background-position: -120px 0;
}
div#lan ul li.kr a:hover,
div#lan ul li.kr a.active{
	background-position: -120px -40px;
}
div#lan ul li.tw a{
	background-position: -240px 0;
}
div#lan ul li.tw a:hover,
div#lan ul li.tw a.active{
	background-position: -240px -40px;
}
div#lan ul li.hk a{
	display: none;
	background-position: -360px 0;
}
div#lan ul li.hk a:hover,
div#lan ul li.hk a.active{
	background-position: -360px -40px;
}

p#rakutenTel_h{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 40px;
	background: url(https://bwhotels.jp/rakuten/images/common/tel_rakuten_h.png) no-repeat;
	text-indent: -9999em;
	z-index: 2;
}


/* ======================================================
 * 1-4. Nav
 * =================================================== */
#nav{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	z-index: 2;

	left: 50%;
	width: 1200px;
	margin-left: -600px
}
#nav ul{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: center;
	width: 100%;
}
#nav li a{
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
#nav li a.active{
	color: #0099ff;
}
#nav li:not(:last-child):after{
	content: "｜";
}

/* 名古屋レストラン非表示 21.1.25
#nagoya #nav ul li:nth-child(2){
	display: none;
} */

/* ======================================================
 * 1-6. footer
 * =================================================== */
/* ホテル電話 */
div#innerConts p#tel{
	clear: both;
	display: block;
	width: 22em;
	margin: 20px auto !important;
	border: solid 1px #003c7e;
	text-align: center;
}
div#innerConts p#tel strong{
	display: block;
	padding: .5em 1em;
	background: #003c7e;
	color: #fff;
	text-align: center;
}
div#innerConts p#tel span{
	display: inline-block;
	padding: .5em;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
div#innerConts p#tel span:before{
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: .5em;
	background: url(https://bwhotels.jp/images/common/ico_tel.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/*----------------------
  Footer
------------------------*/
div#innerConts div#footer{
	clear: both;
	padding-top: 20px;
	border-top: solid 1px #003c7e;
	font-weight: normal;
	overflow: hidden;
}
/* 楽天バナー */
div#innerConts div#footer div#rakutenTel{
	display: none;
/*	display: inline-block; */
	float: left;
	width: 300px;
	height: 70px;
	margin-left: 10px;
}
div#innerConts div#footer div#rakutenTel p{
	width: 300px;
	height: 70px;
	background: url(https://bwhotels.jp/rakuten/images/common/tel_rakuten.png) no-repeat;
	text-indent: -9999em;
}
/* ホテル情報 */
div#innerConts div#footer div.hotelinfo{
	display: inline;
	float: right;
}
div#innerConts div#footer div.hotelinfo p#qr{
	display: inline-block;
	float: right;
	width: 72px;
	padding-left: 5px;
	margin-top: -10px;
	font-size: 90%;
	text-align: center;
}

div#innerConts div#footer_rsv{
	width: 100%;
	padding: 20px 0;
	margin: 10px 0;
	overflow: hidden;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
div.index div#footer_rsv{
	border: none !important;
}
div#innerConts div#footer_rsv ul{
	position: relative;
	float: left;
	left: 50%;
}
div#innerConts div#footer_rsv li{
	position: relative;
	left: -50%;
	display: inline;
	float: left;
	padding: 0 30px;
}

div#innerConts div#rsv li a,
div#innerConts div#footer_rsv li a{
	display: block;
	width: 220px;
	height: 68px;
	text-indent: -9999em;
}
div#innerConts li.plan a{
	background: url(https://bwhotels.jp/rakuten/images/common/btn_rsv.jpg) no-repeat;
	background-position: -220px 0;
}
div#innerConts li.plan a:hover{
	background-position: -220px -68px;
}
div#innerConts li.date a{
	background: url(https://bwhotels.jp/rakuten/images/common/btn_rsv.jpg) no-repeat;
	background-position: 0 0;
}
div#innerConts li.date a:hover{
	background-position: 0 -68px;
}


/* ****************************************************************************
 *
 * 2. Contents
 *
 * ***************************************************************************/
/* ======================================================
 * 2-1. main
 * =================================================== */
#main{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}


/* ======================================================
 * 2-2. トップページ
 * =================================================== */
/*----------------------
  トップ動画
------------------------*/
div#innerConts div#flexslider{
	position: relative;
	width: 950px;
	height: 518px;

/*	left: 50%;
	width: 1920px;
	height: 617px;
	margin-left: -960px */
}
div#innerConts div#flexslider div#slider ul.slides{
	height: 617px;
	overflow: hidden;
}
div#innerConts div#flexslider div#slider ul.slides img{
	width: 950px;
	height: 518px;
/*	width: 1920px;
	height: 617px; */
	object-fit: cover;
}
/* For IE */
@media screen\0,
@media screen and (min-width: 0\0) and (min-resolution: +72dpi),
_:-ms-input-placeholder, :root .selector{
	div#innerConts div#flexslider div#slider ul.slides img{
		height: auto;
		object-fit: none;
	}
}

div#innerConts div#flexslider div#slider{
	position: relative;
}
div#innerConts div#flexslider div#slider p#fix{
	position: absolute;
	top: 0;
	left: 1em;
	z-index: 1000;
}
div#innerConts div#flexslider p#fix img{
	width: 200px;
	height: 200px;
}

/* ======================================================
 * 3. Common
 * =================================================== */
#main h3,
h3.ttl{
	width: 100%;
	padding: 30px 0;
	color: #003c7e;
	font: 40px/110% 'Catamaran', sans-serif;
	text-align: center;
}
#main h3 span,
h3.ttl span{
	display: block;
	width: 50%;
	padding-top: 10px;
	margin: 0 auto;
	font: 18px/100% "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	text-align: center;
}
#main p.more{
	width: 100%;
	font-size: 24px;
	text-align: right;
}
#main p.more a{
	font-weight: bold;
}
#main p.more a:after{
	content: ' >>';
	font-family: 'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
}

/* title */
#ttl{
	position: relative;
	margin-bottom: 50px;
	background-color: #000;

/*	left: 50%;
	width: 1920px;
	height: 617px;
	margin-left: -960px */
}
#ttl img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	opacity: 0.6;
	z-index: 1;
}
#ttl h3{
	position: absolute;
	top: 35%;
	width: 100%;
	color: #fff;
	font: 60px/100% 'Catamaran', sans-serif;
	text-align: center;
	text-shadow: 1px 1px 5px #000;
	z-index: 2;

/*
	width: 1920px;
	left: 50%;
	margin-left: -1085px/* (1920÷2) + (250÷2) */
}
#ttl h3 span{
	display: block;
	width: 50%;
	padding-top: 20px;
	margin: 1em auto;
	border-top: solid 1px #fff;
	font: 28px/100% "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	text-align: center;
	text-shadow: 1px 1px 5px #000;
}

/* termchildren */
div#termchildren{
	width: 100%;
	margin-bottom: 20px;
}
div#termchildren ul{
	display: flex;
	flex: auto;
	flex-wrap: wrap;
	justify-content: center;
}
div#termchildren ul li{
/*	align-self: center; */
	display: block;
}
div#termchildren a{
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
}
div#termchildren > ul > li{
	min-width: 12em;
	border-right: solid 0.5em #fff;
	border-bottom: solid 1em #fff;
	border-left: solid 0.5em #fff;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#termchildren > ul > li > a{
	padding: 1em;
	background: #93d3ff;
	color: #003c7e;
	font-weight: bold;
}
div#termchildren > ul > li.current-cat > a,
div#termchildren > ul > li a:hover{
	background: #39aeae;
	color: #fff;
}
#tokyo .facilities div#termchildren,
#machida .stay div#termchildren{
	display: none;
}

/* 子 */
div#termchildren ul li ul.children{
	justify-content: space-between;
}
div#termchildren ul li ul.children li{
	flex-grow: 1;
	min-width: 60px;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	background: #0072bc;
	background: linear-gradient(#0072bc,#1ea5ff);
	background : -webkit-linear-gradient(top,#0072bc,#1ea5ff);
}
div#termchildren ul li ul.children li:first-child{
	border-left: none !important;
}
div#termchildren ul li ul.children li.current-cat,
div#termchildren ul li ul.children li:hover{
	background: #277878;
	background: linear-gradient(#277878,#4dc4c4);
	background : -webkit-linear-gradient(top,#277878,#4dc4c4);
}
div#termchildren ul li ul.children li a{
	padding: 1em .5em;
	color: #fff;
	font-size: 80%;
}

/* Others */
.section{
	position: relative;
	width: 100%;
	padding-bottom: 50px;
	margin-bottom: 50px;
	background: #fff;
	line-height: 150%;
	overflow: hidden;
}
.center,
.center p{
	text-align: center !important;
}
section.titleonly{
	margin-bottom: 0 !important;
	padding-bottom: 10px;
}
.section h4{
	position: relative;
	padding: 1em 0 0.5em 0;
	margin-bottom: 20px;
	color: #003c7e;
	font-size: 150%;
	line-height: 150%;
}
.section h4:not(.ttl):not(.ttl_nobr):not(.col):after{
	content: "";
	display: block;
	height: 3px;
	margin-top: 15px;
	background: -moz-linear-gradient(to right, rgb(0, 60, 126), transparent);
	background: -webkit-linear-gradient(to right, rgb(0, 60, 126), transparent);
	background: linear-gradient(to right, rgb(0, 60, 126), transparent);
}
.section h4.ttl_nobr{
	padding-top: 0;
}
section h4.col{
	padding: 0;
	margin-bottom: 1em;
	font-size: 110% !important;
}
.section h5{
	display: inline-block;
	padding-bottom: 5px;
	margin: 10px 0;
	border-bottom: solid 1px #ccc;
	color: #063693;
	font-size: 110%;
	line-height: 130%;
}
.section h4.ttl,
.section h5.ttl{
	display: block;
	padding: .7em .5em;
	margin: 1em 0;
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	background: #DFF4F4;
	background: linear-gradient(#DFF4F4,#EEF9F9);
	background : -webkit-linear-gradient(top,#DFF4F4,#EEF9F9);
	font-size: 110% !important;
/*	border-top: solid 1px #003c7e;
	border-bottom: solid 1px #003c7e; */
}
.section h6{
	color: #003c7e;
	padding-bottom: 0.5em;
}
.ttl_center h4,
.center h4,
.center h5{
	display: block;
	text-align: center !important;
}
h5.alignC{
	display: block !important;
	border: none !important;
	text-align: center;
}
h5 a{
	font-weight: bold;
}
span#tokusyo{
	font-weight: bold;
}

.section div.thum{
	display: inline-block;
	float: right;
	width: 40%;
	padding-left: 2em;
	background: #fff;
}
.section div.thum img{
	width: 100%;
	height: auto;
	padding: 5px;
	margin-bottom: 1em;
	border: solid 1px #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.thum_left div.thum{
	float: left !important;
	width: 40%;
	padding-left: 0px !important;
	padding-right: 2em;
}
.section div.thum,
.section div.thum p{
	text-align: center;
}
.section div.nobr img{
	padding: 0;
	margin-bottom: 0;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.section p.date{
	text-align: right;
}
.section p{
	padding: .2em 0;
}
/* リンク記事用 */
.col4 h4.ttl{
	height: 3em;
	margin-bottom: 0;
	border: none;
	background: #B0E6E6;
	background: linear-gradient(#B0E6E6,#DFF4F4);
	background : -webkit-linear-gradient(top,#B0E6E6,#DFF4F4);
	font-size: 100%;
	text-align: center;
	box-sizing: content-box;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radiusr-topright: 3px;
	-moz-border-radiusr-topleft: 3px;
	 border-top-right-radius: 3px;
	 border-top-left-radius: 3px;
}
.col4 div.thum img{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.col4:hover{
	cursor: pointer;
}

/* Table */
table{
	max-width: 100% !important;
	margin: 1em 0 2em 0;
	border-collapse: collapse;
	table-layout: fixed;
}
table th,
table td{
	padding: .5em;
}
table.w100,
table.bg,
table.area_guide,
.center table{
	border: solid 1px #e5e5e5;
}
table.w100 th,
table.w100 td,
table.bg th,
table.bg td,
table.ul th,
table.br_bt th,
table.br_bt td,
table.area_guide th,
table.area_guide td,
.center table th,
.center table td{
	border-bottom: solid 1px #e5e5e5;
}
.center table{
	margin: 0 auto;
}
table.w100 th{
	white-space: nowrap;
}
table.bg th,
table.ul th{
	background: #f7f7f7;
	background: linear-gradient(#f7f7f7,#f2f2f2);
	background : -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
	font-weight: bold;
	white-space: nowrap;
}
table.ul{
}/* ul3 客室備品用 */
table.br_bt th,
table.br_bt td{
	padding: 1.5em 1em 0.5em 1em;
}/* 下線だけ */
table.center th,
table.center td{
	text-align: center;
}
table.calc{
	width: 58%;
}/* thum分を引いた幅 */
table.w100 th{
	white-space: nowrap;
}
table.area_guide{
	width: 58%;
	margin: 2em 0;
	border: none;
}
table.area_guide th{
	padding: 1.5em 0 0 0;
	border: none;
	color: #003c7e;
	font-weight: bold;
}
.company table{
	min-width: 800px;
}
.company table th{
	min-width: 90px;
}

ul#pager{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	padding: 20px 0;
	border-top: solid 1px #ccc;
}

/* Flexとか分割 */
section.col2{
	width: 50% !important;
	padding-right: 1em;
	padding-left: 1em;
}
section.col3{
	width: 33.333% !important;
	padding-right: 1em;
	padding-left: 1em;
}
section.col4{
	width: 25% !important;
	padding-right: 1em;
	padding-left: 1em;
}
section.col2 div.thum{
	float: left !important;
	padding-left: 0 !important;
	padding-right: 1em;
	width: 50% !important;
}
section.col3 div.thum,
section.col4 div.thum{
	float: none !important;
	padding: 0 !important;
	width: 100% !important;
}
section.col2 div.thum img,
section.col3 div.thum img,
section.col4 div.thum img{
	padding: 0 !important;
	border: none;
}
.col3 h4,
.col4 h4{
	position: relative;
	padding: 1em 0 0.5em 0;
	margin-bottom: 20px;
	color: #003c7e;
	font-size: 150%;
	line-height: 150%;
}
.w100{
	width: 100% !important;
}
.w50{
	width: 50% !important;
}
.w50s{
	width: 40%;
	margin-right: 1em;
	margin-left: 1em;
}/* 余白あり */
div.container{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
}
div.container > div{
	width: 50%;
}
.flex_c,
.flex_cc{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: center;
	margin-bottom: 50px;
}
.flex_cc{
	align-items: center;
}
.flex_s{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: space-around;
}
.flex_wrap{
	display: flex;
	flex: auto;
	flex-wrap: wrap;
	width: 100%;
	max-width:100%
	-ms-flex: 0 1 auto;
}
.flex_wrap div{
	width: 40%;
	padding-right: 1em;
	padding-left: 1em;
}

ul.col2,
ul.col3,
ul.col4{
	display: flex;
	flex: auto;
	flex-wrap: wrap;
}
ul.col2 li{
	width: 50%;
	padding-right: 2em;
}
ul.col3 li{
	width: 33.333%;
	padding-right: 2em;
}
ul.col3 li.w2{
	width: 66% !important;
}
ul.col4 li{
	width: 25%;
	padding-right: 1em;
}
ul.col2 img,
ul.col3 img,
ul.col4 img{
	width: 100%;
	height: auto;
}
@media screen\0,
@media all and (-ms-high-contrast: none),
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
	table ul.col3{
		width: 80% !important;
	}
	table.ul ul.col3 li{
		width: 33.333%;
		padding-right: 0;
	}
}

ul.col{
	display: flex;
	flex: auto;
	flex-wrap: wrap;
	justify-content: center;
}
ul.col li{
	padding: 0.5em 2em;
	text-align: center;
}

/* list */
div.line,
ul.line,
p.line{
	padding: 1em 0;
	margin: 1em 0;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
ul.list{
	margin: 10px 0;
}
ul.list li{
	padding: 5px 0;
	margin-left: 20px;
	list-style-type: disc;
}
ul.check li{
	position: relative;
}
ul.check li::after{
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #484848;
	border-bottom: 2px solid #484848;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

ol li{
	margin-left: 30px;
	list-style-type: decimal;
}
ol.no li{
	margin-left: 0;
	list-style-type: none;
}

/* waku */
.waku{
	padding: 10px;
	border: solid 1px #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.waku_b{
	padding: 15px;
	border: solid 2px #003c7e;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.waku_p{
	padding: 10px;
	background: #fef3f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
img.waku{
	padding: 5px;
	margin-bottom: 1em;
	border: solid 1px #ccc;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
hr{
	height: 1px;
	padding: 0;
	margin: 1.5em 0;
	border: 0;
	background: -moz-linear-gradient(to right, rgb(0, 60, 126), transparent);
	background: -webkit-linear-gradient(to right, rgb(0, 60, 126), transparent);
	background: linear-gradient(to right, rgb(0, 60, 126), transparent);
}
.mt1{
	margin-top: 1em;
}
.mt2{
	margin-top: 2em;
}
.mb1{
	margin-bottom: 1em;
}
.mb2{
	margin-bottom: 2em;
}

/* 矢印マーク付きリンク */
a.yazi{
	display: block;
	padding: 0 15px;
	background: url(https://bwhotels.jp/images/common/yazi_lnk.png) no-repeat center left;
	margin: .5em 0;
}
a.yazi2{
	padding: 5px 0 5px 10px;
	margin: 0 3px;
	background: url(https://bwhotels.jp/images/common/yazi_lnk.png) no-repeat center left;
}
a.lnk{
	padding: 5px 0 5px 20px;
	margin: 0 3px;
	background: url(https://bwhotels.jp/images/common/ico_lnk.png) no-repeat center left;
}
a.pdf{
	padding: 5px 0 5px 20px;
	margin: 0 3px;
	background: url(https://bwhotels.jp/images/common/ico_pdf.gif) no-repeat center left;
}
a.mail{
	padding: 5px 0 5px 20px;
	margin: 0 3px;
	background: url(https://bwhotels.jp/images/common/ico_mail.gif) no-repeat center left;
}
a.tel{
	padding: 5px 0 5px 24px !important;
	margin: 0 5px;
/*	margin-top: .5em; */
	background: url(https://bwhotels.jp/images/common/ico_tel.png) no-repeat center left;
	background-size: 20px 16px;
	font-size: 20px;
	font-weight: bold;
}

p.btn{
	width: 100%;
	text-align: center;
}
p.btn a,
a.btn{
	position: relative;
	display: inline-block;
	min-width: 20%;
	padding: 15px 20px 15px 40px;
	margin: 1em auto !important;
	border: solid 1px #91B6FBt;
	background: #39aeae;
/*	background: linear-gradient(to bottom, #7CCFCF 50%, #42B6B5 50%); */
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	line-height: 150%;
	text-align: center !important;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
p.btn a:hover,
a.btn:hover{
	color: #fff;
	background: #226CF7;
/*	background: linear-gradient(to bottom, #226CF7 50%, #0955E3 50%); */
	text-decoration: none;
}
p.btn a:before,
a.btn:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-radius: 50%;
	background: #fff;
}
p.btn a:after,
a.btn:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 17px;
	width: 0;
	height: 0;
	margin-top: -8px;
	border: solid 8px transparent;
	border-left: solid 10px #42B6B5;
}
p.btn a:hover:after,
a.btn:hover:after{
	border-left: solid 10px #0955E3;
}

.rewards a.btn{
	padding: 40px 80px 40px 100px;
	font-size: 150%;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

/* ======================================================
 * 4-1. Hotellist
 * =================================================== */
#hotellist{
	position: relative;
	max-width: 950px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}
/* 地図とポイント */
#hotellist #groupmap{
	position: relative;
	width: 768px;
	padding: 20px 0;
	margin: 0 auto;
}
#hotellist #groupmap img{
	width: 768px;
	height: auto;
}

#hotellist #groupmap li{
	position: absolute;
}
#hotellist #groupmap li.area_sapporo-odorikoen{
	top: 125px;
	left: 435px;
}
#hotellist #groupmap li.area_sapporo{
	top: 127px;
	left: 437px;
}
#hotellist #groupmap li.area_chitose{
	top: 135px;
	left: 455px;
}
#hotellist #groupmap li.area_yamagata-airport{
	top: 280px;
	left: 410px;
}
#hotellist #groupmap li.area_yonezawa{
	top: 290px;
	left: 390px;
}
#hotellist #groupmap li.area_tokyo{
	top: 400px;
	left: 305px;
}
#hotellist #groupmap li.area_tokyo-grande{
	top: 402px;
	left: 305px;
}
#hotellist #groupmap li.area_akihabara{
	top: 395px;
	left: 300px;
}
#hotellist #groupmap li.area_tokyo-akasaka{
	top: 395px;
	left: 300px;
}
#hotellist #groupmap li.area_machida{
	top: 400px;
	left: 280px;
}
#hotellist #groupmap li.area_yokohama{
	top: 405px;
	left: 285px;
}
#hotellist #groupmap li.area_shinyokohama{
	top: 405px;
	left: 285px;
}
#hotellist #groupmap li.area_nagoya{
	top: 385px;
	left: 180px;
}
#hotellist #groupmap li.area_kinuura,
#hotellist #groupmap li.area_kinuura:after{
	display: none !important;
	top: 385px;
	left: 180px;
}
#hotellist #groupmap li.area_osakashinsaibashi{
	top: 400px;
	left: 160px;
}
#hotellist #groupmap li.area_osaka-tsukamoto{
	top: 400px;
	left: 158px;
}
#hotellist #groupmap li.area_shinosaka{
	top: 400px;
	left: 160px;
}
#hotellist #groupmap li.area_osaka-kitahama{
	top: 400px;
	left: 160px;
}
#hotellist #groupmap li.area_fukuokatenjin{
	top: 370px;
	left: -30px;
}
#hotellist #groupmap li.area_onna{
	top: 65px;
	left: -10px;
}
#hotellist #groupmap li.area_kouki{
	top: 63px;
	left: -12px;
}
#hotellist #groupmap li{
	display: inline-block;
	padding: 5px;
	background: #deebf7;
	font-size: 90%;
}
#hotellist #groupmap li:after{
	content: '';
	position: absolute;
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: bottom;
	background: url(https://bwhotels.jp/images/common/ico_map.png);
	background-size: contain;
}

/* 地図周りのホテルリスト */
#hotellist dt{
	display: inline-block;
	padding: 5px 1em 3px 1em;
	margin-bottom: 0.5em;
	border: solid 1px #ccc;
	background: #e6ebf1;
	font-size: 110%;
	font-weight: bold;
	line-height: 100%;
}
#hotellist dd{
	margin: 0 0 5px 2em;
	background: #fff;
	line-height: 120%;
}
#hotellist dd span{
	display: block;
	font-size: 90%;
	text-align: right;
}
#hotellist dl.map_hokkaido{
	position: absolute;
	top: 0;
	right: 0;
}
#hotellist dl.map_yamagata{
	position: absolute;
	top: 42%;
	right: 0;
}
#hotellist dl.map_syutoken{
	position: absolute;
	bottom: 0;
	right: 0;
}
#hotellist dl.map_nagoya{
	position: absolute;
	bottom: 0;
	left: 30%;
}
#hotellist dl.map_osaka{
	position: absolute;
	top: 30%;
	left: 0;
}
#hotellist dl.map_kyusyu{
	position: absolute;
	top: 52%;
	left: 0;
}
#hotellist dl.map_kagoshima{
	position: absolute;
	bottom: 0;
	left: 0;
}
#hotellist dl.map_okinawa{
	position: absolute;
	top: 5%;
	left: 28%;
}
#hotellist dl.map_kinuura a{
	display: none;
	color: #cc6600 !important;
}

/* ホテル詳細情報リスト */
.hotelinfo{
	display: flex;
	flex: auto;
	flex-wrap: wrap;
}
.hotelinfo h4{
	width: 100%;
}
.hotelinfo li{
	width: 33.333%;
	margin-bottom: 50px;
}
.hotelinfo h5{
	width: 100%;
	border-bottom: none;
}
.hotelinfo span.room{
	font-size: 80%;
}
.hotelinfo p.thum{
	margin-bottom: 10px;
	overflow: hidden;
}
.hotelinfo li img{
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hotelinfo li:hover{
	cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.hotelinfo li:hover img{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.hotelinfo li:first-child,
.hotelinfo li:nth-child(3n+1){
	padding-right: 20px
}
.hotelinfo li:nth-child(2),
.hotelinfo li:nth-child(3n+2){
	padding: 0 10px;
}
.hotelinfo li:nth-child(3n){
	padding-left: 20px
}

/* ======================================================
 * 4-2. News
 * =================================================== */
section.news{
	display: flex;
	flex-wrap: wrap;
}
section.news div{
	position: relative;
	width: 25%;
	border-right: solid 20px #fff;
	border-bottom: solid 20px #fff;
	background: #e6ebf1;
}
section.news div:hover{
	cursor: pointer;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
section.news div:nth-of-type(1),
section.news div:nth-of-type(2){
	width: 50%;
	margin-bottom: none;
}
section.news div.container{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	border-right: none;
	background: #fff;
}
section.news div.container div{
	width: 50%;
	margin-bottom: 30px;
}
section.news div.container div:nth-of-type(2),
section.news div.container div:nth-of-type(4){
}
section.news div.container div:nth-of-type(3),
section.news div.container div:nth-of-type(4){
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
}
section.news strong{
	display: block;
	padding: 1em 5px 3em 5px;
	font-weight: normal;
}
section.news span.date{
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 2;
}
section.news span.cate{
	position: absolute;
	bottom: 8px;
	right: 8px;
	height: 20px;
	padding: 0 0.5em;
	border: solid 1px #003c7e;
	background: #fff;
	color: #003c7e;
	font-size: 90%;
	line-height: 20px;
	z-index: 2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
section.news span.post{
	background: #B7D9FF;
}
body#post section.news strong{
	padding-bottom: 1em;
}
body#post section.news span.date{
	position: relative;
	display: block;
	padding-right: 0.5em;
	text-align: right;
}
section.news img{
	width: 100%;
	height: auto;
	border: solid 5px #e6ebf1;
}
section.news div:nth-of-type(1) img{
	width: 100%;
	height: auto;
	overflow: hidden;
}


/* ======================================================
 * 5-1. Property Toppage
 * =================================================== */
div.top #main section{
	width: 100%;
	margin-bottom: 100px;
}

/* キャンペーンバナー */
div#banner{
	padding: 1em;
	margin: 3em 0;
	font-weight: bold;
	text-align: center;
	background: #f3f3f3
}
div#banner p,
div#banner a{
	text-align: center !important;
	font-weight: bold;
}
div#banner img{
	max-width: 950px;
	width: 100%;
	padding: 10px 0;
	margin: 0 auto !important;
	box-sizing: border-box;
}

/*----------------------
  Recommend Plan
------------------------*/
#recommendlist{
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
#recommendlist ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
/*	padding-top: 30px; */
}
#recommendlist li{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 50%;
	border-right: solid 20px #fff;
	border-bottom: solid 40px #fff;
}
#recommendlist li:nth-child(even){
	border-right: none;
	border-left: solid 20px #fff;
}
#recommendlist div.thum img{
	width: 180px;
	height: 180px;
	border: solid 3px #fff;
	object-fit: cover;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
#recommendlist div.thum img:hover{
	border: solid 3px #0072bc;
}
#recommendlist h5{
	position: absolute;
	top: 0;
	left: 180px;
	width: calc( 100% - 180px );
	line-height: 150%;
}

/*----------------------
  Greeting
------------------------*/
#top_greeting,
#top_greeting p{
	width: 100%;
	line-height: 180%;
	text-align: center;
}
#top_greeting h3.ttl{
	margin-top: 30px !important;
	font: 600 30px/110% "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
#shinosaka #top_greeting h3.ttl span{
	white-space: nowrap;
}

/*----------------------
  Free Space For Machida
------------------------*/
#top_free{
	padding: 40px 0;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

/*----------------------
  Accommodation
------------------------*/
ul.change_nav_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
/*	justify-content: space-between; */
	width: 100%;
	margin-bottom: 1em;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
li.change_nav{
	display: block;
	padding: 1em;
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	opacity: 0.7;
}
li.change_nav:hover,
ul.change_nav_container .active{
	cursor: pointer;
	opacity: 1;
	color: #0072bc;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
li.change_nav img{
	display: block;
	width: 150px;
	height: 150px;
	margin: 0.5em auto;
	border: solid 3px #fff;
	object-fit: cover;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
li.change_nav:hover img,
ul.change_nav_container .active img{
	border: solid 3px #0072bc;
}
#machida li.change_nav,
#nagoya li.change_nav{
	width: 25%;
}
#sapporo-odorikoen li.change_nav,
#tokyo li.change_nav,
#sapporo li.change_nav{
	width: 33.333%;
}
#fukuokatenjin li.change_nav{
	width: 20%;
}
#shinosaka li.change_nav{
	width: 14%;
}
#shinosaka li.change_nav img{
	width: 120px;
	height: 120px;
}

/* 切替表示 */
.change_panel{
/*	display: none; */
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	box-sizing: border-box;
}
#top_stay div.info{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
}
#top_stay div.info div.txt{
	flex-grow: 1;
	width: 40%;
	padding: 0 2em;
}
#top_stay div.info div.txt h4{
	margin-bottom: 1em;
	color: #003c7e;
	font-size: 110%;
	text-align: center;
}
#top_stay div.info div.txt table{
	width: 100%;
	margin: 1em auto;
	border: none;
}
#top_stay div.info div.txt table th,
#top_stay div.info div.txt table td{
	padding: 0.5em 1em;
	border-bottom: solid 1px #003c7e;
}
#top_stay div.info div.thum{
	flex-grow: 2;
	width: 60%;
}
#top_stay div.info div.thum img{
	width: 100%;
	height: auto;
}

#top_stay div.info div.txt p a{
	display: block;
	padding: 1em;
	margin: 1.5em auto 1em auto;
	background: #003c7e;
	color: #fff;
	text-align: center;
}

/*----------------------
  Restaurant
------------------------*/
#top_restaurant h4{
	margin-bottom: 1em;
	color: #003c7e;
	font-size: 130%;
	line-height: 150%;
	text-align: center;
}
#top_restaurant div.gallery{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
/* 固定・可変 */
#top_restaurant div.gallery .main_pic{
	flex: 0;
	flex-basis: 600px;
	width: 600px !important;
	margin: 0;
}
#top_restaurant div.gallery div.txt{
	flex: 1;
	width: 350px;
	padding-right: 1em;
}/* ここまで */
#top_restaurant div.gallery .main_pic img{
	width: 600px;
	height: 400px;
	object-fit: cover;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#top_restaurant div.gallery ul.img{
	display: flex;
	flex-wrap: nowrap;
	width: 600px;
	margin-left: 350px;
}
#top_restaurant div.gallery ul.img li{
	width: 25%;
	opacity: 0.6;
}
#top_restaurant div.gallery ul.img li img{
	width: 100%;
	height: auto;
	border: solid 2px #fff;
}
#top_restaurant div.gallery ul.img li:hover{
	opacity: 1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
#top_restaurant div.gallery ul.img li:hover img{
	border: solid 2px#0072bc;
}
/*
#top_restaurant div.txt,
#top_restaurant div.txt h5,
#top_restaurant div.txt p{
	text-align: center;
}*/
#top_restaurant div.txt h5{
	margin: 2em 0 0.5em 0;
}

#nagoya #top_restaurant div.txt strong{
	display: block;
	margin-top: 1em;
}

/*----------------------
  Location
------------------------*/
.bg_bl{
	background: #e6ebf1;
}
.bg_bl h3{
	background: none;
}
.bg_bl h4{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
div#map{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
div#map > div{
	width: 460px;
	padding: 1em;
}
div#map img{
	padding: 0;
	margin: 0;
	border: solid 1px #003c7e;
}
div#map iframe{
	width: 450px !important;
	max-width: 100%;
}
div#map div.info{
	position: relative;
}
div#map div.info strong{
	display: block;
	color: #003c7e;
	padding-bottom: 0.3em;
}
div#map div.info div.access,
div#map div.info div.parking{
	padding-top: 1.5em;
}
div#map div.info div.access strong,
div#map div.info div.parking strong{
	display: inline-block;
}


/* ======================================================
 * 5-2. Accommodation
 * =================================================== */
/* ギャラリー */
div.gallery{
	padding-right: 2%;
}
div.gallery p.main_pic{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	overflow: hidden;
}
div.gallery p.main_pic img{
	width: 100%;
	height: auto;
	padding: 5px;
	margin-bottom: 1em;
	border: solid 1px #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
/*	box-shadow: 0 5px 5px #f2f2f2;
	-webkit-box-shadow: 0 5px 5px #f2f2f2;
	-moz-box-shadow: 0 5px 5px #f2f2f2; */
}
div.gallery ul.img{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	width: 100%;
}
div.gallery ul.img li{
	width: 25%;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
}
div.gallery ul.large li{
	width: 50% !important;
}
div.gallery ul.large li{
	width: 50% !important;
}
div.gallery ul.img li img{
	width: 100%;
	height: auto;
}
:not(#top_restaurant) div.gallery ul{
	margin-bottom: 2em;
}
div.gallery p.btn{
	margin-top: 2em;
}


/* 客室情報テーブル */
table.roomdetail{
	width: 100%;
	margin: 2em 0 2em 0;
}
table.roomdetail th,
table.roomdetail td{
	border-bottom: solid 1px #e5e5e5;
}
/* 予約ボタン */
ul.rsv_btn{
	display: flex;
	flex: auto;
	flex-wrap: wrap;
	padding-top: 2em;
}
ul.rsv_btn li{
	width: 50%;
	padding: 0 1em 1em 0;
}
ul.rsv_btn li a{
	display: block;
	height: 50px;
	padding: 5px 1em;
	color: #fff;
	background: #39aeae;
/*	background: linear-gradient(#277878,#4dc4c4);
	background: -webkit-linear-gradient(top,#277878,#4dc4c4); */
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
ul.rsv_btn li a:hover{
	background: #226CF7;
	text-decoration: none;
/*	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); */
}
ul.rsv_btn li:not(.ladies) a:before{
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 1em;
	vertical-align: middle;
}
ul.rsv_btn li.smoking a:before{
	background: url(https://bwhotels.jp/images/common/ico_smoking.png);
	background-size: contain;
}
ul.rsv_btn li.nonsmoking a:before{
	background: url(https://bwhotels.jp/images/common/ico_nonsmoking.png);
	background-size: contain;
}
ul.rsv_btn li.ladies{
/*	width: 100%; */
	line-height: 40px;
}

/*----------------------
  航空券付宿泊プラン
------------------------*/
.airline .section h5{
	display: block;
	padding: 1em 0;
	margin-bottom: 1em;
	border-top: solid 1px #003c7e;
	border-bottom: solid 1px #003c7e;
	font-size: 120% !important;
}
.airline .section a{
	display: block;
	width: 625px;
	height: 92px;
	margin: 1em 0 5em 0;
	text-indent: -9999em;
}
.airline a:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.airline a.anaraku{
	background: url(https://bwhotels.jp/images/stay/bnr_anaraku.jpg) no-repeat;
	background-size: 625px 86px;
}
.airline a.jalraku{
	background: url(https://bwhotels.jp/images/stay/bnr_jalraku.jpg) no-repeat;
	background-size: 625px 86px;
}
.airline a.timedesign{
	background: url(https://bwhotels.jp/images/stay/bnr_tourbuilder.jpg) no-repeat;
}
.airline a.anadynamic{
	background: url(https://bwhotels.jp/images/stay/bnr_anadynamic.jpg) no-repeat;
}
.airline a.jaldynamic{
	background: url(https://bwhotels.jp/images/stay/bnr_jaldynamic.jpg) no-repeat;
}
/* 後で削除
.airline a.raku{
	background: url(https://bwhotels.jp/airline/bnr_raku.jpg) no-repeat;
}
.airline a.timedesign{
	background: url(https://bwhotels.jp/airline/bnr_tourbuilder.jpg) no-repeat;
}
.airline a.jalraku{
	background: url(https://bwhotels.jp/airline/bnr_jal_raku.jpg) no-repeat;
}
.airline a.wbf{
	background: url(https://bwhotels.jp/airline/bnr_wbf.jpg) no-repeat;
}
*/

/* ======================================================
 * 5-3. Facilities
 * =================================================== */
/*
<ul id="service">
	<li class="faci_pc"></li>無料PC
	<li class="faci_wifi"></li>WI-FI
	<li class="faci_net"></li>高速Net
	<li class="faci_vending"></li>自動販売機
	<li class="faci_ice"></li>製氷機
	<li class="faci_laundry"></li>ランドリーコーナー
	<li class="faci_conveni"></li>コンビニ
	<li class="faci_fitness"></li>フィットネス
	<li class="faci_laundryservice"></li>ランドリーサービス
	<li class="faci_copy"></li>コピー・FAX
	<li class="faci_delivery"></li>宅急便
</ul>
*/
ul#service{
	display: flex;
	flex: auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
ul#service li{
	max-width: 200px;
	padding: 0 3em;
	margin-bottom: 2em;
	color: #003c7e;
	font-weight: bold;
	text-align: center;
}
#tokyo-grande ul#service li{
	padding: 0 2em;
}
#shinosaka ul#service li,
#kouki ul#service li,
#onna ul#service li{
	padding: 0 1em;
}
ul#service li:before{
	content: '';
	display: block;
	width: 100px;
	height: 130px;
	margin: 0 auto;
	background: url(https://bwhotels.jp/images/common/ico_facilities.png);
	text-align: center;
	vertical-align: middle;
}
ul#service li.faci_pc:before{
	background-position: 0 0;
}
ul#service li.faci_wifi:before{
	background-position: -100px 0;
}
ul#service li.faci_net:before{
	background-position: -200px 0;
}
ul#service li.faci_vending:before{
	background-position: -300px 0;
}
ul#service li.faci_ice:before{
	background-position: -400px 0;
}
ul#service li.faci_laundry:before{
	background-position: -700px 0;
}
ul#service li.faci_conveni:before{
	background-position: -500px 0;
}
ul#service li.faci_fitness:before{
	background-position: -600px 0;
}
ul#service li.faci_laundryservice:before{
	background-position: -800px 0;
}
ul#service li.faci_copy:before{
	background-position: -900px 0;
}
ul#service li.faci_delivery:before{
	background-position: -1000px 0;
}
ul#service li.faci_smoking:before{
	background-position: -1100px 0;
}
ul#service li.faci_business:before{
	background-position: -1200px 0;
}

#kouki .facilities .col2 div.thum,
#onna .facilities .col2 div.thum{
	padding-bottom: 3em;
}

/* ======================================================
 * 5-4. Area
 * =================================================== */
ul#area{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: space-between;
/*	align-items: flex-start; */
}
ul#area li{
	width: 25%;
	border: solid 1em #fff;
}
ul#area li strong{
	display: block;
	padding: 1em 0;
	text-align: center;
}
ul#area li p.time{
	text-align: center;
}
ul#area li span{
	margin-right: 1em;
	line-height: 20px;
}
ul#area li span:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: .5em;
	background: url(https://bwhotels.jp/images/common/ico_area.png);
	background-size: 80px 20px;
}
ul#area li span.walk:before{
	background-position: 0 0;
}
ul#area li span.train:before{
	background-position: -20px 0;
}
ul#area li span.car:before{
	background-position: -40px 0;
}
ul#area li span.bus:before{
	background-position: -60px 0 !important;
}
ul#area li .address{
	padding: .5em 0;
	margin: .5em 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: center;
}

#onna ul#area li{
	border: solid .5em #fff;
}

/* ======================================================
 * 5-5. FAQ
 * =================================================== */
div.faq ul.tab_nav{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: center;
	width: 100%;
	margin-bottom: 3em;
}
div.faq ul.tab_nav li{
	min-width: 16.6%;
	padding: 0 .5em;
}
#machida div.faq ul.tab_nav li{
	min-width: 14%;
}
div.faq ul.tab_nav li a{
	display: block;
	width: 100%;
	padding: 1em;
	border: solid 1px #0072bc;
	background: #D0ECFF;
	background: linear-gradient(#D0ECFF,#fff);
	background : -webkit-linear-gradient(top,#D0ECFF,#fff);
	color: #003c7e;
	font-weight: bold;
	text-align: center;
}
div.faq ul.tab_nav li a:hover,
div.faq ul.tab_nav li.active a{
	background: #0072bc;
	background: linear-gradient(#0072bc,#1ea5ff);
	background : -webkit-linear-gradient(top,#0072bc,#1ea5ff);
	color: #fff;
	text-decoration: none;
}

div.faq div.tab_content h5{
	display: block;
	padding: 1em;
	background: #003c7e;
	color: #fff;
	border: none;
}
div.faq div.tab_content dl{
	margin-bottom: 2em;
	border: solid 1px #ccc;
}
div.faq div.tab_content dl dt,
div.faq div.tab_content dl dd{
	padding: 1em;
	text-indent: -2em;
	padding-left: 3em;
}
div.faq div.tab_content dl dt:before{ 
	content: 'Ｑ．';
	color: blue;
	font-weight: bold;
}
div.faq div.tab_content dl dd:before{ 
	content: 'Ａ．';
	color: red;
	font-weight: bold;
}

/* ======================================================
 * 6-1. 町田
 * =================================================== */
/* 町田レストランページ用 */
#machida .restaurant section.col2 h4,
.banquet_catering section.col2 h4,
#kagoshima .restaurant section.col2 h4{
	min-height: 2em;
	padding: 0;
	margin-bottom: .5em;
	font-size: 120%;
	text-align: center;
}
#machida .restaurant section.col2 div.thum,
.banquet_catering section.col2 div.thum,
#kagoshima .restaurant section.col2 div.thum{
	float: none !important;
	padding: 0 0 1em 0!important;
	width: 100% !important;
}
/*
#machida .section h4.ttl,
#machida .section h5.ttl{
	border-top: solid 1px #B0E6E6;
	border-bottom: solid 1px #B0E6E6;
	background: #DFF4F4;
	background: linear-gradient(#DFF4F4,#EEF9F9);
	background : -webkit-linear-gradient(top,#DFF4F4,#EEF9F9);
}*/

table.price{
	border: solid 1px #e5e5e5 !important;
}
table.price th{
	background: #f7f7f7;
	background: linear-gradient(#f7f7f7,#f2f2f2);
	background : -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
	font-weight: bold;
	white-space: nowrap;
}
table.price th,
table.price td{
	padding: 1em;
	border-bottom: solid 1px #e5e5e5 !important;
}
table.price tr td:nth-child(2){
	padding-right: 2em;
	text-align: right;
}
/* アラカルト */
table.price2{
	width: 100%;
	margin: 1em 0 2em 0;
}
table.price2 th{
	padding: 1m .5em;
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	background: #DFF4F4;
	background: linear-gradient(#DFF4F4,#EEF9F9);
	background : -webkit-linear-gradient(top,#DFF4F4,#EEF9F9);
	color: #003c7e;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
table.price2 td{
	padding: .5em;
	border-bottom: solid 1px #e5e5e5 !important;
	text-align: right;
}
table.price2 tr td:first-child{
	text-align: left;
}
table.price2 tr:nth-child(odd) td{
	background: #fafafa;
}

/* レストラン記事下予約情報 */
div.info_rsv{
	clear: both;
	display: inline-block;
	margin-top: 3em;
	border-top: double 3px #efefef;
	border-bottom: double 3px #efefef;
}
div.info_rsv h6{
	padding-top: 1em;
}
div.info_rsv ul{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
/*	justify-content: center; */
}
div.info_rsv li{
	padding: 1em 0;
	padding-right: 5em;
}
div.info_rsv li:last-child{
	padding-right: 0;
}}
div.info_rsv img{
	margin-bottom: 1em;
}

/* レストラン記事下予約情報（分割・鹿児島用） */
ul.info_rsv{
	clear: both;
	margin-top: 3em;
	padding: 1em 0;
	border-top: double 3px #ccc;
	border-bottom: double 3px #ccc;
}
ul.info_rsv li a.tel{
	padding: 0 0 0 24px;
	margin-top: 0;
}

#machida ul.info_rsv{
	border-top: solid 1px #efefef;
	border-bottom: none;
}
#machida ul.info_rsv li{
	margin-bottom: .5em;
/*	text-align: center; */
}

#kagoshima ul.info_rsv li{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	align-items: flex-start;
}
#kagoshima ul.info_rsv{
	display: inline-block;
}
#kagoshima ul.info_rsv li strong{
	width: 10em;
}
#kagoshima ul.info_rsv li strong,
#kagoshima ul.info_rsv li a{
	height: 36px;
	line-height: 36px;
}

/* ======================================================
 * 6-2. 名古屋
 * =================================================== */
/* 名古屋yahooレストランウィジェット */
div#nagoyaRest{
	position: absolute;
	top: 70px;
	right: 0;
	text-align: center;
	z-index: 99 !important;
}

/* 名古屋用アクセスマップ */
div.access_guide p{
	margin: 0.5em 0;
}
div.access_quide ul{
	padding: 0.5em 0 2em 0;
}
div.access_quide ul li{
	margin-bottom: 1em;
}
table.access_guide{
	border: none;
}
table.access_guide td{
	margin: 1em;
	border: none;
}
table.access_guide img{
	display: block;
	margin-bottom: 1em;
}
table.access_guide td.alignC{
	text-align: center !important;
}
table.access_guide td.alignC img{
	margin: 1em auto;
}
table.access_guide tr td:first-child,
table.access_guide tr td:nth-child(3),
table.access_guide tr td:nth-child(5){
	width: 220px;
}

table.access_guide tr td:nth-child(2),
table.access_guide tr td:nth-child(4){
	width: 50px;
}
#nagoya #bycar,
#nagoya #bytrain,
#nagoya #parking{
	font-weight: bold;
}

/* 名古屋団体宿泊 */
dl.fl{
	display: flex;
	flex: auto;
	flex-wrap: wrap;
	align-items: center;
}
dl.fl dt{
	width: 60px;
	height: 60px;
	padding-top: 0.5em;
	margin: 0 20px 10px 0;
	background-image: linear-gradient(135deg, #a79756, #faf8c5, #a79756);
	border: solid 1px #938632;
	color: #938632;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
dl.fl dd{
	width: calc( 100% - 80px );
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 110%;
}


/* ======================================================
 * 6-3. 鹿児島
 * =================================================== */
#kagoshima .restaurant .section p.cate{
	position: absolute;
	top: 1em;
	right: 0;
	padding: .5em 1em;
	border: solid 1px #B7D9FF;
	background: #DBECFF;
	color: #003c7e;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#kagoshima .restaurant .section p.cate a{
	font-weight: bold;
}


/* ======================================================
 * 7-1. Contact Form
 * =================================================== */
/* お問い合わせフォーム(wp記事内フォーム／cgi「tmpl」html) */
form.contact_form p{
	padding: .5em 0;
}
form.contact_form table{
	margin-bottom: 3em;
	border: none !important;
}
form.contact_form table th{
	font-weight: bold;
	text-align: right;
}
form.contact_form table th,
form.contact_form table td{
	padding: .5em 1em;
	border: none;
}
form.contact_form table th span.check{
	padding-right: 1em;
	color: red;
	font-size: 80%;
}
form.contact_form table td:hover{
	background: #fffff4;
}
form.contact_form input,
form.contact_form select,
form.contact_form textarea{
	width: 90%;
	padding: 8px;
	margin: .5em 0;
	border: solid 1px #ccc;
/*	border: solid 1px #ececec; */
}
form.contact_form input:hover,
form.contact_form input.active,
form.contact_form select:hover,
form.contact_form select.active,
form.contact_form textarea:hover,
form.contact_form textarea.active{
	border: solid 1px #d8c48f;
}
form.contact_form .tel span.num{
	font-size: 150%;
}

p.form_btn{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: center;
}
p.form_btn input{
	width: 30%;
	padding: 1em;
	border: solid 1px #91B6FBt;
	background: #39aeae;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
p.form_btn input:hover{
	cursor: pointer;
	background: #226CF7;
	text-decoration: none;
}

/* cgi「tmpl」html */
.contact_cgi .section{
	min-height: 400px;
	text-align: center;
}
.contact_cgi li.msg{
	padding: 30px 0;
	font-size: 120%;
}
.contact_cgi span.msg{
	color: red;
}
.contact_cgi .section input{
	padding: 10px 30px;
	margin-top: 20px;
}
.contact_cgi table{
	width: 100%;
	margin: 30px 0 !important;
}
.contact_cgi table th,
.contact_cgi table td{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
}


/* ======================================================
 * 7-2. Shopping Cart
 * =================================================== */
.osechi .section form,
.shop .section form{
	padding: 1em 0;
	margin: 1em 0;
	border-top: dotted 1px #e5e5e5;
	border-bottom: dotted 1px #e5e5e5;
}
div.cart_menu{
	padding-bottom: 1em;
}

.cart .section{
	width: 80% !important;
	margin: 0 auto;
}

/* 進行パネル */
.cart table.panel{
	margin: 1.5em auto;
}
.cart table.panel th{
	width: 100px;
	padding: 0.5em;
	background: #003c7e !important;
	background: linear-gradient(#003c7e,#0072bc) !important;
    background : -webkit-linear-gradient(top,#003c7e,#0072bc) !important;
	color: #fff;
    text-align: center;
}
.cart td.panel-off{
	width: 100px;
	padding: 0.5em;
	background: #a8a8a8;
	color: #fff;
	text-align: center;
}
.cart td.panel-arrow{
	width: 20px;
	color: #a8a8a8;
	text-align: center;
}
.cart input.button{
	width: 140px;
	margin: 0 14px;
}

/* 買物カゴ */
/* 入力フォーム */
.cart table.cart_tbl,
.cart table.cart_form{
	width: 100%;
	margin: 2em auto;
	border-collapse: collapse;
}
.cart table.cart_tbl th,
.cart table.cart_tbl td,
.cart table.cart_form th,
.cart table.cart_form td{
	padding: 1em;
	border: solid 1px #e5e5e5;
	font-size: 100%;
	white-space: nowrap;
}
.cart table.cart_tbl th,
.cart table.cart_form th{
	background: #f7f7f7;
	background: linear-gradient(#f7f7f7,#f2f2f2);
	background : -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
	font-weight: bold;
}
.cart table.cart_tbl td,
.cart table.cart_form td{
	background: #fff;
}

.cart table.cart_form input[type="text"],
.cart table.cart_form textarea,
.cart table.cart_form select,
.cart table.cart_form input[type="tel"],
.cart .find-box input[type="text"],
.cart .cart-box input[type="text"]{
	padding: .5em;
	border: 1px solid #a2a2a2;
}
.cart input::-webkit-input-placeholder,
.cart input:-ms-input-placeholder,
.cart input::-moz-placeholder{
	color: #e5e5e5;
}
.cart td.w-key{
	width: 12m;
}
.cart input.ime-on{
	ime-mode: active;
}
.cart input.ime-off{
	ime-mode: inactive;
}

/* 入力必須 */
.cart .req{
	border-left: .3em solid red;
	padding: 0 1em;
}
/* 入力任意 */
.cart .opt{
	border-left: .3em solid #fff;
	padding: 0 1em;
}

.cart td.tbl-wide{
	border: solid 1px #e5e5e5;
	background: #fff;
	white-space: nowrap;
/*	padding: 1em; */
	text-align: center;
}

.cart table.btn-tbl{
	margin: 0px auto;
}
.cart .eiji{
	font-family:Verdana,Helvetica,Arial !important;
	font-size:90%;
}
.cart .ta-r{
	text-align: right !important;
}
.cart .ta-l{
	text-align: left;
}
.cart .ta-c{
	text-align: center;
}
.cart input.inp-mem{
	width: 150px;
	ime-mode: inactive;
}
.cart table.tbl-join td{
	background: #fff;
	color: #444;
}

/* 入力画面でのメッセージ */
.cart div.cart-msg{
	padding: 1em;
	background: #EBE5E1;
	color: #000;
	width: 80%;
	margin: 20px auto;
	line-height: 140% !important;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/*
.cart div.login-note{
	text-align: left;
	margin: 1em auto 0.5em auto;
	width: 23em;
}
.cart table.enter{
	margin: 80px auto;
	min-width: 400px;
	border: 1px solid #004080;
	border-collapse: collapse;
}
.cart table.enter th{
	border: 1px solid #004080;
	padding: 1em;
	background: #004080;
	color: #fff;
	text-align: left;
}
.cart table.enter td{
	border: 1px solid #004080;
	padding: 1em;
	background: #fff;
	font-family: verdana,helvetica,arial;
}
.cart input.len{
	width: 220px;
	margin-bottom: 1em;
}
.cart div.btn input{
	font-family: verdana,helvetica,arial;
	width: 100px;
	height: 32px;
}

/* 画面TOPボタン */
.cart div.top-btn{
	text-align: right;
}
.cart div.top-btn input{
	width: 9.5em;
	margin-bottom: 1.5em;
}

/* 特商法
.cart div.law-data{
	width: 95%;
	margin:1em auto;
	border: 1px solid #666;
	padding: 1em;
	text-align: left;
	background: #fff;
} */

/* ページ繰越ボタン
span.pg-on,span.pg-off{
	display:-moz-inline-box;
	-moz-box-align: center;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	width: 23px;
	height: 23px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #6b868b;
	font-family: Verdana,Helvetica,Arial;
}
span.pg-on,span.pg-on a{
	color: #f0f0f0;
	background: #6b868b;
}
span.pg-off,span.pg-off a{
	color: #6b868b !important;
	background: #fff;
}
div.pgbtn{
	margin: 0.6em 0;
} */

div.err-addr{
	color: #dd0000 !important;
	font-weight: bold;
}
/* 進行ボタン */
.cart input.bigbtn{
	width: 150px;
	height: 32px;
	margin: 2em;
	text-align: center;
}

/* datepickerサイズ
.cart div.ui-datepicker{
	font-size: 95%;
} */

/* アイコン
.cart img.icon{
	vertical-align: middle;
	border: none;
} */

/* エラー画面 */
.cart #err-box{
	margin: 3em auto;
	background: #EBE5E1;
	padding: 1em;
	width: 600px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* 特商法
.cart #law-tbl{
	border-collapse: collapse;
	table-layout: fixed;
	margin: 1em auto;
}
.cart #law-tbl th, #law-tbl td{
	border: 1px solid #e5e5e5;
	padding: 3px 5px;
	font-size: 12px;
	text-align: left;
}
.cart #law-tbl th{
	background: #EBE5E1;
}
.cart td.key{
	width: 150px !important;
} */