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

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
#header .box_inner:after {
	content: "";
	display: table;
	clear: both;
}

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

html.ie body {
	font-size: 120%;
}

body {
	font-size: 124%;
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 116%;
	}
}

body, pre, input, textarea, select {
	font-family: "Times New Roman", serif;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header .box_inner {
	/* ----------------------------------
			.logo
		---------------------------------- */
	/* ----------------------------------
			.box_r
		---------------------------------- */
}

@media only screen and (max-width: 767px) {
	#header .box_inner .box_r > ul > li.btn_access a {
		font-size: 10px;
	}
}

@media only screen and (max-width: 1024px) {
	#header .box_inner .box_r > ul > li.btn_access a:before {
		content: "";
		font-family: FontAwesome;
		font-size: 138%;
		position: absolute;
		top: 10px;
		left: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) and (max-width: 767px) {
	#header .box_inner .box_r > ul > li.btn_access a:before {
		font-size: 15px;
	}
}

#header .box_inner .box_r > ul > li.nav_rsv a:before {
	content: "";
	font-family: FontAwesome;
	font-size: 94%;
	position: absolute;
	top: 13px;
	left: 0;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	#header .box_inner .box_r > ul > li.nav_rsv a:before {
		font-size: 15px;
	}
}

#header .box_inner .box_r > ul > li.box_menu:hover {
	opacity: .7;
}

@media only screen and (max-width: 767px) {
	#header .box_inner .box_r > ul > li.box_menu .btn_g_menu {
		font-size: 10px;
	}
}

#header .box_inner .box_r > ul > li.box_menu .btn_g_menu:before {
	content: "";
	font-family: FontAwesome;
	font-size: 94%;
	position: absolute;
	top: 16px;
	left: 0;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	#header .box_inner .box_r > ul > li.box_menu .btn_g_menu:before {
		font-size: 16px;
	}
}

/* -----------------------------------------------------------
	#gnav
----------------------------------------------------------- */
#gnav .box_inner {
	/* ----------------------------------------
			.box_top
		---------------------------------------- */
	/* ----------------------------------------
			.nav_list
		---------------------------------------- */
	/* ----------------------------------------
			.box_gnav_foot
		---------------------------------------- */
	/* ----------------------------------------
		.btn_g_menu_close_sp　※スマホのみ
		---------------------------------------- */
}

#gnav .box_inner > ul.nav_list > li {
	/* ----------------------------------------
					.nav_rsv
				---------------------------------------- */
	/* ----------------------------------------
					.nav_hom
				---------------------------------------- */
	/* ----------------------------------------
					aタグ共通
				---------------------------------------- */
}

#gnav .box_inner > ul.nav_list > li > a {
	font-size: 125%;
}

@media only screen and (max-width: 767px) {
	#gnav .box_inner > ul.nav_list > li > a {
		font-size: 100%;
	}
}

#gnav .box_inner .box_gnav_foot {
	/* ----------------------------------------
			.sns_list
			---------------------------------------- */
}

#gnav .box_inner .box_gnav_foot .txt_tel {
	font-size: 163%;
}

#gnav .box_inner .box_gnav_foot .txt_tel a i, #gnav .box_inner .box_gnav_foot .txt_tel span i {
	font-size: 62%;
}

#gnav .box_inner .box_gnav_foot > ul.sns_list > li > a {
	font-size: 169%;
}

#gnav .box_inner .language_list > li > a {
	font-size: -800%;
}

/* -----------------------------------------------------------
	.con_mainimage
----------------------------------------------------------- */
.con_mainimage .st_title {
	font-family: "Times New Roman", serif;
	font-size: 350%;
}

@media only screen and (max-width: 767px) {
	.con_mainimage .st_title {
		font-size: 163%;
	}
}

/* -----------------------------------------------------------
	.con_search
----------------------------------------------------------- */
.con_search {
	/* ------------------------------------------
		.box_ser_st
	------------------------------------------ */
	/* ------------------------------------------
		.box_search_inner
	------------------------------------------ */
}

.con_search .box_ser_st .st_ser {
	font-family: "Times New Roman", serif;
	font-size: 157%;
}

@media only screen and (max-width: 767px) {
	.con_search .box_ser_st .st_ser {
		font-size: 100%;
	}
}

.con_search .box_ser_st .btn_rsv a {
	font-family: "Times New Roman", serif;
	font-size: 119%;
}

@media only screen and (max-width: 767px) {
	.con_search .box_ser_st .btn_rsv a {
		font-size: 100%;
	}
}

@media only screen and (max-width: 1700px) {
	.con_search .box_search_inner {
		padding-top: 5px;
	}
}

@media print {
	.con_search .box_search_inner {
		padding-top: 5px;
	}
}

.ie8 .con_search .box_search_inner {
	padding-top: 5px;
}

@media only screen and (max-width: 767px) {
	.con_search .box_search_inner {
		padding-top: 1em;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .box_search_inner .box_sta em {
		padding-top: 2.4em;
	}
}

@media only screen and (max-width: 767px) {
	.con_search .box_search_inner .box_roo em {
		padding-top: 1.2em;
	}
}

@media only screen and (max-width: 1024px) {
	.con_search .box_search_inner .box_ser_btn {
		padding-top: calc(8px + 1.2em);
	}
}

@media only screen and (max-width: 1700px) {
	.con_search .box_search_inner .box_day, .con_search .box_search_inner .box_sta, .con_search .box_search_inner .box_per, .con_search .box_search_inner .box_roo {
		padding-top: 5px !important;
		vertical-align: bottom !important;
		line-height: 1.2;
	}
}

@media print {
	.con_search .box_search_inner .box_day, .con_search .box_search_inner .box_sta, .con_search .box_search_inner .box_per, .con_search .box_search_inner .box_roo {
		padding-top: 5px !important;
		vertical-align: bottom !important;
		line-height: 1.2;
	}
}

.ie8 .con_search .box_search_inner .box_day, .ie8 .con_search .box_search_inner .box_sta, .ie8 .con_search .box_search_inner .box_per, .ie8 .con_search .box_search_inner .box_roo {
	padding-top: 5px !important;
	vertical-align: bottom !important;
	line-height: 1.2;
}

@media only screen and (max-width: 1700px) {
	.con_search .box_search_inner .box_day em, .con_search .box_search_inner .box_sta em, .con_search .box_search_inner .box_per em, .con_search .box_search_inner .box_roo em {
		display: block !important;
	}
}

@media print {
	.con_search .box_search_inner .box_day em, .con_search .box_search_inner .box_sta em, .con_search .box_search_inner .box_per em, .con_search .box_search_inner .box_roo em {
		display: block !important;
	}
}

.ie8 .con_search .box_search_inner .box_day em, .ie8 .con_search .box_search_inner .box_sta em, .ie8 .con_search .box_search_inner .box_per em, .ie8 .con_search .box_search_inner .box_roo em {
	display: block !important;
}

@media only screen and (max-width: 767px) {
	.con_search .box_search_inner .box_sta em, .con_search .box_search_inner .box_per em, .con_search .box_search_inner .box_roo em {
		margin-bottom: 0.3em;
	}
}

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer .box_inner .txt_catch {
	font-family: "Times New Roman", serif;
	font-size: 207%;
}

@media only screen and (max-width: 767px) {
	#footer .box_inner .txt_catch {
		font-size: 107%;
	}
}

#footer .box_inner address .txt_address {
	font-family: "Times New Roman", serif;
	font-size: 132%;
}

@media only screen and (max-width: 767px) {
	#footer .box_inner address .txt_address {
		font-size: 69%;
	}
}

#footer .box_inner .box_tel > li {
	font-family: "Times New Roman", serif;
	font-size: 132%;
}

@media only screen and (max-width: 767px) {
	#footer .box_inner .box_tel > li {
		font-size: 69%;
	}
}

@media only screen and (max-width: 767px) {
	#footer .box_inner .box_tel > li.txt_tel_res {
		font-size: 82%;
	}
}

@media only screen and (max-width: 767px) {
	#footer .box_inner .box_btn > li.btn_insta i, #footer .box_inner .box_btn > li.btn_weibo i, #footer .box_inner .box_btn > li.btn_tori i {
		font-size: 150%;
	}
}

#footer .box_inner .box_btn > li a {
	font-size: 107%;
	font-family: "Times New Roman", serif;
}

@media only screen and (max-width: 767px) {
	#footer .box_inner .box_btn > li a {
		font-size: 88%;
	}
}

/* -----------------------------------------------------------
	.con_nav_bottom
----------------------------------------------------------- */
.con_nav_bottom {
	padding: 20px 0;
}

.con_nav_bottom .box_list ul li {
	font-size: 69%;
}

.con_nav_bottom .box_list ul li:after {
	font-size: 132%;
}

.con_nav_bottom .box_list ul li:before {
	font-size: 132%;
}

.con_nav_bottom .box_list ul li a {
	font-size: 104%;
	line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
	.con_nav_bottom .box_list ul li a {
		font-size: 100%;
	}
}

#copyright {
	font-size: 94%;
}

@media only screen and (max-width: 767px) {
	#copyright {
		font-size: 75%;
	}
}

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