@charset "utf-8";

body{background:rgba(50,0,50,1.00);}

.main_visual{background:rgba(33,12,33,1.00);}
	
.main_visual img{height:100%;}

.main_visual_img{width:100%;
	height:750px;
	text-align:center;
	background:url(../img/main_visual2_1370.jpg);
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:top center;}

.top_info{width:100%;
	padding:20px 0;
	text-align:center;
	background:rgba(25,25,25,1.00)}

.block1{background:url(../img/top_bg1.jpg);
	background-position:top center;
	background-repeat:repeat-x;}

.introduction{text-align:center;
	padding-bottom:20px;}

.infomation{width:1000px;
	margin:0 auto;
	overflow:hidden;}
	
.ticket_toipics{width:595px;
	float:left;}
	
.box_title{height:25px;}

.box_title img{height:100%;}
	
.ticket_box{width:calc(100% - 10px);
	padding:5px;
	background:rgba(0,0,0,1.00);}

.ticket1,.ticket2{width:calc(100% - 7px);
	padding:2px 2px 2px 5px;
	overflow:hidden;}

.ticket1:hover,.ticket2:hover{opacity:1.0;}
	
.ticket1{background:rgba(0,171,255,1.00);
	margin-top:5px;}

.ticket2{background:rgba(0,159,23,1.00);
	margin-top:5px;}

.ticket_inner1{line-height:30px;
	font-size:18px;
	font-weight:bold;
	color:rgba(255,255,255,1.00);
	float:left;}
	
.ticket_inner2{width:330px;
	line-height:30px;
	font-size:14px;
	text-align:center;
	color:rgba(255,255,255,1.00);
	float:right;
	background:rgba(26,26,26,1.00);}
	
.topics_box{width:calc(100% - 10px);
	padding:5px;
	margin-top:5px;
	background:rgba(0,0,0,1.00);}

.topics_list{width:100%;
	height:200px;
	margin-top:5px;
	background:rgba(55,55,55,1.00);
	overflow-y:scroll;}

.topic{width:95%;
	margin:5px auto 0;
	padding-bottom:10px;
	overflow:hidden;}
	
.topic_date{width:75px;
	height:20px;
	padding:0 5px;
	line-height:20px;
	font-size:12px;
	background:rgba(255,126,0,1.00);
	color:rgba(255,255,255,1.00);}

.topic_title{width:100%;
	line-height:20px;
	padding:5px 0;
	font-size:16px;
	font-weight:bold;
	color:rgba(255,255,255,1.00);}

.topic_text{width:100%;
	line-height:20px;
	font-size:14px;
	color:rgba(255,255,255,1.00);}

.topic_text a{color:rgba(10,205,255,1.00);}

.topic_text a:hover{color:rgba(255,150,0,1.00);}
	
.twitter{width:400px;
	margin-left:5px;
	float:left;}

.twitter_box{width:calc(100% - 10px);
	padding:5px;
	background:rgba(0,0,0,1.00);}

.tw_timeline{height:318px;
	margin-top:5px;
	overflow:hidden;}

ul.listmarker1 {
	list-style-type: none;
	margin-left:12px;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-12px; 
}

@media screen and ( max-width:736px )
{
header{display:none;}
	
.main_visual{}

.main_visual_img{height:450px;}

.top_info img{width:300px;}

.introduction img{width:100%;
	max-width:420px;}
	
.infomation{width:95%;
	max-width:420px;
	margin:0 auto;
	overflow:hidden;}
	
.ticket_toipics{width:100%;
	float:none;}
	
.ticket_box{width:calc(100% - 10px);
	padding:5px;
	background:rgba(0,0,0,1.00);}

.ticket1,.ticket2{width:calc(100% - 4px);
	padding:2px;
	overflow:hidden;}

.ticket1:hover,.ticket2:hover{opacity:1.0;}

.ticket_inner1{width:100%;
	line-height:30px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:rgba(255,255,255,1.00);
	float:none;}
	
.ticket_inner2{width:100%;
	line-height:30px;
	font-size:12px;
	text-align:center;
	color:rgba(255,255,255,1.00);
	float:none;
	background:rgba(26,26,26,1.00);}
	
.topics_box{width:calc(100% - 10px);
	padding:5px;
	margin-top:5px;
	background:rgba(0,0,0,1.00);}

.topic_text a:hover{color:rgba(10,205,255,1.00);}
	
.twitter{width:100%;
	margin-left:0;
	margin-top:5px;
	float:none;}
	
.twitter_box{width:calc(100% - 10px);
	padding:5px;
	background:rgba(0,0,0,1.00);}

.tw_timeline{height:240px;
	margin-top:5px;
	overflow:hidden;}
	
}