/* ================================================================================

	ログイン対策

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* ハンバーガーボタン */
	body.customize-support .toggle {
		margin-top: 32px;
	}

	/* 中身 */
	body.customize-support .toggleWrap {
		margin-top: 32px;
		height: calc( 100% - 32px );
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* ハンバーガーボタン */
	body.customize-support .toggle {
		margin-top: 46px;
	}

	/* 中身 */
	body.customize-support .toggleWrap {
		margin-top: 46px;
		height: calc( 100% - 46px );
	}



.sp_nav{
    background-color: #212121;
position: fixed;
width: 100%;
z-index: 997;
  }
/* メール画像 */
.sp_mail{
    padding: 4vw 0 2vw 4vw;
}
.sp_mail a{
    margin-right: 4vw;
}
.sp_mail a img{
    width: 9vw !important;
}

   /*チェックボックスを非表示*/
#checkbox {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: 22px;
    right: 0;
    }
    
    .menu-trigger,
    .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: relative;
    z-index: 100;
    }
    .menu-trigger {
    position: absolute;
    top: 22px;
    right: 12px;
    width: 32px;
    height: 26px;
    background: none;
    border: none;
    appearance: none;
    cursor: pointer;
    }
    .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    }
    .menu-trigger span:nth-of-type(1) {
    top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
    top: 11px;
    }
    .menu-trigger span:nth-of-type(3) {
    bottom: 0;
    }
    /*チェックボックスにチェックが入ったら*/
    #checkbox:checked + label span:nth-of-type(1) {
    transform: translateY(11px) rotate(-45deg);
    }
    #checkbox:checked + label span:nth-of-type(2) {
    opacity: 0;
    }
    #checkbox:checked + label span:nth-of-type(3) {
    transform: translateY(-11px) rotate(45deg);
    }

 /*nav内の調整*/
 nav#gloval-nav > ul > li > a{
    color: #fff;
    }
nav#gloval-nav > ul > li{
        font-size: 6vw;
        padding: 3vw;
      }

  /*閉じてる間nav内の文字を消す
  開いたら出す*/
    nav#gloval-nav {
        display: none;
        }
        #checkbox:checked + label + nav#gloval-nav {
        display: block;
        }
}