@charset "UTF-8";

.footer-text {
	display: none;
}

#study #mv {
  background: url(../images/mv.jpg) no-repeat center 0;
  background-size: cover;
  height: 220px;
  width: 100%;
}
#study #mv h2 {
	text-align: center;
	padding-top: 7rem;
}

#study #mv span {
	text-align: center;
	display: none;
}

#study table.study-table {
	border-collapse: collapse;
	width: 100%;
	background: #fff;
	margin-bottom: 1%;
}
#study table.study-table th, #study table.study-table td {
	border: 1px solid #ddd;
	text-align: center;
	padding: 1%;
}
#study table.study-table tr:nth-child(even) {
	background: #eee;
}
#study table.study-table th.theader {
	background: #00AFCC;
	color: #fff;
	font-size: 1.8rem;
}
#study table.study-table th.tfooter {
	background: #F7FDDC;
	color: #1D50A2;
	font-size: 1.8rem;
}
#study table.study-table td {
	font-size: 1.5rem;
}

#study table.study-table tr:hover {
	background: #FFF092;
}

#study .circle {
	color: #fff;
	width: 100px;
	height: 80px;
	padding-top: 20px;
	/*line-height: 100px;*/
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: 30px;
	left: 0;
	font-weight: bold;
	font-size: 1.5rem;
}

#study .circle-crimson {
	background-color: crimson;
}

#study .circle-mediumseagreen {
	background-color: mediumseagreen;
}

#study .circle-deepskyblue {
	background-color: deepskyblue;
}

#study .circle-orange {
	background-color: orange;
}

#study .circle-mediumpurple {
	background-color: mediumpurple;
}

#study .circle-hotpink {
	background-color: hotpink;
}
#study .circle-salmon {
	background-color: salmon;
}
#study .circle-yellowgreen {
	background-color: yellowgreen;
}
#study .circle-mediumturquoise {
	background-color: mediumturquoise;
}
#study .circle-dodgerblue {
	background-color: dodgerblue;
}
#study .circle-gold {
	background-color: #efca00;
}


#study .subjects {
	position: relative;
	border-top: 1px dotted #ddd;
	padding-top: 3%;
	width: 100%;
}

#study section .subjects:last-child {
	margin-bottom: 7rem;
}

#study .subjects-text {
	padding-left: 12%;
	padding-bottom: 4%;
	min-height: 9rem;
}

#study .feature {
	position: relative;
	overflow: hidden;
	margin-bottom: 5rem;
}

#study .feature .fa {
	margin-right: 1rem;
}

#study .feature-tl {
	color: #fff;
	width: 98%;
	line-height: 2rem;
	text-align: center;
	padding: 1%;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	margin-bottom: 3%;
}

#study .feature-tl-gold {
	background-color: #efca00;
}
#study .feature-tl-dodgerblue {
	background-color: dodgerblue;
}
#study .feature-tl-palevioletred {
	background-color: palevioletred;
}
#study .feature-tl-coral {
	background-color: coral;
}
#study .feature-tl-yellowgreen {
	background-color: yellowgreen;
}
#study .feature-tl-forestgreen {
	background-color: forestgreen;
}
#study .feature-tl-cornflowerblue {
	background-color: cornflowerblue;
}

#study .feature .textL,
#study .feature .textR {
	line-height: 2;
	text-align: left!important;
}

#study .feature .photoL,
#study .feature .photoR {
	margin-bottom: 2%;
}

#study .saturday-table4-tl {
	border-left: 5px solid #e1d23c;
	padding-left: 2rem;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

#study .saturday-table5-6-tl {
	border-left: 5px solid #ffbb28;
	padding-left: 2rem;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

#study .saturday-table-img {
	text-align: center;
	margin-bottom: 5rem;
}

#study table.saturday-table4 {
	width: 90%;
	margin: 0 auto 5rem auto;
	border-top: 1px solid lightsteelblue;
	border-left: 1px solid lightsteelblue;
}

#study table.saturday-table4 thead {
	background: #fffacf;
}

#study table.saturday-table4 th {
	text-align: center;
	padding: 1%;
	font-weight: bold;
	border-right: 1px solid lightsteelblue;
	border-bottom: 1px solid lightsteelblue;
}

#study table.saturday-table4 th.saturday-table4-subjects {
	padding: 1%;
	font-weight: bold;
	background: #eee;
	width: 15%;
	border-right: 1px solid lightsteelblue;
	border-bottom: 1px solid lightsteelblue;
	vertical-align: middle;
	text-align: center;
}

#study table.saturday-table4 td {
	text-align: left;
	padding: 1%;
	background: #fff;
	width: 85%;
	border-right: 1px solid lightsteelblue;
	border-bottom: 1px solid lightsteelblue;
}


#study table.saturday-table5-6 {
	width: 90%;
	margin: 0 auto 5rem auto;
	border-top: 1px solid lightsteelblue;
	border-left: 1px solid lightsteelblue;
}

#study table.saturday-table5-6 thead {
	background: #fddd96;
}

#study table.saturday-table5-6 th {
	text-align: center;
	padding: 1%;
	font-weight: bold;
	border-right: 1px solid lightsteelblue;
	border-bottom: 1px solid lightsteelblue;
}

#study table.saturday-table5-6 th.saturday-table5-6-subjects {
	padding: 1%;
	font-weight: bold;
	background: #eee;
	width: 15%;
	border-right: 1px solid lightsteelblue;
	border-bottom: 1px solid lightsteelblue;
	vertical-align: middle;
	text-align: center;
}

#study table.saturday-table5-6 td {
	text-align: left;
	padding: 1%;
	background: #fff;
	width: 85%;
	border-right: 1px solid lightsteelblue;
	border-bottom: 1px solid lightsteelblue;
}

#study .textBlock-text {
	text-align: center;
}

dl.school-year {
	position: relative;
}

.school-year-bottom {
	margin-bottom: 5%;
}

dl.school-year dd {
	padding: 0.3% 0 0 30%;
	margin-bottom: 3rem;
}

dl.school-year dt {
	color: #fff;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 10%;
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 3rem;
}

dl.school-year dt.school-year1 {
	background-color: coral;
}

dl.school-year dt.school-year2 {
	background-color: gold;
}

dl.school-year dt.school-year3-4 {
	background-color: mediumseagreen;
}

dl.school-year dt.school-year5-6 {
	background-color: deepskyblue;
}

#homework th {
	white-space: nowrap;
}

#homework td.mon {
	background-color:lightyellow;
	font-weight: bold;
	text-align: center;
}

#homework td.tue {
	background-color:lavenderblush;
	font-weight: bold;
	text-align: center;
}

#homework td.wed {
	background-color:aliceblue;
	font-weight: bold;
	text-align: center;
}

#homework td.thu {
	background-color:honeydew;
	font-weight: bold;
	text-align: center;
}

#homework td.fri {
	background-color:lavender;
	font-weight: bold;
	text-align: center;
}

#homework td:empty {
   background: #f5f5f5;
}

#quarter .basic-ul-dot {
	margin-bottom: 5rem;
	margin-left: 10%;
	font-size: 1.5rem;
}

#quarter .photoR {
	margin-bottom: 8rem;
}

/* === SP ====================== */
@media screen and (max-width: 748px) {
 	#study #mv {
    background-size: cover;
	height: auto;
  	}
	#study #mv h2 {
	padding: 2.5rem 0;
		color: #fff;
	}
  	#study #mv h2 img {
	width: 40%;
	padding-top: 0rem;
	}
	#study #mv span {
	font-size: 2.5rem;
	font-weight: bold;
	padding-bottom: 1rem;
	border-bottom: 2px solid #fff;
	display: inline;
	}
	#study #mv img {
		display: none;
	}
	#study .circle {
	position: static;
	margin-left: 35%;
	height: 100px;
	}
	#study .subjects-text {
	padding-left: 0%;
	padding-top: 4%;
	}
	#study .feature-tl {
	padding-top: 2%;
	padding-bottom: 2%;
	}
	#study .saturday-tl {
	padding-top: 2%;
	padding-bottom: 2%;
	}
	#study table.study-table th.theader {
	width: 1.5rem;
	}
	#study table.saturday-table4,
	#study table.saturday-table5-6 {
	width: 100%;
	}
	#study table.saturday-table4 th.saturday-table4-subjects,
	#study table.saturday-table5-6 th.saturday-table5-6-subjects {
	width: 20%;
	}
	dl.school-year dd {
	padding: 0;
	margin-bottom: 1.5rem;
	}
	dl.school-year dt {
	color: #fff;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	position: static;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	}
	#homework th {
	white-space: normal;
	}
	#quarter .basic-ul-dot {
	margin-bottom: 0rem;
	margin-left: 0%;
	font-size: 1.5rem;
	}
	#quarter .photoR {
	margin-bottom: 0.5rem;
	}
	#quarter .textL {
	margin-bottom: 5rem;
	}
}