@charset "utf-8";
/* guetsroom */
body#page .inner_blue{
	padding: 6rem 0;
	background: url(../img/common/bg_border.png);
	position: relative;
}
body#page .inner_white{
	padding: 6rem 0;
	position: relative;
}
body#page .inner_navy{
	margin: 4rem auto;
	padding: 15px !important;
	border: 1px solid #8EA8B3;
	border-radius: 2px;
}
body#page .inner_beige{
	padding: 6rem 4rem;
	background: #F2F2E6;
}
body#page .inner_blue .col-1-pc{
	margin-bottom: 4rem;
	padding: 4rem;
	background: #FFF;
	border-radius: 2px;
	text-align: left;
}
body#page ul.list-dia li{
	position: relative;
	padding-left: 1.5rem;
}
body#page ul.list-dia li::after,
body#page h4.cont_ttl2::before{
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: 0;
	width: 7px;
	height: 7px;
	background-color: #9F915F;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
body#page h2.page_title{
	padding: 6rem 0 5rem;
	font-family: 'YuGothic_M';
	color: #9B8A58;
	font-size: 4.4rem;
}
body#page h3 span.room_ttl{
	padding-right: 2rem;
	font-family: 'YuGothic_M';
	color: #335064;
	font-size: 4.0rem;
	display: table-cell;
	vertical-align: middle;
}
body#page h3 span.room_ttl_s{
	padding: 2px 0 1px;
	font-family: 'CaviarDreams_Bold';
	color: #998A58;
	font-size: 1.5rem;
	display: table-cell;
	vertical-align: middle;
	border-top: double 4px #B4A781;
	border-bottom: 4px double #B4A781;
}
body#page h3.cont_ttl{
	font-family: 'CaviarDreams_Regular';
	font-size: 4.5rem;
	color: #9A8A58;
}
body#page h3.cont_ttl span{
	margin: 1rem;
	font-size: 1.3rem;
	display: block;
}
body#page h4.cont_ttl2{
	margin-bottom: 1rem;
	padding-left: 1.5rem;
	position: relative;
	color: #335064;
	text-align: left;
	font-weight: bold;
	font-size: 1.6rem;
}
body#page .pagehead{
	position: relative;
}
body#page .pagehead:before{
	content: "";
	display: block;
	background: url(../img/common/arrow_page.png) top center;
	background-size: 80px 20px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 80px;
  height: 20px;
	margin-left: -40px;
	z-index: 2;
    
}
body#page p.page_discription{
	padding-bottom: 5rem;
	font-size: 1.6rem;
	line-height: 3.4rem;
}
.cover_photo{
	height: 300px;
	display: block;
}
body#page .spec{
	width: 217px;
	float: right;
	padding-left: 2rem;
	border-left: 1px dotted #A19162;
}
table{
	width: 100%;
	margin: 2rem 0;
	border-collapse:collapse;
	border: 1px solid #8EA8B3;
}
table th{
	padding: 0.6rem;
	background-color: #658796;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	border-bottom: 1px solid #8EA8B3;
}
table td{
	padding: 0.7rem 2rem;
	text-align:left;
	border-left: 1px solid #8EA8B3;
	border-bottom: 1px solid #8EA8B3;
}

/* 客室 */
#guestroom .cover_photo{
	background: url(../img/room/bg_h2.jpg) top center no-repeat;
}
body#page #guestroom dl.theater{
	padding: 3rem 0 2rem;
	border-top: 1px solid #ECECDB;
	display: table;
}
body#page #guestroom dl.theater dt,
body#page #guestroom dl.theater dd{
	display: table-cell;
	text-align: left;
}
body#page #guestroom dl.theater dt{
	width: 60%;
  padding-left: 6rem;
	font-family: 'YuGothic_M';
	font-size: 2.4rem;
	color: #998A58;
	background:url(../img/room/icon_theater.png) no-repeat;
	background-position-y: 10px;
	background-size: 46px auto;
	vertical-align: middle;
}
body#page #guestroom dl.theater dt span{
	display: inline-block;
	color: #335064;
	background: url(../img/room/border.png) bottom left repeat-x;
}
body#page #guestroom .amenity span img{
	width: 100%;
	height: auto;
}
body#page #guestroom ul.amenity_list li{
	text-align:left;
}
body#page #guestroom .policy{
	margin: 3rem 0;
	background: #335064;
	color: #FFF;
	border-radius: 2px;
	padding:3rem 0;
}

body#page #guestroom .policy p{
	margin-bottom:2rem;
}

body#page #guestroom .policy .box-l,
body#page #guestroom .policy .box-r{
	width: 50%;
	padding: 3rem;
}
body#page #guestroom .policy ul{
	width: 100%;
	display: table;
}
body#page #guestroom .policy li{
	width: 25%;
	display: table-cell;
	border-left: 1px dotted #A19162;
}
/*
body#page #guestroom .policy li{
	width: 50%;
	display: table-cell;
	border-left: 1px dotted #A19162;
}
*/
body#page #guestroom .policy li span.percent{
	display: inline-block;
  margin-bottom: -3px;
	font-size: 2.2rem;
	font-family: 'CaviarDreams_Regular';
	vertical-align: sub !important;
}
/* 館内 */
#facilities .cover_photo{
	background: url(../img/facilities/bg_h2.jpg) top center no-repeat;
}
body#page #facilities .front h4{
	margin-bottom: 2rem;
	padding: 2rem 0 1rem;
	text-align: center;
	border-top: 1px dotted #A19162;
	border-bottom: 1px dotted #A19162;
	vertical-align: sub !important;
}
body#page #facilities .front h4 span.checkin{
	padding-left: 56px;
	font-family: 'YuGothic_M';
	color: #335064;
	font-size: 2.4rem;
	position: relative;
}
body#page #facilities .front h4 span.checkin:before{
	position: absolute;
	content: "";
	background: url(../img/facilities/icon_front.png) top left no-repeat;
	background-size: 46px 32px;
	width: 46px;
	height: 32px;
	top: -6px;
	left: 0;
}
body#page #facilities .front h4 span.time{
	font-family: 'CaviarDreams_Regular';
	color: #998A58;
	font-size: 3.0rem;
	vertical-align: sub;
}
body#page #facilities .front .box-l{
	width: 40%;
	margin-top: 2rem;
}
body#page #facilities .front .box-r{
	width: 60%;
	margin-top: 2rem;
	padding-top: 2rem;
}
body#page #facilities .restaurant h4{
	width: 100%;
	padding-bottom: 2rem;
	text-align: center;
	font-family: 'YuGothic_M';
	color: #335064;
	font-size: 2.4rem;
}
body#page #facilities .restaurant p{
	text-align: center;
}
body#page #facilities .restaurant .pic_zoom,
body#page #access .pic_zoom{
	margin-bottom: 2rem;
	font-family: 'YuGothic_M';
	color: #9A8A58;
	font-size: 1.8rem;
	display: block;
}
body#page #facilities .other_faci li{
	display: table;
}
body#page #facilities .other_faci li p{
	display: table-cell;
	color: #335064;
	font-size: 1.6rem;
	font-weight: bold;
	vertical-align: middle;
}
body#page #facilities .other_faci li p.icon{
	width: 50px;
}
body#page #facilities .other_faci li p a,
#fragment ul li a{
	padding-left: 2rem;
	position: relative;
	color: #335064;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.6rem;
}
body#page #facilities .other_faci li p a:before,
#fragment ul li a:before{
	position: absolute;
	content: "";
	display: block;
	background: url(../img/common/arrow_link2.png) top left no-repeat;
	background-size: 8px 11px;
	width: 8px;
	height: 11px;
	top: 5px;
}
body#page #facilities .other_faci li p span,
#fragment ul li a span{
	font-size: 1.4rem;
	font-weight: normal;
	color: #333326;
}

/* アクセス */
#access .cover_photo{
	background: url(../img/access/bg_h2.jpg) top center no-repeat;
}
#access iframe{
	width: 100%;
	height: 500px;
}
#access .jr_root h3,
#access .transport h3,
#access .car h3{
	color: #335064;
	font-size: 2.0rem;
	font-weight: bold;
}
#access .jr_root h3 span{
	font-size: 1.4rem;
	vertical-align: middle;
}
#access .jr_root p{
	margin-bottom: 2rem;
	padding: 2rem 0;
	border-bottom: 1px dotted #A19162;
}
#access .jr_root p.noborder{
	margin-bottom: 2rem;
	padding: 2rem 0;
	border-bottom: none;
}
#access .transport table{
	height: 330px;
}
#access .keikyu{
	margin-top: 2rem;
	padding-top: 3rem;
	border-top: 1px dotted #A19162;
}
#access .keikyu ul{
	margin-top: 2rem;
}
#access .transport table,
#access .transport table th, #access .transport table td{
	border: none !important;
}
#access .transport table{
	background: url(../img/access/bg_transport.png) top left repeat-y;
}
#access .transport table th.ttl_01{
	height: 40px;
	font-size: 1.6rem;
	padding: 1rem 0;
}
#access .transport table td{
	padding-left: 140px;
	vertical-align: middle;
	display: table-cell;
}
#access .transport table td.spot{
	height: 46px;
	padding-top: 0;
	padding-bottom: 0;
}
#access .transport table td.spot span{
	width: 160px;
	padding: 0.7rem 0;
	display: inline-block;
	border: 1px solid #658796;
	text-align: center;
	position: relative;
	color: #335064;
	font-size: 1.6rem;
	border-radius: 2px;
}
#access .transport table td.spot span:before{
	width: 18px;
	height: 18px;
	position: absolute;
	content: "";
	background: url(../img/access/icon_spot.png) top left no-repeat;
	top: 9px;
	left: -34px;
}
#access .transport table td.spot span:after{
	width: 6px;
	height: 12px;
	position: absolute;
	content: "";
	background: url(../img/access/arrow_spot.png) top left no-repeat;
	top: 12px;
	left: -6px;
}
#access .car p{
	padding: 2rem 0;
}
#access .park{
	margin-top: 2rem;
	padding: 2rem 0 0;
	border-top: 1px dotted #A19162;
}
#access .park p{
	padding: 0;
}

/* 周辺観光 */
#sightseeing .cover_photo{
	background: url(../img/sightseeing/bg_h2.jpg) top center no-repeat;
}
#sightseeing .spotinfo-nav ul li{
	width: 200px;
	margin: 3px;
	display: inline-block;
}
#sightseeing .spotinfo-nav ul li a{
	padding: 1rem 0;
	display: block;
	color: #FFF;
	text-decoration: none;
	background: #8EA8B3;
	border-radius: 2px;
	font-family: 'YuGothic_M';
	font-size: 1.7rem;
}
#sightseeing .spotinfo-nav ul li a.cheack_on{
	background: #335064;
	position: relative;
}
#sightseeing .spotinfo-nav ul li a.cheack_on:after{
	width: 38px;
	height: 10px;
	position: absolute;
	content: "";
	background: url(../img/access/arrow_spot_nav.png) top left no-repeat;
	bottom: -10px;
	left: 50%;
	margin-left: -16px;
}

#fragment .col-1-pc{
	margin-top: 2rem;
	border: 1px solid #8EA8B3;
	border-radius: 2px;
}
#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6{
	padding: 15px;
}
#fragment .col-3-pc{
	padding: 10px 15px !important;
}
#fragment ul li{
	text-align:left;
}
#fragment ul li a{
	font-size: 1.5rem;
}
#fragment img.img_photo{
	width: 100%;
	height: auto;
	margin-top: 2rem;
}

/* 約款 */
#agreement .cover_photo{
	background: url(../img/agreement/bg_h2.jpg) top center no-repeat;
}
#agreement h3{
	padding: 4rem 0 2rem;
	font-size: 1.5rem;
	color: #9B8A58;
	border-top: 1px dotted #9B8A58;
}
#agreement dl{
	width: 100%;
	margin-bottom: 3rem;
	display: table;
}
#agreement dl dt{
	width: 20%;
	display: table-cell;
	padding: 0 0 2rem 0;
	font-family: 'YuGothic_M';
	font-size: 1.9rem;
	color: #002846;
	text-align:left;
}
#agreement dl dd{
	width: 80%;
	display: table-cell;
	text-align:left;
}
#agreement dl dd ul{
	padding: 1.5rem 2rem;
}
#agreement dl dd ul li{
	padding: 0.5rem 0;
	list-style-type: decimal !important;
}
#agreement p{
	text-align: left;
}
#agreement table caption{
	color: #002846;
	font-weight: bold;
	text-align: left;
}
#agreement table.cancel-price th{
	width: 25%;
	border-right: 1px solid #ccc;
}
#agreement table.cancel-price td{
	text-align: center;
}

/* よくある質問 */
#faq .cover_photo{
	background: url(../img/faq/bg_h2.jpg) top center no-repeat;
}
#faq .faq_cont-nav ul li{
	width: 15.59%;
	margin: 3px;
	display: inline-block;
}
#faq .faq_cont-nav ul li a{
	padding: 1rem 0;
	display: block;
	color: #FFF;
	text-decoration: none;
	background: #8EA8B3;
	border-radius: 2px;
	font-family: 'YuGothic_M';
	font-size: 1.7rem;
}
#faq .faq_cont-nav ul li a.cheack_on{
	background: #335064;
	position: relative;
}
#faq .faq_cont-nav ul li a.cheack_on:after{
	width: 38px;
	height: 10px;
	position: absolute;
	content: "";
	background: url(../img/access/arrow_spot_nav.png) top left no-repeat;
	bottom: -10px;
	left: 50%;
	margin-left: -16px;
}
#faq .faq dt{
	padding: 2rem 3rem;
  display:block;
	position: relative;
	color: #002846;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #e9efef;
}
#faq .faq dt:before{
	content: "＋";
	width: 10px;
	height: 10px;
	display: block;
	position:absolute;
	top: 2rem;
	left:0;
}
#faq .faq dd{
	padding: 2rem 3rem;
	display:none;
	text-align: left;
	background: #eff3f3;
}
#faq .faq dd button{
	font-family: 'YuGothic_M';
}
#faq .faq a, #faq .faq a:visited{
		color:#49ADA8;
	}

/* Topics */
#topics .cover_photo{
	background: url(../img/bg_topics.jpg) top center no-repeat;
}
article.post h1 {
	padding-bottom: 5px;
}
article.single {
	text-align: center !important;
}
.wp-front article header {
	margin-bottom: 15px;
}
body#page article.single header,
body#page article.post header {
	height: auto;
}



/* =SP style
-------------------------------------------------------------- */
@media (max-width : 768px){
	body#page .inner_blue{
		padding: 2rem 0;
	}
	body#page .inner_beige{
		padding: 40px 15px;
	}
	body#page h2.page_title{
		padding: 3rem 0 2rem;
		font-size: 3.6rem;
	}
	body#page h3.cont_ttl{
		font-size: 4.0rem;
		line-height: 1;
	}
	body#page h3 span.room_ttl{
		width: 100%;
		padding: 0;
		display: block;
		font-size: 2.6rem;
    line-height: 4rem;
		text-align: center;
	}
	body#page h3 span.room_ttl_s{
		display: none;
	}
	body#page .pagehead:before{
		display: none;
	}
	body#page p.page_discription{
		padding-bottom: 3rem;
		text-align: justify;
	}
	body#page p.annotation,
	body#page #guestroom .amenity li{
		font-size: 1.4rem;
	}
	body#page .inner_blue .col-1-sp{
		padding: 30px 15px;
	}
	body#page .inner_navy{
		width: 90%;
		margin: 2rem auto;
	}
.cover_photo {
    height: 120px;
    background-size: cover !important;
    margin-top: 60px;
}
	table th{
		width: 100%;
		display:block;
	}
	table td{
		padding: 0.6rem 0 0.6rem 1.0rem;
		display: inline-block;
		border-left: none;
		border-bottom: none;
		text-align:left;
	}
	
	/* 客室 */
	body#page #guestroom .inner_navy .col-3-pc,
	body#page #facilities .inner_navy .col-3-pc{
		padding: 0;
	}
	body#page #guestroom dl.theater dt,
  body#page #guestroom dl.theater dd{
		width: 100%;
		display: block;
	}
	body#page #guestroom dl.theater dt{
		padding: 5rem 0 2rem 0;
    font-size: 2.3rem;
		background-position-x: 50%;
		text-align: center;
	}
	body#page #guestroom dl.theater dt span{
		display: inline;
	}
	body#page #guestroom dl.theater dd{
		text-align: justify;
	}
  body#page #guestroom .box-l,
	body#page #guestroom .box-r{
		float: left;
		width: 100%;
	}
	body#page #guestroom .box-r ul{
		margin-top: 2rem;
	}
	body#page .spec{
		width: 100%;
		padding: 2rem 0 0 0;
		border-left: none;
	}
	body#page h4.acMenu{
		padding-bottom: 1rem;
		border-bottom: 1px dotted #A9BEC7;
		position: relative;
	}
	body#page h4.acMenu:after{
		content: "＋";
		background: #8A99A5;
		display: block;
		position: absolute;
		font-size: 1.5rem;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    color: #FFF;
    top: 7px;
    right: 0;
    line-height: 1;
		font-weight: normal;
	}
	body#page h4.acMenu.active:after{
		content: "－";
	}
	body#page .acMenu_cont{
		margin-bottom: 2rem;
	}
	body#page #guestroom .amenity_txt{
		text-align: left;
		padding-bottom: 0;
	}
	body#page #guestroom .policy .box-l,
  body#page #guestroom .policy .box-r{
	  width: 100%;
	  padding: 1rem;
  }
	body#page #guestroom .policy li{
		border-left: none;
	}
	body#page #facilities .restaurant .pic_zoom,
	body#page #access .pic_zoom{
		margin-bottom: 0;
	}
	body#page #facilities .restaurant .pic_zoom img,
	body#page #access .pic_zoom img{
		width: 20px;
		height: auto;
	}
	body#page #guestroom .policy li{
	width: 100%;
	display: block;
	border-left: none;
}
	body#page #guestroom .policy li .sp_hide{
		display:none;
}
	
	/* 館内 */
	.fancy {
		padding: 10px;
	}
	.fancy li{
		width: 20%;
		float:left;
		padding: 5px;
	}
	.madori .col-1-sp{
		padding-bottom: 0 !important;
	}
	body#page #facilities .front .box-r{
	  margin-top: 1rem;
	  padding-top: 0rem;
		padding-left: 2rem;
  }
	body#page #facilities .restaurant p{
	  text-align: justify;
  }
	body#page #facilities .restaurant .pic_zoom{
		padding-bottom: 2rem;
	}
	body#page #facilities .other_faci li{
		padding: 0.5rem 2rem !important;
	}
	body#page #facilities .other_faci li p.icon{
		width: 40px;
		padding-right: 1rem;
	}
	
	/* アクセス */
	#access .transport table{
		height: auto;
		margin:0;
		background-position: -90px;
	}
	#access .transport table th.ttl_01{
		height: 47px;
	}
	#access .transport table td{
		height: 60px;
		padding-left: 50px;
	}
	#access .park{
		padding:0;
	}
	
	/* 観光案内 */
	body#page #sightseeing .inner_white{
		padding-top:0;
	}
	#sightseeing .spotinfo-nav{
		padding: 0 0 15px 0;
	}
	#sightseeing .spotinfo-nav ul{
		width: 100%;
		display: table;
		table-layout:fixed;
	}
	/*#sightseeing .spotinfo-nav ul li{
		width: 33.3%;
		margin: 0;
		padding: 2px;
		display: table-cell;
	}*/
	#sightseeing .spotinfo-nav ul li{
		width: 46.4%;
    display: inline-block;
	}
	#fragment{
		padding: 0;
		position: relative;
	}
	#fragment .col-1-pc{
		margin-top:0;
	}
	/*
	#fragment-1, #fragment-2, #fragment-3{
		padding: 0 15px;
	}*/
	#sightseeing .spotinfo-nav ul li a.cheack_on:after{
		background-image: none;
	}
	#sightseeing #fragment:before{
		width: 38px;
	  height: 10px;
	  position: absolute;
	  content: "";
	  background: url(../img/faq/arrow_active.png) top left no-repeat;
	  top: -9px;
	  left: 50%;
	  margin-left: -16px;
	}
	
	/* よくある質問 */
	#faq .faq_cont-nav ul{
		margin-bottom: 2rem;
	}
	#faq .faq_cont-nav ul li{
		width: 46.4%;
    display: inline-block;
	}
	#faq .faq_cont-nav ul li a.cheack_on:after{
		background-image: none;
	}
	#faq #fragment-1, #faq #fragment-2, #faq #fragment-3,
	#faq #fragment-4, #faq #fragment-5, #faq #fragment-6{
		padding: 0;
	}
	#faq #fragment:before{
		width: 38px;
	  height: 10px;
	  position: absolute;
	  content: "";
	  background: url(../img/faq/arrow_active.png) top left no-repeat;
	  top: -9px;
	  left: 50%;
	  margin-left: -16px;
	}
	#faq .faq dt{
		line-height: 2.4rem;
	}
	#faq .faq dd {
    font-size: 1.5rem;
    line-height: 2.6rem;
	}
	
	/* 宿泊約款 */
	#agreement dl dt, #agreement dl dd{
		width: 100%;
		display: block;
	}
	#agreement dl dt{
		text-align: center;
	}
	#agreement dl dd ul{
		padding: 1.5rem 1.5rem 1.5rem 2.5rem;
	}
	#agreement table.cancel-price th, #agreement table.cancel-price td{
		display:table-cell !important;
	}
	#agreement table.cancel-price td{
		border-right: 1px solid #8EA8B3;
	}
}

/*

170804
*/
.sp_foot {
	display: none;
}
@media (max-width : 768px){
#page_top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 11.2%;
    right: 4%;
    z-index: 1;
    text-align: center;
}
body#home .btn_trigger {
    display: block;
}
body#page main>header{
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0;
    position: relative;	
}
#global-nav-sp {
    height: 300px;
    top: 60px;
    position: absolute;
}
body#page main>header {
    height: 60px;
    position: fixed;
    z-index: 9999;
    background: #335064;
}
main #content .content_inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.bx-wrapper {
    margin: 0 0 !important;
	z-index: 0;
}
small {
    display: block;
    padding-top: 0;
}
.sp_foot {
    position: fixed;
    height: 48px;
    width: 100%;
    bottom: 0;
	display: -webkit-flex; /* Safari */
  display: flex;
      z-index: 4;
}
.sp_foot a {
    padding: 12px 0;
    box-sizing: border-box;
    width: 50%;
    border-top: solid 1px #fff;
    background: #335064;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}
.reser {
    padding: 12px 0;
    box-sizing: border-box;
    width: 50%;
    border-left: solid 1px #fff;
    border-top: solid 1px #fff;
    background: #49ada8;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
}
.search_wrap {
    padding: 3rem;
    position: fixed;
    bottom: 48px;
    width: 100%;
    z-index: 99999;
    background: #335064;
    left: 0;
}
.bx-controls {
    position: relative;
    bottom: 1rem;
    z-index: 2;
    left: 0;
    right: 0;
}
.main_slide .icon_wifi {
    width: 69px;
    height: 75px;
    margin: 0;
    bottom: 20px;
    right: 20px;
	z-index: 1;
    left: inherit;
}

main>header .pc-none>a:first-child {
    position: absolute;
    top: 18px;
    color: #fff;
    text-align: center;
    left: 64px;
    font-size: 22px;
	text-decoration: none;
	
}
	body#page footer small {
    display: block;
    padding: 0;
}


}