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


/*body
---------------------------------------------------------------------*/
body{
	font-size: 90%;
}
/*wrapper
---------------------------------------------------------------------*/
#WRAPPER{
	margin:0px;
	padding:0px;
    background-size: 200% !important;
    background-position:center -100px !important;
}
#wrapper_inner{

}

/*inner
---------------------------------------------------------------------*/
.inner{
}
#maincol .inner{
	overflow:hidden;
}

/*header
---------------------------------------------------------------------*/
#header{
}

#header .inner{
	padding:0 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
#header #headerlogo{
	width:30%;
}
#header .submenu{
	display:none;
}
#sp_flex_col{
	display:none;
}
#pc_head_col{
}
#pc_head_col ul{
list-style: none;
margin:0;
padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
#pc_head_col li{
    margin:0 1px;
}
#pc_head_col li img{
width: 50px;
}
#pc_head_col li a,
#pc_head_col li span{
color: #FFF;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.30);
    padding: 10px 10px 10px 10px;
}
/*mainnavi
---------------------------------------------------------------------*/
#mainnavi{
display: block;
margin: 0;
padding: 0;
clear: both;
overflow: auto;
width: 100%;
height: auto;
position: relative;
background-color: transparent;
border-top: 1px solid rgba(201,186,134,0.50);
}
#mainnavi ul{
	list-style:none;
    margin:auto;
	padding:0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#mainnavi ul li{
	margin:0px;
    text-align: center;
    flex-grow: 2;
    border-left: 1px solid rgba(201,186,134,0.50);
}
#mainnavi ul li.nav_home{
	width:auto;
	display:none;
}
#mainnavi ul li a,
#mainnavi ul li span{
	display:block;
	text-decoration:none;
	box-sizing:border-box;
	padding:15px 5px 15px;
	background-color:transparent;
	position:relative;
    color: #FFF;
}
#mainnavi ul li a:hover,
#body_service #mainnavi ul li.nav_service a,
#body_room #mainnavi ul li.nav_room a,
#body_restaurant #mainnavi ul li.nav_restaurant a,
#body_banquet #mainnavi ul li.nav_banquet a,
#body_facilities #mainnavi ul li.nav_facilities a,
#body_access #mainnavi ul li.nav_access a,
#body_contact #mainnavi ul li.nav_contact a{
    background-color: rgba(0,0,0,0.30);
    background-image: linear-gradient(180deg,rgba(80,80,80,0.70) 0%,rgba(0,0,0,0.4) 100%);
}
#mainnavi .nav_yoyaku{
    display: block;
    background-color: rgba(183,127,35,1.00);
    background-image: linear-gradient(180deg,rgba(183,127,35,1.00) 0%,rgba(136,70,2,1.00) 100%);
}
#mainnavi .nav_yoyaku:hover{
    cursor: pointer;
}

/*main
---------------------------------------------------------------------*/
#main{
}
#topimage{
height: 100px;
}
#topicpath{
background-color:#f4e9df;
padding: 5px 0;
font-size: 80%;
}

/*footer
---------------------------------------------------------------------*/
#footer{
}
#footer div.inner{
	padding:5% 5%;
}
#footer #footernavi{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
    align-items:flex-end;
    margin: 0 auto 100px;
}
#footermenu{
}
#footermenu ul{
	display:flex;
	margin:1em 0;
	padding:0;
	list-style:none;
	flex-wrap:wrap;
}
#footermenu ul li{
	margin:0 0.25em;
	padding:0;
}
#footermenu ul li a{
	padding:0 0.25em;
	color:rgba(54,54,54,1.00);
	text-decoration:none;
}
#footermenu ul li a:hover{
	color:rgba(227,99,0,1.00);

}

/*common
---------------------------------------------------------------------*/
.pc{
	display:block !important;
}
.sp{
	display:none !important;
}
#main h1{
font-size: 2em;
}
#maincol h2{
font-size: 1.6em;
letter-spacing:2px;
}

.right{
	float:right;
	margin-left:15px;
}
.left{
	float:left;
	margin-right:15px;
}
/*ul dl table*/
table.default th,
table.default td{
padding:15px 20px;
}
table.default tbody th{
min-width:20%;
white-space:nowrap;
}

dl.whatsnew div{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:flex-start;
}
dl.whatsnew dt{
	width:20%;
	text-align:right;
	box-sizing:border-box;
	padding:0 1em;
}
dl.whatsnew dd{
	width:80%;
	margin:0 0em;
	box-sizing:border-box;
	padding:0 1em;
}

ul.facilities li{
width: 32%;
}


/*組合向け*/
.example{
font-size: 110%;
}

/*form
-------------------------------------------------------------*/
#mailform{
margin:2% 5%;
padding:2% 5%;
}
dl.dl_form dd.namae{
	display:flex;
	justify-content:space-between;
}
dl.dl_form dd.namae input.hiragana{
	width:48%;
}