@charset "UTF-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:clamp(14px,2vw,20px);
    vertical-align:baseline;
}
body {
    line-height:1;
    -webkit-text-size-adjust: 100%;
}
header,main,footer{
	margin: 0;
	padding: 0;
}
ol, ul {
    list-style: none;
}
a img {
	border: none;
}

a, a:link, a:visited{
	text-decoration:none;
	color:#fff;
}
a:hover{
	opacity: 0.7;
}
.cl{
	clear:both;
}
img{
	vertical-align: top;
}

body{
	background-color: #000;
	color: #fff;
	text-align: center;
	font-family: "Noto Sans JP";
}
body::before{
	content: "";
	display: block;
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-image: url("images/han_bg.jpg");
	background-size:cover;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
header{
}
header p img{
	width: 100%;
}
header p img.sp{
	display: none;
}
header h1{
	position: absolute;
	top:0;
	margin: 10px;
	text-align: left;
	font-size: 80%;
	line-height: 1.3;
}
header h1 img{
	width: 10vw;
	margin-right: 1vw;
}
.contents_area{
	width: 800px;
	margin: auto;
	margin-bottom: 3%;
}
footer{
	position: fixed;
	bottom: 0;
	background-color: rgba(17,18,57,0.50);
	padding: 0.5vw 1vw;
	width: 100%;
	color: #BAD3FF;
	/*font-size: 70%;*/
}
footer .foot_bottom a{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
footer .foot_bottom a.sp{
	margin-left: 5px;
	color: lemonchiffon;
}
footer .foot_bottom a img{
	width: 30px;
}
footer .foot_bottom br{
	display: none;
}
footer .bunner_list{
	text-align: left;
	margin: 1%;
}


.performance_15th{
	border: lemonchiffon 3px double;
	padding: 3%;
	margin-bottom: 50px;
	background-color: rgba(0,0,0,0.62);
}
.performance_15th h2{
	font-size: 230%;
	line-height: 1.3;
	margin: 20px auto 30px;
	background: linear-gradient(170deg, #fff 0%, lemonchiffon 30%, red 90%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.performance_15th h3{
	font-size: 160%;
	line-height: 1.3;
	margin-bottom: 10px;
}
.performance_15th h4{
	font-size: 140%;
	margin-bottom: 1%;
	line-height: 1.4;
	display: inline-block;
	background: linear-gradient(transparent 0,transparent 70%,rgba(0,0,0,0.6) 70%)
}
.performance_15th p.center{
	text-align: center;
}
.performance_15th h5{
	line-height: 1.3;
	font-size: 120%;
	margin-bottom: 15px;
	background: linear-gradient(transparent 0,transparent 70%,rgba(0,0,0,0.6) 70%);
	display: inline-block;
}
.performance_15th h5 span{
	border: 1px solid #999;
	padding: 5px 10px;
	margin-right: 10px;
}
.performance_15th h5 br{
	display: none;
}
.performance_15th p.yellow{
	color: lemonchiffon;
	line-height: 1.2;
	margin-bottom: 3%;
}
.performance_15th p{
	text-align: left;
	line-height: 1.5;
	text-indent: 2vw;
}
.performance_15th h6{
	margin-top: 4%;
	color: #BAD3FF;
	border-top: #BAD3FF 1px dotted;
	padding-top: 20px;
}
.performance_15th h6 a{
	display: block;
	padding: 3%;
	background-color: brown;
	width: 50%;
	margin: 3% auto;
	border-radius: 5px;
}
.performance_15th p.sp_list{
	text-align: center;
	display: inline-block;
	background: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%, cornflowerblue 70%);
	line-height: 1.2
}
.performance_15th p.sp_list br.sp{
	display: none;
}
.performance_15th p.sp_list i{
	margin-left: -10px;
}
i{
	margin-left: 5px;
}

.sponsor{
	margin: 1%;
}
.sponsor h1{
	font-size: 150%;
	margin: 3% auto ;
	line-height: 1.3;
}
.sponsor span.com br{
	display: none;
}
.sponsor_list{
	background-color: rgba(0,0,0,0.5);
	margin: 1%;
	padding: 1%;
	overflow: hidden;
}
.sponsor_list p{
	font-size: 120%;
	margin: 1vw 0.5vw;;
	float: left;
}
.sponsor_list p::after{
	content: "/";
	margin-left: 1vw;
	opacity: 0.5;
}
.sponsor_list p span{
}
.sponsor a{
	display: block;
	clear: both;
}
.sponsor a img{
	width: 60%;
	max-width: 400px;
	margin:3% auto;
}
.bunner_list a{
	display: inline-block;
}

.intro_15th{
	font-family: "kokoro",YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: left;
	text-indent: clamp(14px,2vw,20px);
	line-height: 1.2 !important;
	padding: 1% 2% 2%;
	background-color: rgba(0,0,0,0.85);
}






.sns_link{
	margin-bottom: 5%;
}
.sns_link i{
	margin-left: 10px;
	margin-right: 5px;
}

.link_btn{
	display: block;
	box-shadow: 1px 0px 2px 1px #666;
	width: 300px;
	margin: 50px auto;
	border-radius: 10px;
}
.link_btn img{
	width: 100px;
	vertical-align: middle;
}

.text_list{
	text-align: left;
	margin: 40px auto;
}
.text_list h2{
	font-size: 120%;
	padding: 4% 8%;
	border-radius: 40px;
	background-color: royalblue;
	margin-bottom: 20px;
}
.text_list p{
	line-height: 1.5;
	text-indent: 2vw;
	margin: -10px 20px 30px;
}
.text_list p.story{
	border: 1px solid #BAD3FF;
	border-radius: 10px;
	padding: 8% 4% 2%;
	position: relative;
}
.text_list p.story span{
	display: block;
	background-color: #BAD3FF;
	color: #143C73;
	position: absolute;
	top:0;
	left: 0;
	padding: 0 20px;
	text-indent: 0;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 5px;
}
.accordion-container {
  position: relative;
  border-top: none;
  outline: 0;
  cursor: pointer;
}
.accordion-container .accordion-title {
  display: block;
  position: relative;
  cursor: pointer;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  opacity: 0.7;
}
.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}
.accordion-title{
  position: relative;
}
.accordion-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 12px;
  height: 12px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
.accordion-content{
  display: none;
	background-color: rgba(0,0,0,0.65);
	padding: 2%;
	margin-top: -50px;
	padding-top: 50px;
}

@media screen and (max-width:900px){
	.contents_area{
		width: 90%;
	}
	img{
		width: 100%;
	}
	.questionary{
		max-width: 90%;
	}
}
@media screen and (max-width:620px){
	footer .foot_bottom br{
		display: inherit;
	}
}
@media screen and (max-width:520px){
	.sponsor h1{
		font-size: 4vw;
	}
	.sponsor h1 br{
		display: none;
	}
	.sponsor{font-size: 4vw}
	.sponsor span.com br{
		display: inherit;
	}
	.sponsor span.com{
		display: block;
		text-align: left;
		line-height: 1.2;
	}
}
@media screen and (max-width:410px){
	header p img.pc{
		display: none
	}
	header p img.sp{
		display: inherit;
	}
	header h1{
		font-size: 4vw;
	}
	.intro_15th{
		font-size: 4vw;
	}
	.performance_15th{
		border-width: 1vw;
	}
	.performance_15th h2{
		font-size: 8vw;
		margin: 10px auto;
	}
	.performance_15th h3{
		font-size: 6vw;
	}
	.performance_15th h4{
		font-size: 5vw;
	}
	.performance_15th h4 span{
		font-size: 4vw;
	}
	.performance_15th h5{
		font-size: 4.8vw;
		text-align: left;
		margin-bottom: 2vw;
	}
	.performance_15th h5 span{
		display: inline-block;
		text-align: left;
		font-size: 4vw;
	}
	.performance_15th h5 br{
		display: inherit;
	}
	.performance_15th p{
		font-size: 4vw;
	}
	.performance_15th h6{
		font-size: 4vw;
		padding-top: 10px;
	}
	.performance_15th h6 a{
		margin:10px auto;
	}
	.performance_15th p.sp_list br.sp{
		display: inherit
	}
	.performance_15th p.sp_list i{
		margin-left: 0;
	}
	.sponsor a img{
		width: 100%;
	}
	.sponsor_list p,.sponsor span{
		font-size: 4vw;
	}
	.text_list h2{
		font-size: 5vw;
	}
	.text_list p,.text_list p.story span{
		font-size: 4vw;
	}
	footer .foot_bottom{
		font-size: 4vw;
	}
	footer .foot_bottom a{
		margin: 1% 3%;
	}
	footer .foot_bottom a img{
		width: 8vw;
	}
}