
          /* トップページに戻る追従ボタン */
          #pagetop {
            bottom: 80px!important;
          }

          #h_box h1 img {
            width: 25.47%!important;
          }

          .h_menu img {
              width: 62.5%!important;
          }

          /* スライダーメニュー */
          div#gnav li a {
            margin: 0 28px 0 0;
            /* font-family: '源ノ角ゴシック JP'; */
          }

          #gnav ul {
              height: 35px;
          }

          #gnav {
            overflow: auto;
            margin: 0px 18px;
            padding: 0!important;
        }

        /* 追従ヘッダー(画面下）
        ) */
        /*メニューをページ下部に固定*/
          #sp-fixed-menu{
            position: fixed;
            width: 100%;
            bottom: 0px;
            font-size: 0;
            z-index: 99;
            border-top: solid 1px #E5E5E5;
            background: #F8F8F8;
            padding-bottom: constant(safe-area-inset-bottom);
            padding-bottom: env(safe-area-inset-bottom);
          }

          /*メニューを横並びにする*/
          #sp-fixed-menu ul{
            display: flex;
            list-style: none;
            padding:0;
            margin:0;
            width:100%;
            height: 60px;
          }

          #sp-fixed-menu li{
            justify-content: center;
            align-items: center;
            width: 20%;
            margin:0;
            font-size: 14px;
            position: relative;
          }

          /*メニューを緑色に*/
          #sp-fixed-menu li{
            background: #F8F8F8;
          }

          /*ボタンを調整*/
          #sp-fixed-menu li a{
            color: #333333;
            text-align: center;
            display:block;
            width: 100%;
            text-decoration: none;
            /* padding: 7px 12.3px 0 12.3px; */
            position: absolute;
            bottom: 16.67%;
            left: 0;
          }

          #sp-fixed-menu p {
              font-size: 8px;
              line-height: 8px;
              /* font-family: '源ノ角ゴシック JP'; */
              padding: 9px 0 0px 0;
          }

          .fixed_menu img {
              width: 29.75%;
          }

          .fixed_menu p {
              margin-top: 2.72%;
          }

          .fixed_search img {
              width: 29.75%;
          }

          .fixed_notification img {
              width: 27.45%;
          }

          .fixed_notification span {
            position: absolute;
            top: 0;
            right: 12%;
            background: transparent;
            color: white;
            border-radius: 30px;
            width: 16px;
            height: 16px;
            font-size: 9px;
            line-height: 17px;
          }

          .fixed_favorite img {
              width: 29.9%;
          }

          .fixed_mypage img {
            width: 22.99%;
          }

          /* トップページヘッダーのみに使う検索ボックス */
          .top_search_header #search_form {
            position: relative;
            margin-bottom: 16px;
            border: 1px solid #999999;
            box-sizing: border-box;
            margin: 0 20px 0 20px;
          }

          .top_search_header #search_form .inner_ {
              height: 40px;
              padding: 0;
          }

          #header {
            border-bottom: 1px #E5E5E5 solid;
          }

          #header .h_inner {
            padding: 2.25px 10px 2.25px 10px;
          }

          .top_search_header #search_form input[type=image] {
            width: 22px!important;
            height: 22px!important;
            top: 10px!important;
            right: 10px;
          }

          .top_search_header #search_form input[type=text] {
            padding-left: 10px;
            font-size: 14px;
            /* font-family: '源ノ角ゴシック JP'; */
          }

          /* モーダルメニュー */
          #modal_mypage .modal_inner {
            padding-top: 0;
            margin-top: 0;
          }

          .mypageinfo_list list_none {
            display: none;
          }

          #bookmark_baloon {
            display: none;
          }

          #page_menu_mypage {
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            border-top: none;
            transition: all 0.3s ease;
            /* margin-left: -80%; */
          }

          #page_menu_mypage .inner_ {
            padding: 0 0 0 15px;
            width: 80%;
            background-color: #FFFFFF;
            margin-left: -80%;
            transition: all 0.3s ease;
          }

          #inner_wrapper {
            height: 100%;
          }

          .clone_close {
            position: fixed;
            top: 15px;
            right: 15px;
            width: 20px;
            height: 20px;
        }

        #modal_mypage .mypage_menu {
          border-top: none;
        }

        /* お気に入り、検索ページの下の追従ボタンと追従メニュー位置被りの調整 */
        .btn_fix {
          bottom: 80px!important;
        }

        /* footer調整 */
        #footer {
          padding-bottom: 60px;
        }

        .h_inner {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          -webkit-transition: -webkit-transform .5s ease;
          transition: -webkit-transform .5s ease;
          transition: transform .5s ease;
          transition: transform .5s ease, -webkit-transform .5s ease;
        }

        .unpinned {
          -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
        }


        #header {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          -webkit-transition: -webkit-transform .5s ease;
          transition: -webkit-transform .5s ease;
          transition: transform .5s ease;
          transition: transform .5s ease, -webkit-transform .5s ease;
        }

        .unpinned_header {
          -webkit-transform: translateY(-45%)!important;
            transform: translateY(-45%)!important;
        }


        #sp-fixed-menu {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          -webkit-transition: -webkit-transform .5s ease;
          transition: -webkit-transform .5s ease;
          transition: transform .5s ease;
          transition: transform .5s ease, -webkit-transform .5s ease;
        }

        .unpinned_footer {
          -webkit-transform: translateY(150%)!important;
          transform: translateY(150%)!important;
        }

        #modal_label .modal_inner, #modal_item .modal_inner {
          width: 100%;
          height: 100%;
          position: fixed;
          left: 0;
          top: 0;
          margin-top: calc(10.60vw + 41px);
          z-index: 1003;
      }
      #header .header-search-form-suggestion {
        padding: 0!important;
        text-align: left!important;
    }
     #pagetop {
	    margin-bottom: constant(safe-area-inset-bottom);
	    margin-bottom: env(safe-area-inset-bottom);
	}
	.btn_fix {
	    padding-bottom: constant(safe-area-inset-bottom);
	    padding-bottom: env(safe-area-inset-bottom);
	}
    #msns a::before,#msns a::after{
      display:none;
    }
    #msns li a {
      display: block;
      margin: 0 auto;
      /*padding: 10px 0;*/
      text-align: center;
      /*width: 60px;*/
      padding: 10px 0 0 !important;
    }
    #msns li img {
      width: 48px;
      border-radius: 16px;
      margin: 0;
    }
    #msns {
      display: table;
      margin: 0 auto 10px;
      background: #ffffff;
    }
    #msns li {
      display: table-cell;
      width: 50px;
      text-align: center;
      border-top: none!important;
    }
    #header.unpinned {
     -webkit-transform: translateY(-150%);
     transform: translateY(-150%);
    }

    #btn_search_refine {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: -webkit-transform .5s ease;
     transition: -webkit-transform .5s ease;
     transition: transform .5s ease;
     transition: transform .5s ease, -webkit-transform .5s ease;
    }
    #pagetop {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform .5s ease;
      transition: -webkit-transform .5s ease;
      transition: transform .5s ease;
      transition: transform .5s ease, -webkit-transform .5s ease;
    }
    #h_box > .under_page_logo img {
      width: 25.47%!important;
    }