@charset "UTF-8";

.footer-text {
	display: none;
}

#page-desc-timetable {
	clear: left;
	font-size: 75%;
	bottom: 0; 	padding: 0.5rem 0;
}

#campuslife #mv {
  background: url(../images/mv.jpg) no-repeat center 0;
  background-size: cover;
  height: 220px;
  width: 100%;
}

#campuslife #mv h2 {
	text-align: center;
	padding-top: 7rem;
}

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

.cover { position: relative; width: 100%; margin: 0; padding: 0; color: #333; }

.centerBoxFix { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 20px; line-height: 160%; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.centerBoxLast { z-index: -1; }

.centerBox { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 80%; height: 200px; line-height: 160%; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.centerBox i { /*height: 120px; padding: 20px; font-size: 100px;*/ transition: .8s; transition-delay: 0; } 
.centerBox div { margin: auto; transition: .8s; transition-delay: .8s; }

.section1 { height: 35%; color: #fff;
			/*background: linear-gradient( #00AFCC,#7ddae9);*/
			background: linear-gradient(-45deg, rgba(0,175,204,0.7), rgba(125,218,233,0.7)),
		    url(../images/section-title-bg.jpg) center center;
		    background-size: cover;	
}
.section2 { height: 100%; color: #333;
			background: url(../images/timetable-bg1_pc.jpg) no-repeat; background-size: cover;
 }
.section3 { height: 100%; color: #fff; background: url(../images/timetable-bg2.jpg) bottom center no-repeat; background-size: cover; }
.section4 { height: 100%;  background: url(../images/timetable-bg3_pc.jpg) bottom center no-repeat; background-size: cover;
 }
.section5 { color: #fff; position: relative; z-index: -2; height: 100%; background: url(../images/timetable-bg4.jpg) no-repeat; background-size: cover;
 }
.section6 { height: 100%;  background: url(../images/timetable-bg5_pc.jpg) bottom center no-repeat; background-size: cover;
 }
.section7 { height: 100%; color: #fff; background: url(../images/timetable-bg6.jpg) bottom center no-repeat; background-size: cover;
 }
.section8 { height: 100%; color: #fff; background: url(../images/timetable-bg7.jpg) center center no-repeat; background-size: cover;
 }
.section9 { height: 100%; color: #fff; background: url(../images/timetable-bg8.jpg) bottom center no-repeat; background-size: cover;
 }

@keyframes page-top-animation {
0% {padding-top: 0px; }
100% {padding-top: 3px; }
}
@media only screen and (min-width: 1000px) {
.section3, .section5, .section7, .section9 { background-attachment: fixed; }
}

#campuslife h4 {
	font-family: "Rounded Mplus 1c";
	font-size: 5rem;
	padding: 3rem 0;
}

#campuslife .section3 h4,
#campuslife .section3 h5,
#campuslife .section3 p {
	background: rgba(0,0,0,0.5);
	width: 50%;
	margin: 0 auto;
}

#campuslife .section3 h5 {
	padding: 1rem 0;
	font-size: 2rem;
}


#campuslife .section3 p {
	padding-bottom: 3rem;
}

#campuslife .section3 img,
#campuslife .section5 img {
	margin-bottom: 2rem;
}
#campuslife .section5 h4,
#campuslife .section5 h5,
#campuslife .section5 p,
#campuslife .section8 h4,
#campuslife .section8 h5,
#campuslife .section8 p {
	background: rgba(0,0,0,0.5);
	width: 50%;
	margin: 0 auto;
}

#campuslife .section5 h5,
#campuslife .section8 h5 {
	padding: 1rem 0;
	font-size: 2rem;
}

#campuslife .section5 p,
#campuslife .section8 p {
	padding-bottom: 3rem;
}

#campuslife .section6 h5 {
	padding: 1rem 0;
	font-size: 2rem;
}

#campuslife .section7 h4,
#campuslife .section7 h5,
#campuslife .section7 p {
	background: rgba(226,160,65,0.7);
	width: 50%;
	margin: 0 auto;
}

#campuslife .section7 img,
#campuslife .section8 img {
	margin-bottom: 2rem;
}

#campuslife .section7 h5 {
	padding: 1rem 0;
	font-size: 2rem;
}

#campuslife .section7 p {
	padding-bottom: 3rem;
}



#campuslife .section9 h4,
#campuslife .section9 h5,
#campuslife .section9 p {
	background: rgba(0,175,204,0.7);
	width: 50%;
	margin: 0 auto;
}

#campuslife .section9 img {
	margin-bottom: 2rem;
}

#campuslife .section9 h5 {
	padding: 1rem 0;
	font-size: 2rem;
}

#campuslife .section9 p {
	padding-bottom: 3rem;
}


#campuslife .section-title-timetable {
	text-align: center;
	margin-bottom: 0px;
	padding-top: 7rem;
}


#campuslife .section-title-timetable h3 {
	font-size: 3rem;
	font-weight: bold;
	padding-bottom: 2rem;
	border-bottom: 0;
	display: block;
	padding-top: 2rem;
}

#campuslife p.img-timetable img {
	width: 100%;
}

#campuslife p.img-timetable {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#campuslife .section2 p.img-timetable {
	top: -50%;
}

#campuslife .section4 p.img-timetable {
	top: -75%;
}

#campuslife .section6 p.img-timetable {
	top: -80%;
}

#saturday dl {
	width: 100%;
	overflow: hidden;
	margin: 2% 0;
}

#saturday dl > dt {
	width: 16%;
	float: left;
	border-bottom: 1px dotted #999;
	line-height: 2rem;
	font-size: 1.5rem;
	background: #F7FDDC;
	padding: 2%;
	font-weight: bold;
	color: #00afcc;
}

#saturday dl > dd {
	width: 76%;
	float: right;
	border-bottom: 1px dotted #999;
	line-height: 2rem;
	font-size: 1.5rem;
	background: #fff;
	padding: 2%;
}

#saturday p:last-child {
	margin-bottom: 7rem;
}

#saturday .photoR {
	margin-bottom: 3rem;
}

#teachers ul {
	width: 100%; 
	margin: 3rem auto 10rem auto;
	height: 233px;
	letter-spacing: -.40em;
	text-align: justify;
	text-justify: distribute-all-lines; 
}
#teachers ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
#teachers li {
	letter-spacing:normal;
	display: inline-block;
	width:310px; 
	height: 233px;
	/*line-height: 233px;*/
	text-align: center;
	font-size: small;
	color: lightslategray;	
}

#teachers li > img {
	margin-bottom: 1rem;
}


/*relation*/

#saturday #relation {
	background: #fff;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	padding: 4rem 0 2rem 2rem;
	position: relative;
}

#saturday #relation dt {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	width: 99%;
	text-align: center;
	padding: 0.5%;
	font-weight: bold;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	margin-bottom: 0.5%;
	background: #00AFCC;
	border-bottom: 0;
}

#saturday #relation dd {
	display: inline-block;
	padding:  1rem 2rem 0 2rem;
	width: 20%;
	border-bottom: 0;
	float: none;
}

#saturday #relation dd a {
	color: #00AFCC;
	text-align: center;
	padding: 1.5%;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	margin-bottom: 1%;
	border: 2px solid #00AFCC;
	display: block;
	background: #ECF7F9;
}

#saturday #relation dd a:hover {
	background: #00AFCC;
	color: #fff;
}

#saturday #relation-bg {
    /*background: url("../images/main-bg.gif") 0 0 repeat;*/
	padding: 2rem 0;
	overflow: hidden;
}

#saturday #relation-bg dl#relation {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#saturday #relation-bg dl#relation dd {
	float: left;
}

#saturday .basic-tlL,
#teachers .basic-tlL,
#event .basic-tlL,
#travel .basic-tlL,
#alternate-current .basic-tlL,
#club .basic-tlL,
#lunchbox .basic-tlL {
	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%;
	background: #00AFCC;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

#event .april {
	color: #84B526;
	border-color: #84B526;
}
#event .april-h6 {
	color: #84B526;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .may {
	color: #11A29B;
	border-color: #11A29B;
}
#event .may-h6 {
	color: #11A29B;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .june {
	color: #A03E89;
	border-color: #A03E89;
}
#event .june-h6 {
	color: #A03E89;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .july {
	color: #33A1DC;
	border-color: #33A1DC;
}
#event .july-h6 {
	color: #33A1DC;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .october {
	color: #A47710;
	border-color: #A47710;
}
#event .october-h6 {
	color: #A47710;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .november {
	color: #854522;
	border-color: #854522;
}
#event .november-h6 {
	color: #854522;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .december {
	color: #494C93;
	border-color: #494C93;
}
#event .december-h6 {
	color: #494C93;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .january {
	color: #1739a7;
	border-color: #1739a7;
}
#event .january-h6 {
	color: #1739a7;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .february {
	color: #2A72AD;
	border-color: #2A72AD;
}
#event .february-h6 {
	color: #2A72AD;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}
#event .march {
	color: #E77575;
	border-color: #E77575;
}
#event .march-h6 {
	color: #E77575;
	font-size: 2rem;
	margin-bottom: 1.8rem;
	font-weight: bold;
}

#travel h4.summer {
	background: mediumseagreen;
}

#travel h5.summer {
	color: mediumseagreen;
	border-color: mediumseagreen;
}
#travel h4.winter {
	background: cornflowerblue;
}

#travel h5.winter {
	color: cornflowerblue;
	border-color: cornflowerblue;
}

#travel h4.earlysummer {
	background: #11A29B;
}

#travel h5.earlysummer {
	color: #11A29B;
	border-color: #11A29B;
}

#travel .textL {
	width: 52%;
	margin-bottom: 4rem;
}
#travel .photoR {
	width: 45%;
	text-align: left;
	margin-bottom: 4rem;
}

#travel .voice-block h6.summer {
	color: #fff;
	line-height: 1.5rem;
	text-align: center;
	padding: 1%;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 auto;
	background: mediumseagreen;
}

#travel .voice-block h6.winter {
	color: #fff;
	line-height: 1.5rem;
	text-align: center;
	padding: 1%;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 auto;
	background: cornflowerblue;
}


#alternate-current .photo-raw3 {
	width: 100%; 
	margin: 2rem auto 4rem auto;
	letter-spacing: -.40em;
	text-align: justify;
	text-justify: distribute-all-lines; 
}

#alternate-current ul.photo-raw3:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
}

#alternate-current ul.photo-raw3 li {
	letter-spacing:normal;
	display: inline-block;
	width: 350px; 
	height: 250px;
	text-align: center;
	font-size: small;
	color: lightslategrey;
}

#alternate-current ul.photo-raw3 li.illust {
	letter-spacing:normal;
	display: inline-block;
	width: 150px; 
	height: 250px;
	text-align: center;
	font-size: small;
	color: lightslategrey;
}
#alternate-current ul.photo-raw3 li img {
	margin-bottom: 0.5rem;
}

#club .section-half-left .textL {
	width: 40%;
	margin-bottom: 6rem;
}
#club .section-half-left .photoR {
	width: 58%;
	margin-bottom: 6rem;
}

#club .section-half-right .textL {
	width: 40%;
	margin-bottom: 6rem;
}

#club .section-half-right .photoR {
	width: 58%;
	margin-bottom: 6rem;
}

#club .photoR {
	margin-bottom: 6rem;
}


#club th {
	white-space: nowrap;
	width: 10%;
}

/* === SP ====================== */
@media screen and (max-width: 748px) {
 	#campuslife #mv {
    background-size: cover;
	height: auto;
  }
	#campuslife #mv h2 {
	padding: 2.5rem 0;
		color: #fff;
	}
  	#campuslife #mv h2 img {
	width: 40%;
	padding-top: 0rem;
	}
  	#about section {
	margin-bottom: 5rem;
	}
	#campuslife #mv span {
	font-size: 2.5rem;
	font-weight: bold;
	padding-bottom: 1rem;
	border-bottom: 2px solid #fff;
	display: inline;
	}
	#campuslife #mv img {
	display: none;
	}
	#campuslife p.img-timetable {
	display: none;
	}
	#campuslife .centerBox > i > img {
		width: 30%;
	}
	#campuslife h4 {
	font-family: 'Orbitron', sans-serif;
	font-size: 3rem;
	padding: 1.5rem 0;
	}
	#campuslife .section1 {
		height: 60%;
	}
	#campuslife .section2 {
	background: url(../images/timetable-bg1_sp.jpg) no-repeat; background-size: cover;
 	}
	#campuslife .section4 {
	background: url(../images/timetable-bg3_sp.jpg) no-repeat; background-size: cover;
 	}
	#campuslife .centerBox h4,
	#campuslife .centerBox h5,
	#campuslife .centerBox p {
	background: rgba(0,0,0,0.5);
	width: 90%;
	margin: 0 auto;
	color: #fff;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	}
	#campuslife .centerBox h4 {
	margin-top: 5%
	}
	#campuslife .centerBox h5 {
	padding: 1rem 0;
	font-size: 1.5rem;
	}
	#campuslife .centerBox p {
	font-size: 1rem;
	}
	#campuslife .section1 {
	height: 60%;
	}
	#campuslife .section7 h4,
	#campuslife .section7 h5,
	#campuslife .section7 p {
	background: rgba(226,160,65,0.7);
	}
	#campuslife .section9 h4,
	#campuslife .section9 h5,
	#campuslife .section9 p {
	background: rgba(0,175,204,0.7);
	}
	#campuslife .section6 {
	background: url(../images/timetable-bg5_sp.jpg) no-repeat; background-size: cover;
 	}
	#campuslife .section7 img,
	#campuslife .section8 img,
	#campuslife .section9 img {
		width: 30%;
	}
	#campuslife .section7 h5,
	#campuslife .section8 h5,
	#campuslife .section9 h5 {
	padding: 0 0 1rem 0;
	font-size: 1.5rem;
	}
	#campuslife .section7 p,
	#campuslife .section8 p,
	#campuslife .section9 p {
	padding-bottom: 1rem;
	}
	#teachers ul {
	height: 100%;
	}
	#teachers li {
	display: block;
	height: 100%;
	padding-bottom: 2rem;
	}
	#saturday dl {
	width: 100%;
	overflow: hidden;
	margin: 2% 0 4% 0;
	}
	#saturday dl > dt {
		width: 100%;
		float: static;
		border-bottom: 1px dotted #999;
		line-height: 2rem;
		font-size: 1.5rem;
		background: #F7FDDC;
		padding: 2%;
		font-weight: bold;
		color: #00afcc;
	}

	#saturday dl > dd {
		width: 100%;
		float: static;
		border-bottom: 1px dotted #999;
		line-height: 2rem;
		font-size: 1.5rem;
		background: #fff;
		padding: 2%;
	}
	#saturday p:last-child {
		margin-bottom: 4rem;
	}
	#saturday #relation {
	padding: 3.5rem 2rem 2rem 2rem;
	}
	#saturday #relation dd {
	display: block;
	width: 100%;
	}
	#saturday #relation-bg dl#relation {
		width: 90%;
		margin: 0 auto;
	}
	#saturday #relation-bg dl#relation dd {
	float: none;
	}
	#travel .textL {
	width: 100%;
	float: none;
	margin-bottom: 0rem;
	}
	#travel .photoR {
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 5rem;
	}
	#travel .photoR img {
	width: 80%;
	}
	
	
	#alternate-current .photo-raw3 {
	width: 80%; 
	margin: 2rem auto 4rem auto;
	}
	#alternate-current ul.photo-raw3:after {
		display: block;
		width: 100%;
	}
	#alternate-current ul.photo-raw3 li {
		display: block;
		width: 100%;
		height: auto;
	}
	#alternate-current ul.photo-raw3 li.illust {
		display: block;
		width: 100%;
		height: auto;
	}

	#club .section-half-left .textL {
	width: 100%;
	margin-bottom: 0rem;
	float: none;
	}
	#club .section-half-left .photoR {
		width: 100%;
		margin-bottom: 4rem;
	}
	#club .section-half-right .textL {
		width: 100%;
		margin-bottom: 0rem;
	}
	#club .section-half-right .photoR {
		width: 100%;
		margin-bottom: 4rem;
	}
	#club .photoR {
		margin-bottom: 4rem;
	}
	#club th {
		white-space: nowrap;
		width: 20%;
	}
	#club .section-half-right .photoR img,
	#club .photoR img {
	width: 80%;
	}
}