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

h1 {
	text-align: center;
	font-size: 24px;
	background: #FF7F00;
	color: #FFF;
	line-height: 120%;
	padding: 10px 0;
	margin-bottom: 20px;
}
span {
	display: block;
	font-size: 18px;
	font-weight: normal;
}

.sec { padding-bottom: 40px; margin-bottom: 80px; border-bottom: #ccc dashed 1px;}
.cal_btn { margin: auto; padding: 30px 0; text-align: center;}
.top_link a { color: #333; font-weight: bold; margin-right: 40px;}
.top_link a:hover { text-decoration: none;}
.calendar {
	width: 100%;
	background: #FFECB2;
	margin: 20px auto;
	text-align: center;
	padding: 10px 0;
	line-height: 200%;
	border-radius: 5px;
}
.calendar a { color: #333; font-weight: bold;}
.calendar a:hover { text-decoration: none;}

table {
	width: 100%;
	border-top: #FFBF01 solid 1px;
	border-left: #FFBF01 solid 1px;
	font-size: 16px;
	color: #333;
	margin: auto;
	line-height: 140%;
}
tr:nth-child(even) { background: #FFF9E8;}
th {
	border-right: #FFFFFF solid 1px;
	border-bottom: #FFBF01 solid 1px; 
	background: #FFBF01;
	padding: 8px 10px;
	width: 14%;
	font-weight: normal;
}
td { border-right: #FFBF01 solid 1px; border-bottom: #FFBF01 solid 1px; padding: 8px 10px;}
td:nth-child(odd) { border-right: #FFFFFF solid 1px; text-align: right;}
td:nth-child(even) {text-align: left;}
td:nth-child(1) { background: #FFECB2; border-right: #FFECB2 solid 1px; font-weight: bold;}
td:nth-child(2) { background: #FFECB2; border-right: #FFBF01 solid 1px; font-weight: bold;}
th:last-child { border-right: #FFBF01 solid 1px;}


/* normal_bike */
#normal_bike table {
	width: 100%;
	border-top: none;
	border-left: #FFBF01 solid 1px;
	font-size: 16px;
	color: #333;
	margin: auto;
	line-height: 140%;
}
#normal_bike th.at {
	border-right: #FFFFFF solid 1px;
	border-bottom: #FFBF01 solid 1px; 
	background: #109F40;
	color: #FFF;
}
#normal_bike th.mt {
	border-right: #FFFFFF solid 1px;
	border-bottom: #FFBF01 solid 1px; 
	background: #0066CD;
	color: #FFF;
}
#normal_bike th.at:last-child { border-right: #109F40 solid 1px;}
#normal_bike th.mt:last-child { border-right: #0066CD solid 1px;}





.box01 .t_top {width: 100%; position: absolute; top:0; left:0; z-index: 500; }
.box01 .t_top table { padding-right: 4px; border-top: none; }
.box01 .t_top th{ width:33.33%; }
.box01 .t_top th {}
.box01 .t_bottom { width: 100%; height: 100%; position: absolute; top:0; left:0; overflow-x:hidden;	overflow-x: auto; -webkit-overflow-scrolling: touch; }
.box01 .t_bottom th { width:33.33%; }
.box01 .t_bottom::-webkit-scrollbar { width: 4px; }
.box01 .t_bottom::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }

.box01 { position: relative; width: 100%; padding-bottom: 600px; }


.box02 .t_top {width: 100%; position: absolute; top:0; left:0; z-index: 500; }
.box02 .t_top table { padding-right: 4px; border-top: none; }
.box02 .t_top th{ width:14.28%; }
.box02 .t_top th {}
.box02 .t_bottom { width: 100%; height: 100%; position: absolute; top:0; left:0; overflow-x:hidden;	overflow-x: auto; -webkit-overflow-scrolling: touch; }
.box02 .t_bottom th { width:14.28%; }
.box02 .t_bottom::-webkit-scrollbar { width: 4px; }
.box02 .t_bottom::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }

.box02 { position: relative; width: 100%; padding-bottom: 600px; }


.box03 .t_top {width: 100%; position: absolute; top:0; left:0; z-index: 500; }
.box03 .t_top table { padding-right: 4px; border-top: none; }
.box03 .t_top th{ width:20%; }
.box03 .t_top th {}
.box03 .t_bottom { width: 100%; height: 100%; position: absolute; top:0; left:0; overflow-x:hidden;	overflow-x: auto; -webkit-overflow-scrolling: touch; }
.box03 .t_bottom th { width:20%; }
.box03 .t_bottom::-webkit-scrollbar { width: 4px; }
.box03 .t_bottom::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }

.box03 { position: relative; width: 100%; padding-bottom: 600px; }


.box04 .t_top {width: 100%; position: absolute; top:0; left:0; z-index: 500; }
.box04 .t_top table { padding-right: 4px; border-top: none; }
.box04 .t_top th{ width:16.66%; }
.box04 .t_top th {}
.box04 .t_bottom { width: 100%; height: 100%; position: absolute; top:0; left:0; overflow-x:hidden;	overflow-x: auto; -webkit-overflow-scrolling: touch; }
.box04 .t_bottom th { width:16.66%; }
.box04 .t_bottom::-webkit-scrollbar { width: 4px; }
.box04 .t_bottom::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }

.box04 { position: relative; width: 100%; padding-bottom: 600px; }



@media screen and (min-width: 401px) {
	.sp { display: block;}
	.pc { display: none;}
}
@media screen and (max-width: 769px) {
	.sp { display: none;}
	.pc { display: block;}
/* ここにスタイルを記述 */
}
@media screen and (max-width: 640px) {
/* ここにスタイルを記述 */
}