/**********************************************
	サイト構成
**********************************************/
html {
	font-family:Avenir,"Noto Sans JP","Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#222;
}

body {
	animation:fadeIn 3s ease 0s 1 normal;
	-webkit-animation:fadeIn 3s ease 0s 1 normal;
}

#headerContents {
	position:relative;
	width:100%;
}

#wrapper {
	position:relative;
	text-align:left;
}

#wrapperInner {
	margin:0 auto;
	width:100%;
}

@media screen and (max-width:568px) {
	html {
		font-size:86%;
	}
}

/**********************************************
	ページ設定
**********************************************/
@keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

/**********************************************
	トップ画像
**********************************************/
#topImage {
	position:relative;
	z-index:700;
	height:100vh;
}

/**********************************************
	キャッチコピー
**********************************************/
#catchCopy {
	position:absolute;
	top:33vh;
	left:50%;
	width:100%;
	text-align:center;
	-webkit-transform:translate(-50%,0%);
	-moz-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
}

#catchCopy img {
	display:inline-block;
	width:22vw;
	height:auto;
}

@media screen and (max-width:768px) {
	#catchCopy img {
		width:66vw;
	}
}

/**********************************************
	スクロールダウン
**********************************************/
#scrollDown {
	position:absolute;
	bottom:1vh;
	left:50%;
	width:100%;
	text-align:center;
	line-height:200%;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	-webkit-transform:translate(-50%,0%);
	-moz-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
}

#scrollDown i {
	display:block;
}

/**********************************************
	説明テキスト
**********************************************/
#descBlock {
	padding:10vh 0;
	background-color:#fff;
}

#descBlockInner {
	margin:0 auto;
	padding:0 4vw;
	max-width:calc(1024px - 8vw);
}

#descImage {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

#descImage img {
	width:75%;
	height:auto;
}

#descText {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	line-height:250%;
	color:#606060;
}

/**********************************************
	インフォメーション
**********************************************/
#infoBlock {
	padding-bottom:15vh;
	background-color:#fff;
}

#infoBlockInner {
	margin:0 auto;
	padding:0 4vw;
	max-width:calc(1680px - 8vw);
}

#infoBlock ul {
	margin:0 auto;
	width:100%;
}

#infoBlock ul li {
	position:relative;
	float:left;
	margin:2vw;
	width:calc(25% - 4vw);
}

#infoBlock ul li .infoDate {
	position:absolute;
	display:block;
	top:0;
	left:0;
	padding:5px 10px;
	line-height:1.6;
	font-size:125%;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
}

#infoBlock ul li .infoDate span {
	display:block;
	line-height:1;
	font-size:65%;
}

#infoBlock ul li .infoMember {
	display:block;
	margin:15px 0;
	padding:5px;
	text-align:center;
	font-size:95%;
	color:#fff;
	background-color:#595959;
	border-radius:3px;
}

#infoBlock ul li .infoTitle {
	display:block;
	margin:15px 0;
	font-size:120%;
	color:#222;
}

#infoBlock ul li .infoValue {
	display:block;
	font-size:90%;
}

#infoBlock ul li .infoNextView {
	display:block;
	margin-top:5px;
	font-size:90%;
	color:#2980b9;
}

#infoBlock ul li .infoImage {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding-top:100%;
	width:100%;
}

#infoBlock ul li .infoImage img {
	position:absolute;
	top:50%;
	left:50%;
	max-width:150%;
	max-height:150%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

#infoBlock ul li:hover {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	transition-duration:0.2s;
	-webkit-filter:brightness(0.8);
	-moz-filter:brightness(0.8);
	-o-filter:brightness(0.8);
	-ms-filter:brightness(0.8);
	filter:brightness(0.8);
}

#infoBlock a:link,#infoBlock a:visited,#infoBlock a:active,#infoBlock a:hover {
	text-decoration:none;
	color:#000;
}

@media screen and (max-width:1024px) {
	#infoBlock ul li {
		width:calc(33.33% - 4vw);
	}

	#infoBlock ul li .infoDate {
		font-size:95%;
	}
}

@media screen and (max-width:768px) {
	#infoBlock ul li {
		width:calc(50% - 4vw);
	}

	#infoBlock ul li .infoDate {
		font-size:85%;
	}
}

/**********************************************
	協賛企業
**********************************************/
#sponsorBlock {
	padding-bottom:15vh;
	background-color:#f0f0f0;
}

#sponsorBlockInner {
	margin:0 auto;
	padding:0 4vw;
	max-width:calc(1680px - 8vw);
}

#sponsorBlock ul {
	margin:0 auto;
	width:100%;
}

#sponsorBlock ul li {
	position:relative;
	float:left;
	margin:2vw;
	width:calc(25% - 4vw);
}

#sponsorBlock ul li .sponsorTitle {
	display:block;
	margin:15px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#222;
}

#sponsorBlock ul li .sponsorValue {
	display:block;
	font-size:90%;
}

#sponsorBlock ul li .sponsorImage {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding-top:100%;
	width:100%;
}

#sponsorBlock ul li .sponsorImage img {
	position:absolute;
	top:50%;
	left:50%;
	max-width:150%;
	max-height:150%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

@media screen and (max-width:1024px) {
	#sponsorBlock ul li {
		width:calc(33.33% - 4vw);
	}
}

@media screen and (max-width:768px) {
	#sponsorBlock ul li {
		width:calc(50% - 4vw);
	}

	#sponsorBlock ul li .infoDate {
		font-size:85%;
	}
}

/**********************************************
	最新のニュース
**********************************************/
#newsBlock {
	background-color:#fff;
}

#newsBlockInner {
	margin:0 auto;
	padding:8vh 4vw;
	max-width:calc(1024px - 8vw);
}

#newsTitle {
	float:left;
	padding-left:10px;
	width:10em;
	color:#2e2e2e;
}

#newsTable {
	float:left;
	display:table;
	margin-bottom:20px;
	padding-left:20px;
	border-left:1px solid #2e2e2e;
}

#newsTable a {
	display:table-row;
}

#newsTable .newsDate {
	display:table-cell;
	padding:10px 10px 10px 0;
	text-align:left;
	font-size:95%;
	color:#2e2e2e;
}

#newsTable .newsSubject {
	display:table-cell;
	margin-left:1em;
	padding:10px;
	text-align:left;
	font-size:95%;
	color:#2e2e2e;
}

#newsTable a:link,#newsTable a:visited,#newsTable a:active {
	text-decoration:none;
	color:#2e2e2e;
}

#newsTable a:hover {
	text-decoration:underline;
	color:#2e2e2e;
}

@media screen and (max-width:768px) {
	#newsTitle {
		float:none;
		padding:0;
		width:100%;
		margin-bottom:10px;
		text-align:center;
		font-weight:bold;
	}

	#newsTable {
		float:none;
		display:block;
		padding:0 10px;
		border:none;
	}

	#newsTable a {
		display:block;
		margin:10px 0;
	}

	#newsTable .newsDate {
		display:block;
		padding:0;
		text-align:center;
		font-size:90%;
	}

	#newsTable .newsSubject {
		display:block;
		margin:0;
		padding:0;
		text-align:center;
	}
}

/**********************************************
	バナー
**********************************************/
#bannerBlock {
	margin-right:10px;
}

.banner {
	margin-bottom:10px;
}

@media screen and (max-width:768px){
	#bannerBlock {
		margin-right:0;
	}
}

/**********************************************
	Facebook
**********************************************/
#facebookBlock {
	width:100%;
	max-width:500px;
}