@charset "utf-8";

/* CSS Document */

.kaijo_1 {
    font-size: 1.2em;
    text-align: center;
    margin: 0px auto 20px;
    padding: 5px;
    background-color: #B7D7FF;
    /*color: #FFF;*/
}

.kaijo_2 {
    font-size: 1.2em;
    text-align: center;
    margin: 0px auto 20px;
    padding: 5px;
    background-color: #B7D7FF;
    /*color: #FFF;*/
}

.kaijo_3 {
    font-size: 1.2em;
    text-align: center;
    margin: 0px auto 20px;
    padding: 5px;
    background-color: #B7D7FF;
    /*color: #FFF;*/
}

.kaijo_4 {
    font-size: 1.2em;
    text-align: center;
    margin: 0px auto 20px;
    padding: 5px;
    background-color: #CCFFCD;
    /*color: #FFF;*/
}

.timetable {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	border-bottom: 1px solid #666;
	margin: 0px auto 30px;
}

.timetable li {
	width: 29%;
	margin: 0px 2%;
	padding: 10px 0%;
	border-radius: 5px 5px 0px 0px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	list-style-type: none;
}

.timetable li a {
	display: block;
	width: 100%;
	text-decoration: none;
}

.timetable .active {
	background-color: #FFB266;
}

table{
	margin: 0px 0px 50px 0px;
}

table tr td {
	border-bottom: dotted 1px #999;
}

table tr th {
	font-size: 0.9em;
}

.first {
	background: #68ADC9;
}

.second {
	background: #D3DBE5;
}

.nolink {
	text-align: center;
	margin: 5px;
	display: block;
	padding: 5px 10px;
	background: #999;
	font-size: 1.0em;
	border: 2px solid #999;
	color: #FFF;
	border-radius: 10px;
	text-decoration: none;
	white-space: nowrap;
}

.btm2 {
	text-align: center;
	margin: 5px;
}
.btm2:link {
	display: block;
	padding: 5px 10px;
	background: #0A92DF;
	font-size: 1.0em;
	border: 2px solid #0A92DF;
	color: #FFF;
	border-radius: 10px;
	text-decoration: none;
	white-space: nowrap;
}

.btm2:visited {
	border: 2px solid #0A92DF;
	color: #FFF;
}

.btm2:hover {
	background: #FFF;
	color: #0A92DF;
	text-decoration: none;
	border: 2px solid #0A92DF;
}

.btm3 {
	text-align: center;
	margin: 5px;
}
.btm3:link {
	display: block;
	padding: 5px 10px;
	background: #3BA416;
	font-size: 1.0em;
	border: 2px solid #3BA416;
	color: #FFF;
	border-radius: 10px;
	text-decoration: none;
	white-space: nowrap;
}

.btm3:visited {
	border: 2px solid #3BA416;
	color: #FFF;
}

.btm3:hover {
	background: #FFF;
	color: #3BA416;
	text-decoration: none;
	border: 2px solid #3BA416;
}

/*.btm1 {
	text-align: center;
	margin: 5px;
}
.btm1:link {
	display: block;
	padding: 5px 10px;
	background: #0A6E8C;
	font-size: 1.0em;
	border: 2px solid #0A6E8C;
	color: #FFF !important;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	text-decoration: none;
	white-space: nowrap;
}

.btm1:visited {
	border: 2px solid #0A6E8C;
	color: #FFF;
}

.btm1:hover {
	background: #FFF;
	color: #0A6E8C !important;
	text-decoration: none;
	border: 2px solid #0A6E8C;
}
*/

.flex_center {
	display: flex;
	flex-flow: nowrap;
	justify-content: center;
	margin: 0px 0px 50px;
}

.flex_center li {
	margin: 0px 20px;
	list-style-type: none;
}

.flex_center li a {
	display: block !important;
	width: 150px;
	height: 60px;
	line-height: 60px;
	font-size: 1.3em !important;
}

.flex_center li .btm2.active {
	background-color: #FFF !important;
	color: #0A92DF !important;
}

.flex_center li .btm3.active {
	background-color: #FFF !important;
	color: #3BA416 !important;
}

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

.noline {
	border-bottom: none;
}

}