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

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

  /* ******************************
  * header
  ****************************** */
  header{height: 40px;}
  .sss_logo img{max-height: 30px;}
  .triger_box{
    display: block;
    font-family:'Tangerine',cursive;
    font-size: 150%;
    color:#85ccc6;
  }
  .triger_box{
    height:30px;
    padding: 0 0.25rem 0 0.25rem ;
    font-family:'Tangerine',cursive;
    font-weight: bold;
    color:#85ccc6;
    text-align: center;
    background-color: #eee;
    border-bottom: solid 0.2rem #333;
    border-radius:7.5px 7.5px 0 0 ;
  }
  #nav_input:checked ~ .menu_mount{transform: translateX(0%);}
  #nav_input:checked ~ .sp_menu_bg{display: block;}
  .menu_mount{
    margin: 0;
    width: 100%;
    height:calc(100vh - 40px);
    overflow: hidden;
    position: fixed;
    top:40px;
    left:0;
    transition: 0.75s;
    transform: translateX(200%);
  }
  .menu_list_box{
    height: 100%;
    background-color: #fefefe;
    position:relative;
  }
  .menu_list{
    grid-template-rows:auto;
    grid-template-columns: auto;
    grid-column-gap:1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .menu_list li{
    border-bottom: none;
    background:none;
    height: auto;}
  .menu_list li a{font-size: 5rem;}

  /* ******************************
  * main
  ****************************** */
  /* 共通項目 */
  #main_article section{
    margin-bottom: 4rem;
    padding-top:40px;
  }
  .font_deco{font-size:2.5rem;}
  .font_deco::before{width: 25px;height: 25px;margin-right: .5rem;}
  .font_deco::after{width: 25px;height: 25px;margin-left: .5rem;}

  /* main visual */
  #main_visu{margin-top: 40px;}
  .main_bnr{display: none}
  .main_bnr_sp{display: block;}

  /* コンセプト */
  .concept_box{position: static;width: auto;}
  .concept_title{margin-left: 5vw;}
  .concept_text{
    padding:1rem;
    background-color: rgba(255,255,255,0);
    width:100%;
  }
  .bg_shape_l{bottom:-10vh;width: 85vw;}
  .preceding_cut_box{
    position: static;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 100vw;
  }

  /* 書誌情報 */
  .sec_mount{margin-top: 1.5rem;font-size:1rem;}
  .ver_normal{margin:5rem 5vw 5rem 5vw;transform:rotate(0deg);}
  .ver_sp{margin:5rem 5vw 0rem 5vw;transform:rotate(0deg);}
  .ver_normal .book_inf{grid-column: 1;grid-row:2;}
  .ver_sp .calligraphy{grid-column: 1;grid-row:1;}
  .ver_sp .book_inf{grid-row:2;}
  .hol_scroll{
    width: 90vw;
    overflow-x: scroll;
  }
  .hol_scroll figure{
    width: 33vw;
    margin-right: 1rem;
  }
  /* 店舗別特典 */
  .shop_sp_bromide{font-size: 1.3rem}
  .shop_sp_item{
    width: 90vw;
    margin: 1.5rem auto;
    grid-template-columns:repeat(8,1fr);
    overflow-x: scroll;
  }
  .shop_sp_item li{
    width: 66vw;
    margin-right: 1rem;
  }
  .shop_name{font-size: 1.25rem;}
  .bg_shape_r{bottom:-10vh;height:15%;width: 85vw;}

  /*ニュース*/
  .news_mount h2{
    grid-template-columns: 1fr;
    grid-gap: 0;
  }

  /* 最終ブロック飾り */
  .bg_sign_box{margin-bottom: 2.5rem;}
  .bg_sign{right: -5vw;transform:scale(0.8,0.8)rotate(5deg);}

  /* ******************************
  * 背景
  ****************************** */

  /* ******************************
  * footer
  ****************************** */

}