@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
/* Font-family - English */
.con_gnav, .con_topnav ul, #header .box_header, #footer .box_footer .box_info {
	max-width: 1280px;
	margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_gnav, .con_topnav ul, #header .box_header, #footer .box_footer .box_info {
		width: 95%;
  }
}

.con_gnav ul:after, .con_topnav ul:after, #header:after, #header .box_header .box_nav ul:after {
	content: "";
	display: table;
	clear: both;
}

/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
html {
	font-size: small;
	line-height: 1.5;
}

body {
	color: #fff;
	background: #000 url(../images/common/bg_parten_black.jpg);
	-webkit-text-size-adjust: none;
	font-size: 124%;
}
.ie body {
	font-size: 120%;
}
@media only screen and (max-width: 767px) {
  body {
		font-size: 116%;
  }
}
body a {
	color: white;
}
body a:link, body a:visited, body a:active {
	text-decoration: underline;
}
.mouse body a:hover, .touch body a.touchstart {
	text-decoration: none;
	color: white;
}
body img {
	max-width: 100%;
	-webkit-touch-callout: none;
}

body, pre, input, textarea, select {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

input, select, textarea {
	font-size: 100%;
}

html.ie8 .view_tab,
html.ie8 .view_tab_sp,
html.ie8 .view_sp {
	display: none !important;
}
html.ie8 #page {
	min-width: 1280px !important;
	margin: auto;
	font-size: 100% !important;
}

@media only screen and (min-width: 1025px) {
  body .view_tab-sp, body .view_tab {
		display: none !important;
  }
}
@media print {
  body .view_tab-sp, body .view_tab {
		display: none !important;
  }
}
.ie8 body .view_tab-sp, .ie8 body .view_tab {
	display: none !important;
}
@media only screen and (min-width: 768px) {
  body .view_sp {
		display: none !important;
  }
}
@media print {
  body .view_sp {
		display: none !important;
  }
}
.ie8 body .view_sp {
	display: none !important;
}
@media only screen and (max-width: 1024px) {
  body .view_pc {
		display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  body .view_pc-tab, body .view_tab {
		display: none !important;
  }
}

.mouse .over {
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-webkit-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
}
.mouse .over:hover, .touch .over.touchstart {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.touch .over {
	-webkit-tap-highlight-color: transparent;
}
.touch .over.touchend {
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  #page {
		font-size: 100% !important;
  }
}
@media print {
  #page {
		font-size: 100% !important;
  }
}
.ie8 #page {
	font-size: 100% !important;
}

/* -----------------------------------------------------------
	con_gnav
----------------------------------------------------------- */
.con_gnav {
	position: relative;
	padding: 25px 0;
}
@media only screen and (max-width: 767px) {
  .con_gnav {
		display: none;
  }
}
.con_gnav .logo {
	position: absolute;
	top: -110px;
	left: 50px;
}
.con_gnav ul {
	padding: 0 3.90625%;
	border-bottom: 3px solid #3f3f3f;
}
.con_gnav ul li {
	float: left;
}
.con_gnav ul li a {
	position: relative;
	text-align: center;
	display: block;
	line-height: 100%;
	padding: 14px 0;
	text-decoration: none;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 150%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gnav ul li a {
		font-size: 113%;
  }
}
.con_gnav ul li a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	bottom: -3px;
	left: 0;
	background: none;
}
.con_gnav ul li a.active:before, .con_gnav ul li a:hover:before {
	background: #425c17;
}
.con_gnav ul li.gnav_home {
	width: 10.16949%;
}
.con_gnav ul li.gnav_sightseeing {
	width: 14.83051%;
}
.con_gnav ul li.gnav_rooms {
	width: 11.01695%;
}
.con_gnav ul li.gnav_dining {
	width: 11.01695%;
}
.con_gnav ul li.gnav_hotspring {
	width: 13.55932%;
}
.con_gnav ul li.gnav_facilities {
	width: 13.13559%;
}
.con_gnav ul li.gnav_location {
	width: 12.71186%;
}
.con_gnav ul li.gnav_book {
	width: 13.55932%;
}
.con_gnav ul li.gnav_book a {
	background: transparent url(../images/common/bg_parten_green_light.jpg);
}
.con_gnav ul li.gnav_book a:before {
	background: #596b39;
}

.con_topnav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	background: transparent url(../images/common/bg_topnav.jpg);
	padding: 10px 0;
}
@media only screen and (max-width: 767px) {
  .con_topnav {
		display: none;
  }
}
.con_topnav ul {
	padding: 0 3.90625%;
	border-bottom: 3px solid #3f3f3f;
}
.con_topnav ul li {
	float: left;
}
.con_topnav ul li a {
	position: relative;
	text-align: center;
	display: block;
	line-height: 100%;
	padding: 14px 0;
	text-decoration: none;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 150%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_topnav ul li a {
		font-size: 113%;
  }
}
.con_topnav ul li a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	bottom: -3px;
	left: 0;
	background: none;
}
.con_topnav ul li a.active:before, .con_topnav ul li a:hover:before {
	background: #425c17;
}
.con_topnav ul li.gnav_home {
	width: 10.16949%;
}
.con_topnav ul li.gnav_sightseeing {
	width: 14.83051%;
}
.con_topnav ul li.gnav_rooms {
	width: 11.01695%;
}
.con_topnav ul li.gnav_dining {
	width: 11.01695%;
}
.con_topnav ul li.gnav_hotspring {
	width: 13.55932%;
}
.con_topnav ul li.gnav_facilities {
	width: 13.13559%;
}
.con_topnav ul li.gnav_location {
	width: 12.71186%;
}
.con_topnav ul li.gnav_book {
	width: 13.55932%;
}
.con_topnav ul li.gnav_book a {
	background: transparent url(../images/common/bg_parten_green_light.jpg);
}
.con_topnav ul li.gnav_book a:before {
	background: #596b39;
}

.btn_close,
.btn_menu {
	display: none;
	position: fixed;
	top: 5px;
	right: 5px;
	cursor: pointer;
	text-align: center;
	min-width: 50px;
	min-height: 50px;
	background: rgba(105, 142, 65, 0.3);
	padding-top: 8px;
	line-height: 100%;
	z-index: 200;
}
@media only screen and (max-width: 767px) {
  .btn_close,
  .btn_menu {
		display: block;
  }
}
.btn_close i,
.btn_menu i {
	font-size: 125%;
}
.btn_close span,
.btn_menu span {
	font-size: 75%;
}

.btn_close {
	background: #000;
	z-index: 300;
}

.con_menu_sp {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	padding-top: 35px;
	z-index: 300;
}
.con_menu_sp .box_menu_sp {
	width: 95%;
	margin: 0 auto;
}
.con_menu_sp .box_menu_sp ul.social {
	margin: 0 0 20px;
	text-align: center;
}
.con_menu_sp .box_menu_sp ul.social li {
	display: inline-block;
}
.con_menu_sp .box_menu_sp ul.social li a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: rgba(105, 142, 65, 0.3);
	text-align: center;
	font-size: 157%;
}
.con_menu_sp .box_menu_sp ul.language {
	text-align: center;
	margin: 0 0 15px;
}
.con_menu_sp .box_menu_sp ul.language li {
	display: inline-block;
}
.con_menu_sp .box_menu_sp ul.language li a {
	display: block;
	font-family: "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 94%;
	padding: 5px 20px;
	text-decoration: none;
}
.con_menu_sp .box_menu_sp ul.language li:first-child a {
	position: relative;
}
.con_menu_sp .box_menu_sp ul.language li:first-child a:after {
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	width: 0;
	height: 20px;
	border-right: 1px dotted #8c8c8c;
}
.con_menu_sp .box_menu_sp ul.box_gnav li a {
	display: block;
	text-decoration: none;
	line-height: 2;
	padding-left: 20px;
	position: relative;
}
.con_menu_sp .box_menu_sp ul.box_gnav li a:before {
	content: '\f105';
	font-family: Fontawesome;
	font-size: 94%;
	position: absolute;
	top: 50%;
	left: 0;
	line-height: 0;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header .box_header {
	position: relative;
	padding-top: .5em;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_header {
		padding: 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_header {
		padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_header {
		margin: 0;
  }
}
#header .box_header:before {
	position: absolute;
	content: '';
	width: 259px;
	height: 60px;
	top: 0;
	left: -98px;
	background: transparent url(../images/header/bg_header.jpg);
	z-index: -1;
}
@media only screen and (max-width: 767px) {
  #header .box_header:before {
		display: none;
  }
}
#header .box_header .logo {
	float: left;
	width: 50%;
	padding-bottom: .5em;
}
@media only screen and (max-width: 767px) {
  #header .box_header .logo {
		padding-bottom: 0;
  }
}
#header .box_header h1 {
	position: relative;
	float: left;
	width: 50%;
	font-weight: normal;
	font-size: 82%;
	line-height: 100%;
	margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_header h1 {
		margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_header h1 {
		margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_header h1 {
		width: 35%;
		line-height: 1.5;
		font-size: 50%;
		margin: 10px 0;
  }
}
#header .box_header .box_nav {
	position: relative;
	float: right;
	width: 50%;
	text-align: right;
	margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header .box_header .box_nav {
		margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_header .box_nav {
		margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #header .box_header .box_nav {
		display: none;
  }
}
#header .box_header .box_nav ul {
	display: inline-block;
}
#header .box_header .box_nav ul li {
	display: inline-block;
	float: left;
}
#header .box_header .box_nav ul li a {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	line-height: 100%;
}
#header .box_header .box_nav ul.social {
	margin-right: 30px;
	vertical-align: top;
}
@media only screen and (max-width: 767px) {
  #header .box_header .box_nav ul.social {
		text-align: center;
		margin: 0;
  }
}
#header .box_header .box_nav ul.social li {
	margin-right: 7px;
}
@media only screen and (max-width: 767px) {
  #header .box_header .box_nav ul.social li {
		float: none;
  }
}
#header .box_header .box_nav ul.social li a {
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: rgba(105, 142, 65, 0.3);
	text-align: center;
	font-size: 113%;
}
@media only screen and (max-width: 767px) {
  #header .box_header .box_nav ul.language {
		width: 100%;
		margin: 0;
		text-align: center;
  }
}
#header .box_header .box_nav ul.language li a {
	font-family: "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 94%;
	padding: 8px 20px;
}
@media only screen and (max-width: 767px) {
  #header .box_header .box_nav ul.language li a {
		padding: 8px 10px;
  }
}
#header .box_header .box_nav ul.language li a:hover {
	background: transparent url(../images/common/bg_parten_gray_light.jpg);
}
#header .box_header .box_nav ul.language li:first-child a {
	position: relative;
}
#header .box_header .box_nav ul.language li:first-child a:after {
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	width: 0;
	height: 20px;
	border-right: 1px dotted #8c8c8c;
}

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
	margin-bottom: 50px;
}
#footer .box_footer {
	background: transparent url(../images/common/bg_parten_gray_light.jpg);
	text-align: center;
	margin-bottom: 15px;
}
#footer .box_footer .box_info {
	padding: 40px 0;
	background: transparent url(../images/footer/bg_footer.jpg) no-repeat top right;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer .box_footer .box_info {
		padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  #footer .box_footer .box_info {
		padding: 30px 0;
  }
}
#footer .box_footer .box_info .rsv {
	width: 55%;
	margin: 0 auto 30px;
	border: 1px solid #aaa;
	padding: 15px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer .box_footer .box_info .rsv {
		width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  #footer .box_footer .box_info .rsv {
		width: 100%;
		padding: 12px 15px;
  }
}
#footer .box_footer .box_info .rsv h3 {
	font-family: "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 1.8em;
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer .box_footer .box_info .rsv h3 {
		font-size: 1.4em;
  }
}
@media only screen and (max-width: 767px) {
  #footer .box_footer .box_info .rsv h3 {
		font-size: 1.2em;
  }
}
#footer .box_footer .box_info .rsv .box_rev {
	overflow: hidden;
}
#footer .box_footer .box_info .rsv .box_rev .btn_green {
	width: 50%;
	float: left;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer .box_footer .box_info .rsv .box_rev .btn_green {
		width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  #footer .box_footer .box_info .rsv .box_rev .btn_green {
		float: none;
		width: 90%;
		margin: 0 auto 10px;
  }
}
#footer .box_footer .box_info .rsv .box_rev .btn_green a span i {
	top: 15%;
}
#footer .box_footer .box_info .rsv .box_rev ul {
	width: 35%;
	float: right;
	text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer .box_footer .box_info .rsv .box_rev ul {
		width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  #footer .box_footer .box_info .rsv .box_rev ul {
		float: none;
		width: 100%;
		text-align: left;
		font-size: 0.9em;
  }
}
#footer .box_footer .box_info .rsv .box_rev ul li {
	font-family: "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	text-align: left;
	display: inline-block;
	margin-left: 20px;
}
#footer .box_footer .box_info .rsv .box_rev ul li::after {
	content: '\f105';
	padding-left: 5px;
	font-family: 'FontAwesome';
}
#footer .box_footer .box_info .rsv .box_rev ul li a {
	text-decoration: none;
}
#footer .box_footer .box_info .rsv .box_rev ul li a:hover {
	text-decoration: underline;
}
#footer .box_footer .box_info .info p {
	display: inline-block;
	vertical-align: middle;
}
#footer .box_footer .box_info .info p.photo {
	margin-right: 70px;
}
@media only screen and (max-width: 1024px) {
  #footer .box_footer .box_info .info p.photo {
		margin: 0 0 20px;
  }
}
#footer .box_footer .box_info .info p.txt {
	text-align: left;
}
@media only screen and (max-width: 767px) {
  #footer .box_footer .box_info .info p.txt {
		text-align: left;
		font-size: 82%;
  }
}
#footer #copyright {
	font-size: 75%;
	text-align: left;
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

/* -----------------------------------------------------------
	下層共通スタイル
----------------------------------------------------------- */
/* -----------------------------------------------------------
	テーブル
----------------------------------------------------------- */