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

.top_cnr_ttl img{
	margin-bottom:10px;
}


.top_link_box {
	display:block;
	width: 373px;
	height: 70px;
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	background:#003366;
	color:#fff !important;
	margin:0 auto;
	font-size:1.2em;
}

@media (max-width: 767px) {
	.top_link_box{
		width: 100%;
	}
}

.top_link_box:hover {
	background:#998C1B;
	color: #fff !important;
}

.top_link_box:visited {
	color:#fff !important;
}

.top_link_box_s {
	display:block;
	width: 373px;
	height: 46px;
	text-align: center;
	text-decoration: none;
	line-height: 46px;
	background:#003366;
	color:#fff !important;
	margin:0 auto;
	font-size:1.2em;
}

@media (max-width: 767px) {
	.top_link_box_s{
		width: 100%;
	}
}

.top_link_box_s:hover {
	background:#998C1B;
	color: #fff !important;
}

.top_link_box_s:visited {
	color:#fff !important;
}

blockquote p small{
	font-size:70% !important;
}
blockquote small{
	font-size:60% !important;
}


/*-----------------------------------------*/
/*top*/
/*-----------------------------------------*/

/*----------------------------------------------------
	.con_slider	スライダー
----------------------------------------------------*/

@media (max-width: 1170px) {
	.con_slider {
	  width: 100%;
	  z-index: 0;
	}
}
.con_slider{
	max-height:428px;
	overflow:hidden;
}
.con_slider .bx-wrapper {
  margin: 0 auto !important;
  width: 1140px !important;
  position: relative;
}
.con_slider .bx-wrapper .bx-viewport {
  overflow: visible !important;
}
@media (max-width: 767px) {
	.con_slider .bx-wrapper .bx-viewport img{
		/*height:220px;*/
		width:100%;
		max-width:666px !important;
		/*margin-left:-100px;*/
	}
}

a.top_sec_btn{
	display:block;
	background:url("../images/common/bg_pink.gif") no-repeat;
	color:#fff !important;
	padding:12px 0;
	text-align:center;
	width:180px;
}
a.top_sec_btn_w{
	display:block;
	background:url("../images/common/bg_pink.gif") no-repeat;
	color:#fff !important;
	padding:20px 0;
	text-align:center;
}

@media (min-width: 769px) and (max-width: 991px) {
	a.top_sec_btn_w{
		max-width:300px;
		margin:0 auto;
	}
}

.osusume_plan_box{
	border:1px solid #E5E1D7;
	padding:3px;
}
.osusume_plan_box_cover{
	background:#f5f4f4;
}
.osusume_plan_box_in{
	padding:0 8px 6px;
}
.osusume_plan_box_in h5{
	font-size:1.8rem;
	line-height:1.5em;
	padding-left:8px;
}
.osusume_plan_box_in p{
	padding:0 0 0 8px;
	font-size:0.9em;
}
.planimg{
	width:100%;
}
.osusume_maru{
	position:absolute;
	top:100px;
	right:10px;
}

/*NEWS*/
#news{
	background:url("../images/top/bg_news.png") no-repeat top center;
	padding:15px 10px;
}
#news .container{
	border-bottom:1px solid #ccc;
}

#news .container ul li.newsttl{
	font-weight:bold;
	width:100px;
	border-right:1px solid #ccc;
	text-align:center;
	color:#666;
	font-size:120%;
}
#news .container ul li.newslist{
	float:right;
	text-align:right;
}


/*導入*/

#intro{
	padding:0px 0 50px;
}
#intro .intro1{
	font-size:2.8rem;
	margin-bottom:34px;
	font-weight:200;
}

#intro .intro1 span.intro1_4{
	font-size:2em;
	color:#c5a580;

}



@media (max-width: 767px) {
	#intro{
		padding:0 0 30px;
	}
	#intro .intro1{
		font-size:2rem;
		margin:20px 0 10px 0 !important;
	}
	#intro .intro1 span.introblock{
		display:block;
	}
	#intro .top_sec_exp span{
		display:inline;
	}
}

/*プラン*/


@media (max-width: 768px) {
	.osusume_plan .bx-wrapper{
		margin-bottom:0 !important
	}
}

.sec_textarea{
	background-color: rgba(255,255,255,0.8);
	height:100%;
	padding:30px 15px;
}

.top_sec_ttl{
	font-size:3.5rem;
}
.top_sec_ttl span{
	display:block;
}
.top_sec_catch{
	font-size:2.2rem;
}

.top_sec_exp{
	text-align:center;
	font-size:1.4rem;
	line-height:1.6em;
	margin:15px 0;
}

.top_sec_exp_l{
	font-size:1.4rem;
	line-height:1.6em;
	margin:15px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.top_sec_no{
		font-size:5rem;
		border-bottom:8px solid #aeb29b;
	}
	.top_sec_ttl{
		font-size:3rem;
	}
	.top_sec_catch{
		font-size:2rem;
	}

	.top_sec_exp{
		font-size:1.8rem;
		line-height:1.5em;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	.top_sec_no{
		font-size:5rem;
		border-bottom:8px solid #aeb29b;
	}
	.top_sec_ttl{
		font-size:3rem;
	}
	.top_sec_catch{
		font-size:2rem;
	}

	.top_sec_exp{
		font-size:1.5rem;
		line-height:1.5em;
	}
}
@media (max-width: 768px) {


	.sec_textarea{
		background-color: rgba(255,255,255,0.8);
		height:auto;
		padding:10px 15px;
		margin-top:15px;
	}

	.top_sec_no{
		font-size:1.5rem;
		border-bottom:4px solid #aeb29b;
	}
	.top_sec_ttl{
		font-size:2.2rem;
	}
	.top_sec_ttl span{
		display:inline;
	}
	.top_sec_catch{
		font-size:2rem;
	}

	.top_sec_exp{
		font-size:1.4rem;
	}

	.sec_textarea a.mgt50 {
		margin-top:10px;
	}

}

#sec_kaigi{
	padding:60px 0 30px;
}

.kaigi_info{
	background:#003366;
	padding:15px;
}

#sec_kaigi .top_sec_exp span{
	display:block;
}
@media (max-width: 767px) {
	#sec_kaigi .top_sec_exp{
		text-align:left;
	}
	#sec_kaigi .top_sec_exp span{
		display:inline;
	}
}

#tabs.ui-tabs {
	padding: 0;
	border-width: 0;
	background:transparent;
}

#tabs .ui-widget-header {
	border: 0;
	background:transparent;
}

#tabs .ui-tabs-nav {
	border-width: 0;
	padding: 0;
}

#tabs .ui-tabs-panel {
	border-width: 0;
	background:transparent;
	color:#fff !important;
}

#tabs .ui-tabs-nav li{
	background:transparent;
	border-bottom-width:1px;
}
#tabs .ui-tabs-tab a{
	color:#fff !important;
}
@media (max-width: 768px) {
	#tabs .ui-tabs-tab a{
		font-size:88%;
	}
}

#tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	background:#fff !important;
	border:1px solid #fff !important;
}
#tabs .ui-tabs-nav li.ui-tabs-active a{
	color:#424242 !important;
}
#tabs .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.kaigi_info h4{
	font-size:24px;
	border-bottom:1px solid #2ea5e1;
	margin-bottom:15px;
	padding-bottom:10px;
}
@media (max-width: 768px) {
	.kaigi_info h4{
		font-size:18px;
	}
}

#sec_plan{
	padding:60px 0 30px;
}

#sec_faci{
	padding:60px 0 30px;
}
#sec_sonota{
	padding:60px 0;
}
#sec_bnr{
	padding:60px 0;
}

@media (max-width: 767px) {
	#sec_plan .col-sm-6{
		padding:0 !important;
	}
}

.plan_box_wrap{
	border:1px solid #ccc;
	padding:3px;
}

.plan_box_cover{
	background:#f3eee8;
	border: solid 1px #f3eee8;

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

a.planlink{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff;
	font-size:80%;
	padding:4px;
	margin-left:30px;
	border:1px solid #ccc;
}

.plan_box{
	background-color: #fff;
	padding:8px;
	margin:10px;
	border:1px solid #e0dccf;
}
.plan_box h5{
	border-bottom:1px dotted #ccc;
	line-height:1.5em;
	font-size:2.4rem;
	color:#c84224;
}
.plan_box p{
	font-size:1.2rem;
}

.plan_box .frame{
	width:150px;
	float:left;
	margin-right:10px;
}

.frame {
	position: relative;
	display: inline-block;
	overflow: hidden; /* 不要部分を消す */
	padding: 1px;
}
.frame:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: red;
	content: "Check";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	font-size:0.8rem;
	padding: 5px 8px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	letter-spacing:0;
}
.frame img {
	border-radius: 8px;
	width:150px;
}
.plan_box a{
	display:block;
	background:#C84224;
	text-align:center;
	font-size:1.2rem;
	padding:6px 10px;
	width:200px;
	float:right;
	border:1px solid #ccc;
	color:#fff !important;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */
}
.plan_box a:hover{
	background:#424242;
	color:#fff !important;
}

@media (max-width: 768px) {
	#sec_plan{
		padding:30px 0;
	}
	.plan_box_wrap{
		margin-bottom:10px;
	}
	.plan_box_cover{
		padding-top:30px;
	}
	.plan_box .frame{
		width:100px;
	}
}

@media (max-width: 767px) {
	.plan_box_cover{
		padding-top:0px;
	}
	.plan_box h5{
		font-size:2rem;
	}
}


#sec_room{
	padding:30px 0 0;
}

#sec_room .top_sec_exp span{
	display:block;
}


@media (max-width: 767px) {
	#sec_room .top_sec_exp{
		text-align:left;
	}
	#sec_room .top_sec_exp span{
		display:inline;
	}
}

.room_index{
	text-align:center;
}
.room_index li{
	display:inline-block;
	padding-bottom:10px;
}

.room_exp{
	text-align:left;
	font-size:1.2rem;
	padding:8px 0;
}

.top_room_box .btn_rsv{
	width:100%;
	display:block;
	text-align:center;
	background: linear-gradient(#E4BB16, #AF7F07);
	padding:20px 0px;
	border:3px solid #fff;
	color:#fff !important;
}
.top_room_box .btn_rsv span{
	display:block;
}

.top_room_box .btn_detail{
	width:100%;
	display:block;
	text-align:center;
	background: linear-gradient(#207785, #0F3F44);
	padding:20px 0;
	border:3px solid #fff;
	color:#fff !important;
}
.top_room_box .btn_detail span{
	display:block;
}

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

.room_box_group .col-md-6{
	margin-top:15px;
}


@media (max-width: 768px) {
	.room_index li{
		width:30%;
	}
	.room_index li img{
		width:100%;
	}
	.top_room_box{
		margin-top:15px !important;
	}
}

.room_list_wrap{
	background:#f3eee8;
	padding:10px 0 0;
}
.room_list_box img{
	width:200px;
}
.room_list_box_in h5{
	font-size:16px;
}
.room_list_box_in p{
	/*padding:5px;*/
	font-size:88%;
}

.tab_single img,
.tab_twin img,
.tab_double img{
	background:#fff;
	cursor:pointer;
	border:1px solid #E5E1D7;
}
.tab_single:hover,
.tab_twin:hover,
.tab_double:hover{
	opacity:0.7;
}

.tab_single.selected img,
.tab_twin.selected img,
.tab_double.selected img {
	border:1px solid #c84224;
	background:#f3eee8;
	border-bottom:3px solid #c84224;
}
.tab_single.selected,
.tab_twin.selected,
.tab_double.selected {
  background:url("../images/top/tri.png") no-repeat bottom center;

}



.sec_room img{
	margin-bottom:15px;
}

.room_bikou{
	font-size:80%;
}
.room_bikou dt{
	padding:5px 0;
}
.room_bikou dd{
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}

#sec_breakfast{
	padding:50px 0;
}

@media (max-width: 768px) {
	#sec_breakfast{
		padding:0 0 30px;
	}
}

#sec_information{
	padding:50px 0;
}

@media (max-width: 767px) {
	#sec_information{
		padding:30px 0;
	}
	.fb-page,
	.tripad,
	.information_box{
		margin:10px 0 !important;
	}

}

#sec_information h2 {
	font-size: 16px;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding:0 0 10px 0;
}
#sec_information h2 span{
	font-size:0.7rem;
	letter-spacing: 1px;
	margin-left:5px;
	color:#c5a580;
}
#sec_information h2::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 60%;
	height: 1px;
	background-color: #c65e47;
}
.information_box{
	margin-bottom:10px;
}
.information_box img{
	width:120px;
	float:left;
	margin:0 8px 8px 0;
}
.information_box article{
	border-bottom:1px dotted #ccc;
}

.information_box time{
	background:#333;
	color:#fff;
	font-size:0.8rem;
	padding:3px;
}
.information_box p{
		font-size:1rem;
}
.tripad{
	border:1px solid #63A253;
	padding:0 8px;
}
.tripad p{
	font-size:0.8rem;
}


@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 769px) and (max-width: 991px) {

}

/*アクセス*/
#sec_access{
	background:#f5f4f4;
}
#sec_access h4{
	line-height:1.5em;
}

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

@media (max-width: 768px) {
	#sec_access h4{
		font-size:1.5rem;
	}
	#sec_access h4 span{
		display:block;
	}
	#sec_access .map{
		margin-bottom:15px !important;
	}
}
#sec_access ul.access_point{
	
}
#sec_access ul.access_point li{
	border:1px dashed #ccc;
	background:#fff;
	padding:8px;
	text-align:left;
	margin:3px;
}
#sec_access .container{
	height:100%;
}
#sec_access .maparea p{
	color:#ff6666;
	font-size:3rem;
	padding:10px;
}
#sec_access .address span{
	font-size:0.9rem;
}


@media (min-width: 992px) and (max-width: 1199px) {
	#sec_access h4{
		font-size:1.2rem !important;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	#sec_access{
		padding-bottom:50px;
	}
}
@media (max-width: 768px) {
	#sec_access{
		padding-bottom:20px;
	}
	#sec_access .maparea p{
		font-size:2rem;
	}
	#sec_access .maparea{
		min-height:300px;
		background-size:cover;
	}
	#sec_access .access_time{
		font-size:1.2rem;
	}
}


@media (max-width: 767px) {
	.top_cnr_ttl h2{
		font-size:2rem;
	}
	#sec_access .col-md-8{
		padding:0 !important;
	}
	#sec_access .mt-50{
		margin-top:15px !important;
	}
}

.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
.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);
}

#topnews{
	padding:50px 0;
}
#topnews a{
	display:block;
	border:2px solid #ff0000;
	padding:20px;
	font-size:2rem;
	color: #ff0000 !important;
}
@media (max-width: 767px) {
	#topnews{
		padding:30px 0;
	}
	#topnews a{
		padding:10px;
		font-size:1.5rem;
		text-align:left;
	}
}