@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;
}
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;
}