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

main{
	margin-bottom: 5%;
}

h1{
	color: #1962A3;
	font-size: 4vw;
}

.list-title{
	text-align: center;
	font-size: 30px;
	display: block;
	margin: 70px 50px 50px 50px;
}

caption{
	font-size: 2.5vw;
	margin-top: 30px;
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	caption{
	font-size: 4vw;
}
}

.year{
	margin-top: 10vw;
}

.date{
	text-align: center;
}

.kara{
	display: inline-block;
	transform: rotate(90deg);
}

.YearEntry{
	display: block;
	font-size: 2vw;
	background-color: #E1FFD4;
	width: 80%;
	margin: auto;
	padding-left: 2%;
}
@media screen and (max-width: 480px) {
	.YearEntry{
	font-size: 4vw;
	width: 95%;
}
}

table{
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 80%;
  table-layout: fixed;
  font-size: 1.3vw;
}
@media screen and (max-width: 480px) {
	table{
  width: 95%;
}
}

table tr {
  background-color:rgba(255,253,228,1);
  padding: auto;
  border-bottom: 2px solid #fff;
}
table th,
table td {
  padding: 1%;
  border-right: 2px solid #fff;
}
table th {
  font-size: 1,8vw;
}
table thead tr{
  background-color: #167F92;
  color:#fff;
}
table tbody th {
    background: #47763c;
    color: #fff;
}

td{
	color: #010A4F;
}

.w-date{
	width: 7%;
	text-align: center;
}

.w-title{}

.w-request{
	width: 19%;
}

.w-place{
	width: 15%
}

.w-target{
	width: 9%;
}

@media screen and (max-width: 480px) {
	.w-date{
	width: 10%;
	text-align: center;
}

.w-request{
	width: 19%;
}

.w-place{
	width: 15%;
}

.w-target{
	width: 12%;
}
}
}

.text{
	display: block;
	font-size: 25px;
	width: 85%;
	margin: auto;
}


.lesson-link{
	color: #47763c;
	text-decoration: underline;
	cursor: pointer;
}