@charset "UTF-8";


html.is-modal-open {
	overflow: hidden;
}


/* #wrap-container {
	width: auto;
	height: auto;
} */


@media (max-width: 640px) {
	/* .contents-1col {
		padding: 0!important;
	} */
	.cp-container-parents {
		/* width: 100%; */
		/* padding: 0!important;
		margin: 0!important; */
		margin-top: 40px!important;
	}
}


.bnrWrp {
	display: none;
	margin-top: 45px!important;
}


.bnrWrp img {
		width: 100%;
	}

.list_no_style {
 margin-left: 0 !important;
}
.list_no_style li {
 list-style: none;
}

@media (max-width: 640px) {


.bnrWrp {
		margin-top: 35px!important
}
	}


.ttlText {
	border-top: 3px solid #093568;
	position: relative;
	padding: 25px 15px;
	color: #093568;
	font-size: 20px;
	text-align: left;
}


.ttlText span {
		display: inline-block;
		position: relative;
		font-weight: bold;
		padding-left: 20px
	}


.ttlText span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: #093568;
}


/* ▼▼▼方面を絞り込む▼▼▼ */


.areaWrp {
	margin: 0 auto;
}


/* ■キャプション */


.areaWrp .areaCaption {
	margin-top: 65px
}


@media (max-width: 640px) {


.areaWrp .areaCaption {
		margin-top: 50px
}
	}


/* ■タブ */


.areaWrp .areaTab {
	width: 100%;
	margin-top: 10px;
}


.areaWrp .areaTab .tabToggle {
	display: none;
	margin-bottom: 1em;
	text-align: center;
}


.areaWrp .areaTab .tabToggle a {
	display: block;
	padding: 0.5em;
	text-decoration: none;
	background: #3d73b0;
	border-radius: 2px;
}


.areaWrp .areaTab .tabToggle a .text {
	color: #fff;
	font-weight: bold;
}


.areaWrp .areaTab .tabList {
	margin: 0 auto 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.areaWrp .areaTab .tabList li {
	color: #031844;
	text-align: center;
	border-left: 2px solid #031844;
	border-right: 2px solid #031844;
	white-space: nowrap;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	position: relative;
}


.areaWrp .areaTab .tabList li + li {
		margin-left: -2px;
	}


.areaWrp .areaTab .tabList li a {
		padding: 5px 20px;
		display: block;
	}


.areaWrp .areaTab .tabList li.active:after {
			content: "";
			display: block;
			background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%2212px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(9%2C%2053%2C%20104)%22%20d%3D%22M8.000%2C11.993%20L-0.003%2C6.000%20L8.000%2C0.007%20L8.000%2C11.993%20Z%22%2F%3E%3C%2Fsvg%3E');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position: center center;
			position: absolute;
			bottom: -8px;
			left: 0;
			right: 0;
			width: 8px;
			height: 16px;
			margin: auto;
			transform: rotate(-90deg);
		}


.areaWrp .areaTab .tabList li:last-child {
}


.areaWrp .areaTab .tabList li.active {
	font-weight: bold;
}


.areaWrp .areaTab .tabListWrap {
	margin-bottom: -30px;
}


.areaWrp .areaTab .subttlText {
		display: none;
	}


@media (min-width: 641px) {
	.areaWrp .areaTab .tabList {
	}
	.areaWrp .areaTab .tabListWrap {
		display: block!important;
	}
}


@media (max-width: 640px) {
	.areaWrp .areaTab .tabToggle {
		display: block;
		position: relative
	}
			.areaWrp .areaTab .tabToggle.active:after {
				transform: rotate(90deg);
			}

		.areaWrp .areaTab .tabToggle:after {
			content: "";
			display: block;
			background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%2212px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M8.000%2C11.993%20L-0.003%2C6.000%20L8.000%2C0.007%20L8.000%2C11.993%20Z%22%2F%3E%3C%2Fsvg%3E');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position: center center;
			position: absolute;
			top: 50%;
			right: 13px;
			width: 8px;
			height: 12px;
			margin: auto;
			margin-top: -6px;
			transform: rotate(-90deg);
		}


	.areaWrp .areaTab .tabListWrap {
		position: relative;
		margin-bottom: 0;
		display: none;
		padding: 0 2px;
	}

	.areaWrp .areaTab .tabList {
		width: auto;
		justify-content: left;
	}
	.areaWrp .areaTab .tabList li {
		width: 50%;
		margin: 0;
		border-radius: 0;
	}
	.areaWrp .areaTab .tabList li a {
		font-size: 15px;
	}

	.areaWrp .areaTab .tabList li + li {
		/*border-top: 1px dotted #eee;*/
	}
	.areaWrp .areaTab .tabList li:nth-child(2n + 1) {
		margin-left: -2px;
	}
	.areaWrp .areaTab .tabList li.active::after {
		transform: rotate(180deg);
		right: auto;
		bottom: auto;
		top: 50%;
		margin-top: -4px;
		left: 7px;
		width: 4px;
		height: 8px;
	}

	.areaWrp .areaTab .subttlText {
		display: block;
		color: #093568;
		font-size: 16px;
		text-align: center;
		padding: 0 0 20px;
		margin-top: -15px;
	}
}


/* ■データ表示 */


.areaData {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 50px
}


@media (max-width: 640px) {


.areaData {
		margin-top: 20px
}
		
	}


@media (max-width: 640px) {


.areaData .areaDataInner,
.areaData.all .searchWrp,
.areaData .moduleAll {
		display: block!important
}
	}


.areaData.all .areaDataInner,
.areaData.all .moduleAll,
.areaData.hokkaido .hokkaidoCon,
.areaData.okinawa .okinawaCon,
.areaData.kanto .kantoCon,
.areaData.kyushu .kyushuCon,
.areaData.kansai .kansaiCon,
.areaData.tohoku .tohokuCon,
.areaData.hokuriku .hokurikuCon,
.areaData.tokai .tokaiCon,
.areaData.chushi .chushiCon {
}


/* pickup */


.areaData .pickupPlan {
	margin-bottom: 50px;
}


.areaData .pickupPlan .pickupPlanInner {
		background: #f4f4f4;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: relative
	}


@media (max-width: 640px) {


	.areaData .pickupPlan .pickupPlanInner {
			display: block
	}
		}


.areaData .pickupPlan .pickupPlanInner .caption {
			position: absolute;
			top: 26px;
			width: auto;
			max-width: 40%;
			left: 0;
			background: -webkit-linear-gradient(150deg,transparent 30px,transparent 0,#093568 0);
			background: -o-linear-gradient(150deg,transparent 30px,transparent 0,#093568 0);
			background: linear-gradient(-60deg,transparent 30px,transparent 0,#093568 0);
			padding: 7px  3em 7px 10px;
			color: #fff;
			font-size: 16px
		}


@media (max-width: 640px) {

		.areaData .pickupPlan .pickupPlanInner .caption {
				max-width: none;
				margin-right: 1em
		}
			}


.areaData .pickupPlan .pickupPlanInner .thumb {
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			flex: 1.5
		}


@media (max-width: 640px) {
		.areaData .pickupPlan .pickupPlanInner .thumb {
				height: 250px
		}
			}


.areaData .pickupPlan .pickupPlanInner .detail {
			flex-basis: 13%;
			flex: 1;
			padding: 15px 35px 25px
		}


@media (max-width: 640px) {
	
		.areaData .pickupPlan .pickupPlanInner .detail {
				padding: 25px 5%
		}
			}


.areaData .pickupPlan .pickupPlanInner .detail .hotelName {
				color: #333333;
				border-top: 2px solid #aaaaaa;
				border-bottom: 2px solid #aaaaaa;
				padding: 15px 0 15px;
				margin: 10px 0 10px;
				font-size: 20px;
				text-align: center;
				font-weight: bold
			}


@media (max-width: 640px) {
	
			.areaData .pickupPlan .pickupPlanInner .detail .hotelName {
					font-size: 16px
			}
				}


.areaData .pickupPlan .pickupPlanInner .detail .price {
				color: #333333;
				text-align: center;
				font-size: 40px;
				font-weight: bold
			}


@media (max-width: 640px) {
	
			.areaData .pickupPlan .pickupPlanInner .detail .price {
					font-size: 28px
			}
				}


.areaData .pickupPlan .pickupPlanInner .detail .depAirport {
				font-size: 25px
			}


@media (max-width: 640px) {
	
			.areaData .pickupPlan .pickupPlanInner .detail .depAirport {
					font-size: 20px
			}
				}


.areaData .pickupPlan .pickupPlanInner .detail .text {
				font-size: 16px;
			}


.areaData .pickupPlan .pickupPlanInner .pickupPlanLink {
			background: #d54100;
			color: #fff;
			width: 85%;
			margin: 0 auto;
			text-align: center;
			font-weight: normal;
			border: none;
			padding: 10px;
			padding-right: 2em;
			position: relative;
			display: block;
			vertical-align: middle;
			box-sizing: border-box;
			border-radius: 4px;
			cursor: pointer;
			font-size: 16px;
			margin-top: 7%
		}


@media (max-width: 640px) {
		.areaData .pickupPlan .pickupPlanInner .pickupPlanLink {
				width: 100%
		}
			}


.areaData .pickupPlan .pickupPlanInner .pickupPlanLink:after {
				content: "";
				display: block;
				position: absolute;
				top: 48%;
				right: 4%;
				margin: -5px 0 0 -5px;
				width: 8px;
				height: 8px;
				border-top: solid 2px #fff;
				border-right: solid 2px #fff;
				transform: rotate(45deg);
				transition: 0.3s right;
			}


@media (max-width: 640px) {


.areaData .pickupPlan {
}
	}


.areaData .areaList {
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: -15px -7px;
	flex-wrap: wrap;
	margin-bottom: 15px
}


@media (max-width: 640px) {


.areaData .areaList {
		margin: 0;
		display: block;
		margin: 0
}
/*			.areaData .areaList:not(.is-active) .areaListItem {
				display: none!important
			}
				.areaData .areaList:not(.is-active) .areaListItem.is-show[data-gadget-index="0"] {
					display: block!important;
				}
*/
	}


@media (max-width: 640px) {


.areaData .res-textbox {
		display: none
}
	}


.areaData .areaList .areaListItem {
	width: 33.33333%;
	font-size: 16px;
	vertical-align: top;
	padding: 15px 7px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex


}


@media (max-width: 640px) {


.areaData .areaList .areaListItem {
		padding: 0;
		width: auto;


}

		.areaData .areaList .areaListItem + .areaListItem {
			margin-top: 35px;
		}
	}


@media (min-width: 641px) and (max-width: 920px) {
	.areaData .areaList .areaListItem {
		width: 50%;
	}
}


.areaData .areaList .detailData {
	border: 1px solid #ccc;
	border-top: 3px solid #093568;
	background: #fff;
	height: 100%;
	padding-bottom: 90px;
	position: relative;
	width: 100%
}


@media (max-width: 640px) {


.areaData .areaList .detailData {
		padding-bottom: 0
}
	}


.areaData .areaList .detailData .dataCaption {
	padding: 15px 10px;
	color: #093568;
	font-size: 16px;
	min-height: 78px
}


@media (max-width: 640px) {


.areaData .areaList .detailData .dataCaption {
		min-height: auto
}
	}


.areaData .areaList .detailData .dataCaption a {
	font-weight: bold;
	text-decoration: none;
}


.areaData .areaList .detailData .dataCaption a:hover {
	text-decoration: underline;
}


.areaData .areaList .detailData .dataThumb {
	text-align: center;
	margin-bottom: 1px;
}


.areaData .areaList .detailData .dataThumbList .slick-dots {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}


.areaData .areaList .detailData .dataThumbList .slick-dots > li {
			margin: 0;
			width: 33.3333%;
			height: auto;
			opacity: 0.5;
		}


.areaData .areaList .detailData .dataThumbList .slick-dots > li + li {
					margin-left: 1px;
			}


.areaData .areaList .detailData .dataThumbList .slick-dots > li.slick-active {
					opacity: 1;
			}


.areaData .areaList .detailData .dataThumbList .dataThumbInner {
		background-color: #bbbbbb;
	}


.areaData .areaList .detailData .dataThumbList .dataThumbInner + .dataThumbInner {
			margin-left: 1px;
		}


.areaData .areaList .detailData .dataThumbInner {
  display: block!important;
	position: relative;
}


.areaData .areaList .detailData .dataThumbInner img {
		width: 100%;
	}


.areaData .areaList .detailData .icon {
	display: inline-block;
}


.areaData .areaList .detailData .dataThumb .caption {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px 10px;
	background: rgba(0,0,0,0.6);
	color: #fff;
}


.areaData .areaList .detailData .dataPrice {
	padding: 16px 20px 0;
	color: #d54100;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}


.areaData .areaList .detailData .dataPrice span {
		font-weight: bold;
		font-size: 22px;
	}


.areaData .areaList .detailData .dataPrice .depAirport {
	padding: 0 15px 0 0;
	color: #000;
	font-size: 16px;
	font-weight: normal;
}


.areaData .areaList .detailData .dataPrice .balloon {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	padding: 0.7em 1em 0.5em;
	color: #333;
	font-size: 12px;
	line-height: 1.3;
	text-align: left;
	border-radius: 20px;
	background: #c8edfc;
}


.areaData .areaList .detailData .dataPrice .balloon:before {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color: transparent;
	border-top-color: #c8edfc;
	margin-left: -9px;
}


.areaData .areaList .detailData .dataPrice .priceList {
  min-height: 90px;
}


.areaData .areaList .detailData .dataPrice .priceList dt {
	width: 50%;
	float: left;
	clear: left;
	text-align: left;
	font-size: 18px;
	vertical-align: middle;
}


.areaData .areaList .detailData .dataPrice .priceList dd {
	width: 50%;
	float: left;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
	vertical-align: middle;
}


.areaData .areaList .detailData .detaLink {
	padding: 34px 20px 0;
	font-size: 16px;
}


.areaData .areaList .detailData .dataText {
	padding: 20px 15px 0;
	font-size: 12px
}


@media (max-width: 640px) {


.areaData .areaList .detailData .dataText {
}
	}


.areaData .areaList .detailData .redText {
	padding: 26px 20px 0;
	font-size: 12px;
  color: red;
  min-height: 62px
}


@media (max-width: 640px) {


.areaData .areaList .detailData .redText {
		min-height: auto
}
	}


.areaData .areaList .detailData .coutionText {
	padding: 20px 15px 0;
	font-size: 12px;
  color: red;
  min-height: 62px
}


@media (max-width: 640px) {


.areaData .areaList .detailData .coutionText {
		min-height: auto
}
	}


.areaData .areaList .detailData .accessText {
	padding: 26px 20px 0;
	font-size: 12px;
  min-height: 80px
}


@media (max-width: 640px) {


.areaData .areaList .detailData .accessText {
		min-height: auto
}
	}


.areaData .areaList .detailData .dataBtn {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}


@media (max-width: 640px) {


.areaData .areaList .detailData .dataBtn {
	  position: relative;
		margin-top: 20px
}
	}


.areaData .areaList .detailData .dataBtn .subBtn {
	vertical-align: bottom;
	margin: 0 auto;
	padding: 0 20px;
	margin-bottom: 25px;
}


.areaData .areaList .detailData .dataBtn .subBtn a,
.areaData .areaList .detailData .dataBtn .subBtn button {
	display: block;
	width: 100%;
	padding: 8.8px 1em;
	color: #fff;
	font-size: 14px;
	font-family: "メイリオ",Meiryo,Droid Sans,HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","ＭＳ Ｐゴシック","MS PGothic",Helvetica,sans-serif;
	font-weight: bold;
	text-align: center;
	border: none;
	border-radius: 6px;
	text-decoration: none;
	background-color: #d54100;
	width: 100%;
	border: none;
	cursor: pointer;
	position: relative
}


.areaData .areaList .detailData .dataBtn .subBtn a:after, .areaData .areaList .detailData .dataBtn .subBtn button:after {
		content: "";
		display: block;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.25px%22%20height%3D%2219.25px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20stroke-width%3D%221.5px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M2.614%2C0.758%20L10.742%2C9.250%20L2.614%2C17.741%20%22%2F%3E%3C%2Fsvg%3E');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 9px;
		height: 17px;
		margin: auto;
		margin-top: -8px;
	}


.areaListToggle {
	display: none
}

@media (max-width: 640px) {


.areaListToggle {
		position: relative;
		display: block;
		width: 100%;
		padding: 8.8px 1em;
		padding-right: 30px;
		font-size: 14px;
		text-align: center;
		border-radius: 6px;
		text-decoration: none;
		background-color: #fff;
		cursor: pointer;
		border: 1px solid #c1c1c1;
		color: #00146e;
		margin-top: 25px
}

		.areaListToggle:after {
			content: "";
			display: block;
			background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.25px%22%20height%3D%2219.25px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(0%2C%2020%2C%20110)%22%20stroke-width%3D%221.5px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M2.614%2C0.758%20L10.742%2C9.250%20L2.614%2C17.741%20%22%2F%3E%3C%2Fsvg%3E');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			background-position: center center;
			position: absolute;
			top: 50%;
			right: 15px;
			width: 9px;
			height: 17px;
			margin: auto;
			margin-top: auto;
			margin-top: -8px;
			transform: rotate(90deg);
		}
	}


.moduleAll {
	margin: 0 auto;
}


/* ▼▼▼検索フォーム▼▼▼ */


.searchWrp {
	margin: 0 auto;
}


.searchWrp.top {
	margin: 0 auto;
	padding: 40px 0 60px
}


@media (max-width: 640px) {


.searchWrp.top {
		padding: 20px 0 40px !important
}
	}


/* キャプション */


.searchWrp .searchCaption {
	margin: 65px auto 0;
	text-align: center;
}


.searchWrp .searchCaption img {
	display: inline-block;
}


/* ■汎用スタイル */
.areaData .areaList .detailData .dataBtn .subBtn button:hover {
	background-color: #c33c00;
}


.areaData .res-pagetop-box {
	padding-top: 0;
	margin-bottom: 35px;
}


/*============================
#fixBanner
============================*/


#fixBanner { width: 100%; position: fixed; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 98; }


#fixBanner.crossDelete { display: none !important; }


#fixBanner .content { position: relative; }


#fixBanner .content a { text-decoration: none; cursor: pointer; }


#fixBanner .content a.cross { display: block; color: #fff; font-size: 28px; position: absolute; right: 5px; top: 5px; line-height: 1; z-index: 99;}


.ie8 #fixBanner .content a.cross { color: #000;}


#fixBanner .content .bnr_image { width: 80%; margin: 0 auto; padding: 20px 0 20px; }


#fixBanner .content .bnr_image a { display: block; text-align:center;/* background: url(/domtour/theme/sale/supersale_dp/image/170803/bnr_coupon01.gif) no-repeat center;*/}


/*#fixBanner .content .bnr_image img { max-width: 676px; width: 100%; }
@media (min-width: 571px) and (max-width: 1024px) {
#fixBanner .content .bnr_image { padding-left:5%; padding-right:5%; }
}*/


@media screen and (max-width: 570px), screen and (max-height: 640px) {
/* #fixBanner { display: none !important; }*/
/*
#fixBanner .content a.cross { font-size: 24px; position: absolute; right: 5px; top: 3px; z-index: 99;}
#fixBanner .content .bnr_image { padding:9% 3% 3% 3%; }*/
}


/* セール終了ゲージ */


.gauge_wrap {
	display: inline-block;
	margin-bottom: 10px;
}


.gauge_wrap li div {
  width: 40vw;
  height: 9px;
	border-radius: 10px;
}


.yycountdown-box .numImage {
	width: 14px;
}


/* ■下部バナー */


#bnrarea {
	width: 100%;
	margin: 0 auto;
	padding: 25px 0 60px 0;
	text-align: center;
}


#bnrarea li {
	display: inline-block;
	width: auto;
	padding: 0 5px;
	background-color: #fff;
}


#bnrarea li a:hover {
	/*text-decoration: none !important;*/
	opacity: 1;
}


/*
@media (max-width: 980px) {
	#bnrarea li img {
		max-width: 300px;
	}
}
*/


@media (max-width: 700px) {
	#bnrarea li {
		display: block;
	}
	#bnrarea li:first-child {
		padding-bottom: 10px;
	}
	#bnrarea li img {
		/*max-width: 120px;*/
	}
}


.slick-dots {
	position: relative;
	bottom: 0;
}


.fixed-bnrWrp {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	z-index: 1
}


@media (max-width: 640px) {


.fixed-bnrWrp {
		padding: 22px 10px 10px 10px
}
	}


.fixed-bnrWrp .cross {
		display: block;
    color: #fff;
    font-size: 28px;
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 1;
		text-decoration: none
	}


@media (max-width: 640px) {

	.fixed-bnrWrp .cross {
    	top: 2px;
			font-size: 20px
	}
		}


.fixed-bnrWrp .fixed-bnrInner {
		display: inline-block;
		background: #fff;
	}


.fixed-bnrWrp .fixed-bnrInner img {
			width: 100%;
		}


.fixed-bnrWrp a {
		display: block
	}


.fixed-bnrWrp a:hover img {
				opacity: 0.8;
			}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}


.fixed-pagetop {
	position: fixed;
	right: 25px;
	bottom: 140px;
	z-index: 10;
	transition: transform 0.35s
}


@media (max-width: 640px) {


.fixed-pagetop {
		right: 3%;
		bottom: 12%
}
	}


.fixed-pagetop a {
		position: relative;
		display: block;
		height: 60px;
		width: 60px;
		border-radius: 60px;
		text-decoration: none;
		background: rgba(0,0,0,0.7)
	}


@media (max-width: 640px) {

  .fixed-pagetop a {
			height: 45px;
			width: 45px
	}
		}


.fixed-pagetop a:before {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -5px 0 0 -5px;
			width: 10px;
			height: 10px;
			border-top: solid 3px #fff;
			border-right: solid 3px #fff;
			transform: rotate(-45deg);
		}


.res-inner-contents {
	padding-top: 0;
}


.areaCaption_caution {
	margin-left: 15px;
	margin-bottom: 30px;
	text-indent: -1em;
	padding-left: 1em
}


@media (max-width: 640px) {


.areaCaption_caution {
		font-size: 13px;
		margin-left: 0
}
	}


/* 20190914 add */


@media (max-width: 640px) {


.timesale-date {
		padding: 20px 0
}
	}


@media (max-width: 640px) {

	.timesale-date .timesale-date-container {
			padding: 0 5%
	}
		}


.timesale-date .title-box.h2 .ttl-text {
		font-size: 3.5rem;
		font-weight: bold;
		color: #093568;
		padding-bottom: 1rem;
		position: relative;
		margin-bottom: 3rem;
		border-bottom: 2px solid #093568
	}


@media (max-width: 640px) {

	.timesale-date .title-box.h2 .ttl-text {
			font-size: 2.5rem
	}
		}


.timesale-date .title-box.h2 .ttl-text:before {
			content: "";
			position: absolute;
			width: 30px;
			height: 20px;
			right: 0;
			left: 0;
			bottom: -20px;
			z-index: 2;
			display: block;
			margin: auto;
			border-style: solid;
			border-width: 15px 18px 0 18px;
			border-color: #fff7cc transparent transparent;
			background: transparent;
		}


.timesale-date .title-box.h2 .ttl-text:after {
			content: "";
			position: absolute;
			width: 30px;
			height: 20px;
			right: 0;
			left: 0;
			bottom: -22px;
			z-index: 1;
			display: block;
			margin: auto;
			border-style: solid;
			border-width: 15px 18px 0 18px;
			border-color: #0a3668 transparent transparent;
		}


.timesale-date .cp-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}


@media (max-width: 640px) {

		.timesale-date .cp-box + .cp-box {
				margin-top: 20px!important
		}
			}


.timesale-date .sale-period {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
		background: #fff;
		height: 100%
	}


@media (max-width: 640px) {

		
	.timesale-date .sale-period {
		  display: block;
			height: auto
	}
		}


.timesale-date .sale-period-title {
		padding: 10px 20px;
		text-align: center;
		/*width: 35%;*/
		font-size: 2rem;
		background-color: #0a3668;
		color: white;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center
	}


@media (max-width: 640px) {

	.timesale-date .sale-period-title {
		  display: block;
			width: 100%;
			font-size: 1.8rem;
			text-align: left;
			padding: 5px 5%
	}
		}


.timesale-date .sale-period-text {
		font-size: 2.2rem;
		flex: 1 1 0;
		padding: 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center
	}


@media (max-width: 640px) {
	.timesale-date .sale-period-text {
		  display: block;
			padding: 10px 5%;
			font-size: 1.6rem
	}
		}


.timesale-date .sale-period-text .num {
		font-size: 1.1em;
	}


@media (min-width: 641px) {
	.cp-container-child {
		padding: 40px 20px;
	}
}


.areaWrp .areaTab .cp-lnav-container {
		height: auto;
		padding: 0!important
	}


.areaWrp .areaTab .cp-lnav-container:before {
			position: absolute;
			z-index: 0;
			top: auto;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 3px;
			content: "";
			background-color: #0a3668;
		}


.areaWrp .areaTab .cp-lnav-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto;
	}


.areaWrp .areaTab .cp-lnav-list a {
			font-size: 1.6rem;
		}


.areaWrp .areaTab .cp-lnav-list li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex: 1;
		border: 1px solid #0a3668;
		border-left: 0;
		border-bottom: 3px solid #0a3668;
		margin-left: 0;
	}


.areaWrp .areaTab .cp-lnav-list li a {
			padding: 8px 5px;
			font-size: 1.6rem;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			justify-content: center;
			align-items: center;
			line-height: 1.3
		}


.areaWrp .areaTab .cp-lnav-list li a:before {
				display: none;
			}


.areaWrp .areaTab .cp-lnav-list li a:hover {
				background: #0a3668;
				opacity: 0.8;
				text-decoration: none;
				color:white;

			}


.areaWrp .areaTab .cp-lnav-list li.active a {
				background-color: #0a3668;
				color: white;
				opacity: 1;
			}


.areaWrp .areaTab .cp-lnav-list li.active:after {
				display:none;
			}


.areaWrp .areaTab .res-contents.cp-lnav-container.is-touchdevice {
		padding:0!important;
		margin: 0!important;
	}


.module-travel_cover {
	margin-top: 0!important;
}


.module-travel_inner {
}


/* modal */


.datepicker {
	z-index: 1001;
}


.modal-mainmodal {
	display: none;
	position: relative;
	z-index: 12000;
}


.modal-mainmodal .modal-mainmodal-inner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		align-items: center;
	}

.modal-mainmodal .modal-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		z-index: 1;
	}


.modal-mainmodal .modal-contents {
		position: relative;
		z-index: 2;
		max-width: 700px;
		width: 100%;
		background-color: #fff;
	}


.modal-mainmodal .modal-close {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 17px;
		height: 17px;
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
		z-index: 1
	}


@media (max-width: 640px) {

	.modal-mainmodal .modal-close {
			right: 5%
	}
		}


.modal-mainmodal .modal-close:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(153%2C%20153%2C%20153)%22%20d%3D%22M17.985%2C16.570%20L16.571%2C17.985%20L9.000%2C10.414%20L1.929%2C17.485%20L0.515%2C16.071%20L7.586%2C8.999%20L1.015%2C2.428%20L2.429%2C1.014%20L9.000%2C7.585%20L16.071%2C0.514%20L17.485%2C1.928%20L10.414%2C8.999%20L17.985%2C16.570%20Z%22%2F%3E%3C%2Fsvg%3E');
		}


.modal-mainmodal .modal-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}


@media (max-width: 640px) {
	.modal-mainmodal .modal-mainmodal-inner {
		top: auto;
		bottom: 0;
		height: 100dvh;
	}

	.modal-mainmodal .modal-row {
			flex-direction: column;
			height: 100dvh !important;
    	justify-content: space-between
	}
		}


.modal-mainmodal .modal-col.--form {
			width: 75%;
			max-height: 90vh;
			overflow: auto;
			-webkit-overflow-scrolling: touch
		}


@media (max-width: 640px) {
		.modal-mainmodal .modal-col.--form {
				width: 100%;
				max-height: none
		}
			}


.modal-mainmodal .modal-col.--submit {
			width: 25%;
			background-color: #f0f1f4;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 15px
		}


@media (max-width: 640px) {
		.modal-mainmodal .modal-col.--submit {
				width: 100%;
				padding-bottom: 40px;
				align-items: flex-start;
		}
			}


.modal-mainmodal .modal-col.--submit button {
				width: 100%;
				padding: 7px 10px;
				background-color: #000c70;
				color: #fff;
				text-align: center;
				border-radius: 5px;
				border: none;
				outline: none
			}


@media (max-width: 640px) {

			.modal-mainmodal .modal-col.--submit button {
					padding: 12px 10px
			}
				}


.modal-mainmodal .modal-title-wrap {
		background-color: #000c70;
		color: #fff;
		padding: 7px 15px;
	}


.modal-mainmodal .modal-child-title-wrap {
		padding: 10px 15px 0 15px;
		margin-bottom: -10px;
	}


.modal-mainmodal .modal-child-title-wrap .modal-title-label {
			font-size: 1.4rem;
			font-weight: bold;
		}


.modal-mainmodal .modal-content-wrap {
		padding: 15px;
	}


.modal-mainmodal .modal-content-wrap + .modal-child-title-wrap {
			border-top: 1px dotted #000;
		}


.modal-mainmodal .modal-content-row {
		margin-left: 50px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}


@media (max-width: 640px) {
	.modal-mainmodal .modal-content-row {
			flex-wrap: wrap;
			margin-left: 0
	}
		}


.modal-mainmodal .modal-content-col {
		width: 50%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center

	}


@media (max-width: 640px) {
	.modal-mainmodal .modal-content-col {
			width: 100%;
			flex-wrap: wrap;
			padding: 0!important

	}
		}


.modal-mainmodal .modal-content-col.--left {
			padding-right: 10px;
		}


.modal-mainmodal .modal-content-col.--right {
			padding-left: 10px;
		}


.modal-mainmodal .modal-content-col.--full {
			width: 100%;
		}


.modal-mainmodal .modal-content-col .select-date {
			position: relative;
			flex: 1 1 0
		}


.modal-mainmodal .modal-content-col .select-date:before {
				content: "";
				position: absolute;
				top: 50%;
				margin-top: -10px;
				left: 15px;
				width: 15px;
				height: 19px;
				background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(11%2C%2049%2C%20143)%22%20d%3D%22M-0.000%2C18.999%20L-0.000%2C1.931%20L1.304%2C1.931%20L1.304%2C4.185%20L3.913%2C4.185%20L3.913%2C1.931%20L11.087%2C1.931%20L11.087%2C4.185%20L13.695%2C4.185%20L13.695%2C1.931%20L15.000%2C1.931%20L15.000%2C18.999%20L-0.000%2C18.999%20ZM13.695%2C5.474%20L1.304%2C5.474%20L1.304%2C17.711%20L13.695%2C17.711%20L13.695%2C5.474%20ZM6.827%2C12.662%20L11.100%2C8.759%20L12.401%2C9.946%20L8.127%2C13.849%20L6.827%2C15.038%20L5.526%2C13.849%20L2.924%2C11.474%20L4.225%2C10.286%20L6.827%2C12.662%20ZM11.739%2C-0.001%20L13.043%2C-0.001%20L13.043%2C3.541%20L11.739%2C3.541%20L11.739%2C-0.001%20ZM1.956%2C-0.001%20L3.261%2C-0.001%20L3.261%2C3.541%20L1.956%2C3.541%20L1.956%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E');
			}


.modal-mainmodal .modal-content-col .select-date input {
				width: 100%;
				border: none;
				border-bottom: 1px solid #c7c7c7;
				padding-left: 43px;
			}


.modal-mainmodal .modal-content-col label {
			width: 70px;
			font-size: 1.3rem;
			line-height: 1.4;
		}


.modal-mainmodal .modal-content-col input, .modal-mainmodal .modal-content-col .select {
			flex: 1 1 0;
			padding: 5px;
		}


.modal-mainmodal .modal-content-col .select {
			position: relative
		}


.modal-mainmodal .modal-content-col .select:after {
				content: "";
				position: absolute;
				top: 50%;
				right: 15px;
				width: 15px;
				height: 10px;
				margin-top: -5px;
				background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2210px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(12%2C%2050%2C%20143)%22%20d%3D%22M-0.001%2C1.839%20L1.256%2C0.567%20L7.500%2C6.888%20L13.744%2C0.567%20L15.000%2C1.839%20L7.500%2C9.432%20L-0.001%2C1.839%20Z%22%2F%3E%3C%2Fsvg%3E');
			}


.modal-mainmodal .modal-content-col .select select {
				width: 100%;
				-webkit-appearance: none;
				   -moz-appearance: none;
				        appearance: none;
				padding: 7px 10px;
				border-radius: 5px;
				border: 1px solid #bbbbbb
			}


.modal-mainmodal .modal-content-col .select select:-ms-expand {
					display: none;
				}


.modal-mainmodal .modal-content-col .none {
			visibility: hidden;
		}


.datepicker {
	z-index: 100000!important;
}


.datepicker .-sun- {
		color: #c00000!important;
	}


.datepicker .-sun-.-disabled- {
		color: #e58e8e!important;
	}


.datepicker .-sat- {
		color: #0b79d6!important;
	}


.datepicker .-sat-.-disabled- {
		color: #6dafe6!important;
	}


.datepicker .-other-month- {
		color: #aeaeae!important;
	}


.hotsellerWrap {
	margin: 0 auto;
}


.hotsellerWrap .hotsellerSliderWrap {
		padding: 0px 30px;
	}


.hotsellerWrap .hotsellerSlider {
		display: none
	}


.hotsellerWrap .hotsellerSlider.slick-initialized {
			display: block;
		}


.hotsellerWrap .hotsellerSlider .slick-arrow {
			position: absolute;
			background-color: #093568;
			width: 27px;
			height: 27px
		}


.hotsellerWrap .hotsellerSlider .slick-arrow:before {
				content: "";
				display: block;
				background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%2212px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M8.000%2C11.993%20L-0.003%2C6.000%20L8.000%2C0.007%20L8.000%2C11.993%20Z%22%2F%3E%3C%2Fsvg%3E');
				background-size: 100% 100%;
				background-repeat: no-repeat;
				background-position: center center;
				position: absolute;
				top: 50%;
				left: 0;
				right: 0;
				width: 8px;
				height: 12px;
				margin: auto;
				margin-top: -6px;
				opacity: 1;
			}


.hotsellerWrap .hotsellerSlider .slick-arrow.slick-prev {

			}


.hotsellerWrap .hotsellerSlider .slick-arrow.slick-next:before {
					transform: rotate(180deg);
				}


.hotsellerWrap .hotsellerSlider .sliderItem {
			padding: 0 15px;
		}


.hotsellerWrap .hotsellerSlider .sliderItem .itemLink {
				display: block;
				position: relative;
			}


.hotsellerWrap .hotsellerSlider .sliderItem .itemLink .hotelImage {
					width: 100%;
				}


.hotsellerWrap .hotsellerSlider .sliderItem .itemLink .areaName {
					position: absolute;
					top: 0;
					left: 0;
					background: #093568;
					color: #fff;
					padding: 5px 10px;
					font-size: 14px;
				}


.hotsellerWrap .hotsellerSlider .sliderItem .itemLink .areaName span {
						font-weight: bold;
					}


.hotsellerWrap .hotsellerSlider .sliderItem .itemLink .hotelName {
					position: absolute;
					bottom: 0;
					left: 0;
					display: block;
					width: 100%;
					background: rgba(0, 0, 0, .6);
					color: #fff;
					padding: 1em;
				}


.hotsellerWrap .hotseller_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 15px;
	border: 1px solid #ccc
}


@media (max-width: 640px) {

	

	
.hotsellerWrap .hotseller_box {
		display: block
}
	}


.hotsellerWrap .hotseller_thumb {
	background-size: cover;
	background-position: center center;
	width: 45%;
	position: relative
	
}


@media (max-width: 640px) {

.hotsellerWrap .hotseller_thumb {
		width: 100%;
		padding-top: 60%
	
}
	}


.hotsellerWrap .hotseller_thumb .caption {
		position: absolute;
		bottom: 0;
		right: 0;
		background: rgba(0,0,0,0.6);
		color: #fff;
		font-size: 1.1rem;
		padding: 3px 3px;
		line-height: 1.1;
		text-align: right;
	}


/*20200123*/


.max-inner {
	padding-right: 0;
	padding-left: 0;
}


#attention ul {
	list-style: disc;
	margin-left: 20px;
	line-height: 1.8;
}


#attention ol {
	list-style: decimal;
	margin-left: 30px;
	line-height: 1.8;
}


#attention strong {
	margin-bottom: 10px;
}


/*200214*/


#module-domtour-wrapper2 .domtour-module-section .col4-wrapper .col, #module-domtour-wrapper2 #module-domtour-pkg .col3-wrapper > .col, #module-domtour-wrapper2 .domtour-module-section .col3-wrapper #search_allpkgtour .inner-col2-wrapper .col, #module-domtour-wrapper2 .domtour-module-section .col3-wrapper #search_allpkgtour .inner-col2-wrapper .button, #module-domtour-wrapper2 #module-domtour-hotel .col3-wrapper .col, #module-domtour-wrapper2 #module-domtour-rentacar .col3-wrapper .col {
	display: block;
}


.info_inttour {
	margin: 30px auto 0 auto;
	text-align: center;
	font-size: 24px;
	color: #f00;
}


.nav_tab span {
	right: 2% !important;
}


.info_mile {
	text-align: center;
	background:#003cb5;
	color:#fff;
	padding: 20px 0;
	font-size: 20px;
}


.contents-1col #contents .res-contents.info_line {
	margin-top: 0;
}


@media screen and (max-width: 768px) {
	.info_mile {
			padding: 10px;
			font-size: 14px;
	}
	.contents-1col #contents .res-contents.info_line {
			margin-top: 0;
	}
}


.f-m {
	font-size: .9em;
}


.f-s {
	font-size: .6em;
}


.mt-20 {
	margin-top: 20px;
}


.mb-20 {
	margin-bottom: 20px;
}


.caution_01 {
	margin-bottom: 20px;
}


/*.mv_banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
 flex-wrap: wrap;
 -ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 20px 10px;
}*/
.mv_banner {
 margin: 20px 10px;
 text-align: center;
}

.mv_banner a {
	width: 50%;
}


.mv_banner + div {
	margin-top: 20px;
}


@media screen and (max-width: 768px) {
	.mv_banner {
		margin: 20px;
	}
	.mv_banner a {
		width: 100%;
		margin: 20px 0;
	}
}


@media screen and (min-width: 768px) {
	.sp_br {
		display: none;
	}
}
.l-none .ttlText span::before{
	background: none!important;
}

.title-box.h1.type-01.type-01{
	margin: 0;
    visibility: hidden;
    height: 0;
}
.res-image-type-full .image img{
	max-width: 100%!important;
}

.res-main-contents em {
 font-family: ヒラギノ角ゴシック,Hiragino Sans,Hiragino Kaku Gothic ProN,HiraKakuProN-W3,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic Pro,HiraKakuPro-W3,ヒラギノ角ゴ Pro W3,Noto Sans CJK JP,メイリオ,Meiryo,Roboto,Droid Sans,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,"sans-serif";
     font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}

.caution_box {
 border-color: #333;
 border-style: solid;
 border-width: 2px;
 margin: 20px;
}

.caution_box p {
 font-size: 1.2em
}

.campaign_area {
 background: #E8EEFC;
 padding-bottom: 10px;
}

.campaign_area h2.ttlText {
 border-top: none;
}

.campaign_area ul {
 margin-left: 50px;
 margin-bottom: 30px;
}
.campaign_area ul li {
 list-style: disc;
}

@media screen and (max-width: 768px) {
 .caution_box p {
 font-size: 1em;
}
 .campaign_area ul {
 margin-left: 30px;
}
}

h3 {
 font-weight: bold;
}