@charset "UTF-8";

#innerWrap{
	width: 100%;
	clear:both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■top_main
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.top_main h1{
	line-height: 1.4;
	font-size:19px;
	margin-bottom: 0;
	padding: 16px;
}
#header_image{
	margin-bottom: 16px;
}
#header_image img{
	max-width: 100%;
    height: auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■benefits_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.benefits_sec{
	padding: 0 16px;
}
.benefits_sec .ttl{
	font-size:17px;
	margin: 0 0 20px;
	text-align:left;
	padding: 10px 15px;
}
.benefits_sec .ttl strong{
	font-size:19px;
}
.benefits_sec .block{
	margin-bottom: 30px;
	display:block;
}
.benefits_sec .block .img{
	width: 100%;
	margin-bottom: 16px;
}
.benefits_sec .block .img + .txt_area{
	width: 100%;
}
.benefits_sec .block .hd{
	margin-bottom: 15px;
}
.benefits_sec .block .info_btn{
	margin-top: 15px;
	text-align:center;
}
.benefits_sec .block .info_btn a{
	width: 100%;
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■tabwrap
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*-----------------------------------
	tab
------------------------------------*/
#tab{
	margin-bottom: 35px;
	display:block;
}
#tab li{
	width: 100%;
	margin-bottom: 0;
}
#tab li .img{
	width: 26%;
}
#tab li .txt_area{
	width: 74%;
	padding-left: 15px;
}
#tab li .txt_area p{
	font-size:17px;
}
#tab li .txt_area p span{
	font-size:13px;
}
#tab li.select{
	border-width: 3px;
}

/*-----------------------------------
	content
------------------------------------*/
#tabwrap .content{
	margin-bottom: 50px;
}
#tabwrap .content .ttl{
	font-size:22px;
	margin-bottom: 25px;
	padding: 0 16px 18px 16px;
}
#tabwrap .content .ttl span{
	font-size:14px;
	background: none;
	padding: 0;
	margin-bottom: 3px;
}
#tabwrap .content .ttl:after{
	width: 60px;
	height: 4px;
	margin-left: -30px;
}

/*hotel_list_wrap*/
#tabwrap .hotel_list_wrap .area_ttl{
	font-size:16px;
	padding: 15px;
}
#tabwrap .hotel_list_wrap .area_ttl span:after{
	margin-top: -0.7em;
}
#tabwrap .hotel_list_wrap .area_ttl.open span:after{
	width: 15px;
	height: 3px;
}
#tabwrap .hotel_list{
	padding: 0 16px;
}
#tabwrap .hotel_list > li{
	padding: 15px 0;
}
#tabwrap .hotel_list .img{
	width: 115px;
}
#tabwrap .hotel_list .txt_wrap{
	width: calc(100% - 125px);
	display:block;
}
#tabwrap .hotel_list .txt_area{
	width: 100%;
}
#tabwrap .hotel_list .txt_area .name{
	font-size:17px;
}
#tabwrap .hotel_list .txt_area .name .area{
	font-size:11px;
	padding: 2px 4px;
	margin-right: 3px;
}
#tabwrap .hotel_list .txt_area .address{
	font-size:11px;
	margin-top: 2px;
}
#tabwrap .hotel_list .detail_btn{
	width: 100%;
	margin-top: 8px;
}
#tabwrap .hotel_list .detail_btn li{
	width: auto;
	max-width: 90px;
	margin-left: 0;
	margin-right: 7px;
}
#tabwrap .hotel_list .detail_btn li a{
	font-size:13px;
	padding: 8px 12px;
}

/*hotel_list_wrap*/
#tabwrap .tour_list_wrap .block{
	margin-bottom: 30px;
}
#tabwrap .tour_list_wrap .block:last-of-type{
	margin-bottom: 0;
}
#tabwrap .tour_list_wrap{
	padding: 0 16px;
}
#tabwrap .tour_list_wrap .inner{
	padding: 0 0 20px 0;
	display:block;
}
#tabwrap .tour_list_wrap .imgs{
	width: 100%;
	margin-bottom: 15px;
}
#tabwrap .tour_list_wrap .inner .txt_area{
	width: 100%;
}
#tabwrap .tour_list_wrap .tour_ttl{
	font-size:20px;
	text-align:center;
}
#tabwrap .tour_list_wrap .inner .txt_area .txt{
	font-size:13px;
}
#tabwrap .tour_list_wrap .inner .txt_area dl{
	font-size:13px;
	margin-top: 13px;
}
#tabwrap .tour_list_wrap .inner .txt_area dt{
	padding: 5px 15px;
}
#tabwrap .tour_list_wrap .inner .txt_area dd{
	padding: 5px 0 5px 108px;
}
#tabwrap .tour_list_wrap .tour_list{
	padding-bottom: 20px;
}
#tabwrap .tour_list_wrap .tour_list > li{
	padding: 10px 0;
	display:block;
}
#tabwrap .tour_list_wrap .tour_list .txt_area{
	width: 100%;
}
#tabwrap .tour_list_wrap .tour_list .txt_area .plan_ttl{
	font-size:14px;
}
#tabwrap .tour_list_wrap .tour_list .txt_area .plan_ttl .area{
	font-size:11px;
}
#tabwrap .tour_list_wrap .tour_list .txt_area .sub{
	font-size:13px;
	margin-top: 5px;
}
#tabwrap .tour_list .dep_btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 5px;
}
#tabwrap .tour_list .dep_btn li{
	width: calc(25% - 2px);
	margin-left: 0;
	float:none;
}
#tabwrap .tour_list .dep_btn li.reservation{
	width: 100%;
	margin-left: 0;
}
#tabwrap .tour_list .dep_btn li a{
	font-size:13px;
	background: #FF5700;
	padding: 8px 5px;
}