
.pc_none{
	display: none;
}
.sp_none{
	display: block;
}
.st2-color-section[data-color="6"]>div{
	background:#fffbdf;
	border: 2px solid #ffe52d;
}
.cpn_lead span{
    font-size: 2.5rem;
    color: #c90219;
    margin: 0 0.5rem;
    background: linear-gradient(transparent 70%, #f6ff00 70%);
}

.cpn_bnr .st2-catch[data-style="1"] p{
	font-size: 1.6rem;
}
.cpn_bnr .st2-catch,.cpn_bnr .st2-pic-block{
	margin-bottom: 1rem;
}
.cpn_bnr .coupon_get p{
	text-align: center; 
	font-size: 1.2rem;
	margin: 0 auto;
}

.cpn_hotel .st2-catch[data-style="1"] p {
	font-size: 2.5rem;
}
.anc{
	border: 1px solid #a3a3a3;
	padding: 3rem;
	background-color: #fffefa;
}
.anc_area p,.search_area p{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 0.5rem 0;
}
.anc_area ul,.search_area ul{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	gap: 1rem;
}
.anc_area ul li{
	list-style: none;
	flex: 1;
}
.search_area ul li{
	list-style: none;
	width: 20%;
}

.anc_area ul li a,
.search_area ul li a{
	display: block;
	text-align: center;
	border: 1px solid #000;
	border-radius: 5px;
	position: relative;
	background-color: #fff;
	font-size: 1.4rem;
	color: #333;
	padding: 0.6rem 2.5rem;
	font-weight: bold;
	transition: opacity .5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.anc_area ul li a:hover,
.search_area ul li a:hover{
	text-decoration: none;
	opacity: 0.7;
}

.anc_area ul li a{
	border: 1px solid #927b4d;
}

.search_area ul li a{
	border:1px solid #f4526a;
}

.cpn_hotel .st2-icon-bottom-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.2rem;
	height: 1.2rem;
	right: 10px;
	fill:#927b4d;
}
.search_area .st2-icon-bottom-arrow{
	fill:#f4526a;
}
hr{
	color: #000;
    border-top: 2px solid #a3a3a3;
    margin: 2rem 0;
}
.cpn_hotel .st2-api__price:after{
	content: "※宿泊のみの場合";
}
.cpn_hotel .st2-api__free-area,.st2-api__accordion--more__trigger,.st2-api [class*=st2-api__match-wrapper-]{
	margin-bottom: 0;
}
.cpn_hotel .st2-api__accordion--more__body>div{
	padding-bottom: 0;
}
.cpn_hotel .st2-api__free-area p{
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}
.cpn_hotel .st2-api__free-area p span{
	background: linear-gradient(transparent 70%, #ffe400 70%);
    margin-bottom: 0.5rem;
    display: inline-block;
	font-size: 1.4rem;
}

.cpn_hotel .st2-api__free-area p a{
    background-color: #09beff;
    padding: 0.2rem 0.4rem;
    margin:0 0.3rem;
    display: inline-block;
	color: #fff;
	border-radius: 3px;
}
.cpn_hotel [class=st2-divide-api][data-column="3"] .st2-api__list--link .st2-api__list--link__holder{
	gap:1rem;
}
.cpn_hotel .st2-api__list--link .st2-api__list--link__holder .st2-api__list--link__item .st2-api__list--link__btn[data-color="2"]{
	position: relative;
}
.cpn_hotel .st2-api__accordion--more__body[aria-hidden=true]{
	position: inherit;
}
.cpn_hotel .st2-api__list--link .st2-api__list--link__holder .st2-api__list--link__item:first-child .st2-api__list--link__btn[data-color="2"]{
	margin-top: 2rem;
}
.cpn_hotel .st2-api__list--link .st2-api__list--link__holder .st2-api__list--link__item:first-child .st2-api__list--link__btn[data-color="2"]:before {
    content: "※次のページで、出発地・宿泊地を設定してください";
    display: block;
    position: absolute;
    top: -20px;
    font-size: 70%;
    left: 0;
    color: #333;
}
.cpn_hotel .st2-api__free-area{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.cpn_hotel .st2-api [class*=st2-api__match-wrapper-]{
	position: relative;
}
.cpn_hotel .st2-api__list--link{
	margin-bottom: 1rem;
}
.cpn_hotel .st2-api__match-wrapper-02{
	padding-bottom: 2.5rem;
}
@media (max-width:1024px) {
	.st2-api__free-area p {
		font-size: 1.1rem;
	}
}
@media (max-width:1024px) {
	.anc_area ul li{
		width: calc((100% - 20px) / 3);
		flex: auto;
	}
	.search_area ul li{
		width: calc((100% - 20px) / 3)
	}
}

@media (max-width:736px) {
	.pc_none{
		display:block;
	}
	.sp_none{
		display:none;
	}
	.st2-page-title--hero__sub--lower .st2-page-title--hero__sub__txt {
        font-size: 90%;
		line-height: 1.3;
    }
	.st2-main-container {
		padding-top: 0;
	}
	.st2-color-section[data-color="6"]>div{
		padding:1.5rem 1rem 1rem;
	}
	.cpn_lead .st2-catch[data-style="1"] p {
        font-size: 1.3rem;
    }
	.cpn_lead span {
		font-size: 1.7rem;
	}
	.cpn_bnr .st2-catch[data-style="1"] p{
		font-size: 1.2rem;
        line-height: 1.2;
	}
	.cpn_bnr .st2-pic-block {
		margin-bottom: 0.5rem;
	}
	.cpn_bnr .coupon_get p,.st2-pic-block__pic-caption p {
		font-size: 90%;
	}
	.anc_area p, .search_area p {
		font-size: 1.4rem;
	}
	.cpn_hotel .st2-catch[data-style="1"] p {
		font-size: 1.8rem;
	}
	.anc{
	    padding: 2rem 3% 3rem;
	}
	.anc_area ul li a, .search_area ul li a{
		font-size: 1.2rem;
		padding: 0.6rem 1.0rem;
	}
	.anc_area ul li,.search_area ul li{
		width: calc((100% - 20px) / 2);
	}
	.cpn_hotel .st2-icon-bottom-arrow{
		width: 1.0rem;
		height: 1.0rem;
	}
	.cpn_hotel .st2-api__match-wrapper-02{
		padding-bottom: 4.5rem;
	}
    .cpn_hotel .st2-divide-layout[data-column="3"]>div>div>div>div {
        gap: 1rem 1.5rem;
    }
	.cpn_hotel .st2-accordion--linkblock__container{
		margin: 0 auto;
	}
	.cpn_hotel .st2-api__list--link .st2-api__list--link__holder .st2-api__list--link__item:first-child .st2-api__list--link__btn[data-color="2"] {
		margin-top: 3rem;
	}
	.cpn_hotel [class=st2-divide-layout][data-column="3"] .st2-btn,.cpn_hotel [class=st2-divide-layout][data-column="3"] .st2-accordion--linkblock{
		margin-bottom: 0;
	}
}



