/*-----------------------------------------*/
/*lower*/
/*-----------------------------------------*/

/*-----------------------------------------*/
/*lower_common*/
/*-----------------------------------------*/
.pagehead{
	text-align:center;
	background:#003366;
}
.pagehead img{
	margin:0 auto;
}


#pagehead {
	position: relative;
	width: 100%;
	height: 376px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

@media (max-width: 1140px) {
	.con_slider {
	  width: 100%;
	  z-index: 0;
	}
}
.con_slider{
	max-height:376px;
	overflow:hidden;
}
.con_slider .bx-wrapper {
  margin: 0 auto !important;
  width: 1140px !important;
  position: relative;
}
.con_slider .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

.catchimg {
	position: absolute;
	height: 376px;
	margin-left: -700px;
	top: 0;
	left: 50%;
}
#sec_intro{
	margin:10px 0 0px;
}
#sec_intro h2{
	font-size:2.4rem;
}
@media (max-width: 767px) {
	#sec_intro h2{
		font-size:1.8rem;
	}
}


/*サムネイル切替ギャラリー*/
.gallery_img_box{
	position:relative;
}

.thumb_img{
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
	margin:0 auto;
	width:500px;
	z-index:99;
}
.thumb_img img{
	width:120px;
	border:1px solid #fff;
	cursor:zoom-in;
	margin-right:5px;
}
.thumb_img img:last-child{
	margin-right:0;
}

.thumb_img_b{
	width:544px;
}
.thumb_img_b img{
	width:180px;
	border:1px solid #fff;
	cursor:zoom-in;
	margin-right:2px;
}
.thumb_img_b img:last-child{
	margin-right:0;
}


@media (max-width: 767px) {
	.featured_img{
		text-align:center;
		overflow:hidden;
	}
	.featured_img img.img-responsive{
		max-width:120% !important;
	}
	.featured_img img{
		width:120%;
		margin:0 auto;
	}
	.thumb_img{
		position:relative;
		margin:0 auto;
		width:100%;
		bottom:0;
	}
	.thumb_img img{
		width:25%;
		border:0;
		margin:0 !important;
		padding:0 !important;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		box-sizing:border-box;
	}
	.thumb_img img:last-child{
		border-right:0 !important;
	}
	.thumb_img_b{
		position:relative;
		margin:0 auto;
		width:100%;
		bottom:0;
	}
	.thumb_img_b img{
		width:25%;
		border:0;
		margin:0 !important;
		padding:0 !important;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		box-sizing:border-box;
	}
	.thumb_img_b img:last-child{
		border-right:0 !important;
	}
}


/*背景付きボックス*/
.bg_box_wrap{
	border:1px solid #ccc;
	padding:3px;
}

.bg_box_cover{
	padding:0 15px;
}
@media (max-width: 767px) {
	.bg_box_cover{
		padding:20px 0px !important;
	}
	.bg_box_cover .col-xs-6,
	.bg_box_cover .col-md-12{
		padding-right:5px !important;
		padding-left:5px !important;
		display:inline-block;
	}

}
.bg_box_ttl {
	font-size: 22px;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding:10px 0 0 10px;
}
.bg_box_ttl::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 60%;
	height: 1px;
	background-color: #c65e47;
}

/*赤ドットul*/
ul.reddot{

}
ul.reddot li {
	list-style-type: none;
	padding:3px 0;
}

ul.reddot li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #c84224;
	position: relative;
	left: -15px;
	top: -3px;
}
ul.reddot li span{
	display:block;
	border:1px dotted #f3eee8;
	padding:3px;
	font-size:88%;
	color:#c5a580;
}

/*グレー背景タイトル*/
.ttl_bg_gray{
	background:#003366;
	padding:10px;
	font-size:18px;
	color:#fff;
	margin:0;
}
.ttl_bg_gray span{
	font-size:14px;
	margin-left:8px;
}
@media (max-width: 767px) {
	.ttl_bg_gray{
		font-weight:normal;
	}
}

/*下線付きタイトル*/
.ttl_underbar{
	position: relative;
	border-bottom: 1px solid #ccc;
	padding:0 0 5px 0;
	font-weight:bold;
}

.ttl_underbar::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 60%;
	height: 1px;
	background-color: #00479D;
}


/*備考*/
.bikou{
	background:#f3eee8;
	padding:8px;
	border:1px solid #c5a580;
	font-size:90%;
}

/*googlemapレスポンシブ*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*-----------------------------------------*/
/*rooms*/
/*-----------------------------------------*/
#sec_rooms{
	padding:0 0 50px;
}
#sec_rooms .room_tab img{
	background:#fff;
	border:1px solid #E5E1D7;
}
#sec_rooms .room_tab .ui-state-active img{
	border:1px solid #c84224;
	background:#f3eee8;
	border-bottom:3px solid #c84224;
}
#sec_rooms .room_tab .ui-state-active{
  background:url("../images/top/tri.png") no-repeat bottom center;
}

#sec_rooms .room_tab li{
	padding:0 0 10px !important;
}
#sec_rooms .room_tab.list-inline{
	margin:0 auto !important;
}
.roomtabindex {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #6893B9;
	text-align:center;
}
/*
.roomtabindex:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #6893B9;
}
*/

.roomtabindex p {
	margin: 0;
	padding: 0;
}

.roomtabindex_on {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #003366;
	text-align:center;
}

.roomtabindex_on:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #003366;
}

.roomtabindex_on p {
	margin: 0;
	padding: 0;
}


@media (max-width: 767px) {
	#sec_rooms{
		margin-top:20px;
	}
	#sec_rooms .row{
		margin-right:0;
		margin-left:0;
	}
	#sec_rooms .row .container{
		padding-right:3px;
		padding-left:3px;
	}
	.room_tab li{
		padding:0 0 10px !important;
	}
	.room_tab li img{
		width:100%;;
	}
}

#sec_rooms .room_tab_s{
	background:#f3eee8;
	padding:20px 0 10px;
}
#sec_rooms .room_tab_s .ui-state-active .img-thumbnail{
	background:#c84224;
}
#sec_rooms .room_tab_s p{
	margin-top:5px;
}

.freewifi{
	text-align:right;
	padding-top:50px;
}



@media (max-width: 767px) {

	.room_tab_s{
		padding:10px !important;
	}
	.room_tab_s.list-inline{
		display:block !important;
	}
	.room_tab_s li{
		display:block !important;
		padding:3px 20px !important;
	}
	.room_tab_s a{
		padding:3px 0;
		display:block;
		background:#C5A57F;
		color:#fff !important;
	}
	.room_tab_s a p{
		margin:0 !important;
	}
	.room_tab_s .ui-state-active a{
		/*border:2px solid #c84224;*/
		background:#c84224 !important;
	}
}


@media (max-width: 767px) {
	.roomimg{
		width:150px;
	}
	h3.room_ttl{
		font-size:2rem;
	}
	.freewifi{
		text-align:center;
		padding-top:10px;
	}
}

.room_exp h4{
	font-size:24px;
	margin-bottom:15px;
	line-height:1.5em;
}

@media (max-width: 767px) {
	.room_exp h4{
		font-size:2rem;
	}
	.room_kihon{
		padding:5px !important;
	}
	.room_index a{
		font-size:1.2rem;
	}
	.room_index{
		margin-bottom:30px;
	}
}
.sec_room_sub h5{
	font-size:14px;
	margin-bottom:6px;
	border-left:3px solid #424242;
	padding-left:5px;
}

.room_sub_box{
	margin-bottom:20px;
}
.room_sub_box p{
	font-size:12px;
}

.btn_rsvtel{
	width:100%;
	display:block;
	text-align:center;
	background: #EAEAE8;
	padding:20px 0;
	border:3px solid #fff;
	color:#666 !important;
}
.btn_rsvtel span{
	display:block;
}

/*-----------------------------------------*/
/*conference*/
/*-----------------------------------------*/

@media (max-width: 767px) {
	.conf_index a{
		font-size:1.2rem;
	}
	.conf_index{
		margin-bottom:30px;
	}
}

/*-----------------------------------------*/
/*banquet*/
/*-----------------------------------------*/
.layout_box{
	padding:20px 0;
	border:1px solid #ccc;
}

.plan_price{
	border:1px solid #ccc;
	text-align:right;
}
.plan_price span{
	font-size:24px;
}


/*-----------------------------------------*/
/*service*/
/*-----------------------------------------*/

#sec_facilities h5,
#sec_rental h5{
	font-weight:bold !important;
	font-size:16px !important;
	margin-bottom:6px !important;
}
.imgbox{
	/*margin-bottom:20px;*/
}
.top_sec_exp{
	font-size:1.8rem;
	line-height:1.6em;
	/*margin-top:10px;*/
	text-align:center;
}
.top_sec_exp span{
	display:block;
}

@media (max-width: 767px) {

	.top_sec_exp{
		font-size:1.4rem;
		text-align:left;
	}


	#sec_gallery .container,
	#sec_facilities .container,
	#sec_rental .container,
	#sec_service .container,
	#sec_sonota .container{
		padding-right:5px;
		padding-left:5px;
	}
	#sec_sonota .tbl2 th span{
		display:block;
	}
	.h3_small{
		font-size:2.4rem !important;
	}
}

/*-----------------------------------------*/
/*access*/
/*-----------------------------------------*/
#sec_access{
	padding:50px 0;
}
@media (max-width: 767px) {
	#sec_access h2 span{
		display:block;
		font-size:24px;
	}
}
#sec_access_info{
	padding:0 0 50px 0;
}
#sec_sonota{
	padding:0 0 50px 0;
}
#accessmap1 .accessmap1_in{
	background:#f3eee8;
	padding:15px;
}

.tbl_spot{
	margin-top:20px;
}
.tbl_spot tr{
	height:80px;
}
.tbl_spot th{
	padding:0 0 0 0;
	vertical-align:top;
}
.tbl_spot td{
	padding:4px 0 0 8px;
	text-align:left;
	vertical-align:top;
}
.tbl_spot td h5{
	margin:0 0 3px !important;
	border-bottom:1px dotted #A6A6A6;
}
.tbl_spot td p{
	font-size:84%;
}
.mapbikou{
	font-size:2rem;
	line-height:1.8em;
}

.box_map {
  margin-top: 5px;
  margin-top: 40px;
  height: 336px;
width:100%;
}


.wrp_box_map {
  position: relative;
}
.wrp_box_map .box_map {
  margin-top: 5px;
  margin-top: 40px;
  height: 336px;
}
@media only screen and (max-width: 767px) {
  .wrp_box_map .box_map {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_box_map .box_map {
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_box_map .box_map {
    width: 100%;
    margin: 20px auto 0;
  }
}
.wrp_box_map .box_map #map {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .wrp_box_map .box_btn {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 1;
    width: 100%;
  }
}
@media print {
  .wrp_box_map .box_btn {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 1;
    width: 100%;
  }
}
.ie8 .wrp_box_map .box_btn {
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1479px) {
  .wrp_box_map .box_btn > div {
    max-width: 1024px !important;
  }
}
@media print {
  .wrp_box_map .box_btn > div {
    max-width: 1024px !important;
  }
}
.ie8 .wrp_box_map .box_btn > div {
  max-width: 1024px !important;
}
.wrp_box_map .box_btn .btn {
  margin-top: 40px;
  padding-left: 0;
  width: 232px;
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .wrp_box_map .box_btn .btn {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_box_map .box_btn .btn {
    width: 100%;
  }
}
.wrp_box_map .box_btn .btn a {
  text-decoration: none;
  display: block;
  color: #0d468e;
  border: 2px solid #0d468e;
  font-size: 115%;
  padding: .8em 0;
  text-align: center;
  background-color: #FFF;
  -moz-transition: color 0.35s, background 0.35s;
  -o-transition: color 0.35s, background 0.35s;
  -webkit-transition: color 0.35s, background 0.35s;
  transition: color 0.35s, background 0.35s;
}
.wrp_box_map .box_btn .btn a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
}
.wrp_box_map .box_btn .btn a:hover {
  background: #0d468e;
  color: #fff;
}



@media (max-width: 767px) {
	#sec_access .container,
	#sec_access_how .container,
	#sec_access_info .container{
		padding-right:5px;
		padding-left:5px;
	}
	#accessmap1 .container{
		padding-right:0px;
		padding-left:0px;
	}
	#accessmap1 .accessmap1_in{
		padding:5px;
	}
	#accessmap1 .accessmap1_in .col-md-4,
	#accessmap1 .accessmap1_in .col-md-8{
		padding-right:0px;
		padding-left:0px;
	}
	#accessmap1 .tbl_spot{
		width:100%;
	}
	.mapbikou{
		font-size:1.5rem;
		line-height:1.5em;
	}
}

#sec_access .spotlist{
	width:100%;
}
#sec_access .spotlist dt{
	float:left;
	font-weight:normal;
	font-size:80%;
	width:80px;
	text-align:center;
	margin-bottom:5px;
}
#sec_access .spotlist dd{
	font-size:80%;
	padding:8px 3px;
	margin-left:110px;
	margin-bottom:5px;
}

/*-----------------------------------------*/
/*faq*/
/*-----------------------------------------*/
dl.faq {
     overflow: hidden;
     _zoom: 1;
     }

dl.faq dt,
dl.faq dd{
     margin:0 0 10px 0;
     padding-left:3em;
     line-height:1.5em;
     background:none no-repeat left top;
     min-width: 40px;
     min-height:42px;
     }
    
dl.faq dd{
     background: url(../images/faq/icn_a.gif) no-repeat;
     overflow: hidden;
     }
    
dl.faq dt{
     background: url(../images/faq/icn_q.gif) no-repeat;
     background-position: 0 10px;
     border-top: 1px dashed #c4c4c4;
     padding-top: 15px;
     margin-top:-1px;
}
dl.faq dd a{
   color: #AB181F !important;
	font-weight:bold;
	margin:0 5px;
}

/*-----------------------------------------*/
/*faq*/
/*-----------------------------------------*/

.kaigitabindex_o {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #d46933;
	text-align:center;
}

.kaigitabindex_o:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #d46933;
}

.kaigitabindex_o p {
	margin: 0;
	padding: 0;
}

.kaigitabindex_o p span{
	display:block;
	font-size:88%;
}

.kaigitabindex_o_off {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #d46933;
	text-align:center;
}

.kaigitabindex_o_off p {
	margin: 0;
	padding: 0;
}

.kaigitabindex_o_off p span{
	display:block;
	font-size:88%;
}


.kaigitabindex_g {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #b6ce36;
	text-align:center;
}

.kaigitabindex_g:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #b6ce36;
}

.kaigitabindex_g p {
	margin: 0;
	padding: 0;
}
.kaigitabindex_g p span{
	display:block;
	font-size:88%;
}

.kaigitabindex_g_off {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #b6ce36;
	text-align:center;
}

.kaigitabindex_g_off p {
	margin: 0;
	padding: 0;
}
.kaigitabindex_g_off p span{
	display:block;
	font-size:88%;
}

.kaigitabindex_b {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #6893b9;
	text-align:center;
}

.kaigitabindex_b:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #6893b9;
}

.kaigitabindex_b p {
	margin: 0;
	padding: 0;
}
.kaigitabindex_b p span{
	display:block;
	font-size:88%;
}

.kaigitabindex_b_off {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #6893b9;
	text-align:center;
}

.kaigitabindex_b_off p {
	margin: 0;
	padding: 0;
}
.kaigitabindex_b_off p span{
	display:block;
	font-size:88%;
}

.kaigitabindex_y {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #dec75a;
	text-align:center;
}

.kaigitabindex_y:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #dec75a;
}

.kaigitabindex_y p {
	margin: 0;
	padding: 0;
}
.kaigitabindex_y p span{
	display:block;
	font-size:88%;
}

.kaigitabindex_y_off {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 20px 10px;
 	width: 100%;
 	color: #fff !important;
	font-size: 16px;
	background: #dec75a;
	text-align:center;
}

.kaigitabindex_y_off p {
	margin: 0;
	padding: 0;
}
.kaigitabindex_y_off p span{
	display:block;
	font-size:88%;
}


.ttl_bg_o{
	background:#d46933;
	padding:10px;
	font-size:18px;
	color:#fff;
	margin:0;
}
.ttl_bg_g{
	background:#b6ce36;
	padding:10px;
	font-size:18px;
	color:#fff;
	margin:0;
}
.ttl_bg_b{
	background:#6893b9;
	padding:10px;
	font-size:18px;
	color:#fff;
	margin:0;
}
.ttl_bg_y{
	background:#dec75a;
	padding:10px;
	font-size:18px;
	color:#fff;
	margin:0;
}


.rsv_box_a{
	position:relative;
	background: -prefix-linear-gradient(top, #C0E361, #55B013);
	background: linear-gradient(to bottom, #C0E361, #55B013);
	height:200px;
	text-align:center;
	padding:30px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
}
.rsv_box_a a{
    position:absolute;
    top:30px;
    left:0;
    width:100%;
    height:100%;
}

.rsv_box_b{
	position:relative;
	background: -prefix-linear-gradient(top, #8DF1E9, #1A54DA);
	background: linear-gradient(to bottom, #8DF1E9, #1A54DA);
	height:200px;
	text-align:center;
	padding:30px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
}
.rsv_box_b a{
    position:absolute;
    top:30px;
    left:0;
    width:100%;
    height:100%;
}

.btn_a{
	display:block;
	text-align:center;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
	padding:20px 10px;
	font-size:150%;
	background: -prefix-linear-gradient(top, #C0E361, #55B013);
	background: linear-gradient(to bottom, #C0E361, #55B013);
}
.btn_b{
	display:block;
	text-align:center;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
	padding:10px;
	background: -prefix-linear-gradient(top, #8DF1E9, #1A54DA);
	background: linear-gradient(to bottom, #8DF1E9, #1A54DA);
}

#sec_pp dl dt{
	font-size:130%;
	margin-top:15px;
	border-bottom:1px dotted #ccc;
}
#sec_pp dl dd{
	padding:10px;
}


#sec_reserve .form-group{
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}




#sec_topic ul li {
	border:1px solid #00479D;
	padding:10px;
	margin-bottom:15px;
}
#sec_topic ul li .topic_cat{
	font-weight:bold;
	font-size:80%;
}
#sec_topic ul li h5{
	background:#00479D;
	padding:10px;
	font-weight:normal;
	font-size:120%;
	margin:3px 0 5px;
	color:#fff;
}
.topicnaiyo{
	padding:10px;
}
.topicphoto{
	margin-top:10px;
	padding:10px;
}

.top_cnr_ttl{
	color:#998c1b;
	padding-bottom:8px;
}

@media (max-width: 767px) {
	.top_cnr_ttl h2{
		font-size:2rem;
	}
}