@media screen and (min-width: 641px),print{

/* ----------------------------------------------------------------
  TOP
----------------------------------------------------------------- */
#top{ background:url(../img/mainimage.jpg)  center 0 no-repeat;}
#top.en { background:url(../img/mainimage.jpg)  center -220px no-repeat;}
#top a{ color:#fff;}
#top #wrapper{ width:1000px; margin:auto;}
#top #header{ width:1000px; position: relative; height:630px; margin:auto;}
#top.en #header{ height:430px; }
#top #header h1{ width:280px; position:absolute; top:15px; z-index:1000;left:20px;}
#top #header h1 img{ width:100%;}
#top #header #headnavi{ width:656px; position:absolute; top:0; right:0;}
#top.en #header #headnavi{ width:413px; position:absolute; top:0; right:0;}
#top #header #headnavi li { width:120px; float:left;}
#top #header #headnavi li a{ display:block; background:#720100; text-align:center; padding:15px 0; width:100%;}
#top #header #headnavi li.even a{ background:#510000;}
#top #header #headnavi li a img{ width:8px; margin-right:8px; vertical-align: middle;}
#top #header #headnavi li.search{ width:235px; padding:7px 0 8px 5px;background-color: rgba(0, 0, 0, 0.3)}
#top.en #header #headnavi li.search{ width:265px; padding:7px 0 8px 5px;background-color: rgba(0, 0, 0, 0.3)}
#top #header #headnavi li.search .searchbox{ width:140px;height:17px;}
#top #header #headnavi li.sns{  background:#510000;width:173px;padding-left:5px;}
#top #header #headnavi li.sns a{ margin:0px; padding:7px 5px; display:inline-block;width:auto;background:none;}
#top #header #headnavi li.sns img{ width:30px; margin:0px;}

#top.en #header #headnavi li.cld_menu { display:none;}

#top #header #slider{ position:absolute; top:120px; right:60px; width:324px; border: none; margin: 0; border-radius: 0; background: inherit;}
#top #header #slider ul.slides {border-top:4px solid #720100; border-bottom:5px solid #720100;}
#top #header #slider ul.slides li{ padding:5px 0px;width: 269px ;height:430px; !important;  background-color: rgba(255, 255, 255, 0.8);position: relative;}
#top #header #slider ul.slides li .photo{ float: left; height:330px; width: 254px; margin: 10px 0 0 35px; text-align:center; display: table-cell; vertical-align: middle;line-height: 0; }
#top #header #slider ul.slides li .date{ margin: 20px 0 10px;}
#top #header #slider ul.slides li .ttl{ display:table;text-align:center;font-weight: bold; font-size: 14px; background-color:#fff;height:40px;width: 324px;color:420100;}
#top #header #slider ul.slides li .ttl .ttl2{display:table-cell;text-align:center;    vertical-align:middle;    line-height:1.5em;}
#top #header #slider ul.slides li .link { position: absolute; bottom: 20px; right: 20px;}
#top #header #slider ul.slides li .link a{ background: #d5d5d5 url(../img/icn_arrow02.png) no-repeat 5px; background-size: 9px; display: inline-block; padding: 5px 5px 5px 15px; color: #8a0200;}
#top #header #slider .flex-direction-nav li a { width: 28px;}
#top #header #slider .flex-direction-nav .flex-prev { top:215px; left: -35px; opacity: 1; background: url(../img/slidearr_l.png) no-repeat 0;}
#top #header #slider .flex-direction-nav .flex-next { top:215px; right: -35px; opacity: 1; background: url(../img/slidearr_r.png) no-repeat 0;}
#top #header #slider .flex-control-paging { text-align: center; padding: 10px 0 0;}
#top #header #slider .flex-control-paging li a { background: #888; width: 13px; height: 13px;}
#top #header #slider .flex-control-paging li a.flex-active { background: #ddd;}
#top #header .gnavi{ width:310px; position:absolute; top:160px; background:url(../img/line.png) center top repeat-x;background-color: rgba(0, 0, 0, 0.2);}
#top.en #header .gnavi{ top:190px;left:40px;width:330px; }
#top #header .gnavi dl{ background:url(../img/line.png) center bottom repeat-x; padding:10px 0 10px;}
#top #header .gnavi dt{width:130px; font-weight:bold; color:#fff; text-align: center; line-height:160%; display:table-cell; vertical-align:middle;}
#top #header .gnavi dt span{ color:#FDFF8C; font-size:20px;}
#top #header .gnavi dt.ticket span{ color:#F8B3AD;}
#top #header .gnavi dt.sponsor span{ color:#CCEB71;}
#top #header .gnavi dd{ width:180px;display:table-cell;}
#top #header .gnavi dd li{ padding:0px;}
#top #header .gnavi dd li a{font-size:13px;}
#top #header .gnavi dd li a{ text-shadow: 1px 1px 1px #000; display: inline-block; padding:5px 10px; }
#top #header .gnavi dd li a:hover{text-shadow: 0px 0px 0px #fff;background-color: rgba(114, 1, 0, 0.8);border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#top #header .gnavi dl.ogb { background:url(../img/line.png) center bottom repeat-x; padding:10px 0 10px;background-color: rgba(0, 0, 0, 0.5);}
#top #header .gnavi dl.ogb dd{ color:#fff;text-align:center;color;#fff;width:310px;display:table-cell;}
#top #header .gnavi dl.ogb dd a:hover{padding:0 10px;text-shadow: 0px 0px 0px #fff;background-color: rgba(114, 1, 0, 0.8);border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#top .bn{ margin-bottom:10px;}
#top #header .snsicn{ position:absolute; top:590px; left:250px; text-align:right;oaddi}

#top #header .recruit_menu{ position:absolute; top:565px; left:140px; text-align:left;}
#top #header .recruit_menu a{ color:#666;}
#top #header .recruit_menu a:hover{ color:#aa0002;text-decoration:underline;}
#top #header .recruit_menu a:active{ color:#666;}

#top #header .covid19btn{ position:absolute; top:592px; left:0; text-align:left;}
#top #header .covid19btn a{ color:#000; border:1px solid #000; padding:5px 10px; display:block;}
#top #header .covid19btn a:hover{ color:#aa0002;border:1px solid #aa0002;}
#top #header .covid19btn a:active{ color:#000;}


#top #calendar{ width:1000px; text-align:center; margin:0 auto 50px;} 
#top #calendar .head,#top #calendar h2,#top #calendar table{ display: inline-block; }
#top #calendar h2{ font-size:14px; color:#000; margin:0 10px;}
#top #calendar tr{ display:inline;}
#top #calendar td{ display:inline; padding:0 4px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;}
#top #calendar td.blank{ display:none;}
#top #calendar td a{ color:#000;}
#top #calendar th{ display:none;}
#top #calendar .bt_back, #top #calendar .bt_next{ display:inline;}
#top #calendar .spdisplay{ display:none!important;}
#top #calendar a img{ width:10px; vertical-align: central;}
#top #calendar a.event_balloon{ color:#DF595B;}
#top #maincontainer{ width:1000px; margin: auto;}
#top.en #maincontainer{ width:1000px; margin: auto;}
#top #maincontainer #leftbox {width:690px; float:left;}
#top #maincontainer #performancelist{ width:690px;}
#top #maincontainer #performancelist{display:table;}
#top #maincontainer #performancelist li {width:335px; padding:20px 20px 70px 20px; border:1px solid #ccc; float:left; margin: 0 20px 20px 0;position:relative;display:table-cell;background-color:#fff;}
#top #maincontainer #performancelist li.last{ border:1px solid #ccc!important;}
#top #maincontainer #performancelist li .label{ z-index: 1; position:absolute;top:0;left:0;width: 0;height: 0;border-style: solid;border-width: 84px 84px 0 0;}
#top #maincontainer #performancelist li p.month{ z-index: 2; position:absolute;font-size:1em;color:#fff;font-weight:bold;}
#top #maincontainer #performancelist li p.month span{ font-size:2em;letter-spacing:-0.2em;display:inline-block;padding-right:5px;}
#top.en #maincontainer #performancelist li p.month span{ font-size:1.5em;letter-spacing:0em;display:inline-block;padding-right:5px;}
#top #maincontainer #performancelist li .l1{ border-color: #8b3638  transparent transparent transparent;}
#top #maincontainer #performancelist li .l2{ border-color: #b75955  transparent transparent transparent;}
#top #maincontainer #performancelist li .l3{ border-color: #d36485  transparent transparent transparent;}
#top #maincontainer #performancelist li .l4{ border-color: #5da8bb transparent transparent transparent;}
#top #maincontainer #performancelist li .l5{ border-color: #46afaa  transparent transparent transparent;}
#top #maincontainer #performancelist li .l6{ border-color: #80a86c  transparent transparent transparent;}
#top #maincontainer #performancelist li .l7{ border-color: #b8c162  transparent transparent transparent;}
#top #maincontainer #performancelist li .l8{ border-color: #d0af40  transparent transparent transparent;}
#top #maincontainer #performancelist li .l9{ border-color: #a56200  transparent transparent transparent;}
#top #maincontainer #performancelist li .l10{ border-color: #be452c  transparent transparent transparent;}
#top #maincontainer #performancelist li .l11{ border-color: #b63500  transparent transparent transparent;}
#top #maincontainer #performancelist li .l12{ border-color: #ba2636  transparent transparent transparent;}

#top #maincontainer #performancelist li .m1,#top #maincontainer #performancelist li .m2,#top #maincontainer #performancelist li .m3,#top #maincontainer #performancelist li .m4,#top #maincontainer #performancelist li .m5,#top #maincontainer #performancelist li .m6,#top #maincontainer #performancelist li .m7,#top #maincontainer #performancelist li .m8,#top #maincontainer #performancelist li .m9{ top:15px;left:8px; !important;}

#top #maincontainer #performancelist li .m10,#top #maincontainer #performancelist li .m11,#top #maincontainer #performancelist li .m12{ top:15px;left:0px !important;}

#top.en #maincontainer #performancelist li .m1,#top.en #maincontainer #performancelist li .m2,#top.en #maincontainer #performancelist li .m3,#top.en #maincontainer #performancelist li .m4,#top.en #maincontainer #performancelist li .m5,#top.en #maincontainer #performancelist li .m6,#top.en #maincontainer #performancelist li .m7,#top.en #maincontainer #performancelist li .m8,#top.en #maincontainer #performancelist li .m9,#top.en #maincontainer #performancelist li .m10,#top.en #maincontainer #performancelist li .m11,#top.en #maincontainer #performancelist li .m12{ top:8px;left:6px !important;}

#top #maincontainer #performancelist .photo{ margin-bottom:10px;}
#top #maincontainer #performancelist h3{ font-size:1.3em;margin-bottom:1.1em;line-height:120%;}
#top #maincontainer #performancelist .detail{ font-weight:bold; font-size:1em; margin-bottom:15px; }
#top #maincontainer #performancelist .detail span{ color:#AD0002; padding-left:10px;}
#top #maincontainer #performancelist .read{ font-size:1em; line-height:130%; color:#333;}
#top #maincontainer #performancelist .linkarea{ text-align: right; margin-top:20px;position:absolute; bottom:20px; right:15px; }
#top #maincontainer #performancelist .linkarea a{ display:inline-block; padding:5px 10px 5px 18px; font-size:0.9em; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px; }
#top #maincontainer #performancelist .linkarea .pfbtn{ background-color:#444444;}	
#top #maincontainer #performancelist .linkarea .chbtn{ background-color:#720100;}	
#top #maincontainer #performancelist .linkarea .flbtn{ background-color:#314088;}	
#top.en #maincontainer #performancelist .linkarea{ right:8px; }
#top.en #maincontainer #performancelist .linkarea a{ margin-left:-3px; }
#top #maincontainer #newsarea #ticket .pfbtn{ display:inline-block; padding:3px 10px 3px 18px; font-size:11px; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#444444; margin-bottom:3px;}
#top #maincontainer #newsarea #ticket .chbtn{ display:inline-block; padding:3px 10px 3px 18px; font-size:11px; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#720100; margin-bottom:3px;}
#top #maincontainer #newsarea #ticket .flbtn{ display:inline-block; padding:3px 10px 3px 18px; font-size:11px; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#314088; margin-bottom:3px;}
#top #maincontainer #newsarea #ticket .sobtn{ display:inline-block; padding:3px 10px 3px 10px; font-size:11px; color:#fff; background-color:#b81111; margin-bottom:3px;}
#top #maincontainer #newsarea #ticket .nsbtn{ display:inline-block; padding:3px 10px 3px 10px; font-size:11px; color:#fff; background-color:#d07600; margin-bottom:3px;}
#top.en #maincontainer #newsarea #ticket .pfbtn{}
#top #maincontainer #performancelist .ticket_sale,#top #maincontainer #performancelist .ticket_soldout{ position:absolute;top:0;right:0; padding:7px 20px;}
#top #maincontainer #performancelist .ticket_sale{ background-color:#d07600;color:#fff; }
#top #maincontainer #performancelist .ticket_soldout{ background-color:#b81111;color:#fff; }
#top #maincontainer #newsarea{ width:280px; float:right;}
#top #maincontainer #newsarea a{ color:#AA0002;}
#top #maincontainer #newsarea #ticket,#top #maincontainer #newsarea #topics { background:#F4F4F4; margin-bottom:20px;}
#top #maincontainer #newsarea #ticket ul,#top #maincontainer #newsarea #topics ul{ padding:0 10px;}
#top #maincontainer #newsarea #ticket li{ margin-bottom:10px;}
#top #maincontainer #newsarea #ticket .photo{ width:80px; margin-top:5px;margin-bottom:5px;margin-right:5px;}
#top #maincontainer #newsarea #ticket .textbox{ width:150px; float:right;}
#top #maincontainer #newsarea #ticket .textbox h3{ font-size:1em; margin-bottom:10px; line-height:130%;}
#top #maincontainer #newsarea #ticket .textbox .read{ font-size:12px; color:#666;}
#top #maincontainer #newsarea #ticket h3{ font-size:12px; margin-bottom:5px; line-height:130%;}
#top #maincontainer #newsarea #ticket .read{ font-size:12px; color:#666;}

#top #maincontainer #newsarea #ticket{ background-color:#fff;border:1px solid #dddddd;margin-bottom:20px;}
#top #maincontainer #newsarea #ticket h3{background-color:#fff;padding:10px;border-bottom:1px dashed #dddddd;text-align:center;color: #000;font-size:1.1em;} 
#top #maincontainer #newsarea #ticket h3.subt{background-color:#7f0032;color: #fff;font-size:1.1em;border:none;}  
#top #maincontainer #newsarea #ticket #mainhall,#top #maincontainer #newsarea #ticket #muratahall{	padding:8px 15px;}
#top #maincontainer #newsarea #ticket #mainhall h4{ background-color:#bb3355;color:#fff;margin-bottom:3px; padding:3px;text-align:center;}
#top #maincontainer #newsarea #ticket #muratahall h4{ background-color:#3557ab;color:#fff;margin-bottom:3px; padding:3px;text-align:center;}
#top #maincontainer #newsarea #ticket #mainhall li{	border-bottom:1px #ccc solid;padding-bottom:10px;}
#top #maincontainer #newsarea #ticket #muratahall li{	border-bottom:1px #ccc solid;padding-bottom:10px;}
#top #maincontainer #newsarea #ticket #mainhall li:last-child{	border-bottom:none;}
#top #maincontainer #newsarea #ticket #muratahall li:last-child{	border-bottom:none;}
#top #maincontainer #newsarea #ticket #mainhall h3,#top #maincontainer #newsarea #ticket #muratahall h3{ font-size:0.9em;text-align:left; padding-left:0;padding-right:0px; }
#top #maincontainer #newsarea #ticket #mainhall h3 span,#top #maincontainer #newsarea #ticket #muratahall h3 span{ display:inline-block;padding-right:5px; }
#top #maincontainer #newsarea #ticket p {font-size:0.9em;padding:0px 0px 3px 0;}
#top #maincontainer #newsarea #ticket a:hover span { text-decoration: underline; }
#top #maincontainer #newsarea #ticket .detaillink{ margin-top:10px;}
#top #maincontainer #newsarea #ticket .detaillink{ background:#fff;}
#top #maincontainer #newsarea .detaillink{ background:#EEEEEE; text-align:right; padding:10px; font-size:12px;}
#top #maincontainer #newsarea .detaillink img{ width:8px; margin-right:7px;}
#top #maincontainer #topics { width: 690px;margin-bottom:20px; }
#top #maincontainer #topics h2{ margin-bottom:15px;border-bottom:1px solid #ccc;padding-bottom:10px; }
#top #maincontainer #topics .date{ display:inline-block;margin-bottom:7px; font-size:1em;}
#top #maincontainer #topics .date span{ background:#D5D5D5; padding:3px 5px; margin-left:10px; font-size:1em; vertical-align:top;}
#top #maincontainer #topics .read{ display:inline-block;line-height:140%; font-size:1em;max-width:520px;vertical-align:top;}
#top #maincontainer #topics a {color: #aa0002; }
#top #maincontainer #topics a:hover {text-decoration:underline; }
#top #maincontainer #topics .t_icon1,#top #maincontainer #topics .t_icon2,#top #maincontainer #topics .t_icon3,#top #maincontainer #topics .t_icon4,#top #maincontainer #topics .t_icon5,#top #maincontainer #topics .t_icon5,#top #maincontainer #topics .t_icon7{ color:#fff;padding:2px 8px; font-size:0.9em; margin-bottom:3px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;width:55px; display:inline-block;text-align:center;}
#top #maincontainer #topics .t_icon1{ background-color:#af6062;}
#top #maincontainer #topics .t_icon2{ background-color:#548843;}
#top #maincontainer #topics .t_icon3{ background-color:#777;}
#top #maincontainer #topics .t_icon4{ background-color:#990000;}
#top #maincontainer #topics .t_icon5{ background-color:#d07600;}
#top #maincontainer #topics .t_icon6{ background-color:#4376a9;}
#top #maincontainer #topics .t_icon7{ background-color:#884488;}

#top #maincontainer #topics .detaillink { margin-top:15px;padding-top:5px;border-top:1px solid #ccc;text-align:right;font-size:0.8em;}
#top #maincontainer #topics .detaillink img{ width:10px;}
#top #maincontainer #newsarea #vacancy{ border:1px solid #DDDDDD; margin:20px auto;}
#top #maincontainer #newsarea #vacancy h2{ background:#fff;border-bottom:dashed 1px #ccc; color:#000; text-align:center; padding:10px; font-size:1.2em;}
#top #maincontainer #newsarea #vacancy .month{ width:240px; margin:10px auto;}
#top #maincontainer #newsarea #vacancy .month a,#top #maincontainer #newsarea #vacancy .month span{ display:inline-block; font-weight: bold; width:80px;}
#top #maincontainer #newsarea #vacancy .month  span{ text-align:center;}
#top #maincontainer #newsarea #vacancy .month  .next{ text-align:right;}
#top #maincontainer #newsarea #vacancy table{ width:250px; margin:0 auto 15px;}
#top #maincontainer #newsarea #vacancy th{ background:#f6f6f6; padding:7px 0; text-align:center; color:#777; font-size:1em;}
#top #maincontainer #newsarea #vacancy td{ text-align:center; padding:5px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em;}
#top #maincontainer #newsarea #vacancy td.active{ background:#FBC2BC;}
#top #maincontainer #newsarea #vacancy .attention{ text-align:right; margin:0 15px 10px 0; font-size:0.9em; color:#999;}
#top #maincontainer #newsarea #vacancy .attention span { color:#FBC2BC; font-size:16px;}
#top #maincontainer #newsarea .vacancycaution{ font-size:0.9em; line-height:130%; color:#990200; margin-bottom:10px;padding:5px 10px 0;border-top:dotted 1px #ccc;}
#top #maincontainer #newsarea #counter { margin-bottom:30px;}
#top #maincontainer #newsarea #counter h2{ font-size:1.1em; margin-bottom:10px; background:url(../img/line2.png)  0  bottom no-repeat; padding-bottom:10px;} 
#top #maincontainer #newsarea #counter .tel{ font-size:1em; font-weight:bold;line-height:140%; margin-bottom:10px; }
#top #maincontainer #newsarea #counter .date{ font-size:1em; margin-bottom:10px;margin-bottom:10px; background:url(../img/line2.png)  0  bottom no-repeat; padding-bottom:10px;}
#top #maincontainer #newsarea #counter .attention{font-size:0.9em; line-height:140%;}
#top #maincontainer #newsarea #counter .detaillink{ background:none;}
#top #tw {margin-bottom:20px;}
#top #tw h3{ background-color:#dddddd;padding:5px;text-align:center;color: #504c40;} 
#top #tw .box{	border:1px solid #dddddd;}
#top #maincontainer #newsarea #recruit_banner { margin-bottom:30px;}
/*
#top .telopcontainer { min-width:656px; position:absolute; top:55px; right:3px; border:4px solid #dd0000; solid 2px; background-color:#fff;color:#dd0000; font-weight:bold;line-height:1.2em; font-size:1.2em; }
#top .telopcontainer a{ color:#dd0000 !important; display:block;width:100%; }
#top .telopcontainer a:hover{ background-color:#ffff90; }
#top .telopcontainer p{ padding:10px 20px; }
*/
#top .telopcontainer { min-width:656px; position:absolute; right:3px; background-color:#fff;color:#720100; font-weight:bold;line-height:1.2em; font-size:1em; top:55px;}
#top .telopcontainer a{ color:#720100 !important; display:block;width:100%; }
#top .telopcontainer a:hover{ background-color:#ffff90; }
#top .telopcontainer p{ padding:8px 20px; }


}