@charset "utf-8";
/* CSS Document */
.end_text{
border: 1px solid #cc0000;
padding: 20px;
}

/* ----------ホテルエリア---------- */
.bg-beige { 
	background-color: #e9f5ff;
	padding: 10px;
}
.p-label {
	display: inline-block;
    background-color: #001681;
    padding: 10px;
    color: #fff;
    text-align: center;
    line-height: 23px;
	position: relative;
	margin-bottom: 10px;
	font-weight: bold;
}

.p-label::before,
.p-label::after {
	content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    right: -39px;
}

.p-label::before {
	border-width: 22px 0 0 39px;
    border-color: transparent transparent transparent #001681;
	top: 0;
}

.p-label::after {
	border-width: 22px 39px 0 0;
    border-color: #001681 transparent transparent transparent;
	bottom: 0;
}

.btn_colorS{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#caaa49;}
.btn_colorL{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#327bf3;}
.btn_colorA{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#f79155;}
.btn_colorB{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#efcf02;}
.btn_colorC{display: inline-block; color: #fff; font-size: 1.2rem; padding: 2px 6px; background-color:#9b9baa;}
.hotelBox .col{ position: relative; padding-bottom: 66px !important;}
.hotelBtn{position: absolute;width: 93%;bottom: 10px;}
/* ----------hotelグレード---------- */
[class^="btn_color"] {color: #000 !important;font-weight: bold !important;}
/* ----------ホテルエリア---------- */
	
/* ----------スライダー画像用---------- */
/* clm scroll */
.sp_scroll_on .column .colWrap .col{border: none;padding: 0;}
.sp_scroll_on .column .clm_1_3col .col,
.sp_scroll_on .column .clm_3_3col .col{width: 300px;}
.sp_scroll_on .column .clm_1_4col .col{width: 218px;}
.btn.iconDown.iconHead::after{background-position: 0 -53px;}
.colWrap.feature_plan .col{border: none;}
@media (max-width: 739px){
	.sp_scroll_on .column{overflow: auto;white-space: nowrap;}
	.sp_scroll_on .column .colWrap{width: 100%;flex-wrap: nowrap;display: block;}
	.sp_scroll_on .column .colWrap .col{display: inline-block;vertical-align: top;margin-top: 0;}
	.sp_scroll_on .column .colWrap .col *{white-space: normal;}
	.colWrap.clm_1_3col.feature_plan .col {margin-top: 0;margin-left: 25px;padding: 0;}
	.colWrap.clm_1_3col.feature_plan .col:first-child {margin-left: 0;}
}

/* clm slick */
.colWrap.clm_1_3col.feature_plan .col .txtLink {font-weight: 700;color: #333333;}
@media all and (min-width:740px){
	.colWrap.js-slick{display: block;width: 950px;}
	.colWrap.js-slick .slick-prev,
	.colWrap.js-slick .slick-next{
		z-index: 50;
	}
	.colWrap.clm_1_3col.feature_plan .col,
	.colWrap.clm_1_3col.feature_plan .col:first-child,
	.colWrap.clm_1_3col.feature_plan .col:nth-child(3n+1){
		margin-top: 0;
		margin-left: 25px;
		padding: 0;
	}
	.colWrap.clm_1_3col.feature_plan .col:first-child {
		margin-left: 0;
	}
}
/* ----------/スライダー画像用---------- */