@media all and (min-width: 768px) {
#tit{ width: 980px; height: 122px; background: url(../img/artist_tit.png) no-repeat; margin: 0 auto;}

.a_w_menu{ width:570px; height: 63px; background: url(../../img/a_w_menu.png) no-repeat; margin: 40px auto 20px;}
.a_w_menu #a_w_menu1 a{ display:block; width:285px; height:63px; float:left; }
.a_w_menu #a_w_menu2 a{ display:block; width:285px; height:63px; float:left; }
.a_w_menu #a_w_menu1 a .hover{ display:block; width:285px; height:63px background:url(../../img/a_w_menu.png) no-repeat 0px -63px;}
.a_w_menu #a_w_menu2 a .hover{ display:block; width:285px; height:63px background:url(../../img/a_w_menu.png) no-repeat -285px -63px;}
.artist #a_w_menu1 a{ background:url(../../img/a_w_menu.png) no-repeat 0px -63px;}
.work #a_w_menu2 a{ background:url(../../img/a_w_menu.png) no-repeat -285px -63px;}

.ticket_table { width: 100%; background: #212121; margin: 20px 0; border: 1px solid #777777; }
.ticket_table th, .ticket_table td { padding: 10px 10px !important; vertical-align: middle !important; border-bottom: 1px dotted #777777; border-right: 1px dotted #777777; }
.ticket_table.english th, .ticket_table.english td { font-size: 10px !important }
.ticket_table th { background: #420d1b; color: #fff; text-align: center; }
.ticket_table td { vertical-align: middle !important; text-align: center; }
.ticket_kome{ line-height: 2;}
#online_ticket_btn{ width: 626px; height: 106px; background: url(../img/online_ticket_btn.png) no-repeat; margin: 30px auto 70px;}
#online_ticket_btn a{ display: block; width: 626px; height: 106px; transition:all 0.6s ease;}
#online_ticket_btn a:hover{ filter: alpha(opacity=30); opacity: 0.3; background:#fff;}

.tit2{ width: 980px; height: 72px; background: url(../img/tit2.png) no-repeat; margin-bottom: 20px;}
.box{ margin: 0 0 40px; line-height: 2;}
.box_in{ padding:0 20px 0;}
.tit3{ width: 980px; height: 43px; background: url(../img/tit3.png) no-repeat; margin-bottom: 20px; line-height:2.6; padding:0 20px 0; font-size:110%;}
.nomal{ font-weight:normal; font-size:90%;}
.artist_text{ margin:2em 0 50px; line-height: 2;}

.counter{ margin:0; padding:0; display:none;}

.gosite_btn{ width:370px; height:70px; background: url(../img/gosite_btn.png) no-repeat; margin:20px 0 20px;}
.gosite_btn a{ display:block; width:370px; height:70px; transition:all 0.6s ease;}
.gosite_btn a:hover{ filter: alpha(opacity=30); opacity: 0.3; background:#fff;}
.online_btn{ width:370px; height:70px; background: url(../img/online_btn.png) no-repeat; margin:20px 0 20px;}
.online_btn a{ display:block; width:370px; height:70px; transition:all 0.6s ease;}
.online_btn a:hover{ filter: alpha(opacity=30); opacity: 0.3; background:#fff;}
}

@media all and (max-width: 767px) {
#contents_area{ padding: 20px 20px; color: #fff; line-height: 1.8; font-size: 90%;}

/* sub-nav */
.a_w_menu { margin: 0 0 25px; padding: 0; font-size: 12px; list-style-type: none; background: #831a35;}
/*clearfix*/
.a_w_menu:after { content: ""; clear: both; display: block;}
.a_w_menu li { float: left; width: 50%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
background: #831a35; /* Old browsers */
background: -moz-linear-gradient(top, #932340 0%, #820728 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #932340 0%,#820728 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #932340 0%,#820728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*奇数のli要素に適応*/
.a_w_menu li:nth-child(odd) { border-right: 1px solid #000;}
.a_w_menu a { display: block; line-height: 45px; color: #fff; font-size: 130%; text-decoration: none; text-shadow: 1px 1px 3px #862836; text-align: left; padding-left: 15px; position: relative; font-weight:bold;}
.a_w_menu a:after { position: absolute; top: 50%; right: 15px; display: block; content: ''; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.artist #a_w_menu1 a{ background: #550f22;}
}