@charset "utf-8";
@media screen and (max-width:800px) {
  /* ******************************
  * 基本設定
  ****************************** */
  body{font-size: 1.1rem;}

  /* ******************************
  * レイアウト
  ****************************** */
  .dl_grid{grid-template-columns: 1fr;}
  .dl_grid dd{grid-column: 1;}
  .col2{grid-template-columns: 1fr;}

  /* ******************************
  * header
  ****************************** */
  .sss_logo{margin-left: 0.25rem;}
  .g_nav{margin-right: 0.25rem;}

  /* ******************************
  * main
  ****************************** */
  /* common */
  .sec_box{padding-left: 5vw;padding-right: 5vw;}
  .sec_title{
    font-size:2.5rem;
    grid-column-gap:.5rem;
  }
  .l2_title{font-size:1.75rem;}
  .l3_title{font-size:1.5rem;}
  /* h-image */
  .h_img{display: none;}
  .h_img_sp{display: block;}

  /* コンセプト */
  #sec_lead p{font-size: 1.25rem;line-height: 4rem;}

  /* 店舗特典ブロマイド */
  .hol_scroll{
    overflow-x: scroll;
    grid-auto-flow: column;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .hol_scroll li{min-width: 250px;}
  .to_scroll{display: block;}

  /* お知らせ */
  .news_box li{grid-template-columns: 100%;}
}