@charset "utf-8";
:root {
  --break: 1920;
  --size5px:  calc(5 / var(--break) * 100vw);
  --size10px:  calc(10 / var(--break) * 100vw);
  --size15px:  calc(15 / var(--break) * 100vw);
  --size20px:  calc(20 / var(--break) * 100vw);
  --size25px:  calc(25 / var(--break) * 100vw);
  --size30px:  calc(30 / var(--break) * 100vw);
  --size35px:  calc(35 / var(--break) * 100vw);
  --size40px:  calc(40 / var(--break) * 100vw);
  --size45px:  calc(45 / var(--break) * 100vw);
  --size50px:  calc(50 / var(--break) * 100vw);
  --size55px:  calc(55 / var(--break) * 100vw);
  --size60px:  calc(60/ var(--break) * 100vw);
  --size65px:  calc(65 / var(--break) * 100vw);
  --size70px:  calc(70 / var(--break) * 100vw);
  --size75px:  calc(75 / var(--break) * 100vw);
  --size80px:  calc(80 / var(--break) * 100vw);
  --size85px:  calc(85 / var(--break) * 100vw);
  --size90px:  calc(90 / var(--break) * 100vw);
  --size95px:  calc(95 / var(--break) * 100vw);
  --size100px:  calc(100 / var(--break) * 100vw);
  --size105px:  calc(105 / var(--break) * 100vw);
  --size110px:  calc(110 / var(--break) * 100vw);
  --size115px:  calc(115 / var(--break) * 100vw);
  --size120px:  calc(120 / var(--break) * 100vw);
  --size125px:  calc(125 / var(--break) * 100vw);
  --size130px:  calc(130 / var(--break) * 100vw);
  --size135px:  calc(135 / var(--break) * 100vw);
  --size140px:  calc(140 / var(--break) * 100vw);
  --size145px:  calc(145 / var(--break) * 100vw);
  --size150px:  calc(150 / var(--break) * 100vw);
  --size160px:  calc(160 / var(--break) * 100vw);
  --size170px:  calc(170 / var(--break) * 100vw);
  --size180px:  calc(180 / var(--break) * 100vw);
  --size190px:  calc(190 / var(--break) * 100vw);
  --size200px:  calc(200 / var(--break) * 100vw);
}


@media(min-width: 768px) and (max-width: 1599px) {
  :root {
    --break: 1599;
  }
}
@media(min-width: 768px) and (max-width: 1299px) {
  :root {
    --break: 1299;
  }
}
@media(max-width:767px) {
  :root {
    --break: 750;
  }
} 
.flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.flex.start     { -webkit-justify-content: flex-start; justify-content: flex-start; }
.flex.end       { -webkit-justify-content: flex-end; justify-content: flex-end; }
.flex.center    { -webkit-justify-content: center; justify-content: center; }
.flex.around    { -webkit-justify-content: space-around; justify-content: space-around; }
.flex.between   { -webkit-justify-content: space-between; justify-content: space-between; }
.flex.stretch   { -webkit-align-items: stretch; align-items: stretch; }
.flex.ai_center { -webkit-align-items: center; align-items: center; }
.flex.ai_start  { -webkit-align-items: flex-start; align-items: flex-start; }
.flex.ai_end    { -webkit-align-items: flex-end; align-items: flex-end; }
.flex.nowrap    { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex.column    { -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; }
.flex.row       { -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; }
.flex.c_reverse { -ms-flex-direction:column-reverse; -webkit-flex-direction:column-reverse; flex-direction:column-reverse; }
.flex.r_reverse { -ms-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; }
.mgn_a{
	margin-left: auto;
	margin-right: auto;
}

.tb_only {
	display: none;
}
.sp_only {
	display: none;
}
.tb_pc {
	display: inherit;
}
.sp_tb {
	display: none;
}
@media(min-width: 768px) and (max-width:1599px) {

}
@media(min-width: 768px) and (max-width:1299px) {

}
@media(min-width: 768px) and (max-width:960px) {
	.pc_only {
		display: none;
	}
	.tb_only {
		display: inherit;
	}
	.sp_only {
		display: none;
	}
	.tb_pc {
		display: inherit;
	}
	.sp_tb {
		display: inherit;
	}

}
@media(max-width: 767px) {
	.pc_only {
		display: none;
	}
	.tb_only {
		display: none;
	}
	.sp_only {
		display: inherit;
	}
	.tb_pc {
		display: none;
	}
	.sp_tb {
		display: inherit;
	}
}

/* apotool */
.wrap_reserve_calendar{
	margin-top: 40px;
}
.wrap_reserve_calendar .btn{
	background: #02acb9;
	width: 24.4%;
	height: calc(93 / var(--break) * 100vw);
	color: #fff;
	border: none;
	font-size: 2rem;
	font-family: "Zen Old Mincho", serif;
	border-radius: 20px 20px 0 0;
	cursor: pointer;
}
.wrap_reserve_calendar .btn:hover {
    opacity: .85;
    transition: .3s;
}
.wrap_reserve_calendar .tab{
	background: #fff;
	padding: calc(10 / var(--break) * 100vw);
}
.wrap_reserve_calendar .btn.is-active {
	background: #80c7cc;
}


@media(min-width: 768px) and (max-width:1599px) {

}
@media(min-width: 768px) and (max-width:1299px) {

}
@media(min-width: 768px) and (max-width:960px) {
	.wrap_reserve_calendar .btn{
		height: calc(125 / var(--break) * 100vw);
		font-size: 1.5rem;
	}

}
@media(max-width: 767px) {
	.wrap_reserve_calendar{
		max-width: calc(700 / var(--break) * 100vw);
	}
	.wrap_reserve_calendar .btn{
		height: calc(120 / var(--break) * 100vw);
		font-size: 1rem;
		border-radius: 15px 15px 0 0;
	}
}