@charset "UTF-8";

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }
body { margin: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
a { background-color: transparent; }
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
button, input { /* 1 */ overflow: visible; }
button, select { /* 1 */ text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

/******************************************************************
reset
******************************************************************/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd { margin: 0; padding: 0; }
li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
iframe { border: 0; }
button { background-color: transparent; border: none; cursor: pointer; padding: 0; appearance: none; }
em { font-style: normal; font-weight: bold; }
fieldset { border: 0; padding: 0; margin: 0; }

/******************************************************************
base
******************************************************************/
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9rem;
	color: #000;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #3865e0;
	text-decoration: none;
}
a:hover {
	color: #112a6e;
	text-decoration: underline;
}

a img{
	transition: 0.5s ;
}
a:hover img:not(.movie_playicon) {
	opacity: 0.7 ;
}


img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
}


/******************************************************************
fms
******************************************************************/
.wrapper{
	background:url(/school/friday/common/img/wrapper_bg.jpg) left top repeat !important;
}

.wrapper header{
	background:url(/school/friday/common/img/main_bg.jpg) left top repeat !important;
	padding: 2vw 2vw 0 3vw;
}

.wrapper h1{
	text-align: center;
	padding: 0 2vw 0 3vw;
	margin-bottom: -1.2vw;
	background:url(/school/friday/common/img/main_bg.jpg) left top repeat !important;
	background-size: contain!important;
	position: relative;
}
	.wrapper h1 a{
		position: absolute;
		z-index: +1;
		bottom: 4vw;
		left: 50%;
		transform: translateX(-50%);
		display: inline-block;
		/* padding-bottom: 10vw; */
	}
	@media screen and (max-width: 1000px) {
		.wrapper h1 a{
			width: 30vw;
		}
	}
	@media screen and (max-width: 736px) {
		.wrapper h1{
		}
		.wrapper h1 a{
			bottom: 1vw;
			width: 40vw;
		}
	}


.wrapper h2{
	text-align: center;
	padding: 3vw 0 1.2vw 0;
}

.subchan{
	text-align: center;
	padding: 0 0 20px 0;
}

h3{
	font-size: 280%;
	font-weight: normal;
	margin-bottom: 5px;
}

.read_area{
	background:url(/school/friday/common/img/read_bg.jpg) left bottom repeat-x !important;
}

.read_area p{
	max-width: 990px;
	margin: auto;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	line-height: 200%;
	padding: 2vw 20px 30px 20px;
	box-sizing: border-box;
}


.main_wrap{
	background:url(/school/friday/common/img/wrapper_bg2.png) center top no-repeat !important;
	background-size: 100%!important;
	padding-top: 28px;
}

.main{
	max-width: 990px;
	margin: auto;
	padding:0 20px 50px 20px;
}


table.sch_area{
	width: 100%;
}
	table.sch_area td{
		background: #fff;
		padding: 20px 20px 13px 20px;
		box-sizing: border-box;
		border: dotted 1px #737373;
		border-top: none;
		border-left: none;
	}
	table.sch_area td:last-child{
		border-right: none;
	}
	table.sch_area tr:last-child td{
		border-bottom: none;
	}

td.date{
	text-align: center;
	font-size: 160%;
	width: 40%;
}

	td.date span{
		text-align: center;
		font-size: 160%;
	}

td.time{
	text-align: center;
	width: 10%;
	vertical-align: middle!important;
	font-weight: bold;
}

td.time span.number{
font-weight: normal;
font-size: 300%;
display: block;
}

.ver{
	display: block;
	transform: rotate(90deg);
}

.b_title{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 20px;
}
	.b_title span{
		display: block;
		font-size: 70%;
	}

td.subject{
		padding: 23px 33px 33px 33px!important;
		vertical-align: top!important;
}
	td.subject ul {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}
		td.subject ul li:first-child{
			margin-right: 10px;
		}

.mv{
	margin-bottom: 20px;
}

/* re_box */
.re_box{
	/* margin-bottom: 25px; */
}

.re_box .re_set{
	display: flex;
	justify-content: space-around;
	text-align: center;
	/* background:url(/school/friday/common/img/line_dot.png) center top repeat-y #eff9e0!important; */
	background:#eff9e0!important;
}

	.re_box .re_set h3{
		font-size: 200%;
		font-weight: bold;
		color: #00633b;
		margin-bottom: 10px;
	}

	.re_box .re_set p{
		font-size: 140%;
		font-weight: bold;
		line-height: 160%;
	}

	.re_box img{
		vertical-align: top!important;
	}


@media screen and (max-width: 736px) {
	.wrapper h1{
		margin-bottom: -2vw;
	}
	.main{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-top: 15px;
	}
	.wrapper header{
		padding: 1vw 2vw 0 3vw;
	}
		.wrapper header img{
			width: 25%;
		}

	.read_area p{
		font-size: 90%;
		padding: 1.2vw 20px 20px 20px;
	}

	.wrapper h2{
		/* text-align: center; */
		padding: 3vw 0 3vw 0;
	}
	.wrapper h2 img{
		width: 62%;
	}
	.main_wrap{
		background:url(/school/friday/common/img/wrapper_bg2_sp.png) center top no-repeat !important;
		background-size: auto!important;
	}

	.subchan{
		text-align: center;
		padding: 0 0 20px 0;
	}
	.subchan img{
		width: 50%;
	}

	h3{
		font-size: 160%;
	}

table.sch_area{
	margin-bottom: 10px;
}
	table.sch_area td{
		padding: 10px;
	}

td.date{
	text-align: center;
	font-size: 100%;
	width: 82%;
}

	td.date span{
		text-align: center;
		font-size: 160%;
	}

td.time{
	width: 18%;
	font-size: 80%;
}
	td.time span.number{
	font-size: 180%;
}

.mv img,.work img{width: 100%;}

.ver{
	display: block;
	transform: rotate(90deg);
}

.b_title{
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 15px;
}
	.b_title span{
		display: block;
		font-size: 70%;
	}

td.subject{
		padding: 15px 15px 15px 15px!important;
}
	td.subject ul {
		margin-bottom: 15px;
	}
		td.subject ul li img{
			width: 70%;
		}

		td.subject ul li:first-child{
			margin-right: -5px;
		}

	.mv{
		margin-bottom: 15px;
	}

/* re_box */
.re_box{
	margin:-15px 0 0 0;
}

.re_box .re_set{
	display: block;
	background-image:none!important;
	padding: 5px 0 5px 0
}
.re_inner:first-child{
	margin: 0 15px 15px 15px;
	padding-bottom: 15px;
	/* border-bottom: 1px dotted #463a12 */
}

	.re_box .re_set h3{
		font-size: 140%;
		font-weight: bold;
		color: #00633b;
		margin-bottom: 10px;
	}

	.re_box .re_set p{
		font-size: 110%;
		font-weight: bold;
		line-height: 140%;
	}


}


















/******************************************************************
utility - mediaQuery
******************************************************************/
.u-sp-media { display: none; }

@media screen and (max-width: 736px) {
	.u-pc-media { display: none; }
	.u-sp-media { display: block; }
	img.u-sp-media { display: inline-block; }
}