@charset "utf-8";

/* ----スマホ用---- */
@media screen and (max-width: 767px) {
	#hokkaido .carousel li {
		width: 70%!important;
	}

	/* 2024.04修正 SP表示の時1カラムに */
	.base_prod.clm1 .hotel.clm_1 li, .base_prod.side_box.clm1 .hotel.clm_1 li {
		width: 95%;
	}
	.base_prod.side_box .hotel.clm_1 li>a .img_box {
		width: 100%;
	}
	.base_prod.side_box .hotel.clm_1 li>a .details_box {
		width: 100%;
	}
	.base_prod.side_box .hotel.clm_1 li>a .details_box {
		margin-left: 0;
	}
	.cmn_contents .clm_osusume_area>ul.nav_longstay li:nth-child(-n+2) {
		width: 50%;
	}
	.cmn_contents .clm_osusume_area>ul.nav_longstay li:nth-child(2n+1):last-child {
		width: 100%;
		border-right: none !important;
	}
	.cmn_contents .clm_osusume_area>ul.nav_longstay>li a {
		padding: 11px;
	}
	.cmn_contents .clm_osusume_area>ul.nav_longstay>li:nth-child(2n+1):last-child a::before {
		content: none;
	}
}