@charset "utf-8";

#top_banner {
      position: relative;
    z-index: 10;
    max-width: 1024px;
    margin: 0px auto;
}

#top_banner a {
      display: block;
    width: 100%;
    height: 100%;
}

#top_banner .pc img{
    width: 468px;
    display: block;
    height: 60px;
    margin-top: 10px;
    margin-bottom: -40px;
}

#top_banner .mobile img{
    width: auto;
    width: 100%;
    height: auto;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}




@media only screen and (max-width: 1450px) { 

}

.frommobile{
    display: none !important;
}


header nav#mainMenu li:HOVER ul{
    display: block;
    background-color: #000;
}

body > img[src*="googleads"]{
        opacity: 0.1;
    }

@media only screen and (max-width: 800px){ 

#top_banner{
    margin-bottom: 0px;
    width: 100%;
}

header nav#mainMenu li{
    margin-right: 0px;
}

    .access-bus-1-left{
        float: none;
    }

    #menutoggle{
          position: absolute;
          right: 7px;
          top: 1px;
          fill: #FFF;
          width: 52px;
          height: 40px;
          
          text-align: center;
          padding-top: 5px;
          padding-bottom: 5px;
          cursor: pointer;
    }
    #menutoggle.open{
        background-color: rgba(0,0,0,0.5);
    }

/*
     ___ _____  _____ ___    __  __ ___ _  _ _   _ ___ 
    | __|_ _\ \/ / __|   \  |  \/  | __| \| | | | | __|
    | _| | | >  <| _|| |) | | |\/| | _|| .` | |_| | _| 
    |_| |___/_/\_\___|___/  |_|  |_|___|_|\_|\___/|___|
                                                       
*/
 #menutoggle{
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 10px;
    z-index: 100;
}

#mainMenu.open{
    position: fixed;

}

#mainMenu.open {
    position: fixed;
    z-index: 99;
    top: 0px;
    bottom: 0px;
    margin-top: 0px !important;
    border-top: 60px solid #000;
    overflow-y: auto;
}

/*
     ___ _  _ ___  
    | __| \| |   \ 
    | _|| .` | |) |
    |___|_|\_|___/ 
                   
*/



    .frommobile{
        display: block !important;
    }

#iftv-eticket-button{
    background-color: #FFF;
    padding: 2px 2px 0px;
    border-radius: 5px;
    margin: -10px auto 10px;
    display: block !important;
}

    .notmobile{
        display: none !important;
    }

    #subMenu{
        display: none;
    }  
    #marquee{
        /*display: none;*/
        position: initial !important;
        width: 100% !important;
    }

    header #marquee:before {
      display: none;
    }
    #container{
        width: auto;
        display: block;
    }
    .left-box, .right-box{
        width: auto;
        margin-bottom: 20px;
        display: block;
        padding: 0px 10px;
        float: none !important;
    }

    div.content-row{
        margin-bottom: 0px;
    }

    div.content-row .box-inner2{
        width: auto;
        display: block;
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
    div.content-row .box-inner{
        width: auto;
        display: block;
        margin-bottom: 20px;
        padding-bottom: 0px;
    }

    .title-more-link{
        right: 20px;
        top: 0px;
    }

    h3.toptitle{
        margin: 0px !important;
        padding: 5px 0px !important;
    }

    h4.topsummary{
        font-size: 18px !important;
    line-height: 1.3em !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
    }



    div.content-row .new-box{
        margin-right: 0px;
        width: auto;
        padding: 0px 10px;
        display: block;
    }

    div.content-row .new-box:nth-of-type(2){
        margin-left: 0px;
    }

    div.content-row h3{
        font-size: 26px;
    }

    #topMainImage{
        display: none;
    }

    header{
        margin-bottom: 20px;
    }

    .feature-events .link-holder img{
        width: 100%;
        height: 37.1%;

    }

    .feature-artists dd{
        width: 19%;
        margin-right: 1.25% !important;
    }

    .feature-artists dd:last-child{
        margin-right: 0px !important;
    }

    .feature-artists dd img{
        width: 100%;
        height: auto;
    }
/* REMOVED: 2015-10-07
    #logoList{
        margin-top: 50px;
    }
**/
    .report_details .report-date{
        font-size: 16px;
    }

    .report_details dl{
          width: auto;
          margin-left: 110px;
    }

    .report_details dl dd{
          margin-right: 0px;
          margin-left: 0;
          margin-right: 2%;
          width: 18%;
    }

    .report_details dl dd img{
        width: 100%;
        height: 100%;
    }

    .report-list-new li{
        margin-bottom: 10px;
    }

    #mainMenu{
        display: none;
    }

    #mainMenu.open{
        display: block;
          background-color: rgba(0,0,0,0.5);
          margin-top: -9px;
          max-width: 100%;
    }

    header h1#logo{
        margin-top: 10px;
      position: relative;
      top: 0px;
    }

    header{
        height: auto;
    }

    header nav#mainMenu{
        position: relative;
        top: 0px;
    }

    header nav#mainMenu li{
        display: block;
    }

    header nav#mainMenu li ul{
        display: block;
        position: relative;
        margin-top: 0px;
    }



    header nav#mainMenu li ul li a{
        color: #FFF;
        padding: 5px 20px;
        background-color: transparent;
        font-size: 14px;
    }

    header nav#mainMenu li{
        background-color: #000;
    }

    header nav#mainMenu li a{
      width: auto;
      display: block;
      padding: 8px 10px;
      font-size: 16px;
       background-color: #FFF;
       color: #000;
    }

    header nav#mainMenu > ul > li:HOVER > a{
        background-color: #FFF;
    }

    header nav#mainMenu li:HOVER ul li a{
        background-color: #000;
    }

    header nav#mainMenu li a:HOVER{
        background-color: #DDD !important;
        color: #333;
    }

    header nav#mainMenu li ul li a:hover{
        background-color: #FFF;
        color: #333;
        -webkit-filter: none;
    }

    header h2#pageTitle{
      width: auto;
      top: 0px;
      position: relative;
      height: auto;
      margin-left: 0px;
      padding-bottom: 10px;
      text-align: center;
      padding-top: 10px;
      background-color: rgba(0,0,0,0.5);
      left: 0px;
    }

    .sub-menu{
        display: none;
    }

    .floor-detail-left, .floor-detail-right{
          float: none;
  width: auto;
    }

    .floor-image, .floor-map{
        float: none;
        text-align: center;
        left: 0px;
    }

    .floor-image img, .floor-map img{
        width: 100%;
        height: auto;
    }

    #news-archive-list.news-list .timestamp{
        bottom: 10px;
        right: 10px;
    }

    #share_float{
    /*   display: none;*/
    }

    div#contentInner{
          padding: 0px 10px;
    }

    div#contentInner.toedge{
        padding: 0px 0px;
    }

    .news-post img{
          float: none;
  margin-left: 0px;
  width: 100% !important;
  margin-bottom: 10px;
    }

    .news-post h1, #event_title{
          font-size: 28px;
          margin-bottom: 10px;
    }

    .report_title{
        font-size: 20px;
        margin-top: 0px;
        text-align: center;
    }

    .gallery_list{
        width: auto;
        margin: 0px;
    }

    .gallery_list li{
        margin: 1% 1% 0%;
        width: 23%;
    }

    .gallery_list li img{
        width: 100%;
        height: auto;
    }

    ul.report-list li a > img{
        width: 100%;
        height: 100%;
    }

    ul.report-list li{
        width: 50%;
    }

    .staff-wanted-detail:after{
        display: none;
    }

    .staff-wanted-detail{
        width: auto;
    }

    .app-iphone-right{
        display: none;
    }

    .app-iphone-left{
        width: auto;
        float: none;
        padding-bottom: 30px;
    }

    .store-ticket-heading{
        padding-top: 0px;
        height: auto;
        padding-bottom: 10px;
        font-size: 24px;
    }

    .ticket-filter .schedule-event-title .event-title{
        font-size: 18px;
    }

    .ticket-page .logos{
        display: none;
    }

    .store-heading{
        /*background: none;*/
    }

    .member-regist-heading{
        font-size: 18px;
    }

    .member-regist-heading span{
        display: block;
    }

    table.member-regist-workflow td{
        font-size: 12px;
        display: block;
    }

    .scrollonmobile{
        display: block;
        overflow-x: auto;
        width: auto;
        -webkit-overflow-scrolling: touch;
    }

    .vip-reserve-photo td > img{
        width: 280px;
        margin-right: 10px;
    }

    #vipBirthday .vip-birthday-content-left{
        margin-left: 30px;
        margin-right: 0px;
    }

    #vipBirthday .vip-birthday-content-right{
        margin-left: 30px;
    }

    div#accessBase .map-image, .access-bus-1-right, .access-bus-2-right, .access-parking-right{
        position: relative;
        width: 100%;
        height: auto;
        float: none;
        margin-top: 10px;
    }

    .access-bus-3-right{
        display: none;
    }

    .access-bus-1-right img, .access-bus-2-right img, .access-bus-3-right img, .access-parking-right img{
         width: 100%;
        height: auto;
    }

    div#accessBase p{
        margin-bottom: 10px;
    }

    .access-parking-left{
        padding-top: 0px;
    }

    .access-list-table{
        min-width: 500px !important;
    }

    .access-list-table td{
        margin-right: 20px;
    }

    #scheduleCalender{
        display: none;
    }

    .schedule-list-item-right{
        float: none;
        width: auto;
        position: relative;
        top: 0px;
        height: auto;
    }

    .schedule-list-item-right dd{
        margin-left: 0px;
    }

    .schedule-list-item-banner{
        width: 100%;
        height: auto;
        margin-bottom: 10px;;
    }

    .schedule-list-images{
        display: block;
    }

    .schedule-list-item-right dd{
        width: 19%;
        margin-left: 1.25%;
    }


    .schedule-list-item-right dd img{
        width: 100%;
        height: auto;
    }

    li.schedule-list-item{
        padding-bottom: 80px;
    }

    li.schedule-list-item .title-more-link{
        right: 0px;
    }

    .schedule-list-item-logo{
        right: initial;
        left: 0px;
    }

    .event_header{
        width: auto;
    }

    .event_header img{
        width: 100%;
    }

    .schedule-detail-table td{
        display: block;
        width: auto;
    }

    .headliners li{
        display: inline-block;
        margin-right: 10px;
    }

    .event_info dd{
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
        min-width: 100px;
    }

    .schedule-detail-table{
        margin-top: 20px;
    }

    .schedule-detail-table h2{
        padding-left: 0px;
        font-size: 18px;
    }

    .schedule-detail-text{
        padding-left: 0px;
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }

    .area-breakdown li{
        width: 48%;
    }

    #media-section > div{
        width: 98%;
    }

    .new-artist-list .new-artist-list-item{
        width: 48%;
        margin: 0px;
        margin: 1%;
    }

    .new-artist-list .new-artist-list-item img{
        width: 100%;
        height: auto;
    }

    .new-artist-list{
        width: auto;
    }

    #ticket-section .ticket_holder{
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    #ticket-section .apex-eticket{
        border-width: 0px;
        width: 100%;
        display: block;
    }

    .ticket_list{
        display: block;
        width: auto;
        margin-bottom: 20px;
    }

    .ticket_list li{
        width: auto;
    }

    .tx_ageha{
        display: none;
    }


    .schedule-list-item .buyticket.without-artists {
        margin-top: 0;
    }

    /*VIP*/
    
    #boxReservations {
      width: 100%;
      height: 200px;
    }

    #boxVIPNews {
    /*  display: none;*/
    }


    .buyticket{
        top: 0px;
        right: 0px;
    }

    .buyticket.coupon div{
        top: 0px;
        right: 0px;
    }

    .buyticket div{
        top: 0px;
    }

    .event_info dd{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
    }

}

@media only screen and (max-width: 663px){

}

@media only screen and (max-width: 500px){

  #reserveDetailHero li {
    width: 100%;
  }

  #reserveDetailHero li:first-child {
    display: none;
  }

    .report-list-new li .mainimg, ul.list-top1 li .newsunit img{
        width: 70px;
        height: 70px;
    }

    .report_details .event-name, .report_details dl{
        margin-left: 80px;
    
    }

    ul.news-list .newsunit p{
        padding-left: 80px;
    }

     div.content-row h3{
        font-size: 20px;
    }

    ul.report-list li{
        width: 100%;
    }

    .title-time, .toptitle{
        font-size: 20px;
    }

}