@charset "UTF-8";
/* CSS Document */


/* -------------------------------- PC版のスタイルここから ------------------------------------*/

@media print, screen and (min-width: 751px) {

/* キャンプ村 */

	._hotel-box.camp-res-wrap{
		width: 300px;
		height: 308px;
		position: absolute;
    	top: 100px;
    	right: 4em;
		z-index: 888;
		background: #fff;
    	padding: 0;
		margin: 0;
    	box-shadow: rgb(0 0 0 / 25%) 0px 0px 6px 3px;
    	-webkit-box-shadow: rgb(0 0 0 / 25%) 0px 0px 6px 3px;
    	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px 3px;
	}

	._hotel-box.camp-res-wrap .hotel-wrap{
		width: 100%;
		padding: 0;
	}

	._hotel-box.camp-res-wrap .iframe-inner{
		width: 100%;
		height: 308px;
		overflow: hidden;
	}

	._hotel-box.camp-res-wrap .iframe-inner iframe{
		width: 100%;
		height: 100%;
	}

	.camp-cal-wrap .cal-iframe{
		max-width: 960px;
		margin: 0 auto;
	}

	.camp-cal-wrap .cal-iframe iframe{
		width: 100%;
		height: 450px;
	}




}


/* -------------------------------- SP版のスタイルここから ------------------------------------*/

@media screen and (max-width: 768px) {
	.camp-cal-wrap .cal-iframe iframe{
		width: 100%;
		height: 480px;
	}
}

@media screen and (max-width: 750px) {

	/* キャンプ村 */

		.camp-res-wrap .iframe-inner iframe{
			width: 100%;
			height: 100vh;
		}

		.camp-cal-wrap .cal-iframe{
			max-width: 960px;
			margin: 0 auto;
		}

		.camp-cal-wrap .cal-iframe iframe{
			width: 100%;
			height: 500px;
		}



}

@media screen and (max-width: 414px) {
	.camp-cal-wrap .cal-iframe iframe{
		width: 100%;
		height: 560px;
	}
}

@media screen and (max-width: 375px) {
	.camp-cal-wrap .cal-iframe iframe{
		width: 100%;
		height: 640px;
	}
}