
@media only screen and (max-width: 1000px){

.site-nav{
	position: fixed;
	top:0px;
	width: 100%;
	background-color: #000;
	height: 70px;
	z-index: 100;
	}
	
.momenu-rogo{
	text-align: center;
	max-width: 1100px;
	margin: 0 auto;
	}
	
.momenu-rogo img{
	width: 200px;
	height: auto;
	margin-top: 15px;
	}

/*グローバルナビ*/
nav.globalMenuSp {
	position: fixed;
	z-index: 200;
	top: 0;
	right: 0;
	text-align: left;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 270px;
	}

nav.globalMenuSp ul li a{
	text-decoration: none;
	font-family: "Ryumin Medium KL";
	padding: 26px;
	text-align: left;
	font-weight: lighter;
	display: block;
	color: #fff;
	padding: 1em 0;
	letter-spacing: 0.13em;
	}
 
nav.globalMenuSp ul {
	background: linear-gradient(90deg,#000, #2F2725);
	margin: 70px auto 0;
	padding: 0 0px 0 20px;
	}
 
nav.globalMenuSp ul li {
	font-size: 1.1em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
	}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
	}

/*ハンバーガー用*/
.navToggle {
    display: block;
    position: fixed;
    right: 13px;
    top: 15px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 300;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 35px;
    border-bottom: solid 5px #9FA0A0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 5px;
}
 
.navToggle span:nth-child(2) {
    top: 17px;
}
 
.navToggle span:nth-child(3) {
    top: 29px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}

/*タップした後*/
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
	
	
}

@media only screen and (min-width: 1001px){
	
.globalMenuSp{
	display: none;
	}
}