/* 共通css----------------------------------------------------------------- */
.opacity{
	opacity:0.7;
	background-color:#fff;
}
.room_cont{
	/*color:#8C7E79;*/
	color:#433d3a;
	clear: both;
	overflow: hidden;
	
}
	 
.info_wrap_top{
	margin:30px 0 10px;
	padding:20px 0;
	border-top:1px dashed #dadada;
	border-bottom:1px dashed #dadada;
	clear: both;
	overflow: hidden;
	}
.info_wrap{
	margin:0 0 10px;
	padding:20px 0;
	border-bottom:1px dashed #dadada;
	clear: both;
	overflow: hidden;
	}
.info_wrap_nobd{
	padding:20px 0 10px;
	clear: both;
	overflow: hidden;
	}

.info_wrap_back{
	background: #efefee;
	margin:10px 0;
	padding:20px 30px;
	clear: both;
	overflow: hidden;
	}

	
.button{
	text-align:right;
	}
	
h1#category {
	margin-bottom: 30px;
}
	
h4 {
	font-size: 120%;
	margin-bottom: 10px;
	font-weight: normal;
}
h5 {
	font-size: 105%;
	margin-bottom:0;
	margin-bottom: 15px;
}
h5.bar {
	background-color:#f5f4f4;
	padding:3px 5px;
	font-size: 105%;
	margin-bottom:0;
	margin-bottom: 15px;
}
h5.bar span {
	float: right;
	padding-right: 0.5em;
	font-weight: normal;
}
h5 span.sp {
	background: #a0072b;
	color: #fff;
	font-weight: normal;
	font-size: 95%;
	padding: 0 2px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.third {
	width: 210px;
	float: left;
	margin-right: 24px;
}
.third_r {
	width: 210px;
	float: right;
}

#left_room_nav {
	border: 1px solid #996600;
	background: #f5f5f5;
	width: 174px;
	margin: 5px 0;
	padding: 0 0 5px;
}
#left_room_nav ul li{
	margin: 6px 4px;
	font-size: 11px;
	line-height: 1.15;
	text-indent: -1em;
	padding-left: 1em;
}


/*TOPページ----------------------------------------------------------------- */

.index_wrap {
	border-bottom:1px solid #b5b5b6;
	padding: 0 0px 30px;
	margin-bottom: 30px;
	width:680px;
	overflow: hidden;
}
.index_wrap_back {
	padding: 30px;
	margin-bottom: 30px;
	width:620px;
	background: url(../img/bace_border.png);
	overflow: hidden;
}


/*add170925*/
.box_230{
width: 230px;
float: left;
}

.box_370r{
width: 370px;
float: right;
}
/*add170925*/

.box_320{
	width:320px;
	float:left;
}
.box_340{
	width:340px;
	float:left;
}
.box_r320{
	width:320px;
	float:right;
}
.box_r330{
	width:330px;
	float:right;
}
/*.box_430{
	width:430px;
	float:left;
}*/


/*-----------------------------------------------------------------*/
.about_wrap{
	margin-top: 20px;
	margin-bottom: 40px;
	overflow: hidden;
}
.about_left {
	width: 400px;
	float:left;
}
.about_right {
	width: 250px;
	float: right;
}
.about_right table {
	width: 250px;
	border-collapse: collapse;
}
.about_right table td {
	vertical-align: top;
	padding: 0 0 2px 0;
}
.about_right table td.border {
	vertical-align: top;
	border-top: 1px solid #999;
	padding: 3px 0;
}	

/*ご予約・お問合せ先-----------------------------------------------------------------*/
.inquiry {
	border-top: 1px solid #b5b5b6;
	margin: 40px 0px;
	padding: 10px;
	text-align: center;
	clear: both;
}

.f_laege{
	font-weight: bold;
	font-size: 14px;
	padding-right: 10px;
}


.about_cont {
	margin-bottom:30px;
	border-bottom:1px dashed #DADADA;
	padding-bottom:0px;
}

/* ページ内ナビ-----------------------------------------------------------------*/
ul.cont_nav {
	width: 680px;
	clear: both;
}
ul.cont_nav li {
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}
.navibutton p{
	margin-right:0px;
}
	
.navibutton .navibutton-space{
	margin:0px 3px 0px 0px;	
}

ul.gnavi {
	width: 680px;
}
ul.gnavi li {
	float: left;
	/*margin: 35px 6px 30px 0;*/
    width: 163px;
    margin: 35px 6px 0 0;
}
/*===171004_add==========*/
ul.gnavi li:nth-child(5)~li{
margin-top: 20px;
}
ul.gnavi li:nth-child(5n){
margin-right: 0;
}

ul.gnavi li a{
display: block;
color:#5f6062;
font-weight: bold;
text-align: center;
border-bottom: 2px solid #e3e1de;
}
ul.gnavi li a:hover{
color: #5f6062;
border-bottom: 2px solid #666;
}

.pr20{padding-right: 20px;}
.pt20{padding-top: 20px;}
/*=== /171004_add==========*/


ul.gnavi li.right{
	margin-right: 0;
	float: right;
	margin: 35px 0 30px 0;
}

/*Gプルダウン*/

#dropnav {
  list-style-type: none;
  width: 130px;
  height: 20px;
  background: #ededed;
  float: left;
  clear: both;
}
#dropnav li{
  position: relative;
  width: 130px;
  margin: 0;
}
#dropnav li a.drop{
  display: block;
  margin: 0;
  padding: 3px 0;
  color: #5f6062;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
#dropnav li:hover > a.drop{
  background: #dddbdb;
  color: #5f6062;
}
#dropnav > li:hover > a.drop{
}
#dropnav li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#dropnav li:last-child ul{
  height: 0;
  width: 100%
}
#dropnav li ul li{
  overflow: hidden;
  width: 165px;
  height: 0;
  color: #5f6062;
  -webkit-transition: .2s;
  transition: .2s;
}
#dropnav li ul li a.drop{
  padding: 3px;
  background: #ededed;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}
#dropnav li:hover ul li{
  overflow: visible;
  height: 18px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#dropnav li:hover ul li:first-child{
  border-top: 0;
}
#dropnav li:hover ul li:last-child{
  border-bottom: 0;
}
#dropnav li:hover ul li:last-child a{
}
		


/* 客室詳細----------------------------------------------------------------- */
table.room_detail {
	width: 330px;
	float: right;
	margin-bottom: 10px;
}
table.room_detail td {
	padding: 6px 4px;
	border-bottom: 1px dotted #CCC;
	border-collapse: collapse;
	vertical-align: top;
}

.amenity_service {
	background: #f5f4f4;
	padding: 20px;
	margin: 30px 0;
}
.amenity_service h5 {
	border-bottom: 2px solid #fff;
	font-size: 120%;
}
.amenity_service dl dt {
	font-weight: bold;
}

/*宿泊料金一覧----------------------------------------------------------------- */

table.rate {
	width:100%;
	border-collapse: collapse;
}
 table.rate th {
	background-color:#f7f7f7;
	padding:8px 0
}
table.rate td {
	font-size:12px;
	line-height:18px;
	padding: 8px 5px 8px 8px;
	background-color:#fdfdfd;
}
table.rate td.tar {
	text-align:right;
	padding-right: 8px;
	white-space: nowrap;
}
table.rate td.tit {
	padding-left:8px;
}
table.rate .ltop {
	border-top:#999 1px solid;
}
table.rate .ltopb {
	border-top:#666 1px solid;
}
table.rate .lbtm {
	border-bottom:#999 1px solid;
}
table.rate .lbtm2 {
	border-bottom:#e9e9e9 1px solid;
}

ul.normal {
	list-style: disc;
	padding-left: 1.5em;
	margin-top: 0;
}

/*table　設定----------------------------------------------------------------- */
.va_top {
	vertical-align: top;}
.nowrap {
	white-space: nowrap;}
	
/*===170925_Add=====*/

.webFont_PD{
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 18px;
}

.headign_OP{
font-size: 20px;
}
.headign_OP span{
display: block;
font-size: 14px;
}

.stayTtl{
padding-bottom: 5px;
color: #8f7a51;
}

.stayCaption{
display: block;
font-size: 11px;
text-align: right;
}

h4 i {
	font-style: normal;
	font-size: 12px;
	padding: 0 0 0 5px;
}

.opt-price {
	overflow: hidden;
}

.opt-price dt {
	float: left;
	clear: both;
}

.opt-price dd {
	padding: 0 0 0 45px;
}

.h4Ti i {
	font-style: normal;
	font-size: 12px;
}

/*------------
	20180105
---------------*/

.img-mix {
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.img-mix dl {
	padding: 0 10px 0 0;
}

/*------------
	20180226
---------------*/

.couT {
	font-size: 12px;
	display: block;
	margin: 5px 0 0 0;
	padding: 0 0 0 12px;
    text-indent: -16px;
}

.open-time {
	margin:  15px 0 0 0
}

.open-time dt {
	font-weight:  bold;
	margin:  0 0 5px 0
}

.open-time dd {
	margin:  0 0 10px 0;
}

.open-time dd:last-child {
	margin:  0;
}

/*------------
	20181227
	年末年始営業時間変更のお知らせ
	リンク設定
---------------*/

p.newyear-bus {
    margin: 10px 0;
}

p.newyear-bus a {
    color: #b9002f;
    border-bottom: 2px solid #b9002f;
    padding: 0 0 2px;
}

p.newyear-bus a:hover {
    border-bottom: none;
}