@charset "utf-8";

/* =トップページ
------------------------------------------------------------------------------------------*/


#top_main{
	width:1000px;
	height:600px;
	margin:0 auto;
	position:relative;
	padding: 0;
}

.top_youtube{ position:absolute; top:332px; right:31px; padding:10px; background-color: rgba(255,255,255,0.9); border-radius:5px; line-height:0;}

#top_ticket{width:980px;height:185px;margin:0 auto;position:relative;padding: 0 10px;}

.top_date{margin:0;width:980px;height:100px;display:block;text-indent:-9999px;}
.top_mainbtn{position:absolute;top:0px;left:160px;margin: 0;}
.top_mainbtn .top_ticket{width:684px; height:175px; background-image:url(../images/top/top_ticket.png); text-indent:-9999px; display:block;}
.top_mainbtn a:hover{opacity:0.85;filter: alpha(opacity=85);}

.top_wrapbg{background-image:url(../images/top/top_bg2.jpg); background-repeat:no-repeat; background-position:center top;}

#top_sharearea{
	width:980px;
	margin:0 auto;
	text-align:left;
	padding: 25px 0 20px 0;
}

.goods-area {
		width:605px;
		height:201px;
		position:absolute;
        margin-bottom:20px;
        z-index:9;
	  }

.goods-area a {display:block;}
.goods-area a:hover img {opacity:0.9;filter: alpha(opacity=90);}

.goods-img {top:-34px;left:-19px;position:absolute;z-index:10;}	  

.top_news{
	width:294px;
	background-color:#FFF;
	width:470px;
	padding:3px;
	margin-bottom: 15px;
}
.top_news_wrap{
	border-left:1px solid #888;
	padding:10px 14px;
}
.top_news a{ display:block;}
.top_news h2{margin-bottom:3px;}
.top_news li{
	background-image:url(../images/top/news_icon.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding:3px 0 3px 30px;
	border-bottom:1px dashed #CCC;
	margin-bottom:3px;
	font-size:12px;
}

.share_line1{
	/*
	margin-bottom:5px;
	*/
}
#top_sharearea h2.top_share_stit{
	width:588px;
	height:68px;
	display:block;
	background-image:url(../images/top/top_share_stit2026_center.png);
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:105px 0px;
	float:left;
}
.twitter_box{width:588px;padding: 0 10px 10px 10px;
	/* 旧スタイル
	
	border-radius: 10px;  /* CSS3草案 
	-webkit-border-radius: 10px;  /* Safari,Google Chrome用 
	-moz-border-radius: 10px;  /* Firefox用 
	border:2px solid #913504;
    margin-bottom: 16px;
	*/
}
#top_sharearea .twitter_area{
	background-color:#FFF;
	height:170px;
	color:#333;
	padding:0px 0px 100px 0px;
	overflow:hidden;
	border: 5px solid #d7bc8c;
}
.twitter_box .share{
	background-color:#FFF;
	padding:10px 0;
	float:right;
	width:195px;
	margin-top: 18px;
	border-radius: 5px;  /* CSS3草案 */
	-webkit-border-radius: 5px;  /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;  /* Firefox用 */
}

.twitter_box .share li{
	float:left;
	margin-left:8px;
}
.twitter_box .share li.fb{width:70px;height:20px;display:block;}
.twitter_box .share li.twt{
	height:20px;
	display:block;
	overflow: hidden;
	margin-left: 20px;
}

.share_left{
	float: left;
	width:350px;
}
.share_left .movie{ margin-bottom:10px;}

.top_right{
	float:right;
	width:540px;
}

.bnr_box{height:193px;width:100%;margin-bottom:15px;}
.bnr_box a:hover {opacity: 0.7;}
.bnr_box img{width:100%;}

.youtube_area{
	float:right;
	padding: 10px;
	background-color: #D99904;
	border-radius: 7px;  /* CSS3草案 */
	-webkit-border-radius: 7px;  /* Safari,Google Chrome用 */
	-moz-border-radius: 7px;
}
.morenews{text-align:right; margin:0;}
.morenews a{color:#333;}

/* =profile
------------------------------------------------------------------------------------------*/
.prof_title{position:absolute;left:635px;top:-2px; width:345px; height:103px; background-image:url(../images/prof/prof_title.png); text-indent:-9999px;}
.prof_main{padding:35px 0 0 0;}
.prof_mainimg{width:980px;height:610px;display:block;background-image:url(../images/prof/prof_main.jpg);text-indent:-9999px;margin-bottom: 15px;}
.prof_catch{font-size:14px;line-height:20px;text-align: center;font-weight: bolder;border-bottom: 1px dashed #999;margin: 0;padding: 0 0 15px 0;}
.prof_area{padding:15px 0 35px 0;}
.prof_left{width:215px;float:left;background-color:#903;padding:20px 20px 20px 25px;font-size:1.2em;color: #FFF;}
.prof_left dl{ margin-bottom:10px;}
.prof_left dt{font-weight:bolder;color:#CCC;margin-bottom:3px;}
.prof_center{width:320px;float:left;padding: 5px 0 0 55px;}
.prof_right{width:320px;float:right;padding: 5px 0 0 0;}

.prof_center dl,.prof_right dl{ margin-bottom:15px;}
.prof_center dt,.prof_right dt{font-weight:bolder;color:#900;margin-bottom:3px;}

/* =ticket
------------------------------------------------------------------------------------------*/
.ticket_title{position:absolute;left:15px;top:-97px;width:278px;height:84px;background-image:url(../images/ticket/ticket_title.png);text-indent:-9999px;}
.ticket_main{
	padding:25px 15px 25px 20px;
	margin: 15px auto 30px auto;
	background-color:#FFF;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	width: 915px
}
.ticket_main h3{margin-bottom:12px;}

.ticket_list_wrap{padding:0;width: 915px;}
.ticket_list_top{
	width:915px;
	position:relative;
	overflow: hidden;
}
.ticket_list_top .prefecture{
	left:10px;
	top:11px;
	margin:0;
	padding:5px 10px 2px 10px;
	color:#990000;
	font-size:24px;
	z-index:5px;
	line-height:1em;
	border-radius: 5px;  /* CSS3草案 */
	-webkit-border-radius: 5px;  /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;  /* Firefox用 */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #C00), color-stop(0.00, #900));
	background: -webkit-linear-gradient(top, #b00 0%, #800 100%);
	background: -moz-linear-gradient(top, #C00 0%, #900 100%);
	background: -o-linear-gradient(top, #C00 0%, #900 100%);
	background: -ms-linear-gradient(top, #C00 0%, #900 100%);
	background: linear-gradient(top, #C00 0%, #900 100%);
	-pie-background: linear-gradient(top, #C00 0%, #900 100%);
	behavior: url(js/PIE.htc);
*/	position: absolute;
 background-color:#fdf1d2;
}

.ticket_list_top ul{
	width:930px;
}
.ticket_list_top li{float:left;padding: 0 20px 10px 0;position: relative;}
.kanbai {position:absolute; z-index:5; top:10px; right:20px;}
.kanbai2 {position:absolute; z-index:5; top:-20px; right:20px;}
.enki_chuushi{position:absolute; z-index:5; top:11px; right:30px;}
.enki_chuushi2{position:absolute; z-index:5; top:9px; right:14px;}
.ticket_list_top li.last{padding:0;}
.ticket_list_top li a{
	width:268px;
	height:115px;
	display:block;
	background-image:url(../images/ticket/ticket_list_bg.jpg);
	font-size:22px;
	color:#FFF;
	padding:55px 0 0 22px;
	font-weight: bolder;
	line-height: 1.2em;
}

.ticket_list_top li a.linkoff{
	filter: contrast(0.5);
    pointer-events: none;
}
.ticket_list_top li a:hover{text-decoration:none;opacity:0.85;filter: alpha(opacity=85);}
.ticket_list_top li .hall{
	color:#e7cf8f;
	font-size:18px;
	line-height:21px;
	margin:0;
	padding-top:3px;
}

.ticket_area{
	float: left;
	width:915px;
}
.ticket_list{float:right;width:246px;padding:10px 15px;background-color: #f4efe4;}
.ticket_list li{}
.ticket_list h2{margin-bottom:5px;}
.ticket_list li a.date{background-image:url(../images/ticket/ticket_list_icon.gif);background-repeat:no-repeat;background-position:0 5px;padding:0 0 10px 15px;display:block;color:#333;border-bottom:1px dashed #999;margin-bottom:10px;font-size: 14px; font-weight:bolder;}
.ticket_list .hall{font-size:12px; font-weight:normal;}

.ticket_list li.ui-tabs-selected a{color:#C00;font-weight:bolder;}

/*詳細*/
.ticket_detail{
	width:490px;
	background-color:#aaa;
	margin-bottom:20px;
	float: left;
	margin-left: 20px;
}
.ticket_detail2{
	width:910px;
	background-color:#aaa;
	margin-bottom:20px;
}

.ticket_detail .t_title{
	background-color:#eee;
	padding:10px 15px;
	width:70px;
	text-align:center;
}
.ticket_detail .t_txt{
	background-color:#FFF;
	padding:15px;
}

.ticket_detail2 .t_title{
	background-color:#eee;
	padding:10px 15px;
	width: 130px;
}
.ticket_detail2 .t_txt{
	background-color:#FFF;
	padding:15px;
}
h2.tohoku{
	background-image:url(../images/ticket/ticket_d_stit_rev.jpg);
	width:670px;
	height:83px;
	font-size:26px;
	font-weight:bolder;
	padding:26px 0 0 240px;
	color:#660000;
	margin-bottom:20px;
	line-height: 30px;
}

#kouen_detail{
	border-bottom:1px solid #960;
	padding-bottom:20px;
	margin-bottom:25px;
	position:relative;
	font-size: 14px;
	line-height: 20px;
}
#kouen_detail .prefecture{
	left:0px; width:195px;
	top:35px;
	margin:0;
	padding:5px 10px 4px 10px;
	color:#FFF;
	font-size:16px;
	z-index:5px;
	line-height:1em;
	position: absolute; font-size:36px; text-align:center;
}
.g_map{
	float:left;
	margin-bottom: 15px;
}
.g_map iframe{	border: 1px solid #999;}

.red {color:#f00;}

.bold {font-weight:bold;}

.attention_icons{float: left;margin-left: 20px;margin-bottom: 20px;}



/* =news
------------------------------------------------------------------------------------------*/
.news_main{padding:35px 15px 40px 15px; font-size:14px;}
.news_box {margin-bottom: 20px;border-bottom: 1px dashed #ccc;padding-top: 1em;padding-bottom: 20px;background-color: #fff;padding: 20px;}
.news_box .news_title{ position:relative;border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px;}
.news_box h3{font-size:18px; margin-bottom:3px; font-weight:bolder;}
.news_box .date{ margin:0; color:#900;}
.news_box img{padding-right:20px;}

/* =hyou
------------------------------------------------------------------------------------------*/

/*lightbox 追加230605*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow: visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: #000000;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible; margin-bottom:0;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background: transparent;position:relative;z-index:10000;filter: drop-shadow(0 10px 11px rgba(0, 0, 0, 0.3));}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background: url(../images/top/controls.png) no-repeat 0 0;}
		
        #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;}
        #cboxClose:hover{background-position:-40px 0;}


@media screen and (max-width: 768px) {
#cboxContent{ margin-right:0; margin-bottom:50px;}
#cboxClose{ right:0; top:inherit; bottom:-35px; height: 22px;}
}

/* =追加130203
------------------------------------------------------------------------------------------*/
.tokyo_artist{padding:10px 15px; background-color:#FFF;}
.tokyo_artist img{float:right; width:344px;}
.tokyo_txt{float:left; width:350px; padding-top:10px;}





/* =追加140116
------------------------------------------------------------------------------------------*/
.pastinfo-text h1 {font-size:3em;line-height:1em;margin-bottom: 12px;font-weight:bold;}
.pastinfo-text h1 img{ width: 100%;}
.pastinfo-text h2 {font-size:2em; line-height:1em; margin-bottom:5px; padding-bottom:5px; border-bottom:solid 1px #ddd; font-weight:bold;}
.pastinfo-text ul li {font-size:1em; line-height:2em; border-bottom:dotted 1px #ddd;}



/* =追加200629
------------------------------------------------------------------------------------------*/
.attention_txt_box{width: 910px;border: solid 3px #940000;padding: 20px 20px 10px;box-sizing: border-box;margin-bottom: 17px;border-radius: 9px;}
.attention_txt_box h3{text-align:center;font-size:18px;line-height:1.0em;font-weight: bold;}
.attention_txt_box .txt_right{display: block;text-align:right;}



/* =追加210615
------------------------------------------------------------------------------------------*/
.archive_linkbtn{display: block;margin: 0 auto 30px;width: 94%;max-width: 980px;}
.archive_linkbtn img{ width:100%;}
.archive_linkbtn:hover img{ opacity:0.8;}

.archive_box{width: 100%;max-width: 1000px;margin: 0 auto 28px;display: flex; gap: 11px; text-align: center; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.archive_box li{ width: 10%;}
.archive_box li a{width: 100%;display: block;background-color: #a60c0d;color: #fff;font-size: 14px;font-weight: bold;line-height: 1.5em;padding: 12px 0;border-radius: 5px;}
.archive_box li a:hover{ text-decoration: none; opacity: 0.8;}