@charset "UTF-8";
h1{
  font-family: 'Noto Sans JP', sans-serif;
  font-size:50px;
}
h2{
  font-family: 'Noto Sans JP', sans-serif;
}
h3{
	font-family:"Babylon5", sans-serif;
	font-size:50px;
	color:#fff;
}
.tit{
	border-bottom:1px solid #7ab6f3;
	display: inline-block;
}
ul{
	font-size:35px;
	list-style:none;
	display: grid;
	grid-template-columns:1.4fr 1.5fr 0.5fr;
}
.lmonth{
	font-size:20px;
	font-weight:bold;
}
.tmonth{
	font-weight:bold;
}
@font-face {
	font-family:"Babylon5";
	src:url("fonts/babylon5/B5______.eot?") format("eot");
	src:url("fonts/babylon5/B5______.woff") format("woff");
	src:url("fonts/babylon5/B5______.ttf") format("truetype");
	src:url("fonts/babylon5/B5______.svg#Babylon5") format("svg");
	font-weight:normal;
	font-style:normal;
}
.page-header{
	display: flex;
	justify-content: space-between;
}
.main-nav{
  font-family: 'Noto Sans JP', sans-serif;
  display: flex;
  font-size: 25px;
  text-transform: uppercase;
  list-style: none;
}
.main-nav li{
	margin-top:20px;
	margin-left:36px;
}
body{
  background-color:#111;
  font-family: 'Noto Sans JP', sans-serif;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* Safari */
}
html {
	font-size:60%;
}
#main {
  color:#fff;
  padding:0px 40px 40px 40px;
}
.wrapper{
	max-width:1100px;
	margin:0 auto;
	padding: 0 4%;
}
table{
	border-collapse: collapse;
	width:90%;
	margin:auto;
	table-layout: fixed;
}
table th{
	color:#fff;
	width:20%;
	font-size:1.5rem;
}
table td{
  color:gray;
  color:#fff;
  font-size:1.6rem;
  min-width:6em;
  height:130px;
  vertical-align: top;
}
table td, table th{
  border: solid 1px #7ab6f3;
  font-weight: bold;
}

table th {
    padding: 3px 6px;
}

.fc {
  color: #e8204e;
}
.fct {
  color: #7ab6f3;
}
.sun {
  color: #e8204e;
}
.sat {
  color: #7ab6f3;
}

a{
	color:#fff;
	text-decoration:none;
}

a:hover {/*マウスが上に乗っている状態*/
	color:#e8204e;
	text-decoration:underline;
}

.info{
	width:100%;
	font-size:20px;
}

.acc{
	font-size:20px;
}
footer{
	text-align: center;
}
footer p{
	color:#fff;
	font-size:1.25rem;
}
.img img{
  width: 600px;
  height: auto;
  width: 60%;
  margin: auto;
  display: block;
}

.ge{
	color:#fff;
	font-weight:lighter;
	font-size:13px;
	text-align:right;
	text-align:bottom;
}
@media screen and (max-width: 600px) {
	.wrapper{
		font-size:0.5rem;
	}
	.main{
		width:0.5rem;
	}
	/*header*/
	.main-nav{
		font-size:1rem;
		margin-top:10px;
	}
	.main-nav li{
		margin:0 20px;
	}
	table{
		width50%;
	}
 }