@charset "utf-8";
article > div {
	background-color: rgba(0,0,0,0.40);
	padding: 2em;
	margin-bottom: 6em;
}
#outline p {
	margin-bottom: 1em;
}
#outline p .btn {
	background-color: rgba(255,204,0,1.00);
	color: rgba(255,0,4,1.00);
	position: relative;
	text-align: left;
	padding-left: 2em;
	font-weight: 600;
}
#outline p .btn:hover {
	background-color: rgba(255,255,0,1.00);
}
#outline p .btn::before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 1em;
	height: 1em;
	margin-top: -.5em;
	background: rgba(51,51,51,1.00);
}
#outline p .btn::after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 1em;
	height: 1em;
	margin-top: -.5em;
	background: rgba(255,204,0,1.00);
	}
#outline p .btn:hover::after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 1em;
	height: 1em;
	margin-top: -.5em;
	background: rgba(255,255,0,1.00);
	}
#outline dl {
	margin: 0 2em;
}
#outline dl dd {
	padding-left: 1em;
}
#outline .box {
	margin: -.5em -.5em 2em;
	padding: 1em 0;
	border: thin solid rgba(255,255,255,.4);
}
#outline .box:last-child {
	margin: -.5em -.5em -.5em;
}

@media screen and (max-width:800px){
	#spec dl dt {
		width: auto;
		padding-left: 0;
		float: none;
		font-weight: 700;
		margin-bottom: 0.5em;
	}
	#spec dl dd {
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
	}
	#spec dl dd dl dt {
		font-size: 80%;
		font-weight: 200;
	}
	#spec dl dd dl dd {
		margin-bottom: 0.8em;
	}
#outline dl {
	margin: 0 0em;
}
#outline dl dd {
	padding-left: 0em;
}
}

@media screen and (max-width:480px){
	#past ul li {
		width: calc(100% /2);
	}
	#ticket .ticketbox {
		width: 200%;
	}
}

@media screen and (min-width:481px) and (max-width:800px){
	#past ul li {
		width: calc(100% /3);
	}
	#ticket .ticketbox {
		width: 200%;
	}
}

@media screen and (min-width:801px) and (max-width:1024px){
	#past ul li {
		width: calc(100% /3);
	}
}

@media screen and (min-width:1025px) and (max-width:1280px){
	#past ul li {
		width: calc(100% /3);
	}
}

@media screen and (min-width:1281px){
	#past ul li {
		width: calc(100% /4);
	}
}