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

.ticket_menu{ width:570px; height: 63px; background: url(../img/ticket_menu.png) no-repeat; margin: 40px auto 35px;}
.ticket_menu #ticket_b_menu1 a{ display:block; width:285px; height:63px; float:left; }
.ticket_menu #ticket_b_menu2 a{ display:block; width:285px; height:63px; float:left; }

.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 60px; line-height: 1.7;}
.box_in{ padding:0 20px 0;}
.tit3{ width: 980px; height: 43px; background: url(../img/tit3.png) no-repeat; margin-bottom: 20px; line-height:2.3; padding:0 20px 0; font-size:120%;}
.tit4{ width: 980px; height: 69px; background: url(../img/osaka_parts.png) -10px -180px no-repeat; margin-top:30px; margin-bottom: 30px;}
.nomal{ font-weight:normal; font-size:90%;}
.maeuri_text{ margin-top:2em; line-height: 2;}

.counter{ margin:0; padding:0; display:none;}
#otoku_ticket_img1{margin:0 0 2em 2em; padding:0; float:right; width: 268px; height: 419px; background: url(../img/otoku_ticket_img1.jpg) no-repeat;}
#otoku_ticket_img2{margin:0 0 2em 2em; padding:0; float:right; width: 268px; height: 318px; background: url(../img/otoku_ticket_img2.jpg) no-repeat;}
#otoku_ticket_img3{margin:0 0 2em 2em; padding:0; float:right; width: 268px; height: 376px; background: url(../img/otoku_ticket_img3.jpg) no-repeat;}
#otoku_ticket_img4{margin:0 0 2em 2em; padding:0; float:right; width: 268px; height: 376px; background: url(../img/otoku_ticket_img4.jpg) no-repeat;}

.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%;}

.ticket_menu{ margin-bottom:30px;}
#ticket_b_menu1,#ticket_b_menu2{ background: #841a36; color:#FFF; margin: 20px auto 0px;}
#ticket_b_menu1 a,#ticket_b_menu2 a{ display: block; text-decoration: none; font-size: 120%; color: #fff; cursor:pointer; padding:8px 15px; background-image:url(../img/smp/icons2.png);
background-position:right top;
background-repeat:no-repeat;}
    
.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 }
.tit2 { text-align: center; margin: 0px 0 20px; overflow: hidden; letter-spacing: .2em; border-top: 1px solid #610b21; padding-top: 0px; background: #4a0d1d; }
.ja2 { font-size: 18px; font-weight: bold; text-align: center; display: block; color: #ffffff; padding: 7px 0 0 26px; margin-left: -26px; background-size: 40px; display: inline-block; }
.en2 { font-size: 12px; text-align: center; display: block; color: #af042f; padding-bottom: 8px; }
.tit3 { text-align: left; margin: 0px 0 20px; overflow: hidden; padding: 0 10px; background: #841a36; 
	border-top: 3px solid #610b21;
    border-bottom: 3px solid #610b21;}
.tit3_in { font-size: 110%; font-weight: bold; text-align: left; display: block; color: #ffffff; padding: 10px 0 10px 26px; margin-left: -26px; background-size: 40px; display: inline-block;}
.tit4 {  text-align: center; margin: 0px 0 20px; overflow: hidden; letter-spacing: .2em; border-top: 1px solid #610b21; padding-top: 0px; background: #4a0d1d;}
.box{ margin-bottom:30px;}

#online_ticket_btn{ background: -moz-linear-gradient(top,#bba361 0%,#b3984d); background: -webkit-gradient(linear, left top, left bottom, from(#bba361), to(#b3984d)); color:#FFF; margin: 20px auto 30px; width:270px; border-radius: 5px;}
#online_ticket_btn a{ display: block; text-decoration: none; font-size: 140%; color: #fff; cursor:pointer; width:270px; padding:20px 0;}
.btn_in{ display: block; text-align: center; padding-top:2px;}

#otoku_ticket_img1{margin:0 auto 2em; padding:0; width: 268px; height: 419px; background: url(../img/otoku_ticket_img1.jpg) no-repeat;}
#otoku_ticket_img2{margin:0 auto 2em; padding:0; width: 268px; height: 318px; background: url(../img/otoku_ticket_img2.jpg) no-repeat;}
#otoku_ticket_img3{margin:0 auto 2em; padding:0; width: 268px; height: 376px; background: url(../img/otoku_ticket_img3.jpg) no-repeat;}
#otoku_ticket_img4{margin:0 auto 2em; padding:0; width: 268px; height: 376px; background: url(../img/otoku_ticket_img4.jpg) no-repeat;}
	
.gosite_btn{ background: -moz-linear-gradient(top,#bba361 0%,#b3984d); background: -webkit-gradient(linear, left top, left bottom, from(#bba361), to(#b3984d)); color:#FFF; margin: 20px auto 30px; width:270px; border-radius: 5px;}
.gosite_btn a{ display: block; text-decoration: none; font-size: 140%; color: #fff; cursor:pointer; width:270px; padding:7px 0 8px;}

.online_btn{ background: -moz-linear-gradient(top,#bba361 0%,#b3984d); background: -webkit-gradient(linear, left top, left bottom, from(#bba361), to(#b3984d)); color:#FFF; margin: 20px auto 30px; width:270px; border-radius: 5px;}
.online_btn a{ display: block; text-decoration: none; font-size: 140%; color: #fff; cursor:pointer; width:270px; padding:7px 0 8px;}

.btn_in{ display: block; text-align: center; padding-top:2px;}

}
.red{ color:#c60d3c;}
.bottom_sp_3em{ margin-bottom:3em;}