@charset "utf-8";
@import url("layout_sp.css");
@media screen and (max-width: 960px) {
  /******************* Information*/
  /******************************2305 追加*/
  #main {}
  #main .info-wrap {}
  #main .info-wrap.en {}
  /**/
  #main .inner {
    padding: 20px 20px 20px 20px;
  }
  #main .info-box {
    padding: 20px;
  }
  #main .info-box div {
    height: 200px;
  }
  #main .info-box div table {
    width: 100% !important;
  }
  #main .info-box div table th, #main .info-box div table td {}
  #main .info-box div table th {}
  
  /* --------------------------- poster*/
  /******************************2603 追加*/
  /*invitation_banner*/
  #main .poster .invitation_banner {
    top: 60%;
    left: 20px;
    width: 200px;
  }
  @media screen and (max-width: 560px) {
    #main .poster .invitation_banner {
      top: 55%;
      width: 120px;
    }
  }  
  
  /******************* 2604追加 */
  #main .event_info_wrap, #main .event_info_wrap.en {
    margin: -180px 0 0 0;
  }
  @media screen and (max-width: 650px) {
    #main .event_info_wrap, #main .event_info_wrap.en {
      margin: -140px 0 0 0;
    }
  }
  @media screen and (max-width: 500px) {
    #main .event_info_wrap, #main .event_info_wrap.en {
      margin: -120px 0 0 0;
    }
  }
  @media screen and (max-width: 430px) {
    #main .event_info_wrap, #main .event_info_wrap.en {
      margin: -100px 0 0 0;
    }
  }  
  /******************* 2304　追加*/
  /* --------------------------- event_btn*/
  #main .event_btn {}
  /*----------btn*/
  #main .event_btn .btn {
    padding: 0 20px;
  }
  #main .event_btn .btn li {
    margin: 0 5px;
  }
  #main .event_btn .btn li span {
    font-size: 14px;
  }
  #main .event_btn .btn li a {
    font-size: 12px;
    padding: 16px 28px 16px 14px;
  }
  /*----------time_btn*/
  #main .event_btn p.time_btn {
    width: 100%;
    max-width: 250px;
  }
  #main .event_btn p.time_btn a {
    font-size: 14px;
    padding: 16px 20px 16px 20px;
    text-align: center;
  }
  #main .event_btn p.time_btn:hover a::after {
    right: 12px;
  }
  /******************************2305 追加*/
  /**/
  aside .accordion-container ul {
    padding: 0;
  }
  aside ul.btn li {
    padding: 10px 5px;
  }
  aside ul.btn li:first-child a {
    padding: 12px 20px 12px 38px;
  }
  aside ul.btn li.inquiry a::before {
    left: 15px;
  }
  /******************************2403 追加*/
  /*トップぺージバナー*/
  .index_banner {
    margin: 0 40px 20px;
  }
  .index_banner li {
    width: calc(25% - 20px);
  }
  .index_banner li a.hover {}
}

@media screen and (max-width: 767px) {
  .index_banner {
    margin: 0 20px 20px;
  }
  .index_banner li {
    width: calc(50% - 20px);
  }
}
/******************************2408 追加*/
/*バナー*/
@media screen and (max-width: 1100px) {
  #wrapper {
    position: relative;
  }
  /*youtube_banner*/
  .youtube_banner {
    top: 20%;
    right: 20px;
  }
  @media screen and (max-width: 960px) {
    .youtube_banner {
      top: 30%;
    }
  }
  @media screen and (max-width: 780px) {
    .youtube_banner {
      top: 20%;
    }
  }
  @media screen and (max-width: 550px) {
    .youtube_banner {
      top: 12%;
      right: 10px;
    }
    .youtube_banner img {
      width: 120px;
      height: auto;
    }
  }
}