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

.t_o_menu{ width:570px; height: 63px; background: url(../../introduction/img/t_o_menu.png) no-repeat; margin: 40px auto 35px;}
.t_o_menu #t_o_menu1 a{ display:block; width:285px; height:63px; float:left; }
.t_o_menu #t_o_menu2 a{ display:block; width:285px; height:63px; float:left; }
.t_o_menu #t_o_menu1 a .hover{ display:block; width:285px; height:63px; background:url(../../introduction/img/t_o_menu.png) no-repeat 0px -63px;}
.t_o_menu #t_o_menu2 a .hover{ display:block; width:285px; height:63px; background:url(../../introduction/img/t_o_menu.png) no-repeat -285px -63px;}
.intro #t_o_menu1 a{ background:url(../../introduction/img/t_o_menu.png) no-repeat 0px -63px;}
.osaka #t_o_menu2 a{ background:url(../../introduction/img/t_o_menu.png) no-repeat -285px -63px;}


#intro_text2{ margin: 30px 0 30px; line-height: 2;}

.ta_outline_box{ border-top: 1px dotted #777777; margin: 50px 0;}
.ta_outline{width:100%; margin:0 0 30px 0; clear:both;}
.td_outlineL{width:15%; padding:1.5em 1em; vertical-align:middle; white-space:nowrap; border-bottom:#7f7f7f 1px dotted; color: #b10831;}	
.td_outlineR{padding:1em; vertical-align:middle; border-bottom:#7f7f7f 1px dotted;}
.td_outline2L{width:15%; padding:0.5em 1em; vertical-align:top; white-space:nowrap; border-bottom:#7f7f7f 1px dotted;}	
.td_outline2R{padding:0.5em 1em; vertical-align:top; border-bottom:#7f7f7f 1px dotted;}	

.ticket_table { width: 100%; background: #212121; border: 1px solid #777777; margin-bottom:20px;}
.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: 1.7; margin-bottom:1em;}
.maeuri_text{ margin-bottom:60px;}
#kokusai_logo{ width:300px; height:54px; background:url(../img/kokusai_logo.png) no-repeat; display:block; margin:0 0 0.5em;}

#online_ticket_btn{ width: 626px; height: 106px; background: url(../img/buy_btn.png) no-repeat; margin: 30px auto 50px;}
#online_ticket_btn a{ display: block; width: 626px; height: 106px;}

.tit1{ width: 980px; height: 69px; background: url(../img/osaka_parts.png) -10px -10px no-repeat; margin-top:30px; margin-bottom: 30px;}
.tit2{ width: 980px; height: 69px; background: url(../img/osaka_parts.png) -10px -95px no-repeat; margin-top:30px; margin-bottom: 30px;}
.tit3{ width: 980px; height: 69px; background: url(../img/osaka_parts.png) -10px -180px no-repeat; margin-top:30px; margin-bottom: 30px;}
.yellow_tit{ font-size: 110%; color: #e8c666; }

}

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

.t_o_menu{ margin-bottom:30px;}
#t_o_menu1,#t_o_menu2{ background: #841a36; color:#FFF; margin: 20px auto 0px;}
#t_o_menu1 a,#t_o_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;}

#intro_text1 { color: #fff7e1; letter-spacing: .2em; font-size: 130%; z-index: 1000; position: relative; text-shadow: #cb9d15 2px 2px 5px; }
    
.ta_outline{width:100%; margin:0 0 3em 0; clear:both;}
.td_outlineL{width:15%; padding:1.5em 1em; vertical-align:middle; white-space:nowrap; border-bottom:#7f7f7f 1px dotted; color: #b10831;}	
.td_outlineR{padding:1em; vertical-align:middle; border-bottom:#7f7f7f 1px dotted;}
.td_outline2L{width:15%; padding:0.5em 1em; vertical-align:top; white-space:nowrap; border-bottom:#7f7f7f 1px dotted;}	
.td_outline2R{padding:0.5em 1em; vertical-align:top; border-bottom:#7f7f7f 1px dotted;}	    

.ticket_box{ margin-bottom: 30px; }

.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; margin-bottom: 1em;}
#kokusai_logo{ background-image:url(../img/kokusai_logo.png); background-size:contain; background-repeat:no-repeat; display:block; margin:0 0 0.5em; padding-top:18.05%; overflow:hidden; height: 0;}
.tit1{  text-align: center; margin: 0px 0 20px; overflow: hidden; letter-spacing: .2em; border-top: 1px solid #610b21; padding-top: 0px; background: #4a0d1d;}
.tit2 { text-align: center; margin: 0px 0 20px; overflow: hidden; letter-spacing: .2em; border-top: 1px solid #610b21; padding-top: 0px; background: #4a0d1d;}
.tit3 {  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; }
.yellow_tit{ font-size: 110%; color: #e8c666; }
}