@charset "utf-8";

.link_blank:after {
	content:'';
	display:inline-block;
	background-image:url("./../img/icon_link.png");
	margin:0px 5px;
	background-size:contain;
	background-repeat: no-repeat;
	vertical-align:middle;

}
.size14:after {
	width:14px;
	height:14px;
}
.link_r:after {
	background-image:url("./../img/icon_link_r.png");
}
#outer {
	position:relative;
	width:100%;
	max-width:750px;

	margin:0 auto;
	background-image:url("../img/back.gif");
	background-repeat: repeat;


}
#head_outer {
	position:fixed;
	top:0;
	width:100%;
	max-width:750px;
	z-index:1000;
}

#header_logo {
	position:absolute;
	top:0;
	left:0;
	width:100%;

}
#top_menu {
	position:absolute;
	top:10px;
	right:5px;
}
#top_menu li {
	margin-left:2px;
	display:inline-block;
	text-align:right;

}
#top_menu li a {
	text-decoration:none;
	opacity:0.5;
	transition: .3s;
}
#top_menu li a:hover{
		opacity:1;
}
#top_menu li a:active{
		opacity:0;
		transition: 0s;
}
#top_menu li a img {

	max-height:22px;


}

#top_banner_box {
	max-width:100%;
	width:100%;
}
#img_tbanner {
	max-width:100%;
	width:100%;
}


#icn_twitter {

	z-index:1000;
	max-width:50px;
	max-height:50px;
	width:100%;
	height:100%;
	margin-top:5px;
	margin-bottom:10px;
}
#contents_box_outer {
	max-width:100%;
	width:100%;
	padding-left:25px;
	padding-right:25px;
}
.contents_box {
	margin:0 auto;
	margin-bottom:20px;

	width:100%;
	background-color:#FFF;

	border-top:20px solid var(--akb-red);
	padding:20px;
	padding-top:10px;
}
.contents_box p {
	width:100%;
	max-width:100%;
}
#intro {
	min-height:0 !important;
	border:none;
	color:var(--akb-red);
	font-weight:bold;
	background:rgba(255,255,255,0);
	text-shadow: 2px  2px 5px #EEE ,
				-2px  2px 5px #EEE ,
				 2px -2px 5px #EEE ,
				-2px -2px 5px #EEE;
	padding:0;
}
#intro p:first-child {
	font-size:2.4rem;
	margin-bottom:10px;
	font-weight:bold;
	font-family: "じゅん 501";

}
#intro p:last-child {
	font-size:1.8rem;
	text-align:left;
	font-family: "ヒラギノ丸ゴ W4 JIS2004";
}


.cont_title {
	color:var(--akb-red);
	text-align:center;
	font-size:3.0rem;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:5px;
}



.cont_coming {
	text-align:center;
}

#to_top {
	position:fixed;
	bottom:35px;
	max-width:50px;
	width:100%;
	max-height:50px;
	height:100%;
	transition: .3s;
	opacity:0.5;
}
#to_top:hover {
	opacity:1;
}
#to_top:active {
	opacity:0;
	transition:0s;
}
#footer {
	background-color:#E00;
	background-color:var(--akb-red);
	width:100%;
	height:30px;
	padding:0px 10px;
	color:#FFF;
	position:relative;

}
#footer p {
	width:100%;
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.txt_box {
	max-width:100%;
	width:100%;
}
.txt_box .cap {
	font-weight:bold;
	font-size:1.8rem;
	color:#0000ff;
	margin-top:10px;
}
.txt_box .txt {

}
#next {
	text-align:left;
}






#next_box_flyer {
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
}
.flyer_yoko img {
	max-width:317px;
	border:4px solid #FFF;
}
.flyer_tate img {
	max-width:620px;
	width:100%;
}

#event_title {
	text-align:left;
	font-weight:bold;
	font-size:2.8rem;
	margin-top:10px;
}
#event_title span {
	font-size:2.4rem;
}
	#event_logo {
		text-align:center !important;
		margin-top:20px;
		margin-bottom:10px;
	}
	#event_logo img {
		max-width:300px;
		width:90%;
		text-align:center !important;
	}
#next_box_txt ul {
	list-style: none;
	font-size:1.6rem;
}
#next_box_txt .qa ,
#next_box_txt .warning{
	margin-top:20px;
}
.next_date {
	font-weight:bold;
	font-size:1.8rem;
}
#next_box_txt span {
	font-weight:bold;
}

.warning .war ,
.timetable {
	margin-top:20px;
	color:var(--akb-red);
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	font-size:1.8rem !important;
}
.war_list {
	list-style: disc !important;
	padding-left:20px !important;
}
.timetable {
	margin-bottom:30px;
}
.timetable img {
	max-width:600px;
}
.tt_toggle,
.tt_close {
	cursor:pointer;
}
.tt_close {
	display:none;
}
#flyer_discount {
	font-size:1.6rem;
}
#flyer_discount a {
	text-decoration: none;
}
#flyer_discount a,
#flyer_discount a:link,
#flyer_discount a:visited,
#flyer_discount a:hover,
#flyer_discount a:active {
	color:var(--akb-red);
}

@media screen and (max-width: 450px) {

	#contents_box_outer {
		padding-left:15px;
		padding-right:15px;
	}
	#intro p:first-child {
		font-size:1.6rem;
		letter-spacing:0.4rem;
	}
	#intro p:last-child {
		font-size:1.2rem;
		line-height:2.0rem;
	}
	
	.cont_title {
		font-size:3.0rem;
		margin-bottom:10px;
		
	}
	
	#event_title { 
		margin-top:5px !important;
		line-height:3.0rem !important;
		font-size:2.4rem !important;
	}
	#event_title span {
				font-size:1.8rem !important;
	}
	.txt_box ul {
		margin-bottom:10px;
	}
	.txt_box .cap {
		font-size:1.6rem;
		margin-bottom:8px;
	}
	.txt_box li {
		font-size:0.9rem;
		line-height:1.6rem;
		margin-bottom:2px;
	}
	#icn_twitter {
		max-width:40px;
		max-height:40px;
		margin-top:5px;
	}
	#top_menu {

		top:-2px;
		right:5px;
	}
	#top_menu li a img {
		max-height:12px;


	}

	
	.flyer_yoko img {
		border:none;
			max-width:290px;
			margin:0;
	}
	

	#event_data1{
		font-size:1.4rem !important;
		line-height:1.8rem !important;
	}
	#event_data2 {
				text-align:left !important;
		font-size:1.0rem !important;
		line-height:1.4rem !important;
	}
	.warning .war {
		font-size:1.4rem !important;
		line-height:2.0rem;
	}
	.war_list {
		padding-left:10px !important;
	}
	.timetable img {
		max-width:290px;
	}
	#flyer_discount {
		font-size:1.3rem;
	}
	.size14:after {
		width:12px;
		height:12px;
	}
	.size10:after {
		width:10px;
		height:10px;
	}
	.timetable li {
		font-size:1.2rem !important;
	}
}