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

/*共通*/

.l-wrapper {
	width:100%;
	padding:0 3%;
	max-width:calc( 1440px + 6% );	
	margin:0 auto 0;
	position: relative;
	box-sizing: border-box;
}

/*メディアクエリ*/

/*二段階*/

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

/*三段階*/

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

/*グランドインデックス*/

#l-Grand-Visual {
	width:100%;
	position: relative;
}

#l-Index-visual {
	width:100%;
	position: relative;
	box-sizing: border-box;
	
}

@media screen and (min-width:1025px) { /*PC*/
	#l-Index-visual {
	padding: 40px;
	}
}
@media screen and (max-width:1024px) { /*MB*/
}

#l-Index-visual:before {
    content: '';
   background:url("../img/mv/mv_16.webp") center center no-repeat;
	background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(10px);
    z-index: -1;
	opacity: 0.75;
}

/*グランドインデックス - コンテンツ*/

#l-Grand-Outline {
	width:100%;
	background:url("../img/outline_bg.jpg") left top repeat-x;
	background-size: cover;
	animation: anime_bg 60s linear infinite;
}

@keyframes anime_bg {
 0% {background-position: 0 0;}
 100% {background-position: -2100px 0;}
}

#l-Grand-Season {
	padding:64px 0;
	box-sizing: border-box;
	background-color:#ffffff;
	position: relative;
}

/*グランドインデックス - フッター*/

footer {
	background:url("../../img/foot_bg.jpg") center center no-repeat;
	background-size: cover;
	padding:64px 0 0;
	box-sizing: border-box;
	position: relative;
}

.l-foot-logo {
	background-size: cover;
	max-width: 250px;
	width:100%;
	margin:0 auto;
}

.l-foot-logo a img {
	transition: all 0.3s;
}

.l-foot-logo a:hover img {
	opacity: 0.6;
}

ul.l-select-season {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:8px;
}

ul.l-select-season li {
	display: block;
}

ul.l-select-season li a {
	display: block;
	color:#fff;
	background-color:#363636;
	border-radius: 5px;
	font-size: 1.7rem;
	padding:8px;
	box-sizing: border-box;
	transition: all 0.3s;
	text-decoration: none;
}

ul.l-select-season li a:hover {
	background-color:#fff;
	color:#363636;
	text-decoration: none;
}

/*各シングルシーズンページ*/

#l-Sub-header {
	width:100%;
	background:url("../../img/foot_bg.jpg") center center no-repeat;
	background-size: cover;
	text-align: left;
	position: relative;
	z-index: 100;
}

#l-Sub-header a {
	color:#fff;
	display: inline-block;
	padding:6px 12px;
	font-size: 1.4rem;
	border-right:1px solid #fff;
	background-color:#000;
	transition: all 0.3s;
}

#l-Sub-header a:hover {
	color:#000;
	background-color:#fff;
	text-decoration: none;
}

#l-Single-Contents-wrap {
	display: block;
	position: relative;
	width:100%;
}

#l-Single-Menu {
	width:100%;
	position: sticky;
	top:0px;
	display: block;
	z-index: 500;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008ccf+5,181878+25,db6aa4+50,181878+75,008ccf+95 */
background: linear-gradient(to right,  rgba(0,140,207,1) 5%,rgba(24,24,120,1) 25%,rgba(219,106,164,1) 50%,rgba(24,24,120,1) 75%,rgba(0,140,207,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

#l-Single-Visual {
	width:100%;
	position: relative;
	background-color:#2B2B2B;
}

@media screen and (min-width:1025px) { /*PC*/
	#l-Single-Topics {
		padding:64px 0;
		box-sizing: border-box;
		background-color:#f7f7f7;
		position: relative;
	}
	#l-Old-Topics {
		padding:64px 0 64px;
		box-sizing: border-box;
		background-color:#ECECEC;
		position: relative;
	}
	#l-Single-About {
		box-sizing: border-box;
		background-color:#000000;
		position: relative;
	}
}
@media screen and (max-width:1024px) { /*MB*/
	#l-Single-Topics {
		padding:128px 0 64px;
		box-sizing: border-box;
		background-color:#f7f7f7;
		position: relative;
	}
	#l-Old-Topics {
		padding:64px 0 64px;
		box-sizing: border-box;
		background-color:#ECECEC;
		position: relative;
	}
	#l-Single-About {
		box-sizing: border-box;
		position: relative;
	}
}


#l-Single-Outline {
	padding:64px 0 64px;
	box-sizing: border-box;
	background-color:#ffffff;
	position: relative;
}

#l-Single-Artist {
	padding:64px 0;
	box-sizing: border-box;
	background-color:#f7f7f7;
	position: relative;
}

#l-Single-Gallery {
	padding:64px 0;
	box-sizing: border-box;
	background-color:#242424;
	position: relative;
}

#l-Single-Access {
	padding:64px 0;
	box-sizing: border-box;
	background-color:#ffffff;
	position: relative;
}

#l-Single-Subpage {
	padding:64px 0;
	box-sizing: border-box;
	background-color:#ffffff;
	position: relative;
}

#l-Single-Travel {
	padding:64px 0;
	box-sizing: border-box;
	background-color:#f7f7f7;
	position: relative;
}