@charset "utf-8";
/*-------------------------------------------------
基本
-------------------------------------------------*/
    * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
body {background: rgb(147,88,48); /* Old browsers */
background: -moz-linear-gradient(top, rgba(147,88,48,1) 0%, rgba(24,12,3,1) 23%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,88,48,1)), color-stop(23%,rgba(24,12,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(147,88,48,1) 0%,rgba(24,12,3,1) 23%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(147,88,48,1) 0%,rgba(24,12,3,1) 23%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(147,88,48,1) 0%,rgba(24,12,3,1) 23%); /* IE10+ */
background: linear-gradient(to bottom, rgba(147,88,48,1) 0%,rgba(24,12,3,1) 23%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#935830', endColorstr='#180c03',GradientType=0 ); /* IE6-9 */

font-size:14px; color:#fff; line-height: 1.6;
word-break: normal; width: 100%; min-width: 320px; -webkit-text-size-adjust: none;}
body img {
	width:100%;
}
a{color:#FFFF99; text-decoration: none;
-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
a:hover { color:#F33; text-decoration: none;}
a img,.bl{-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
a img:hover,.bl:hover{ opacity:0.7;}.bl:hover img,.bl:hover .button{ opacity:1; text-decoration:none;}
/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
a.button,input.button{ font-size:14px; border:none; padding:0.8em 1.5em; color:#000; font-weight:bold; text-align:center; vertical-align:middle; line-height:1.2; cursor: pointer; box-shadow:0 1px 3px rgba(0,0,0,0.3); border-radius:99px; position:relative; display:block; box-shadow:0 -3px 0 rgba(145,70,3,0.7) inset, 0 1px 0 #FCDE78 inset;

background: #f1bf08; /* Old browsers */
background: -moz-linear-gradient(top,  #f1bf08 0%, #f0bd08 32%, #d98603 70%, #ee9804 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1bf08), color-stop(32%,#f0bd08), color-stop(70%,#d98603), color-stop(100%,#ee9804)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1bf08 0%,#f0bd08 32%,#d98603 70%,#ee9804 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1bf08 0%,#f0bd08 32%,#d98603 70%,#ee9804 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f1bf08 0%,#f0bd08 32%,#d98603 70%,#ee9804 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f1bf08 0%,#f0bd08 32%,#d98603 70%,#ee9804 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1bf08', endColorstr='#ee9804',GradientType=0 ); /* IE6-9 */


-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
@media (min-width: 621px) and (max-width: 980px) {a.button,input.button{ font-size:12px;}}
.button:hover{ text-decoration:none; opacity:0.7;}.button:hover img{opacity:1;}
/* -----------------------------------------------------------
その他
----------------------------------------------------------- */
.left{ text-align:left;}.right{ text-align:right;}.center{ text-align:center;}
hr{ height:1px; background:#ccc; overflow:hidden; clear:none; margin:1em 0 1em;}
.oh{ overflow:hidden;}
.ib{ display:inline-block;}
/*ロングコメント*/
.longComment{/*-  padding-bottom:1em !important; -*/}
.longComment p{ margin:0 !important;}

.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.w20{ width:20% !important;}
.w30{ width:30% !important;}
.w40{ width:40% !important;}
.w50{ width:50% !important;}
.w60{ width:60% !important;}
.w70{ width:70% !important;}
.w80{ width:80% !important;}
.w90{ width:90% !important;}
.w100{ width:100% !important;}

.noData { color: #df3333; padding: 1em; }

/* -----------------------------------------------------------
ヘッダー、フッター、ラッパー、等
----------------------------------------------------------- */
/*ヘッダー*/
.globalHeader{background: url("../img/bhder.png") repeat-x scroll 0px 0px transparent; margin:0 auto 0; padding:30px 20px 0; position:relative; z-index:40; height:90px; max-width: 740px;}
.globalHeader .desc{ font-size:11px; padding:5px 20px; margin:0 -20px; color:#fff;}
.globalHeader h1{ margin:0 auto; line-height:1; text-align: center;}
.globalHeader h1 img{max-width: 400px;}
.globalFooter h1 img{ width:100%;}
.globalHeader .mail{ position:absolute; top:46%; right:10px; font-size:10px; width:36%; padding-left:0; padding-right:0;}

/*グロナビ*/
.gnavSp{background:url(../img/bnav.png) repeat-x scroll center bottom; position:relative; height:auto; line-height:50px; text-align:center; z-index:100; color:#fff; display:block; box-shadow:0 0 5px rgba(0,0,0,0.2); margin:0; border-bottom:1px solid #003C77; border-top:1px solid #62391E; max-width: 740px; margin: auto;}
.gnavSp div.trigger{background:url(../img/common/menu.png) no-repeat center 0px; background-size:169px 100px;text-indent:-9999px; width:100%; height:100%;margin:0 0;
-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
.gnavSp div.trigger.active{ background-position:center -50px; background-color:rgba(52,20,0,0.8);}
.gnavSp .nav{display:none;}
.gnavSp .nav.active{display:block;}
.gnavSp .nav ul li a{ display:block; background:url(../img/li2_sp.png) no-repeat right center #333; text-align:left; border-bottom:1px solid #000; line-height:1.4; font-size:15px; padding:14px 30px 14px 15px; font-weight:bold; color:#fff;}
.gnavSp .nav ul li.pcLink a:after{ background:url(../img/common/pc_link.png) no-repeat 0 0; content:""; margin-left:20px; background-size:24px 20px; margin-bottom:-4px; display:inline-block; width:30px; height:20px;}
.gnavSp .nav ul li a:hover{ background-color:#444;}
.gnavSp .nav ul li a.current,.gnavSp .nav ul li a.parentsLink{ background-color:#555; background-image:url(../img/li2_sp_cr.png); background-position:10px center; padding-left:40px;}
.gnavSp .nav ul li a.trigger{ background-image:url(../img/li_sp_close.png); background-color:#2F0400; border-bottom-color:#000; color:#FF8B7F;}
.gnavSp .nav ul li a.trigger:hover{}

.gnavSp:before,
.gnavSp:after{ background:url(../img/common/menu_line.png); background-size:100% 2px; width:100%; height:2px; content:""; position:absolute; left:0; top:-2px;}
.gnavSp:after{ bottom:-2px; top:auto;}

/*-  -*/
.nivoslider{background:#000; padding-top:15px; margin: auto; max-width: 740px;}

/*-  -*/
nav.topNav{
background: #757675; /* Old browsers */
background: -moz-linear-gradient(top,  #757675 0%, #121212 35%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757675), color-stop(35%,#121212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #757675 0%,#121212 35%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #757675 0%,#121212 35%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #757675 0%,#121212 35%); /* IE10+ */
background: linear-gradient(to bottom,  #757675 0%,#121212 35%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757675', endColorstr='#121212',GradientType=0 ); /* IE6-9 */
margin:10px 15px 0px;

}
nav.topNav h2{ margin-bottom:0;border:1px solid #6F6F6F; border-bottom:none;  box-shadow:1px 1px 0 #000 inset,-1px -1px 0 #000 inset;}
nav.topNav ul{overflow:hidden; width:100%; border-right:1px solid #6F6F6F;}
nav.topNav ul li{ width:50%; float:left; font-size:10px;
border:1px solid #6F6F6F; border-bottom:none;  box-shadow:1px 1px 0 #000 inset,-1px -1px 0 #000 inset; border-right:none;}
nav.topNav ul li:hover{background-image: url("../../img/hotel/op10.png");}
@media (min-width: 400px) and (max-width: 668px) {
	nav.topNav ul li{ font-size:19px;}
	}
nav.topNav ul li img{display:block; float:left; width:30%; margin-right:5px;}
nav.topNav ul li span{ display:block; color:#999; font-weight:normal;}
nav.topNav ul li a{ color:#C49D4E; font-weight:bold; display:block; padding:5% 2%;}
nav.topNav ul ul{background-image:none;}

/*-  -*/
.eyeCatch+.snav h2{ display:none;}

/**/
.wrapper { background:#000; display:block; overflow:hidden; max-width: 740px; margin:auto;}

.container,.container.oneColumn,.sideBar,.snav{ float:none; width:auto;}
section{ margin-bottom:1.5em; padding-bottom:1.5em; padding:10px 15px 0px;}
section p{margin-bottom:1em;}

#pageTop {position: relative; width:auto; bottom:0px; left:0; margin:auto; max-width: 740px;}
#pageTop .inner{ display:block;	text-indent:-9999px; overflow:hidden; opacity:1; box-shadow:0 -3px 6px rgba(0,0,0,8);position:fixed; bottom:0px; width:100% !important; max-width: 740px !important; height:46px !important;}
#pageTop .inner a { position:relative; display:block; width:100% !important; height:46px !important;
box-shadow: 0 1px 0 #3F2A1B inset; border-radius:5px 5px 0 0;
background: #1f1106; /* Old browsers */
background: -moz-linear-gradient(top,  #1f1106 0%, #57321a 50%, #1f1106 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1106), color-stop(50%,#57321a), color-stop(100%,#1f1106)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1f1106 0%,#57321a 50%,#1f1106 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1f1106 0%,#57321a 50%,#1f1106 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1f1106 0%,#57321a 50%,#1f1106 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1f1106 0%,#57321a 50%,#1f1106 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1106', endColorstr='#1f1106',GradientType=0 ); /* IE6-9 */}
#pageTop .inner a:after{position:absolute; content:""; width:16px; height:12.5px; background:url(../img/pagetop.png) no-repeat center center; background-size:16px 12.5px; left:50%; top:50%; margin:-6px 0 0 -8px;}
#pageTop .inner a:hover{background-color:#666;}
#pageTop .inner a.show{ width:60px; height:60px;}

#pcPage {position: relative; width:auto; bottom:0px; left:0; margin:0 auto;}
#pcPage .inner { padding:25px 0 60px; position:relative; width:100%; margin:0 auto;}
#pcPage .inner a {background:#F1BF08; display:block;  overflow:hidden; border-radius:5px; opacity:1; box-shadow:0 -3px 0 rgba(145,70,3,0.5) inset;position:relative; bottom:0px; right:0px; width:70% !important; padding:10px 0; margin:0 auto 0; text-align:center; color:rgba(145,70,3,0.7); font-weight:bold;}
#pcPage .inner a:hover{opacity:0.5;}
#pcPage .inner a.show{ width:60px; height:60px;}


footer{ padding:10px 15px; max-width: 740px; margin: auto;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000 0%, #180C03 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(90%,#180C03)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000 0%,#180C03 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000 0%,#180C03 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000 0%,#180C03 90%); /* IE10+ */
background: linear-gradient(to bottom, #000 0%,#180C03 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#180C03',GradientType=0 ); /* IE6-9 */}
footer h3{ text-align:center; margin-top:10px;  border:1px solid #6F6F6F; border-bottom:none;  box-shadow:1px 1px 0 #000 inset,-1px -1px 0 #000 inset; padding:10px;
background: #757675; /* Old browsers */
background: -moz-linear-gradient(top,  #757675 0%, #121212 35%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757675), color-stop(35%,#121212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #757675 0%,#121212 35%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #757675 0%,#121212 35%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #757675 0%,#121212 35%); /* IE10+ */
background: linear-gradient(to bottom,  #757675 0%,#121212 35%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757675', endColorstr='#121212',GradientType=0 ); /* IE6-9 */}
footer h3 img{ width:30%;}
footer .fnav{ display:block; overflow:hidden; border:1px solid #6F6F6F; border-left:none;
	background: #757675; /* Old browsers */
background: -moz-linear-gradient(top,  #757675 0%, #121212 35%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757675), color-stop(35%,#121212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #757675 0%,#121212 35%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #757675 0%,#121212 35%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #757675 0%,#121212 35%); /* IE10+ */
background: linear-gradient(to bottom,  #757675 0%,#121212 35%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757675', endColorstr='#121212',GradientType=0 ); /* IE6-9 */}
footer .fnav li{width:50%; float:left; text-align:center; display:table;}
footer .fnav li a{ display:table-cell; vertical-align:middle; padding:10px 0; border:1px solid #6F6F6F; border-right:none; border-bottom:none; box-shadow:1px 1px 0 #000 inset,-1px -1px 0 #000 inset;}
footer .fnav li img{ max-width:60%;}


/*------------------------------------------------------------------------------
見出し
------------------------------------------------------------------------------*/
.wrapper h2:not(.eyeCatch){ font-size:18px; font-weight:bold; padding:0.8em; line-height:1.2; position:relative; color:#E3C470; margin-bottom:1em; border-top:1px solid #3F2A1B; border-bottom:1px solid #3F2A1B;
background: #1f1106; /* Old browsers */
background: -moz-linear-gradient(top,  #1f1106 0%, #57321a 50%, #1f1106 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1106), color-stop(50%,#57321a), color-stop(100%,#1f1106)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1f1106 0%,#57321a 50%,#1f1106 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1f1106 0%,#57321a 50%,#1f1106 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1f1106 0%,#57321a 50%,#1f1106 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1f1106 0%,#57321a 50%,#1f1106 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1106', endColorstr='#1f1106',GradientType=0 ); /* IE6-9 */
}
.wrapper h2 span{ font-size:70%; margin-left:1em; color:#999;}
.wrapper h2.img{padding:0; background:none; border:none;}
.wrapper h3{background:url(../img/h3.png) repeat-x top; font-size:16px; font-weight:bold; border-top:3px solid #C49D4E; background-color:rgba(63,42,27,0.6); padding:0.8em 0em; line-height:1.2;  position:relative; padding:10px; border:1px solid #3F2A1B; border-top: 3px solid #C49D4E; color:#E3C470;}
.wrapper h3 span{ font-size:80%; margin-left:1em; color:#666;}
.wrapper h4{ font-size:14px; font-weight:bold; border-top:2px solid #C49D4E; padding:0.8em 0em; line-height:1.2; background:url(../img/h4.png) repeat-x top; position:relative;}

.red{ color:#CC0000;}




/* -----------------------------------------------------------
グリッド
----------------------------------------------------------- */
.grid2{ width:100%;}
.grid2>*{width:50%; float:none; padding:2%; font-size:14px; float:left;}
.grid2>* img{max-width:100% !important; margin-bottom:0.5em;}

.bnGrid2{overflow:hidden;}
.bnGrid2>*{ float:left; width:50%;}
/*---------------------------------------
ページ内ナビ
---------------------------------------*/
.snav { margin:0 0 0;}
.snav.close ul{ display:none;}
.snav.close ul.active{ display:block;}
.snav.close div.trigger{ display:block; width:70%; line-height:36px; text-align:center; margin:10px auto 10px; text-indent:-9999px; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.3), 0 -4px 0 rgba(0,0,0,0.3) inset; background:url(../img/common/snav_bk.png) center bottom;
-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
.snav.close div.trigger span{ background:url(../img/snsp.png) center 0px no-repeat; background-size:169px 72px; display:block;}
.snav.close div.trigger.active{ background-position:center top;}
.snav.close div.trigger.active span{ background-position:center -36px;}
.snav ul li a{font-size:15px; background:url(../img/li_sp.png) no-repeat 10px center; padding:14px 15px 14px 40px; display:block; border-bottom:1px solid #333;}
.snav ul li a.current,.snav ul li a.parentsLink{ background-image:url(../img/li_sp_cr.png);}
.snav ul li a img{ width:auto; margin-left:15px; margin-top:-3px;}
.snav ul li a img+img{margin-left:2px;}
.snav.close ul li a.trigger{ display:block; background-image:url(../img/li_sp_close.png); background-color:#333; border-bottom-color:#000; color:#fff; margin-bottom:10px;}

/*---------------------------------------
ホテルナビ
---------------------------------------*/
.hotelNav{ background:url(../img/hotel/nav_bk.png); background-size:cover; padding:5px; margin:0 15px;}
.hotelNav ul{ overflow:hidden; padding:5px; background:#222;}
.hotelNav li{width:25%; float:left;}
/*---------------------------------------
ページ見出し
---------------------------------------*/
.eyeCatch{height:auto; line-height:1.2; width:100%; margin:0; padding:30px 10px 20px; color:#fff; text-align:center; text-shadow:1px 1px 3px #643D00,-1px -1px 3px #643D00,-1px 1px 3px #643D00,1px -1px 3px #643D00,1px 2px 6px #643D00,-2px -1px 6px #643D00,-2px 1px 8px #643D00,1px -2px 8px #643D00; font-size:28px; font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}
/*---------------------------------------
料金表
---------------------------------------*/
.priceList dt{ padding:10px; border:1px solid #3F2A1B;  border-top:3px solid #C49D4E; background-color:rgba(63,42,27,0.6); color:#E3C470; font-size: 16px; font-weight: bold;}
.priceList dd{ padding:10px; border:1px solid #3F2A1B; border-top:none; background-color:rgba(63,42,27,0.3);}
.priceList dd.end{margin-bottom:20px;}

/*---------------------------------------

---------------------------------------*/
.eventList dt{ padding:10px; border:1px solid #3F2A1B; border-top:3px solid #C49D4E; background-color:rgba(63,42,27,0.6); color:#E3C470;}
.eventList dd{ padding:10px; border:1px solid #3F2A1B; border-top:none; background-color:rgba(63,42,27,0.3); margin-bottom:20px;}

/*---------------------------------------

---------------------------------------*/
.itemList h3{}
.itemList .itemListEntry{ padding:10px; border:1px solid #3F2A1B; border-top:none; background-color:rgba(63,42,27,0.3); margin-bottom:20px; overflow:hidden;}
.itemList .itemListEntry .flm,
.itemList .itemListEntry .longComment{margin-bottom:0;}
/*---------------------------------------

---------------------------------------*/
.roomList li{border-bottom:1px solid #222;}
.roomList li img{ float:left; width:15%; height:15%; margin-right:10px;}
.roomList li p{margin-bottom:0; display:inline-block; vertical-align:middle;}
.roomList li a{display:block; background:url(../img/hotel/list_li.png) no-repeat right center; overflow:hidden; padding:10px;}
.roomList li a:hover{background-color:#333;}
/*---------------------------------------

---------------------------------------*/
.newsEntry{ padding:10px; border:1px solid #3F2A1B; background-color:rgba(63,42,27,0.3); margin-bottom:20px; overflow:hidden;}

/*---------------------------------------

---------------------------------------*/
.faq { margin-bottom: 30px; }
.faq dt.q{ padding:10px 10px 10px 30px; background:url(../faq/q.jpg) no-repeat 5px center; color:#F8DA00; font-size:15px; font-weight:bold; border:1px solid #222; margin-top:20px;}
.faq dd.a{ padding:10px 10px 10px 30px; background:url(../faq/a.jpg) no-repeat 5px 10px; margin:0;  border:1px solid #222; border-top:none; font-size:120%; font-size:12px;}
/*---------------------------------------

---------------------------------------*/
/*Gmap 横幅100%*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom:1em;
}

.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}
/*---------------------------------------
navBack
---------------------------------------*/
.navBack{padding-top:20px;}
.navBack a{display:inline-block; height:40px; line-height:40px; color:#fff; background:url(../img/common/bk_link.png) no-repeat; padding:0 30px;}

.hotelList li{ margin-bottom:1em; border:5px solid #222; padding:15px; display:block;}
.hotelList li img{margin-bottom:1em;}
.hotelList li p.center{display:block; margin-bottom:0;}

div.style{ background-color:rgba(63,42,27,0.6); padding:0.8em 0em; line-height:1.2;  position:relative; padding:20px; border: 3px solid #C49D4E;}