/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/


/************************************
** スマホヘッダー固定
************************************/
/*スマホ*/
@media screen and (max-width: 767px){
  #header-box{
    z-index:5;
    overflow:visible;
    min-height:60px; /* ヘッダー初期高さ */
  }
  #header{
    position:fixed;
    top:0;
    width:100%;
    background:#fff; /* ヘッダー背景色 */
    z-index:6;
    height:60px; /* ヘッダー初期高さ */
    transition: .5s;
  }
  .cps-sp-menu-bar{
    margin-top:50px; /* ヘッダーの下余白 */
  }
  .sp-menu-box{
    z-index:5;
  }
  .sp-menu-open,.headsearch{
    position:fixed;
    z-index:7;
    transition: .5s;
  }
  .sp-menu-open{
    top:10px; /* メニューボタン位置 */
  }
  .headsearch .search-box:before{
    top:18px; /* 検索ボタン位置 */
  }
  #site-info span a{
    height:auto;
  }
  #site-info span a img{
    height:40px !important; /* ロゴ高さ */
    width:auto !important;
    margin:10px 0; /* ロゴ余白 */
  }
  .mobile-header-small #header{
    height:40px !important; /* ヘッダー高さ(小さいとき) */
    transition: .5s;
    box-shadow: 0 2px 6px rgba(0,0,0,.15); /* ヘッダー影 */
  }
  .mobile-header-small #site-info span a img{
    height:30px !important; /* ロゴ高さ(小さいとき) */
    width:auto !important;
    margin:5px 0; /* ロゴ余白(小さいとき) */
    transition: .5s;
  }
  .mobile-header-small .sp-menu-open{
    top:0; /* メニューボタン位置(小さいとき) */
    transition: .5s;
  }
  .mobile-header-small .headsearch .search-box:before{
    top:8px; /* 検索ボタン位置(小さいとき) */
    transition: .5s;
  }
  #scroll-content{
    position:static !important;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar{
    background-color:#555 !important; /* 閉じるボタン色 */
  }
}