@charset "UTF-8";
/* CSS Document */
.content .image_area img {
  width: 100%;
  vertical-align: bottom;
  zoom: 1 !important;
}
.content .float_right img {
  width: 100%;
}
.content .float_left img {
  width: 100%;
}
.content .bg_cell {
  font-size: 12px;
}
.btn_toggle {
  width: 100%;
  margin: 0 auto;
}
.spot_image_text h4.common {
  line-height: 22px !important;
  margin-bottom: 2px;
}
.spot_title {
  float: left;
  width: 50%; /* IE8以下とAndroid4.3以下用フォールバック */
  width: -webkit-calc(100% - 25% - 30px);
  width: calc(100% - 25% - 30px);
}
.spot_image_text {
  float: left;
  width: 90%; /* IE8以下とAndroid4.3以下用フォールバック */
  width: -webkit-calc(100% - 14px);
  width: calc(100% - 14px);
}
.ico_eat {
  margin-left: 10px;
}
ul.head_arrange2 li h4 {
  text-indent: -2em;
  padding-left: 2em;
}
ul.head_arrange3 li h4 {
  text-indent: -1em;
  padding-left: 1em;
}
.pl_72 {
  padding-left: 72px !important;
}
span.ti02 {
  line-height: 1.5em;
}
/* =======================================
	各エリアのスタイル
======================================= */
/*タブエリア*/
ul.tab > li {
  float: left;
  cursor: pointer;
  width: 49%;
}
/*タイムテーブルエリア*/
dl.time_schedule {
  font-size: 12px;
  line-height: 1.2em;
}
dl.time_schedule dt {
  clear: both;
  color: #1b4782;
  padding: 2px 10px 2px 0;
  margin-right: 6px;
  font-weight: bold;
  float: left;
}
dl.time_schedule dd {
  float: left;
  width: 75%; /* IE8以下とAndroid4.3以下用フォールバック */
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  padding-top: 2px;
}
/*矢印が下につくタイプ*/
.time_schedule_arrow li:after {
  content: "\002193";
  display: block;
  color: #1B4782;
  font-weight: bold;
  font-size: 15px;
  margin: 2px 0 2px 5px;
}
.time_schedule_arrow li:last-child:after {
  content: "";
}
/* =======================================
　おすすめツアー
======================================= */
#illust05 {
  position: absolute;
  right: 10px;
  top: 2px;
}
/* =======================================
　気候テーブル
======================================= */
table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table td, table th {
  border: 2px solid #e4e4e4;
  background-color: #fff;
  padding: 0.3rem 0;
}
table .season {
  padding: 0.2rem 0;
  background-color: #1b4782;
  color: #fff;
}
table .cont {
  width: 30%;
  background-color: #eef4fc;
  font-weight: bold;
  color: #1b4782;
}
/* おすすめツアー */
#tourArea {
  width: auto;
  margin: 30px 3% 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #FFF;
  box-shadow: 0 2px 2px #d7d7d7;
}
h3.ti_pickup {
  background: url(../../img/sp/common/m_bg_h3.png) 0 0 repeat;
  color: #fff;
  padding: 14px 15px 14px 15px;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 15px;
}
/* ウルルタブ内タブ */
.inner_tab {
  display: flex;
  margin-left: calc(-10vw / 7.5);
  top: 0 !important;
  margin: calc(40vw / 7.5) 0 calc(40vw / 7.5) calc(-10vw / 7.5);
}
ul.tab > li:first-child {
  margin-right: 0;
}
.inner_tab--item {
  margin-left: calc(10vw / 7.5);
}

.indent_1em {
  padding-left: 1em;
  text-indent: -1em;
}