@charset "utf-8";
@media screen and (max-width: 480px) {
  /*****************************
  * common
  *****************************/
  .col2,.col3{grid-template-columns: 1fr;}
  .col2_2{grid-template-columns: 1fr;grid-template-rows: auto;}
  .dl_grid2{grid-template-columns: 1fr;}
  .main_article section{
    margin-bottom: 7.5rem;
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .content_grid{
    grid-template-rows:auto;
    grid-template-columns:1fr;
    grid-gap: 1rem;
  }
  .day_1{grid-row: 1;grid-column: 1;}
  .day_1_noon{grid-row: 2;grid-column: 1;}
  .day_1_night{grid-row: 3;grid-column: 1;}
  .day_2{grid-row: 4;grid-column: 1;}
  .day_2_noon{grid-row: 5;grid-column: 1;}
  .day_2_night{grid-row: 6;grid-column: 1;}
  /*****************************
  * main
  *****************************/
  /* logo */
  .main_logo{margin-bottom: 5rem;}
  .info_box{font-size: 1rem;}
  /* program */
  .sec_title{font-size:3rem;}
  .menu_box_list li{
    border-radius: 1.5rem;
    font-size: 1rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
  }
  .portrait,.schedule,.link_btns{
    max-width: 100vw;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-top: 1rem;
    padding-bottom: 1rem;
    align-items:stretch;
  }
  .portrait figure,.schedule .prg_schedule,.link_btns p{
    display: inline-block;
    margin-right: 1rem;
  }
  .online_detail{font-size:4vw;}
  .online_atention{font-size:;}
  /* news */
  .news_list li{ gap: 0;}
  .news_title{margin-bottom: 0.75rem;}
  .days_program{ font-size: 3.5vw;}
  /* twitter */
  .twitter_box{
    height:500px;
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .sp_scroll_mark{display: block;}
}