@charset "UTF-8";

/* ---------------------------------------- file info */
/* filename:training.css */
/* creation date:2016年9月1日 */
/* last updated:2016年9月6日 */
/* -------------------------------------------------- */

/* ----------------------------
	001-01.ttlBlock
----------------------------- */

#ttlPageBlock .inner h2 {
	color: #57b52f;
	padding-top: 10px;
}
#ttlPageBlock .inner h2 span {
	font-size: 70%;
	line-height: 1.8;
	display: block;
	color: #00459b;
}
#ttlPageBlock .inner small {
	color: #e50065;
}

#ttlSubPageBlock .inner.training h2 {
	color: #e50065;
}
#ttlSubPageBlock .inner.training small {
	color: #57b52f;
}
#ttlSubPageBlock .inner.camp h2 {
	color: #e50065;
}
#ttlSubPageBlock .inner.camp small {
	color: #00459b;
}

/* ----------------------------
	001-01.galleryList
----------------------------- */
.mainContent .galleryList {
	text-align: center;
}
.mainContent .galleryList ul li {
	display: inline-block;
	margin: 10px;
}
.mainContent .galleryList ul li a {
	position: relative;
}
.mainContent .galleryList ul li a:before {
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 114%;
	line-height: 28px;
	border-radius: 50%;
	background: #fff;
	color: #e50065;
	font-family: 'fontello';
	content:"\e80a";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -14px 0 0 -14px;
}
.mainContent .galleryList ul li a:after {
	width: 100%;
	text-align: center;
	font-family: GB;
	content:"Watch this MOVIE!!";
	color: #fff;
	position: absolute;
	left: 0%;
	top: 50%;
	margin-top: 20px;
}
.mainContent .galleryList ul li a:hover:before {
	color: #fff;
	background: #e50065;
}
.mainContent .galleryList ul li img {
	border-radius: 10px;
	border: 3px solid #0046A3;
}
.mainContent .galleryList ul li:nth-of-type(2n+1) img {
	border-color: #FA0063;
}
.mainContent .galleryList ul li:nth-of-type(6n+1) img {
	border-color: #62C648;
}