/* ハンバーガーメニュー */
/* ナビゲーションメニュー（右側に配置） */
.nav-menu {
    position: fixed;
    top: 50px;
    right: -100%; /* 初期状態で画面外へ */
    width: 100%;
    height: calc(100% - 50px);
    background-color: #333;
    color: white;
    transition: 0.05s;
}

/* メニューが開いたとき */
.nav-menu.active {
    right: 0; /* 画面全体に表示 */
}

/* メニュー内のリンク */
.nav-menu ul {
    list-style: none;
    padding: 0;
    text-align: center;
}

.nav-menu li {
}

.nav-menu a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}





/*中身を非表示にしておく*/
#menuContent {
	position:absolute;
	width 			: calc(100% - 64px);
	width 			: -webkit-calc(100% - 64px) ;
	height			: auto;
	top				: 0px;
	left			: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	        transform: translateX(-50%);
	box-sizing		: border-box;
	padding			: 8px;
	background		: #333;/*背景色*/
	border-top		: 1px solid #999;
	border-radius	: 0 0 4px 4px;
	display			: none;
    z-index			: 0;
}

/*クリックで中身表示*/
#menuChkbox:checked ~ #menuContent {
    z-index: 9999;/*最前面に*/
	display: block;
}

.menuItem {
	border-bottom		: 1px solid #444;
	border-radius	: 1px;
	padding-top		: 5px;
	padding-left	: 20px;
	padding-bottom	: 5px;
}


.menuText {
	display	:inline-block;
}

.menuTitle {
	font-family	: 'M PLUS 1p', sans-serif;
	font-size	: 16px;
    color		: #FFF;
}

.menuGuide {
	font-family	: 'M PLUS 1p', sans-serif;
	font-size	: 10px;
    color		: #FFF;
}

.menuLink {
	display:inline-block;
	vertical-align:top;
}

.creditArea {
	font-family: 'Montserrat', 'M PLUS 1p', sans-serif;
    color: #FFF;
	text-align:center;
}

.credits {
	font-size:18px;
	font-weight: 600;
}

.creditTitle {
	font-size:12px;
	font-weight: 600;
}

.creditText {
	font-size:10px;
	font-weight: 400;
}