@charset "UTF-8";

/*------------------------------------------------------------------
	common
------------------------------------------------------------------*/

.wrapper-page{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* margin */
.mgnB0 {margin-bottom:0 !important;}
.mgnB5 {margin-bottom:5px !important;}
.mgnB10 {margin-bottom:10px !important;}
.mgnB15 {margin-bottom:15px !important;}
.mgnB20 {margin-bottom:20px !important;}
.mgnB30 {margin-bottom:30px !important;}
.mgnB40 {margin-bottom:40px !important;}
.mgnB50 {margin-bottom:50px !important;}
.mgnB60 {margin-bottom:60px !important;}
.mgnB70 {margin-bottom:70px !important;}
.mgnB80 {margin-bottom:80px !important;}
.mgnB100 {margin-bottom:100px !important;}

.mgnT0 {margin-top:0 !important;}
.mgnT5 {margin-top:5px !important;}
.mgnT10 {margin-top:10px !important;}
.mgnT20 {margin-top:20px !important;}
.mgnT30 {margin-top:30px !important;}
.mgnT40 {margin-top:40px !important;}
.mgnT50 {margin-top:50px !important;}
.mgnT60 {margin-top:60px !important;}
.mgnT70 {margin-top:70px !important;}
.mgnT80 {margin-top:80px !important;}

.mgnL0 {margin-left:0 !important;}
.mgnL5 {margin-left:5px !important;}
.mgnL10 {margin-left:10px !important;}
.mgnL15 {margin-left:15px !important;}
.mgnL20 {margin-left:20px !important;}
.mgnL30 {margin-left:30px !important;}
.mgnL40 {margin-left:40px !important;}
.mgnL50 {margin-left:50px !important;}
.mgnL100 {margin-left:100px !important;}

.mgnR0 {margin-right:0 !important;}
.mgnR1 {margin-right:1px !important;}
.mgnR5 {margin-right:5px !important;}
.mgnR10 {margin-right:10px !important;}
.mgnR15 {margin-right:15px !important;}
.mgnR20 {margin-right:20px !important;}
.mgnR30 {margin-right:30px !important;}
.mgnR40 {margin-right:40px !important;}
.mgnR45 {margin-right:45px !important;}
.mgnR50 {margin-right:50px !important;}
.mgnR90 {margin-right:90px !important;}
.mgnR100 {margin-right:100px !important;}

.pdnT0{padding-top:0 !important;}
.pdnB0{padding-bottom:0 !important;}


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

/* text */
.txt-s{
	font-size:12px;
}

.txt-price{
	font-size:14px;
}

p{
	font-size:14px;
	color:#333;
	line-height:1.6;
	font-weight:normal;
}

/* title */
.tit-lined{
	border-left:3px solid #917E3A;
	border-bottom:1px solid #917E3A;
	padding:0 0 5px 10px;
	margin-bottom:15px;
}

/* link */
p a{
	color:#333;
	text-decoration:none;
}

p a:hover{
	text-decoration:underline;
}

/* table */
.wrapper-page table{
	border-collapse:collapse;
}


/* clearfix */
.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* wrapper */
.wrapper-page{
	width:950px;
	margin:0 auto;
}

/* reset */
.wrapper-page h1,h2,h3,h4,dl,dt,dd,ul,ol,li,p,form,fieldset,legend,table,thead,tbody,tfoot,tr,th,td{
	margin:0;
	padding:0;
}

.wrapper-page h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight: normal;
}

/* title */
.wrapper-page h1{
	margin-bottom:10px;
}

/* header */
.header{
	width:950px;
	padding:15px 0;
}

.header .logo{
	float:left;
	width:300px;
}

.header .header-contact{
	float:left;
	width:650px;
	text-align:right;
}

.header .header-contact .inner{
	display:table;
	width:380px;
	margin:10px 0 0 270px;
}

.header .header-contact .inner div{
	display:table-cell;
	vertical-align:middle;
}



/* header navigation */
.header-nav{
	width:950px;
	height:66px;
	background:url(../img/bg_navi.png) repeat-x;
	margin-bottom:30px;
}

.header-nav ul{
	margin:0 10px 0 25px;
	padding:0;
}

.header-nav ul li{
	float:left;
	list-style:none;
}

.header-nav ul li a{
	height:15px;
	display:block;
	padding:25px 23px 21px;
	border-left:1px solid #182635;
	border-bottom:5px solid #182635;
}

.header-nav ul li:last-child a{
	border-right:1px solid #182635;
}

.header-nav ul li a:hover{
	border-left:1px solid #182635;
	border-bottom:5px solid #D8C584;	
}

/* footer */
.footer{
	background:#E8ECF1;
	width:950px;
	text-align:center;
	padding:40px 0;
	margin-top:50px;
}

.footer table{
	width:950px;
	margin-top:20px;
}

.footer table td{
	vertical-align:top;
}


/* footer navigation */
.footer-nav{
	margin:0 0 50px;
}

.footer-nav table{
	width:950px;
}

.footer-nav table img{
	width:475px;
}

/* page top */
/*.pagetop{
	text-align:right;
	padding:30px 36px 30px 0;
}*/
h2 {
    font-size: 1.5em;
    line-height: 1.6;
}


/*------------------------------------------------------------------
	Page
------------------------------------------------------------------*/


/*--------------------------
	TOP
*/

table.btn-link img{
	margin-bottom:25px;
}

/* plan */
.wrap-plan-top{
	width:950px;
	margin-bottom:40px;
}

.wrap-plan-top .plan-01{
	float:left;
	width:300px;
	margin-right:25px;
}

.wrap-plan-top .plan-02{
	float:left;
	width:625px;
}

.wrap-plan-top .plan-01 .inner{
	background:#F7F5EC;
	border:1px solid #917E3A;
	width:260px;
	padding:30px 20px 10px;
}

.wrap-plan-top .plan-01 .inner img,
.wrap-plan-top .plan-01 .inner p,
.wrap-plan-top .plan-02 table p{
	margin-bottom:20px;
}

.wrap-plan-top .plan-02 table{
	margin-bottom:30px;
}

.wrap-plan-top .plan-02 table th{
	width:216px;
	padding-right:15px;
}

.wrap-plan-top .plan-02 table th,
.wrap-plan-top .plan-02 table td{
	vertical-align:top;
}

/* testimony */
.wrap-testimoy{
	background:url(../img/top/bg_testimony.png) 0 0 no-repeat;
	width:951px;
	height:773px;
	text-align:center;
	margin:50px 0;
}



/*--------------------------
	2nd
*/


/* restaurant
----------------*/
ul.wrap-plan li{
	float:left;
	list-style:none;
	width:460px;
}

ul.wrap-plan li:first-child{
	margin-right:30px;
}

ul.wrap-plan li table th{
	width:145px;
	vertical-align:top;
}

ul.wrap-plan li table td p{
	margin-bottom:10px;
	vertical-align:top;
}


/* room
----------------*/
.wrap-room-detail{
	background:url(../img/room/line.png) 0 0 no-repeat;
	margin-bottom:0px;	
	padding:40px 0;
	text-align:left;
}

.wrap-room-detail p{
	font-size:14px;
}

.wrap-room-detail table.detail-01{
	margin-bottom:30px;
}

.wrap-room-detail table.detail-01 th{
	width:750px;
	padding-right:20px;	
}

.wrap-room-detail table.detail-01 th h2{
	color:#77541C;
	font-size:22px;
	font-weight:bold;
	margin-bottom:15px;
	border-left:5px solid #917E3A;
	border-bottom:1px solid #917E3A;
	padding:0 0 7px 10px;
}

.room-category{
	background:#917E3A;
	color:#fff;
	font-size:18px;
	padding:7px 0;
	width:180px;
	text-align:center;
}

.wrap-room-detail table.detail-02 th{
	width:461px;
	padding-right:20px;
	vertical-align:top;
}

.wrap-room-detail table.detail-01 td,
.wrap-room-detail table.detail-02 td{
	vertical-align:top;
}
[id^="room_"] {
    margin-bottom: 60px;
}
[id^="room_"] .wrap > div > h2 {
    font-size: 1.8em;
    font-feature-settings: "palt";
}
[id^="room_"] .cp_txt h2 {
    font-size: 2.1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D3D3D3;
    display: block !important;
    text-align: left !important;
}
[id^="room_"] .cp_txt dl dt, [id^="room_"] .cp_txt dl dd {
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
}
[id^="room_"] .cp_txt dl dd {
    margin-left: .8em;
}
.row:after {
    content: "";
    display: block;
    clear: both;
}
[id^="room_"] .cp_txt h2 span {
    font-size: .55em;
}
/*@media screen and (min-width:768px) {*/
[id^="room_"] .gr12 {
    display: flex;
}
[id^="room_"] .cp_txt {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
div.cp_txt {
    width: 50%;
    min-height: 400px;
}
div.cp_img {
    width: 50%;
    position: relative;
    overflow: hidden;
}
div.cp_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
[id^="room_"] .cp_txt > * {
    width: 60%;
    min-width: 295px;
}

/* activity
----------------*/
.wrap-activity{
	background:#B9C4D5;
	padding:50px 30px;
}

.wrap-activity .inner{
	background:#fff;
	padding:30px 100px;
	margin:30px 0;
	text-align:left;
}

.wrap-activity .inner table th{
	padding-right:20px;
}

.wrap-activity .inner table td img{
	margin:10px 0;
}

.wrap-info{
	width:950px;
	margin-bottom:40px;
}

.wrap-info .info-list{
	float:left;
	width:540px;
}

.wrap-info .info-photo{
	float:right;
	width:380px;
}

.wrap-info .info-list table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:13px;
	border-top:1px solid #ccc;
}

.wrap-info .info-list table th{
	border-bottom:1px solid #ccc;
	background:#f4f4f4;
	width:160px;
	padding:13px;
	vertical-align:middle;
}

.wrap-info .info-list table td{
	padding:13px;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
}

.tit-lined-02{
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #ddd;
	padding:0 0 7px 5px;
	margin-bottom:20px;
	margin-top:30px;
}

.wrap-amenity{
	padding:15px;
	background:#F7F5EC;
}

table.amenity-list{
	margin:0 0 20px;
}

table.amenity-list th{
	width:240px;
	padding:15px 20px 0 15px;
}

table.amenity-list td{
	padding:15px 10px 0 0;
}

table.amenity-list th img{
	width:240px;
}

table.amenity-list td h4{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	color:#77541C;
}

.wrap-info dl.info-list {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    background: #f4f4f4;
}
.wrap-info dl.info-list dt {
    width: 180px;
    vertical-align: middle;
    float: left;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}
.wrap-info dl.info-list dt, .wrap-info dl.info-list dd {
    padding: 13px;
    border-top: 1px solid #ccc;
}
.wrap-info dl.info-list, .wrap-info dl.info-list dt, .wrap-info dl.info-list dd {
    box-sizing: border-box;
}
.wrap-info dl.info-list dd {
    background: #fff;
    margin-left: 180px;
    padding-bottom: 13px;
}