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

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
/* font-awesome */
#header .con_header, #header .con_gnav, .tmp_pz, #obj_search .inner {
  max-width: 1150px;
  margin: auto;
}
@media only screen and (max-width: 1100px) {
  #header .con_header, #header .con_gnav, .tmp_pz, #obj_search .inner {
    max-width: 100%;
    width: 95%;
  }
}

#header .con_header:after, #header .con_header .box_hnav:after, #header .con_header .box_hnav #hnav:after, #header .con_gnav:after, #header .con_gnav #gnav:after, .tmp_pz:after, #obj_search .inner .box_search:after, #obj_search .inner .box_search .wrp_form .form_area form:after, #obj_search .inner .box_search .wrp_form .link_area:after, #obj_search .inner .box_search .wrp_form .link_area .bts:after, #obj_search .inner .box_search .wrp_form .link_area .links:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
body {
  /* v3移行判別style後で削除 */
    border-top: 5px solid #183b84;
}

html {
  font-size: small;
  line-height: 1.5;
}

body {
  color: #313132;
  background: #fff;
  -webkit-text-size-adjust: none;
  font-size: 93%;
  font-family: "メイリオ", "MS Ｐゴシック", "MS PGothic", sans-serif;
}
.ie body {
  font-size: 90%;
}
body a {
  color: #4a4a4c;
  text-decoration: underline;
}
.mouse body a:hover, .touch body a.touchstart {
  text-decoration: none;
  color: #636366;
}
body img {
  max-width: 100%;
  -webkit-touch-callout: none;
}
body *::selection {
  background: #CCC;
}
body *::-moz-selection {
  background: #CCC;
}

.mouse .over {
  -webkit-transition-timing-function: opacity 200ms ease-out;
  -moz-transition-timing-function: opacity 200ms ease-out;
  -o-transition-timing-function: opacity 200ms ease-out;
  -ms-transition-timing-function: opacity 200ms ease-out;
  transition-timing-function: opacity 200ms ease-out;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -ms-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  transition-delay: 0ms;
}
.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: 500ms;
  -o-transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page {
  /*min-width: 1150px;*/  /*スマホ対応*/
  margin: 0 auto;
}

#fixnav-sp {
  display: none;
}

#menuList {
  display: none;
}

.btn_top_sroll {
  display: none !important;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
  background: transparent url("../images/header/bg_header.png") bottom left repeat-x;
  background-color: #fefefb;
  -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  /*min-width: 1150px;*/  /*スマホ対応*/
}
#header .con_header {
  clear: both;
  padding-top: 20px;
}
#header .con_header h1 {
  width: 35%;
  float: left;
  font-size: 12px;
  line-height: 1.4em;
  color: #777;
  font-weight: normal;
}
#header .con_header .box_hnav {
  width: 63%;
  float: right;
}
#header .con_header .box_hnav .tel {
  float: right;
}
#header .con_header .box_hnav #hnav {
  float: right;
  margin-right: 1em;
}
#header .con_header .box_hnav #hnav li {
  float: left;
  margin-left: 1.5em;
}
#header .con_header .box_hnav #hnav li a {
  line-height: 1.4em;
  display: block;
  background-color: #f2f1ea;
  padding: 0.2em 0.6em;
  text-decoration: none;
  color: #000;
}
#header .con_header .box_hnav #hnav li a:hover {
  text-decoration: underline;
}
#header .con_header .box_hnav #hnav li a span {
  padding-right: 0.5em;
  line-height: 1.4em;
}
#header .con_header .box_hnav .tel {
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  line-height: 1.2em;
  color: #f07532;
  letter-spacing: 0.05em;
}
#header .con_header .box_hnav .tel .num {
  font-size: 24px;
  line-height: 1em;
  font-weight: bold;
}
#header .con_gnav {
  clear: both;
  margin-top: 4px;
}
#header .con_gnav .logo {
  width: 32%;
  max-width: 340px;
  height: auto;
  float: left;
}
#header .con_gnav #gnav {
  width: 65%;
  max-width: 745px;
  float: right;
}
#header .con_gnav #gnav li {
  float: left;
}
#header .con_gnav #gnav li.gnav_home {
  width: 20%;
}
#header .con_gnav #gnav li.gnav_cp {
  width: 20%;
}
#header .con_gnav #gnav li.gnav_gp {
  width: 20%;
}
#header .con_gnav #gnav li.gnav_sr {
  width: 20%;
}
#header .con_gnav #gnav li.gnav_rev {
  width: 20%;
  background: transparent url("../images/header/line_rev.png") bottom left repeat-x;
}
#header .con_gnav #gnav li.gnav_rev a {
  cursor: pointer;
}
#header .con_gnav #gnav li.gnav_rev a span.jp {
  color: #e70006;
}
#header .con_gnav #gnav li.gnav_rev a:hover, #header .con_gnav #gnav li.gnav_rev a.active {
  background: transparent url("../images/header/line_rev.png") bottom left repeat-x;
}
#header .con_gnav #gnav li a {
  height: 70px;
  display: block;
  text-decoration: none;
  text-align: center;
  position: relative;
}
#header .con_gnav #gnav li a:before {
  content: '';
  width: 1px;
  height: 65%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #dbdbdb;
}
#header .con_gnav #gnav li a:hover, #header .con_gnav #gnav li a.active {
  background: transparent url("../images/header/line_gnav.png") bottom left repeat-x;
}
#header .con_gnav #gnav li a span {
  display: block;
}
#header .con_gnav #gnav li a span.jp {
  font-size: 15px;
  line-height: 1.4em;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  padding-top: 8px;
  color: #000;
  letter-spacing: -0.05em;
}
#header .con_gnav #gnav li a span.en {
  font-size: 10px;
  line-height: 1.4em;
  color: #b8b8b8;
  margin-top: 0.2em;
}

@media only screen and (min-width: 768px) {
  .view_sp {
    display: none !important;
  }
  #nav {
		display: none;
	}
}
@media only screen and (max-width: 767px) { /*スマホ対応追加*/
  .view_pc-tab {
    display: none !important;
  }
  /* 開閉制御ボタンだが、中身はチェックボックスなので非表示 */
	#nav {
		display: none;
	}
	/* labelじゃなくてもいいと思うが、ひとまず開閉ボタンの位置設定 */
	label {
		cursor: pointer;
		position: fixed;
		top: 0;
		right: 0;
	}

	/* ドロワーを閉じてる時のボタン（背景部分）を生成 */
	.open {
		z-index: 2;
		width: 59px;
		height: 59px;
    background: #2f4f97;
		transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	/* ドロワーを開いてる時のボタン（背景部分）を生成 */
	.close {
		z-index: 1;
		width: 100%;
		height: 100%;
		pointer-events: none;
		transition: background .6s;
	}

	/* 3本線の生成 */
	.open span,
	.open::before,
	.open::after {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		left: 30%;
		width: 40%;
		border-bottom: 2px solid white;
		transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	/* 閉じてる際、中心から上に移動させ「上の線」にする */
	.open::before {
		transform: translateY(-8px);
	}
	/* 閉じてる際、中心から上に移動させ「下の線」にする */
	.open::after {
		transform: translateY(8px);
	}

	/* ドロワーを開く際に、ドロワー幅分移動させる */
	#nav:checked + .open {
		background: #2f4f97;
		/*transform: translateX(309px);*/
 
	}

	/* 開く際、上の線の回転値を設定 */
	#nav:checked + .open::before {
		transform: rotate(45deg);
	}
	/* 開く際、中の線のサイズを設定 */
	#nav:checked + .open span {
		transform: scaleX(0);
	}
	/* 開く際、下の線の回転値を設定 */
	#nav:checked + .open::after {
		transform: rotate(-45deg);
	}

	/* 軽くドロワー部分の設定 */
	.menu {
		z-index: 999;
		position: fixed;
		overflow: auto;
		top: 0;
		left: 0;
    /*right:0;*/
		width: 250px;
		height: 100%;
		margin: 0;
		/*padding: 10px;*/
		box-sizing: border-box;
		/*background: rgb(8 46 132 / 84%);*/
    background: #fff;
		/*transform: translateX(-100%);*/
    transform: translateX(-100%);
		transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	/* 開いてる際にドロワー部分を非表示を削除 */
	#nav:checked ~ .menu {
		transform: none;
    width: 80%;
    box-shadow: 5px 0 10px rgb(0 0 0 / 27%);
    
	}
/**/
  #header .con_header {
    padding-top:5px;
  }
  #header .con_header h1 {
    width: 80%;
    float: none;
  }
  #header .con_header .box_hnav {
    width: 100%;
    float: none;
}
#header .con_header .box_hnav #hnav {
  float: none;
  margin-right: 0;
}
	#header .con_gnav {
		clear: both;
		margin-top: 0;
	}
	#header .con_gnav .logo {
		width: 100%;
		max-width: initial;
		height: auto;
		float: none;
		margin: 0 0 10px;
		background-color: #fff;
	}
	.logo img {
		max-width: 260px;
		margin: 10px;
	}
		#header .con_gnav #gnav {
		width: 100%;
		float: none;
	}
		#header .con_gnav #gnav li {
		float: none;
	}
	#header .con_gnav #gnav li.gnav_home,
	#header .con_gnav #gnav li.gnav_cp,
	#header .con_gnav #gnav li.gnav_gp,
	#header .con_gnav #gnav li.gnav_sr,
	#header .con_gnav #gnav li.gnav_rev {
		width: 100%;
	}
  #header .con_gnav #gnav li.gnav_rev {
    background: none;
  }
  #header .con_gnav #gnav li a:before {
    background-color: inherit;
  }
	#header .con_gnav #gnav li a span.jp {
		color: #333;
    padding-top: 14px;
	}

}

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
.tmp_bt a {
  display: inline-block;
  border: 1px solid #c8cbcd;
  text-align: center;
  padding: 0.8em 4.5em 0.8em 4em;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.tmp_bt a:hover {
  border: 1px solid #313131;
  background-color: #f5f5f5;
}

.tmp_btplan a {
  display: inline-block;
  background-color: #cf9c00;
  text-align: center;
  padding: 0.8em 4.5em 0.8em 4em;
  line-height: 1.4em;
  color: #FFF !important;
  text-decoration: none;
  position: relative;
}
.tmp_btplan a:after {
  content: '';
  position: absolute;
  width: 98.5%;
  height: 89%;
  z-index: 0;
  top: 2%;
  left: 0.5%;
  border: 1px solid #dfc062;
}
.tmp_btplan a:hover {
  background-color: #e6b41d;
}

.tmp_btcl a {
  display: inline-block;
  background-color: #183b84;
  text-align: center;
  padding: 0.8em 4.5em 0.8em 4em;
  line-height: 1.4em;
  color: #FFF !important;
  text-decoration: none;
  position: relative;
}
.tmp_btcl a:after {
  content: '';
  position: absolute;
  width: 98.5%;
  height: 89%;
  z-index: 0;
  top: 2%;
  left: 0.5%;
  border: 1px solid #51659e;
}
.tmp_btcl a:hover {
  background-color: #2751a6;
}

.tmp_title {
  text-align: center;
  background: transparent url("../images/common/line_w.png") bottom left repeat-x;
  padding: 4px 0 32px;
}
.tmp_title h2, .tmp_title h3 {
  font-weight: normal;
}
.tmp_title h2 span, .tmp_title h3 span {
  display: block;
}
.tmp_title h2 span.jp, .tmp_title h3 span.jp {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: 2.2em;
  line-height: 1em;
}
.tmp_title h2 span.en, .tmp_title h3 span.en {
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 1.2em;
  line-height: 1.2em;
  margin-top: 0.3em;
  color: #60a2e9;
}

.tmp_st {
  text-align: center;
  position: relative;
}
.tmp_st:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: transparent url("../images/common/line_st.png") top left repeat-x;
  z-index: 0;
}
.tmp_st:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: transparent url("../images/common/line_st.png") top left repeat-x;
  z-index: 0;
}
.tmp_st h3, .tmp_st h4 {
  font-weight: normal;
  padding: 26px 0;
  position: relative;
  z-index: 100;
}
.tmp_st h3:before, .tmp_st h4:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 66px;
  height: 4px;
  margin-left: -33px;
  background: transparent url("../images/common/line_st_cl.png") top left repeat-x;
}
.tmp_st h3 span, .tmp_st h4 span {
  display: block;
}
.tmp_st h3 span.jp, .tmp_st h4 span.jp {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: 1.8em;
  line-height: 1.4em;
}
.tmp_st h3 span.en, .tmp_st h4 span.en {
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 0.9em;
  line-height: 1.4em;
  margin-top: 0.5em;
  letter-spacing: 0.1em;
  color: #60a2e9;
}

.tmp_st_v2 {
  background: transparent url("../images/common/line_w.png") top left repeat-x;
  border-bottom: 1px solid #CCC;
  padding: 32px 0 24px;
}
.tmp_st_v2 h3 {
  font-weight: normal;
}
.tmp_st_v2 h3 span.jp {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: 1.6em;
  line-height: 1em;
}
.tmp_st_v2 h3 span.en {
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 0.9em;
  line-height: 1.2em;
  margin-top: 0.3em;
  color: #60a2e9;
  padding-left: 1em;
  letter-spacing: 0.1em;
}

.tmp_pz {
  clear: both;
  margin-top: 16px;
}
.tmp_pz ul li {
  display: inline;
  font-size: 0.9em;
  line-height: 1.2em;
}
.tmp_pz ul li .home {
  color: #60a2e9;
  padding-right: 0.5em;
  font-size: 1.4em;
  line-height: 1em;
  vertical-align: middle;
}

/* -----------------------------------------------------------
	#obj_search
----------------------------------------------------------- */
#obj_search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 500;
  width: 0;
  height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition-timing-function: opacity 500ms ease-out;
  -moz-transition-timing-function: opacity 500ms ease-out;
  -o-transition-timing-function: opacity 500ms ease-out;
  -ms-transition-timing-function: opacity 500ms ease-out;
  transition-timing-function: opacity 500ms ease-out;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -ms-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  transition-delay: 0ms;
}
#obj_search.active {
  overflow-x: auto;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  background-color: rgba(46, 48, 136, 0.8);
  /*min-width: 1160px;*/
}
#obj_search .inner {
  top: 50%;
  margin-top: -120px;
  position: relative;
  background-color: #FFF;
  clear: both;
  overflow: hidden;
}
#obj_search .inner #bt_close_form {
  position: absolute;
  top: 0;
  right: 0;
}
#obj_search .inner #bt_close_form a {
  display: block;
  background-color: #333;
  text-decoration: none;
  color: #FFF;
  font-size: 24px;
  line-height: 1em;
  padding: 12px 16px;
  cursor: pointer;
}
#obj_search .inner .box_st {
  background: transparent url("../images/home/shadow_st.png") center bottom no-repeat;
  padding: 32px 0 8px;
}
#obj_search .inner .box_st h3 {
  text-align: center;
  font-weight: normal;
}
#obj_search .inner .box_st h3 span {
  display: inline-block;
}
#obj_search .inner .box_st h3 span.jp {
  font-size: 1.8em;
  line-height: 1.4em;
  letter-spacing: 0.05em;
  color: #2e3088;
  vertical-align: middle;
  margin-right: 0.3em;
}
#obj_search .inner .box_st h3 span.en {
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  color: #a7afc7;
  vertical-align: middle;
}
#obj_search .inner .box_search {
  padding: 3%;
}
#obj_search .inner .box_search .wrp_best {
  width: 28%;
  max-width: 302px;
  float: left;
}
#obj_search .inner .box_search .wrp_form {
  width: 70%;
  float: right;
}
@media only screen and (max-width: 767px) { /*スマホ対応追加*/
  #obj_search .inner .box_search .wrp_best {
    width: 100%;
    max-width: 302px;
    float: none;
    margin: 0 auto;
}
#obj_search .inner .box_search .wrp_form {
  width: 100%;
  float: none;
}
}

#obj_search .inner .box_search .wrp_form .form_area form {
  clear: both;
  display: flex;
    flex-wrap: wrap;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_hotels {
  width: 33%;
  float: none;
  margin-right: 2%;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_hotels em {
  display: inline-block;
  padding-bottom: 0.3em;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_hotels select {
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  padding: 1em 2%;
  border: 1px solid #c8cbcd;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(#ffffff 0%, #e8e8e8 100%);
}
#obj_search .inner .box_search .wrp_form .form_area form .box_day {
  width: 20%;
  float: none;
  position: relative;
  margin-right: 2%;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_day em {
  display: inline-block;
  padding-bottom: 0.3em;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_day input {
  width: 96%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  padding: 1em 2%;
  border: 1px solid #c8cbcd;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(#ffffff 0%, #e8e8e8 100%);
}
#obj_search .inner .box_search .wrp_form .form_area form .box_day .ic {
  position: absolute;
  right: 5%;
  top: 50%;
  color: #ac9628;
  font-size: 16px;
  line-height: 1.4em;
  pointer-events: none;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_sta {
  width: 10%;
  float: none;
  margin-right: 2%;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_sta em {
  display: inline-block;
  padding-bottom: 0.3em;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_sta select {
  width: 96%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  padding: 1em 2%;
  border: 1px solid #c8cbcd;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(#ffffff 0%, #e8e8e8 100%);
}
#obj_search .inner .box_search .wrp_form .form_area form .box_per {
  width: 10%;
  float: none;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_per em {
  display: inline-block;
  padding-bottom: 0.3em;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_per select {
  width: 96%;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  padding: 1em 2%;
  border: 1px solid #c8cbcd;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background-image: -moz-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(#ffffff 0%, #e8e8e8 100%);
  background-image: linear-gradient(#ffffff 0%, #e8e8e8 100%);
}
#obj_search .inner .box_search .wrp_form .form_area form .btn_submit {
  width: 17%;
  margin: 0 0 0 2%;
  float: none;
  background-color: #cf9c00;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  padding: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 16px;
}
#obj_search .inner .box_search .wrp_form .form_area form .btn_submit input {
  display: block;
  width: 100%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dfc062;
  background: transparent url("../images/common/ic_zoom.png") 8% center no-repeat;
  color: #FFF;
  padding: 0.6em 0 0.6em 1em;
  font-size: 16px;
  line-height: 2em;
  cursor: pointer;
}
#obj_search .inner .box_search .wrp_form .link_area {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
}
#obj_search .inner .box_search .wrp_form .link_area .bts {
  width: 55%;
  display: flex;
  flex-wrap: wrap;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li {
  width: 49%;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li.bt_plan {
  margin-right: 2%;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li.bt_plan a {
  background-color: #f2f2eb;
  border: 1px solid #8b8b8b;
  text-align: center;
  text-decoration: none;
  padding: 1em 0;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li.bt_plan a span.ic {
  color: #8c8c8c;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li.tmp_btcl a {
  background-color: #183b84;
  text-align: center;
  padding: 1em 0;
  line-height: 1.4em;
  color: #FFF !important;
  text-decoration: none;
  position: relative;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li.tmp_btcl a:after {
  content: '';
  position: absolute;
  width: 98.5%;
  height: 89%;
  z-index: 0;
  top: 2%;
  left: 0.5%;
  border: 1px solid #51659e;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li.tmp_btcl a:hover {
  background-color: #2751a6;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li a {
  text-decoration: none;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#obj_search .inner .box_search .wrp_form .link_area .links {
  width: 40%;
  margin-left: 3%;
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
}
#obj_search .inner .box_search .wrp_form .link_area .links li {
  display: inline;
  margin-left: 1em;
  vertical-align: middle;
}
#obj_search .inner .box_search .wrp_form .link_area .links li:first-child {
  margin-left: 0;
}
#obj_search .inner .box_search .wrp_form .link_area .links li a {
  line-height: 1.4em;
  text-decoration: none;
}
#obj_search .inner .box_search .wrp_form .link_area .links li a:hover {
  text-decoration: underline;
}
#obj_search .inner .box_search .wrp_form .link_area .links li a span.ic {
  font-size: 0.9em;
  line-height: 1.4em;
}

@media only screen and (max-width: 767px) { /*スマホ対応追加*/
#obj_search .inner {
  top: 5%;
  margin-top: 0;
}
#obj_search .inner .box_search .wrp_best {
  margin: 0 auto 10px;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_hotels {
    width: 100%;
    margin-bottom: 10px;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_day {
    width: 100%;
    margin-bottom: 10px;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_sta {
    width: 49%;
}
#obj_search .inner .box_search .wrp_form .form_area form .box_per {
    width: 49%;
}
#obj_search .inner .box_search .wrp_form .form_area form .btn_submit {
  width: 100%;
  margin: 16px 0 0;
}
#obj_search .inner .box_search .wrp_form .form_area form .btn_submit input {
  line-height: 1.4em;
}
#obj_search .inner .box_search .wrp_form .link_area .bts,
#obj_search .inner .box_search .wrp_form .link_area .links {
  width: 100%;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li {
  width: 100%;
  margin: 0 0 10px;
}
#obj_search .inner .box_search .wrp_form .link_area .bts li.bt_plan {
  margin-right: 0;
}
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
  margin: 64px auto 0;
 /* min-width: 1150px;*/  /*スマホ対応*/
}
#footer .con_tit {
  background-color: #3c3c4a;
  padding: 40px 0;
}
#footer .con_tit h3 {
  text-align: center;
  color: #FFF;
  font-weight: normal;
}
#footer .con_tit h3 span {
  display: block;
}
#footer .con_tit h3 span.jp {
  font-size: 1.8em;
  line-height: 1.2em;
  letter-spacing: 0.1em;
}
#footer .con_tit h3 span.en {
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  font-family: "Times New Roman", Times, Garamond, Georgia, serif;
  color: #b5b5b8;
  margin-top: 0.3em;
}
#footer .con_footer {
  background-color: #5d8bd0;
  padding: 32px 0;
}
#footer .con_footer .inner {
  width: 95%;
  max-width: 1150px;
  margin: 0 auto;
}
#footer .con_footer .inner .hotellist_title {
	color: #FFF;
    font-size: 18px;
    border-left: 5px solid #FFF;
    padding: 2px 0 2px 10px;
    margin: 0 0 20px 0;
}
#footer .con_footer .inner .box_footer {
  clear: both;
  overflow: hidden;
  margin: 0 0 16px 0;
   /*スマホ対応追加*/
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-flex;
   display: flex;
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   align-items: flex-start;
}
#footer .con_footer .inner .box_footer li {
  width: 23.5%;
  margin-left: 2%;
  /*float: left;*//*スマホ対応追加*/
  margin-bottom: 2%;
 
}
#footer .con_footer .inner .box_footer li:nth-child(4n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .inner .box_footer li {
    width: 49%; /*スマホ対応追加*/
  }
  #footer .con_footer .inner .box_footer li:nth-child(4n+1) {
    margin-left: 2%;
  }
  #footer .con_footer .inner .box_footer li:nth-child(odd) {
    margin-left: 0%;
}
}
#footer .con_footer .inner .box_footer li a {
  display: block;
  text-decoration: none;
  color: #FFF;
}
#footer .con_footer .inner .box_footer li span {
  display: block;
}
#footer .con_footer .inner .box_footer li span.img {
  text-align: center;
}
#footer .con_footer .inner .box_footer li span.name {
  text-align: center;
  color: #FFF;
  line-height: 1.4em;
  margin-top: 0.6em;
  letter-spacing: 0.1em;
}
#footer .con_footer .inner .wrp_lnk {
  width: 32%;
  display: inline-block;
  vertical-align: top;
}
#footer .con_footer .inner .wrp_lnk:last-child {
  display: none; /*スマホ対応追加・非表示*/
}
@media only screen and (max-width: 767px) { /*スマホ対応追加*/
  #footer .con_footer .inner .wrp_lnk {
    width: 100%;
    display: block;
  }
}
#footer .con_footer .inner .wrp_lnk .st_rest {
  margin: 0 auto 20px;
  width: 90%;
  text-align: center;
  color: #fff;
  background: #3c3c4a;
  padding: 10px 0;
}
@media only screen and (max-width: 767px) { /*スマホ対応追加*/
  #footer .con_footer .inner .wrp_lnk .st_rest {
    margin: 0 auto 20px;
}
}
#footer .con_footer .inner .wrp_lnk .restlist {
  text-align: center;
}
@media only screen and (max-width: 767px) { /*スマホ対応追加*/
  #footer .con_footer .inner .wrp_lnk .restlist {
  margin-bottom : 20px;
}
}
#footer .con_footer .inner .wrp_lnk .restlist li {
  margin-right: 20px;
  display: inline-block;
  color: #fff;
}
#footer .con_footer .inner .wrp_lnk .restlist li span {
  margin-right: .5em;
}
#footer .con_footer .inner .wrp_lnk .restlist li span.ic {
  font-size: 0.9em;
  line-height: 1.4em;
}
#footer .con_footer .inner .wrp_lnk .restlist li a {
  text-decoration: none;
  color: #fff;
}
#footer .con_footer .inner .wrp_lnk .restlist li:hover {
  text-decoration: underline;
}
#footer .con_footer .inner .wrp_lnk .restlist li:nth-child(2) {
  margin-right: 0;
}
#footer .con_footer .inner .wrp_lnk .qr {
  text-align: center;
}
#footer .con_footer .inner .wrp_lnk .qr li {
  display: inline-block;
  margin-left: 30px;
}
#footer .con_footer .inner .wrp_lnk .qr li:first-child {
  margin-left: 0;
}
#footer .con_footer .inner .wrp_lnk .qr li span {
  display: block;
  color: #fff;
}
#footer #copyright {
  text-align: center;
  padding: 16px 0;
  font-size: 0.8em;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

/* -----------------------------------------------------------
	下層共通スタイル
----------------------------------------------------------- */
/* -----------------------------------------------------------
	Table		表設定
----------------------------------------------------------- */
table.tbl_basic {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #FFF;
}
table.tbl_basic thead tr th {
  padding: 16px 3%;
  text-align: center;
  background: #eeeeee;
  border: #cecece solid 1px;
  font-weight: normal;
  width: 19%;
}
table.tbl_basic tbody tr th {
  padding: 16px 3%;
  text-align: center;
  background: #eeeeee;
  border: #cecece solid 1px;
  font-weight: normal;
  width: 19%;
}
table.tbl_basic tbody tr td {
  padding: 16px 3%;
  border: #cecece solid 1px;
  width: 69%;
}