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

.schoollife {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	padding-bottom:100px;
	}


.schoollife h2 {
	color: #0061AC;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 2.5em;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.comment {
	font-size:20px;
	padding:30px;
	text-align:left;
	}

.menulist {
	position: relative;
	margin-bottom:50px;
	}
.menulist a {
	display:block;}
.menulist p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	font-size:35px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 0px 0px 8px #000;
	padding:20px;
	}
.menu01 p {
	background-color:rgba(46,125,184,0.50);
	}
.menu02 p {
	background-color:rgba(255,196,17,0.50);
	}
.menu03 p {
	background-color:rgba(135,202,62,0.50);
	width:7em;
	}
	
	
.schoollife01 h3 {
	font-size:36px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 0px 0px 8px #000;
	background-color:rgba(46,125,184,0.50);
	padding:20px;
	margin:30px;
	display:inline-block;
	text-align:center;
	}
.schoollife02 h3 {
	font-size:36px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 0px 0px 8px #000;
	background-color:rgba(255,196,17,0.50);
	padding:20px;
	margin:30px;
	display:inline-block;
	text-align:center;
	}
.schoollife03 h3 {
	font-size:36px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 0px 0px 8px #000;
	background-color:rgba(135,202,62,0.50);
	padding:20px;
	margin:30px;
	display:inline-block;
	text-align:center;
	width:7em;
	}	
	
	
.tl {
	position:relative;
	margin-bottom:50px;}
.tl .schedule {
	position:absolute;
	top: 50px;
	left: 0px;
	color:#FFF;
	text-shadow: 0px 0px 8px #000;
	text-align:left;
	font-weight:bold;
	padding: 20px;
}
.tl .schedule.heiyou {
	text-align:center;
	left: 0;
  right: 0;
  margin: auto;
}

.tl .schedule h4 {
	font-size:50px;
	border-bottom:#FFF 2px solid;
	display:inline-block;
	}
.tl .schedule p {
	font-size:25px;
	line-height: 220%;
}

.tl .time {
	position:absolute;
	bottom: 30px;
	right: 10px;
	font-size:120px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 0px 0px 8px #000;
	text-align:right;
	line-height:100%;

}
.schoollife01 .tl .schedule {
	background-color:rgba(46,125,184,0.50);
	}
.schoollife02 .tl .schedule {
	background-color:rgba(255,196,17,0.50);
	}
.schoollife03 .tl .schedule .heyou_sc {
	background-color:rgba(135,202,62,0.50);
	margin:0px 5%;
	}

.schoollife .page_link {
	font-size:25px;
	text-align:right;}
.schoollife .page_link li {
	display:inline-block;
	margin:0px 0px 20px 50px;}

.heiyou_hosoku {
	font-size:25px;
	line-height:140%;
	border-top: #FFC000 dotted 5px;
	border-bottom: #FFC000 dotted 5px;
	margin:20px 0px;
	padding:5px;
	color:#FFC000;
	}


@media (max-width: 991px) {
.tl .schedule h4 {
	font-size:40px;
	}
.tl .schedule p {
	font-size:20px;
	line-height: 200%;
}

.tl .time {
	font-size:100px;
}
	
}
@media (max-width: 700px) {
.tl {
	position:static;
	padding:30px 0px;
	
	}
.tl img {
	display:none;}
.tl .schedule {
	position:static;
	top:0px;
	margin-bottom:20px;
	}
.tl .schedule h4 {
	font-size:30px;
	}
.tl .schedule p {
	font-size:18px;
	line-height: 200%;
}

.tl .time {
	bottom: 0px;
	font-size:80px;
	position:static;
	margin-right:5px;

}

.schoollife01 .tl01 {
	background:url(../image/schedule01.jpg);
	background-position:center center;
	background-size: cover;
	}
.schoollife01 .tl02 {
	background:url(../image/schedule02.jpg);
	background-position:center center;
	background-size: cover;
	}
.schoollife01 .tl03 {
	background:url(../image/schedule03.jpg);
	background-position:center center;
	background-size: cover;
	}
.schoollife01 .tl04 {
	background:url(../image/schedule04.jpg);
	background-position:center center;
	background-size: cover;
	}
.schoollife01 .tl05 {
	background:url(../image/schedule03.jpg);
	background-position:center center;
	background-size: cover;
	}
.schoollife02 .tl01 {
	background:url(../image/schedule05.jpg);
	background-position:center center;
	background-size: cover;
	}	
.schoollife02 .tl02 {
	background:url(../image/schedule02.jpg);
	background-position:center center;
	background-size: cover;
	}		
.schoollife02 .tl03 {
	background:url(../image/schedule04.jpg);
	background-position:center center;
	background-size: cover;
	}		
.schoollife02 .tl04 {
	background:url(../image/schedule06.jpg);
	background-position:center center;
	background-size: cover;
	}	
	
.schoollife02 .tl04 {
	background:url(../image/schedule06.jpg);
	background-position:center center;
	background-size: cover;
	}	
	
.schoollife03 .tl01 {
	background:url(../image/schedule07.jpg);
	background-position:center center;
	background-size: cover;
	}	
.heiyou_hosoku {
	font-size:20px;
	background-color:rgba(0,0,0,0.50);
}	
	}