@charset "utf-8";
/* CSS Document */

/*共通*/

.l-wrapper {
	width:100%;
	padding:0 3%;
	max-width:1280px;
	margin:0 auto 0;
	position: relative;
}

#l-Contents {
	padding:120px 0 72px;
	background-color:#F8F8F8;
}

/*メディアクエリ*/

/*二段階*/

@media screen and (min-width:1201px) {
} /*PC*/
@media screen and (max-width:1200px) {
} /*MB*/

/*三段階*/

@media screen and (min-width:1201px) {
} /*PC-LARGE*/
@media screen and (max-width:1200px) {
} /*PC-MIDDLE*/
@media screen and (max-width:1024px) {
} /*MB*/

/*レイアウト全体*/

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	text-align:center;
	min-height: 100vh;
	font-size: 1.0rem;
	background-color:#eeeeed;
}

#l-Wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background-color:rgba(0,0,0,1.00);
}

/*ヘッダー*/

header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	
}

/*メインビジュアル*/



@media screen and (min-width:901px) {
	#l-MainVisual {
		width:100%;
		position: relative;
		background: url("../img/mainvisual.jpg") center center no-repeat;
		background-size: cover;
		height:800px;
	}
} /*PC*/
@media screen and (max-width:900px) {
	#l-MainVisual {
		width:100%;
		position: relative;
		background: url("../img/mainvisual_mobile.jpg") center center no-repeat;
		background-size: cover;
		padding-top:150%;
	}
} /*MB*/

/*インデックス-アバウト*/

#l-Index-About {
	padding:72px 0;
}

.l-index-about-wrap {
	width:100%;
	padding:0 3%;
	max-width:1366px;
	margin:0 auto 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*インデックス-ピックアップイベント*/

#l-Index-Pickup {
	padding:0;
}

.l-index-pickup-radius {
	background-color:#303131;
	position: relative;
}

@media screen and (min-width:1201px) {
	.l-index-pickup-radius {
		width:91%;
		padding-left:3%;
		padding-right:3%;
		margin-left:3%;
		border-radius: 30px 0 0 30px;
		box-sizing: content-box;
	}
} /*PC*/
@media screen and (max-width:1200px) {
	.l-index-pickup-radius {
		width:100%;
		box-sizing: border-box;
		padding:0 3%;
	}
} /*MB*/

/*インデックス-近日開催*/

#l-Index-Upcoming {
	padding:72px 0;
}

/*インデックス-イベントリスト*/

#l-Index-Eventlist {
	padding:72px 0;
	background-color:#303131;
}

/*インデックス-Twitterと地図*/

#l-Index-Twitter-Map {
	padding:72px 0;
}

/*共通コンタクト*/

#l-Common-Contact {
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	position: relative;
	height:360px;
	background:url("../img/foot_contact.jpg") center center no-repeat;
	background-size: cover;
}

/*フッター*/

footer {
	padding:72px 0;
}