@charset "utf-8";





body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #020000;
	font-size: clamp(14px, 3vw, 18px);
	font-weight: 500;
	line-height: 2;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
}
@media screen and (max-width: 768px){
    body {
		line-height: 1.8;
	}
}

#container {
    overflow: hidden;
}

a {
    color: #fff;
	text-decoration: underline;
}

a:hover {
    color: #fff;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

img {
    width: 100%;
	height: auto;
	line-height: 0;
    /*-webkit-backface-visibility: hidden;*/
	image-rendering: -webkit-optimize-contrast;
}
@media screen and (max-width: 641px){
    img {
		image-rendering: auto; 
	}
}

br.sp {
    display: none;
}
@media screen and (max-width: 768px){
    br.pc {
		display: none;
	}
	br.sp {
		display: block;
	}
}

/*==========================================================================

	                       header
	
============================================================================*/

#header {
	padding: 20px;
	line-height: 0;
	overflow: hidden;
}
#header ul {
	/* max-width: 850px; */
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#header ul li {
	max-width: 270px;
	/* width: 32%; */
	width: 24%;
}
#header ul li a {
	transition: .5s;
}
#header ul li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	transition: .5s;
}

/*==========================================================================

	                       #sec-main
	
============================================================================*/

#sec-main {
	background: url(../img/main-bg.jpg) center top no-repeat;
	background-size: cover;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 5% 5%;
	position: relative;
	overflow: hidden;
}
#sec-main:before {
    display: block;
    content: '';
    width: calc(100% + 10px);
    height: 100%;
    position: absolute;
    top: 0;
	left: -5px;
	box-shadow: -40px 0px 20px -20px rgba(0,0,0,1) inset ,40px 0px 20px -20px rgba(0,0,0,1) inset ,0px -40px 20px -20px rgba(0,0,0,1) inset;
}
@media screen and (max-width: 2000px){
    #sec-main:before {
	    display: none;
    }
}

#sec-main h1 {
	max-width: 204px;
	width: 20%;
	float: right;
	margin-bottom: 10%;
}
#sec-main h2 {
	max-width: 1022px;
	width: 100%;
	margin: 0 auto;
	clear: right;
}
#sec-main h3 {
	max-width: 844px;
	width: 100%;
	margin: 0 auto;
}

/*==========================================================================

	                       #sec-movie 最新告知動画
	
============================================================================*/

#sec-movie {
	padding: 0 5% 5%;
	line-height: 0;
	overflow: hidden;
}
.sec-movie-box {
	max-width: 840px;
	margin: 0 auto;
	border: #cea952 2px solid;
}
.sec-movie-box video {
	width: 100%;
	height: auto;
}

/*==========================================================================

	                       #sec1 演者紹介
	
============================================================================*/

#sec1 {
	background: url(../img/sec1-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 5%;
	margin-bottom: 80px;
	overflow: hidden;
}
@media screen and (max-width: 768px){
	#sec1 {
		margin-bottom: 8%;
	}
}

#sec1 a {
	transition: .5s;
}
#sec1 a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	transition: .5s;
}

.sec1-box1 {
	max-width: 850px;
	margin: 0 auto 7%;
}
.sec1-box1 h2 {
	max-width: 846px;
	margin: 0 auto 3%;
}
.sec1-box1 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec1-box1 ul li {
	max-width: 416px;
	width: 49%;
}

.sec1-box2 {
	max-width: 850px;
	margin: 0 auto;
}
.sec1-box2 h2 {
	max-width: 846px;
	margin: 0 auto 3%;
}
.sec1-box2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec1-box2 ul li {
	max-width: 202px;
	width: 24%;
}

/*==========================================================================

	                       #sec2 生配信案内
	
============================================================================*/

#sec2 {
	padding: 5% 5% 1em;
	overflow: hidden;
}
#sec2 a {
	transition: .5s;
}
#sec2 a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	transition: .5s;
}

.sec2-box1 h2 {
	max-width: 559px;
	width: 90%;
	margin: 0 auto 2em;
}
.sec2-box1 h3 {
	max-width: 844px;
	width: 100%;
	margin: 0 auto 3.5em;
}
.sec2-box1 p {
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.sec2-box2 {
	margin-bottom: 3em;
}
.sec2-box2 h2 {
	max-width: 677px;
	width: 100%;
	margin: 0 auto 1em;
}
.sec2-box2 h3 {
	max-width: 445px;
	width: 70%;
	margin: 0 auto 1em;
}
.sec2-box2 p {
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}


#copy {
    font-size: clamp(10px, 2vw, 14px);
	color: #fff;
	text-align: center;
}


/*==========================================================================

	                       #sec3 配信コンテンツ（2026/7/31以前 ）
	
============================================================================*/

#sec3 {
	background: url(../img/sec3-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 5%;
	overflow: hidden;
}
#sec3 a {
	transition: .5s;
}
#sec3 a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	transition: .5s;
}

.sec3-box1 {
	max-width: 850px;
	margin: 0 auto;
}
.sec3-box1 h2 {
	max-width: 846px;
	margin: 0 auto 4%;
}
.sec3-box1 h3 {
	max-width: 846px;
	margin: 0 auto 5%;
}
.sec3-box1 h4 {
	max-width: 564px;
	width: 70%;
	margin: 0 auto;
}


/*==========================================================================

	                       #sec4 配信コンテンツ（2026/8/1 公開分）
	
============================================================================*/

#sec4 {
	background: url(../img/sec4-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 50px 5% 10px;
	overflow: hidden;
}
#sec4 a {
	transition: .5s;
}
#sec4 a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	transition: .5s;
}

.sec4-box1 {
	max-width: 850px;
	margin: 0 auto;
}
.sec4-box1 h2 {
	max-width: 846px;
	margin: 0 auto 4%;
}
.sec4-box1 h3 {
	max-width: 846px;
	margin: 0 auto 30px;
}



/*==========================================================================

	                       footer
	
============================================================================*/

#footer {
	background-color: #fff;
	padding: 2em 5%;
}

#footer dl {
	max-width: 845px;
	margin: 0 auto 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#footer dl dt {
	max-width: 376px;
	width: 44.5%;
}
#footer dl dd {
	max-width: 464px;
	width: 55%;
}

#footer ul {
	max-width: 840px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#footer ul li:nth-child(1) {
	max-width: 222px;
	width: 26.5%;
	border-right: #231815 1px solid;
	padding-right: 1%;
}
#footer ul li:nth-child(2) {
	max-width: 306px;
	width: 36.5%;
	border-right: #231815 1px solid;
	padding-right: 1%;
}
#footer ul li:nth-child(3) {
	max-width: 284px;
	width: 34%;
}



@media screen and (max-width: 768px){
	#footer dl dt {
		width: 80%;
		margin: 0 auto 0.5em;
	}
	#footer dl dd {
		width: 100%;
	}
	#footer ul li:nth-child(1) {
		max-width: inherit;
		width: 80%;
		border-right: none;
		border-bottom: #231815 1px solid;
		padding-right: 0;
		padding-bottom: 0.5em;
		margin: 0 auto 0.5em;
	}
	#footer ul li:nth-child(1) img {
		max-width: 222px;
		width: 65%;
		margin: 0 auto;
	}
	#footer ul li:nth-child(2) {
		max-width: inherit;
		width: 80%;
		border-right: none;
		border-bottom: #231815 1px solid;
		padding-right: 0;
		padding-bottom: 0.5em;
		margin: 0 auto 0.5em;
	}
	#footer ul li:nth-child(2) img {
		max-width: 306px;
		width: 86%;
		margin: 0 auto;
	}
	#footer ul li:nth-child(3) {
		max-width: inherit;
		width: 80%;
		margin: 0 auto;
	}
	#footer ul li:nth-child(3) img {
		max-width: 284px;
		width: 82%;
		margin: 0 auto;
	}
}


/* ---------------------------------------- 
									clearfix				
---------------------------------------- */
.clearfix {
	zoom:1;
	/*overflow:hidden;
	min-height: 1px;
	_height:1px;*/
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}