/* Media Query
================================================ */
/* 大ディスプレイ */
@media screen 
    and (min-width: 1200px) {}
/* 小ディスプレイ */
@media screen 
    and (max-width: 1024px) {}
/* タブレット（Landscape） */
@media screen 
    and (min-width: 769px) 
    and (max-width: 1024px) {}
/* タブレット（Portrait） */
@media screen 
    and (min-width: 736px)
    and (max-width: 768px) {}
/* タブレット（Portrait） + スマートフォン */
@media screen 
    and (max-width: 768px) {
        /*ヘッダー*/
        .header-logo{
            font-size: 30px;
            margin-bottom:30px;
            margin-left: 20px;
        }
        .hed{
            width:1.7rem;
            margin-left: 5px;
        }
        nav{
            display: none;
        }
        .hamburger-menu div {
            width: 35px;
            height: 5px;
            background-color: black;
            margin: 6px 0;
          }
          .hamburger-menu + .sidenavs:target {
            overflow-x: visible;
            /* ボックスからはみ出る箇所をそのまま表示 */
            width: 100%;
            display:block;
          }
          .sidenavs:target {
            overflow-x: hidden;
            /* ボックスからはみ出る箇所を隠す */
            width: 0;
          }
          /* ハンバーガーメニュー表示時 */
          .sidenavs {
            height: 100%;
            width: 0;
            position: fixed;
            /* 画像の配置を指定 */
            z-index: 1;
            top: 0;
            left: 0;
            background-color:white;
            overflow-x: hidden;
            /* 横スクロールを無効にする */
            padding-top: 60px;
            transition: 0.5s;
            /* アニメーションの時間を0.5秒に指定 */
          }
          /* ハンバーガーメニュー表示時のリンク */
          .sidenavs a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #818181;
            display: block;
            transition: 0.3s;
            /* アニメーションの時間を0.3秒に指定 */
            font-weight:bold;
          }
          /* マウスオーバー後のリンク */
          .sidenavs a:hover {
            color: white;
          }
          /* クローズボタン */
          .sidenavs .close-btn {
            position: absolute;
            /* 親要素との絶対位置を指定 */
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
          }
          .none{
              display: inline-block;
              margin-top:50px;
          }
          .header-logo{
              margin-top: 50px;
          }
          header{
              display: flex;
              justify-content: center;
              margin:0px
          }
          .slider img{
              height: 300px;
              width: 300px;
              background-size: contain;
          }
        /*商品紹介部分*/
        section li{
            font-size: 12px;
            margin-bottom: 3rem;
            margin-top: 2rem;
        }
        section{
            margin-top: 1rem;
        }
        /*フッター*/
        footer h2{
            font-size:30px;
        }
        footer p{
            font-size: 15px;
        }
        .fot {
            height: 0.9rem;
            width: 1rem;
            margin-left: 5px;
        }
        h1{
            font-size: 20px;
        }
        /*ファーストビュー部分*/
    }
/* スマートフォン */
@media screen 
    and (max-width: 736px) {}
/* スマートフォン */
@media screen 
    and (max-width: 320px) {}