@charset "UTF-8";
/* CSS Document */

/* -------------------- ハンバーガー -------------------- */
/* メニュー本体 */
.global-nav {
	position: fixed;
	right: calc(-400vw / 7.5); /* これで隠れる */
	top: calc(96vw / 7.5);
	/* スマホ画面高さを超過する場合 ヘッダ高さ分
	padding-bottom: calc(96vw / 7.5);
	*/
	width: calc(400vw / 7.5); /* スマホに収まるくらい */
	/* スマホ画面高さを超過する場合
	height: 100vh;
	*/
	background: #333;
	transition: all 0.5s;
	z-index: 99;
	overflow-y: auto; /* メニューが多くなったらスクロールできるように */
	-webkit-overflow-scrolling: touch;
}
/* 開閉ボタン */
.hamburger {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(125vw / 7.5); /* クリックしやすいようにちゃんと幅を指定する */
	height: calc(96vw / 7.5); /* クリックしやすいようにちゃんと高さを指定する */
	transition: all 0.35s;
	cursor: pointer;
	background: #000;
	z-index: 99;
}
/* メニュー装飾 */
.global-nav__list {
	margin: 0;
	padding: calc(30vw / 7.5) 0;
	background: #000;
}
.global-nav__list li {
	margin: 0;
	padding: calc(22.5vw / 7.5) calc(30vw / 7.5);
	font-size: calc(31vw / 7.5);
	line-height: calc(33 / 31);
	text-align: left;
	font-weight: bold;
	background: #000;
}
.global-nav__item a {
	color: #FFF;
	display: block;
	transition: all 0.3s ease;
}
.global-nav__item a:hover {
	color: #D8481D;
}
/* 詳細未定 */
.global-nav__list li.noLink {
	color: #666;
}
.global-nav__list li.orange a  {
	color: #D8481D;
}
.global-nav__item a span.small {
	font-size: calc(25vw / 7.5);
	line-height: calc(33 / 25);
}
/* 開閉ボタンアニメーション */
.hamburger__line {
	position: absolute;
	right: calc(40vw / 7.5);
	width: calc(50vw / 7.5);
	height: calc(8vw / 7.5);
	background-color: #FFF;
	transition: all 0.25s;
}
.hamburger__line--1 {
	top: calc(24vw / 7.5);
}
.hamburger__line--2 {
	top: calc(44vw / 7.5);
}
.hamburger__line--3 {
	top: calc(64vw / 7.5);
}
/* メイン背景 */
.black-bg {
	position: fixed;
	left: 0;
	top: calc(96vw / 7.5);
	width: 100vw;
	height: 100vh;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s;
	cursor: pointer;
	z-index: 9;
}
/* メニュー表示時 */
.nav-open .global-nav {
	right: 0;
}
.nav-open .black-bg {
	opacity: 0.7;
	visibility: visible;
}
.nav-open .hamburger {
	transition: all 0.6s;
}
/* 開閉ボタンアニメーション */
.nav-open .hamburger__line--1 {
	transform: rotate(45deg);
	top: calc(44vw / 7.5);
	right: calc(35vw / 7.5);
	width: calc(60vw / 7.5);
}
.nav-open .hamburger__line--2 {
	width: 0;
	right: calc(65vw / 7.5);
}
.nav-open .hamburger__line--3 {
	transform: rotate(-45deg);
	top: calc(44vw / 7.5);
	right: calc(35vw / 7.5);
	width: calc(60vw / 7.5);
}
/* OPEN CLOSE テキスト
.text {
	position: relative;
	left: calc(35vw / 7.5);
	top: calc(33vw / 7.5);
	width: calc(90vw / 7.5);
	font-size: calc(24vw / 7.5);
	line-height: calc(30 / 24);
	font-weight: bold;
	color: #000;
	}
.text::after {
	content: "OPEN";
	}
.nav-open .text::after {
	content: "CLOSE";
}
*/