@charset "UTF-8";
/* SCHOOL */
.pg_event footer {
	border-top: 4px solid #005bab;
}

.event-mvbg {
	background-color: #fafafa;
	padding-top: 20px;
}

.event-bg {
	background-color: #fafafa;
	padding: 50px 0;
}

.event-wrap {
	width: 1080px;
	margin: 0 auto;
	padding: 20px 10px 50px;
	background-color: #fff;
}

.event-mv {
	width: 1080px;
	height: 560px;
	margin: 0px auto 0px;
}

.event-mvl {
	width: 380px;
	padding: 210px 20px 0 20px;
	height: 560px;
	color: #fff;
	background-color: #005bab;
	float: left;
	display: table-cell;
	vertical-align: middle;
}

.event-mvl p span {
	color: #cece2e;
	font-size: 32px;
}

.event-mvl h1 {
	font-size: 38px;
	font-weight: bold;
	line-height: 120%;
}

.event-mvr {
	width: 700px;
	height: auto;
	float: right;
}

.event-left {
	float: left;
	width: 842px;
}

.event-right {
	width: 180px;
	float: right;
}

.event-side-t {
	color: #fff;
	background-color: #005bab;
	padding: 10px;
}

.event-category li::before {
	content: "・";
}

.event-category {
	padding: 0 10px;
}

.event-first {
	margin-bottom: 50px;
}

.first-img {
	float: left;
	width: 420px;
}

.first-img img {
	width: 420px;
	height: auto;
}

.event-img {
	width: 420px;
}

.event-img img {
	width: 420px;
	height: auto;
}

.first-text {
	float: right;
	width: 410px;
}

.event-t {
	border-bottom: 1px solid #ddd;
	padding: 0 0 5px 0px;
	margin-bottom: 5px;
}

.event-t span {
	border-left: 5px solid #ddd;
	padding-left : 10px;
}

.event-title {
	border-bottom: 1px solid #005bab;
	padding: 0 0 5px 0px;
	margin-bottom: 5px;
	font-size: 24px;
}

.event-title span {
	border-left: 5px solid #005bab;
	padding-left : 10px;
}

.event-after div:nth-child(even){
	float: right;
}

.event-after div:nth-child(odd){
	float: left;
}

.event-after div {
	margin-bottom: 50px;
	width: 410px;
	height: 490px;
}

.first-img {
	
}

.event-class {
	margin: 5px 0 10px;
}

.other-event,.jhs-event,.hs-event,.annex-event,.other-topics,.topics {
	padding: 5px 10px;
	color: #fff;
}

.other-event,.other-topics,.topics {
	background-color: #005bab;
}

.jhs-event {
	background-color: #d4151e;
}

.hs-event {
	background-color: #091b48;
}

.annex-event {
	background-color: #15aa00;
}

.event-detail {
	color: #005bab;
	padding: 3px 5px;
	border: 1px solid #005bab;
	margin-top: 10px;
}

.event-detail:link {
	color: #005bab;
}

.event-detail:visited {
	color: #005bab;
}

.event-text {
	padding-bottom: 50px;
	border-bottom: 1px solid #eee;
	margin-bottom: 70px;
}

.event-text-s {
	min-height: 80px;
}

.event-footer {
	width: 100%!important;
}


@media only screen and (min-width: 769px) {
	#pg_event .gnav nav > ul > li {
	width: 20%;
	}
}

/* 幅768px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.event-mv {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.event-mvr {
		width: 100%;
	}
	
	.event-text-s {
		min-height: auto;
		
	}
	
	.event-mvl {
		width: 96%;
		height: auto;
		padding: 1%;
		text-align: center;
		margin: 2% 2% 5%;
	}
	
	.event-mvl h1 {
		font-size: 24px;
	}
	
	.event-wrap {
		width: 100%;
	}
	
	.event-left {
		width: 100%;
		margin-bottom: 10%;
	}
	
	.event-right {
		width: 100%;
	}
	
	.first-img,.first-text,.event-img,.event-text {
		width: 100%;
	}
	
	.first-img img {}
	
	.event-after div:nth-child(even),.event-after div:nth-child(odd) {
		float: none;
	}
	
	.event-after div {
		width: 49%;
		display: inline-block;
		vertical-align: top;
		height: auto;
	}
	
	.event-mvbg {
		padding-top: 1%;
	}
	
	.event-category li {
    font-size: 16px;
	margin-bottom: 3%;
	}
	
	.event-detail {
	padding: 2% 2%;
	}
	
	.event-mvl p span {
		font-size: 22px;
	}
}

/* 幅375px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 400px) {
	.event-after div {
		width: 49%;
		display: inline-block;
		float: none;
	}
}