@media screen and (min-width: 600px) and (max-width: 1024px) {
  #PCHeader{
    display: none;
  }
  #SPAbout{
    display: none;
  }
  #PCVOC{
    display: none;
  }
  #PCLINE{
    display: none;
  }
  #sticky_SPicon{
    display: none;
  }
  #SPnewsDetail{
    display: none;
  }
  #SPitemBG{
    display: none;
  }
  #SPtorioki{
    display: none;
  }

    /* ここからTOPページ */
    .torioki_icon{
      right: 10px;
      bottom: 220px;
    }
  
    .online_icon {
      right: 10px;
      bottom: 120px;
    }

    .obiImg{
      height: 100px;
    }
    .obiMsg{
      font-size: 20px;
      width: 331px;
      top: 25%;
    }
  
    .button{
      width: 100%;
      margin: 0 auto;
    }
  
    .red_button{
      width: 100px;
      height: 30px;
      font-size: 12px;
      line-height: 30px;
      margin: 0 auto;
      text-align: center;
    }
  
    .red_button_long{
      width: 150px;
      height: 30px;
      font-size: 12px;
      line-height: 30px;
      margin: 0 auto;
      text-align: center;
    }
  
    .white_button{
      width: 100px;
      height: 30px;
      font-size: 12px;
      line-height: 30px;
      margin: 0 auto;
      text-align: center;
    }
  
    .white_button_long{
      width: 150px;
      height: 30px;
      font-size: 12px;
      line-height: 30px;
      margin: 0 auto;
      text-align: center;
    }
    .grey_button{
      width: 100px;
      height: 30px;
      font-size: 12px;
      line-height: 30px;
      margin: 0 auto;
      text-align: center;
    }
  
    .headerContainer{
        height: 50px;
      }
  
      .headerLogo{
        width: 120px;
        position: relative;
        margin: 0 auto 0 15px;
        left: 0;
      }
  
      .SPMenu{
        display           : inline-block;
        position          : absolute;
        left              : 0;
        width             : 100%;
        height            : 50px;
        z-index: +1;
      }
  
      .topBackGroundContainer{
        height: 300px;
        padding-top: 50px;
      }
  
      .topImage{
        height            : 300px;
        object-fit        : cover;
      }
  
      .osfslider{
        margin: 0;
      }
      .slick-prev{
        left: 10px;
        top: 170px;
      }
  
      .slick-next{
        right: 10px;
        top: 170px;
      }
  
      .slick-dots li button:before{
        font-size:5px;
        height: 10px;
        width: 10px;
      }
  
      .slick-dots li.slick-active button{
        height: 10px;
        width: 10px;
      }
      .slick-dots li.slick-active button:before{
        height: 10px;
        width: 10px;
      }
      .slick-dots li{
        width: 10px;
      }
  
      .mainLogoContainer{
        margin: 50px auto 10px auto;
      }
  
      .mainlogo{
        width: 92px;
        height: 92px;
      }
      .secondMsg{
        width: 280px;
      }
  
      .secondBackGroundContainer {
        margin-top: 30px;
      }
  
      .index{
        font-size: 18px;
        width: 80px;
        margin-top: 30px;
      }
  
      .top .newsContainer{
        width: 50%;
      }
  
      .news_logo{
        height: 50px;
        width: 50px;
      }
  
      .newsContainer .date_titleBox{
        margin-left: 15px;
  
      }
      .date_titleBox .date{
        font-size: 10px;
        line-height: 1.2em;
      }
  
      .date_titleBox .title{
        font-size: 12px;
        line-height: 1.2em;
      }
      .aboutContainer{
        position: relative;
        width: 100%;
        height: auto;
      }

      .aboutBG {
         height: 1040px;
      }

      .about1 {
        width: 700px;
      }

      .about2{
        width: 700px;
        bottom: 20px;
      }
      .about1Container{
        position: relative;
        width: 100%;
        height: auto;
      }
  
      .about2Container{
        position: relative;
        width: 100%;
        height: auto;
        margin-top: -56px;
      }
  
      .spAboutBG{
        width: 100%;
      }
  
      .aboutMsg1{
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        left: 18px;
        line-height: 1.8em;
        font-size: 12px;
        text-align: center;
      }
  
      .aboutMsg2{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        right: 20px;
        line-height: 1.8em;
        font-size: 12px;
        text-align: center;
        color: #FFF;
      }
  
      .aboutImg1{
        position: absolute;
        top: 100px;
        right: 50px;
        width: 110px;
        height: 110px;
        box-shadow: 2px 2px 3px;
      }
    
  
      .aboutImg2{
        position: absolute;
        top: 480px;
        left: 40px;
        width: 110px;
        height: 110px;
        box-shadow: 2px 2px 3px;
      }
      .whatisnyohou{
        width: 70%;
        text-align: center;
        margin: 50px auto;
      }
      .nyohouDesc{
        line-height: 2em;
        font-size: 12px;
        text-align: center;
      }
  
      .nyohouImg{
        width: 140px;
      }
  
      .vocIndex{
        width: 170px;
      }
  
      .voc{
        width: 70%;
        margin: 30px auto;
      }
  
      .spVOC{
        width: 100%;
        margin-top: -50px;
      }
  
      .obi{
        margin: 50px auto;
      }
  
      .top .mainItemContainer{
        margin: 0px auto;
      }
  
      .itemRank1Bg{
        height: 300px;
      }
  
      .mainItemSubContainer{
        width: 368px;
        top: 45%;
      }
  
      .top .mainItemContainer .mainItemSubContainer .mainItemImg{
        height: 160px;
        margin-right: 10px;
        margin-top: 15px;
      }
      
      .mainItemTitle {
        font-size: 18px;
        width: 186px;
        margin-left: 10px;
        padding-right: 0px;
      }
  
      .mainItemPrice {
        font-size: 16px;
        width: 186px;
        margin-left: 10px;
      }
  
      .mainItemDesc {
        font-size: 12px;
        line-height: 1.2em;
        width: 176px;
        margin-left: 10px;
        margin-top: 20px;
        letter-spacing: 0px;
      }
  
      .itemRank1Img{
        width: 50px;
        height: 50px;
        left: 11px;
        top: 10px;
      }
  
      .mainItemDetail {
        width: 186px;
      }
  
      .itemRank1Btn {
        bottom: 15px;
        width: 130px;
      }
  
      .subItemContainer{
        width: 80%;
        justify-content: center;
        margin: 50px auto;
      }
  
      .top .subItemContainer .subItemImg{
        width: 75px;
        height: 119px;
      }
  
      .top .subItemContainer .container{
        width: 180px;
        text-align: center;
      }
  
      .subItemTitle{
        font-size: 14px;
        margin-left: 20px;
      }
  
      .subItemPrice{
        font-size: 14px;
        margin-left: 20px;
      }
  
      .subItemDesc{
        font-size: 14px;
        margin-left: 20px;
      }
  
      .soldout_button{
        width: 100px;
        height: 25px;
        font-size: 12px;
        bottom: 40px;
      }
  
      .galleryContainer{
        width: 90%;
        margin: 50px auto 30px auto;
      }
  
      .galleryImg{
        width: 100%;
      }
  
      .red_button_long{
        width: 120px;
        height: 30px;
        font-size: 12px;
      }
  
      .mapContainer {
        height: 300px;
        width: 80%;
        margin: 50px auto;
      }
  
     .accessContainer{
       width: 80%;
       height: 350px;
     }
  
     .snsContainer{
       width: 80%;
     }
  
     .accessContainer .Logo{
       width: 140px;
     }
  
     .accessContainer .honokamarugo{
       font-size: 12px;
     }
  
     .LINE_icon{
       width: 70px;
       height: 70px;
     }
  
     #SPLINE .spLINEtext{
      margin-top: 0px;
     }
  
     .SNS_Container{
       width: 100%;
       margin: 50px auto;
     }
  
     .SNSIcon{
      width: 60px;
      height: 60px;
      margin: 0 5px;
     }
  
     .copyRightBox {
      width: 115px;
     }
  
     .copyRight{
       font-size: 8px;
       width: 115px;
     }

     .item_detail .red_button{
        margin-top: 40px;
     }

     .item_detail .buttonDesc{
        margin-top: 40px;
        margin-bottom: -25px;
     }

     .item_detail .soldout_button{
        width: 100px;
        margin-top: 40px;
     }
    /* ハンバーガーメニュー */
    /* メニュー固定 */
  
    .menu {
      position: fixed;
      top: 0;
      right: 0;
      width: 100%;
      height: 50px;
    }
  
    .line-list {
      display: block;
      transition: all 0.4s;
      box-sizing: border-box;
      position: relative;
      width: 40px;
      height: 50px;
      margin-right: 0;
      margin-left: auto;
      z-index: 300;
    }
  
    /* ハンバーガーメニューの棒 */
    .line-list span {
      display: block;
      transition: all 0.4s;
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      transform: translateY(50%);
      left: 50%;
      transform: translateX(-50%);
      width: 20px;
      height: 3px;
      background: #333;
      border-radius: 10px;
    }
    .line-list span:nth-child(1) {
      margin-top: -6px;
    }
    .line-list span:nth-child(3) {
      margin-top: 6px;
    }
  
    /* ハンバーガーメニューが開くときに×にする */
    .line-list.active span:nth-child(1) {
      -webkit-transform: translateY(6px) rotate(-45deg);
      transform: translateY(6px) rotate(-45deg);
      left: 10px;
    }
    .line-list.active span:nth-child(2) {
      opacity: 0;
    }
    .line-list.active span:nth-child(3) {
      -webkit-transform: translateY(-6px) rotate(45deg);
      transform: translateY(-6px) rotate(45deg);
      left: 10px;
    }
  
    /* メニューが開いたときの黒い半透明の背景 */
    .menu-bg {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      z-index: 100;
      background: #333;
      opacity: 0;
      visibility: hidden;
      transition: all 0.6s;
      cursor: pointer;
    }
  
    /* メニューの中身 */
    .global-nav {
      position: fixed;
      right: -100vw;
      top: 0;
      width: 80%;
      height: 100vh;
      padding-top: 40px;
      background: #fff;
      transition: all 0.6s;
      z-index: 200;
      overflow-y: auto;
    }
    .link-list {
      display: block;
      margin: 0;
      padding: 0;
    }
    .link-list li {
      text-align: center;
      padding: 0 14px;
    }
    .link-list li a {
      display: block;
      padding: 20px 0;
      color: #333;
    }
    .link-list li:hover {
      background: #464646;
    }
  
    /* メニューが横から開く */
    .nav-open .global-nav {
      right: 0;
    }
  
    /* メニューが横から開いた時の背景 */
    .nav-open .menu-bg {
      opacity: 0.8;
      visibility: visible;
    }
  
    /* ここまでハンバーガーメニュー */
  
    /* 　ここまでTOPページ */
  
    /* NEWS一覧 */
  
    .newsList .newsHeaderContainer {
      width: 135px;
      margin: 0 auto;
      padding: 20px 0;
    }
    .newsHeaderImg{
      width: 135px;
    }
  
    .newsList .newsContainer{
      width: 80%;
      min-width: 300px;
      max-width: 600px;
    }
  
    .newsList .newsContainer .newsItemContainer{
      width: 135px;
      margin: 30px 10px 0 10px;
    }
  
    .newsList .newsContainer .newsItemContainer .newsImg{
      width: 135px;
      height: 135px;
    }
  
    .newsList .newsContainer .newsItemContainer .newsTitle{
      font-size: 10px;
    }
  
    .newsList .newsContainer .newsItemContainer .newsDate{
      font-size: 10px;
    }
  
    .pageButton{
      width: 30px;
      height: 30px;
      font-size: 10px;
      margin: 0 5px;
    }
  
    /* ここまでNEWS一覧 */
  
    /* NEWS詳細 */
  
    .newsDetail .newsContainer{
      width: 80%;
      height: 480px;

    }

    .newsDetail .newsTitleContentContainer{
      width: 50%;
    }

    .newsDetail .newsContents{
      width: 100%;
    }

    .newsDetail .newsDateImgContainer{
      width: 50%;
    }

    .newsDetail .newsDate{
      width: 100%;
    }

    .newsDetail .newsImg{
      width: 200px;
      height: 200px;
      margin-top: 90px;
    }

    .newsDetail .red_button{
      margin-right: 10px;
    }

    .newsDetail .white_button{
      margin-left: 10px;
    }

    /* ここまでNEWS詳細 */
  
    /* ここから商品詳細 */

    .item_detail .mainItemContainer{
      width: 100%;
      top: 170px;
    }

    .item_detail .itemContainer1{
      margin-right: 30px;
    }

    .item_detail .itemContainer2{
      margin-left: 30px;
    }

    .item_detail .itemDesc{
      font-size: 18px;
    }

    .item_detail .itemPrice{
      font-size: 18px;
    }

    .item_detail .mainItemBG{
      height: 550px;
    }
    .item_detail .mainItemImg{
      width: 200px;
    }

    .item_detail .buttonContainer{
      top: 460px;
    }

    .item_detail .buttonSubContainer{
      margin: 0 10px;
    }

    .item_detail .subItemContainer .itemContainer{
      margin: 20px;
    }

    .item_detail .subItemContainer .itemContainer .subItemImg{
      width: 160px;
    }
  
    /* ここまで商品詳細 */
  
    /* オンライン商品詳細 */
    .online .mainItemBGContainer{
      height: 500px;
    }
  
    .online .mainItemBGContainer .mainItemBG{
      height: 500px;
    }
  
    .online .buttonContainer .red_button{
      margin-top: 30px;
    }
    /*取り置き商品詳細 */
  
    .torioki .mainItemBGContainer{
      height: 500px;
    }
  
    .torioki .mainItemBGContainer .mainItemBG{
      height: 500px;
    }
  
    .torioki .buttonContainer .red_button{
      margin-top: 30px;
    }
  

    /* ここまで取り置き商品詳細 */
  
    /* 取り置きTOP */

    
    .torioki_top .itemContainer{
      width: 90%;
      height: 300px;
    }

    .torioki_top .itemImgContainer{
      width: 150px;
    }

    .torioki_top .itemImgContainer .itemImg{
      width: 150px;
    }

    .torioki_top .itemSubContainer{
      width: 70%;
    }

    .torioki_top .itemSubContainer .itemTitle{
      font-size: 20px;
      margin-left: 20px;
    }
    .torioki_top .itemSubContainer .itemPrice{
      font-size: 20px;
      margin-left: 20px;
    }

    .torioki_top .itemSubContainer .itemDesc{
      font-size: 20px;
      margin-left: 20px;
    }

    .torioki_top .itemSubContainer .calenderContainer{
      width: 100%;
      margin-left: 20px;
    }

    .torioki_top .itemSubContainer .calenderSubContainer{
      width: 90px;
      height: 90px;
    }

    .torioki_top .itemSubContainer .calenderSubContainer .calenderBG{
      width: 80px;
    }
    .torioki_top .itemSubContainer .calenderSubContainer .calenderDate{
      font-size: 16px;
      top: -8px;
      left: 8px;
    }

    .torioki_top .itemSubContainer .calenderSubContainer .calenderStatus{
      top: 15px;
      left: 26px;
    }

    .torioki_top .calendarLINE{
      width: 35px;
      height: 35px;
      position: absolute;
      top: -13px;
      left: -2px;
    }

    .torioki_top .inquiry{
      font-size: 10px;
      position: absolute;
      top: 48px;
      left: 10px;
    }

    .torioki_top .white_button{
      margin-top: 100px;
    }

    /* ここまで取り置きTOP */
  
    /* 取り置き予約 */
    .torioki_reservation .itemContainer{
      width: 90%;
      height: 300px;
    }

    .torioki_reservation .itemImgContainer{
      width: 170px;
    }

    .torioki_reservation .itemImgContainer .itemImg{
      width: 150px;
    }

    .torioki_reservation .itemSubContainer{
      width: 70%;
    }

    .torioki_reservation .itemSubContainer .itemTitle{
      font-size: 20px;
      margin-left: 20px;
    }
    .torioki_reservation .itemSubContainer .itemPrice{
      font-size: 20px;
      margin-left: 20px;
    }

    .torioki_reservation .itemSubContainer .itemDesc{
      font-size: 20px;
      margin-left: 20px;
    }

    .torioki_reservation .itemSubContainer .calenderContainer{
      width: 520px;
      margin-left: 20px;
      margin-top: -50px;
    }

    .torioki_reservation .itemSubContainer .calenderSubContainer{
      width: 90px;
      height: 90px;
    }

    .torioki_reservation .itemSubContainer .calenderSubContainer .calenderBG{
      width: 80px;
    }

    .torioki_reservation .itemSubContainer .calenderSubContainer .calenderDate{
      font-size: 16px;
      top: -8px;
      left: 8px;
    }

    .torioki_reservation .itemSubContainer .calenderSubContainer .calenderStatus{
      top: 15px;
      left: 26px;
    }

    .torioki_reservation .calendarLINE {
      width: 35px;
      height: 35px;
      top: -12px;
      left: -2px;
    }

    .torioki_reservation .inquiry{
      font-size: 10px;
      top: 48px;
      left: 9px;
    }

    .torioki_reservation .white_button{
      margin-top: 30px;
    }
    /* .torioki_reservation .header{
      font-size: 20px;
      padding-top: 20px;
    }
  
    .torioki_reservation .itemContainer{
      width: 310px;
      margin: 50px auto 0 auto;
      height: 150px;
    }
  
    .torioki_reservation .itemContainer .itemImgContainer{
      width: 80px;
      height: 127px;
      padding-left: 30px;
    }
    .torioki_reservation .itemContainer .itemImgContainer .itemImg{
      width: 80px;
    }
  
    .torioki_reservation .itemContainer .itemSubContainer{
      width: 250px;
      margin-left: 30px;
    }
  
    .torioki_reservation .itemContainer .itemSubContainer .itemTitle{
      font-size: 14px;
      margin: 0 auto;
    }
  
    .torioki_reservation .itemContainer .itemSubContainer .itemPrice{
      font-size: 14px;
      margin: 0 auto;
    }
  
    .torioki_reservation .itemContainer .itemSubContainer .itemDesc{
      font-size: 14px;
      margin: 10px auto;
      line-height: 1.3em;
    }
  
    .torioki_reservation .calenderContainer{
      width: 315px;
      height: 53px;
      margin: 0 auto 30px auto;
  
    }
  
    .torioki_reservation .calenderSubContainer{
      width: 47px;
      height: 53px;
      margin: 0 -1px;
      display: inline-block;
    }
  
    .torioki_reservation .calenderSubContainer .calenderBG{
      width: 47px;
      height: 53px;
    }
  
    .torioki_reservation .calenderSubContainer .calenderDate{
      font-size: 9px;
      top: -3px;
      left: 6px;
    }
  
    .torioki_reservation .calenderSubContainer .calenderStatus{
      font-size: 14px;
      top: 14px;
      z-index: +1;
      left: 16px;
    }
  
    .torioki_reservation .reserveContainer{
      margin: 20px auto;
      width: 90%;
    }
  
    .torioki_reservation .reserveContainer .reserveSubContainer{
      width : 160px;
      height: 60px;
    }
  
    .torioki_reservation .reserveContainer .reserveSubContainer .formTitle{
      font-size: 18px;
      line-height: 40px;
    }
  
    .torioki_reservation .reserveContainer .reserveSubContainer .custom-select .custom-select-trigger{
      width: 150px;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      padding: 0 40px 0 0;
      box-sizing: border-box;
    }
  
     .torioki_reservation .inputArea{
      width: 150px;
      height: 40px;
      font-size: 14px; 
      padding-left: 20px;
      -webkit-appearance: none;
      appearance: none;
     }
  
     .torioki_reservation .fixedContent{
       font-size: 18px;
     }
  
    .torioki_reservation .white_button{
      margin-top: 30px;
    } */

    /* ここまで取り置き予約 */
  
    /* ここから取り置き予約確認 */
    .torioki_confirm .header{
      font-size: 18px;
      padding-top: 20px;
    }
  
    .torioki_confirm .alert{
      font-size: 18px;
    }
  
    .torioki_confirm .itemContainer2 .itemTitle2{
      font-size: 14px;
    }
    .torioki_confirm .itemContainer2 .itemImg2{
      width: 105px;
    }
  
    .torioki_confirm .itemContainer2 .itemPrice2{
      font-size: 14px;
    }
  
    .torioki_confirm .reserveContainer{
      width: 90%;
    }
  
    .torioki_confirm .reserveSubContainer{
      width: 160px;
    }
  
    .torioki_confirm .formTitle{
      font-size: 18px;
    }
  
    .torioki_confirm .fixedContent{
      font-size: 18px;
    }
  
    .torioki_confirm .button{
      width: 120px;
      margin: 0 15px;
    }
  
    .torioki_confirm .red_button{
      width: 120px;
    }
  
    .torioki_confirm .grey_button{
      width: 120px;
    }
  
    /* ここまで取り置き予約確認 */
  
    /* ここから取り置き予約完了 */
    .torioki_complete .header{
      font-size: 18px;
      padding-top: 20px;
    }
  
    .torioki_complete .alert{
      font-size: 18px;
    }
  
    .torioki_complete .itemContainer2 .itemTitle2{
      font-size: 14px;
    }
    .torioki_complete .itemContainer2 .itemImg2{
      width: 105px;
    }
  
    .torioki_complete .itemContainer2 .itemPrice2{
      font-size: 14px;
    }
  
    .torioki_complete .reserveContainer{
      width: 90%;
    }
    
    .torioki_complete .reserveSubContainer{
      width :160px;
    }
    .torioki_complete .formTitle{
      font-size: 18px;
    }
  
    .torioki_complete .fixedContent{
      font-size: 18px;
    }
  
    .torioki_complete .button{
      margin: 30px auto;
    }
  
    .torioki_complete .red_button_long{
      width: 150px;
    }
  
    .torioki_complete .thanksMsg{
      font-size: 18px;
      margin: 50px auto;
    }
} /*tablet終了*/