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



/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼block01▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

.block01 .back01{
	width: 100%;
	max-width: 100%;
	background: url("../img/svg/cloud_02.svg")no-repeat;
	background-position: top left;
	background-size: 50%;
}

.block01 .back01 .price-group{
	width: 100%;
	margin: 0 auto 0;
	padding: 0 10%;
}

.block01 .back01 .price{
	width: 50%;
	margin: 5% auto 5% 0;
	text-align: left;
}

.price-box-mb{
	display: none;
}

.caution-tx{
	width: 100%;
	margin: 3% auto 0;
	padding: 0 0 0 2%;
}


 .caution-tx p{
	width: 100%;
	margin: 1% auto 0;
	font-size: 2rem;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
}


/* ***********MaxWidth1280(tablet)*********** */
@media screen and (max-width: 1280px) {
 /* ---------------------------------- */

 /* ---------------------------------- */
}

/* ***********MaxWidth900(tablet)*********** */
@media screen and (max-width: 900px) {
 /* ---------------------------------- */
 .caution-tx p{
	font-size: 1.5rem;
}
 /* ---------------------------------- */
}

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
.block01 .back01 .price-group .price{
	text-align: left;
	width: 90%;
	margin: 5% 0 10% 0;
}
	
 .caution-tx p{
	font-size: 1.2rem;
}

 /* ---------------------------------- */
}

/* ***********MaxWidth480(tablet)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
.price-box{
	display: none;
}	
	
.price-box-mb{
	display: block;
}
	
.caution-tx{
	width: 100%;
	margin: 6% auto 0;
	padding: 0 0 0 2%;
}

 .caution-tx p{
	font-size: 1rem;
}

 /* ---------------------------------- */
}


/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲block01▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼block02▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
.block02 .back02{
	width: 100%;
	margin: 0 auto 3%;
	background: url("../img/svg/cloud_03.svg")no-repeat;
	background-position: top right;
	background-size: 50%;
}

.block02 .back02 .reserve-group{
	width: 100%;
	margin: 12% auto 0;
	padding: 0 10%;
}

.block02 .back02 .reserve-group .reserve{
	width: 50%;
	margin: 5% auto 5% 0;
	text-align: left;
}

.block02 .back02 .reserve-group .info-tx{
	width: 100%;
	margin: 3% auto 0;
	padding: 0 0 0 2%;
}

 .block02 .back02 .reserve-group .info-tx p{
	width: 100%;
	margin: 1% auto 0;
	font-size: 2rem;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
}

.block02 .back02 .fun-group .fun{
	width: 70%;
	margin: 15% auto 5% 0;
	text-align: left;
}


/* ***********MaxWidth1280(tablet)*********** */
@media screen and (max-width: 1280px) {
 /* ---------------------------------- */
 .block02 .back02 .fun-group .fun{
	width: 100%;
	margin: 15% auto 5% 0;
	text-align: left;
}
 /* ---------------------------------- */
}

/* ***********MaxWidth900(tablet)*********** */
@media screen and (max-width: 900px) {
 /* ---------------------------------- */
 .block02 .back02 .reserve-group .info-tx p{
	font-size: 1.5rem;
}
 /* ---------------------------------- */
}



/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
.block02 .back02 .reserve-group .reserve{
	text-align: left;
	width: 90%;
	margin: 5% 0 10% 0;
}

.block02 .back02 .reserve-group .info-tx p{
	font-size: 1.2rem;
}	
 /* ---------------------------------- */
}

/* ***********MaxWidth480(tablet)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

.block02 .back02 .reserve-group .info-tx{
	width: 100%;
	margin: 6% auto 0;
	padding: 0 0 0 2%;
}

 .block02 .back02 .reserve-group .info-tx p{
	font-size: 1rem;
}

 /* ---------------------------------- */
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲block02▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼block03▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/


/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲block03▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

.reservation{
	background-color: initial;
}

.g-calendar{
	background-color: initial;
}

.g-calendar-mb{
	background-color: initial;
}