@charset "Shift_JIS";


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#top-head {
	top: 0;
/*	position: fixed;*//*��ʂ̒[�ɔz�u����Ƃ��p*/
	position: absolute;/*�R���e���c���z�u�p*/
	width: 100%;
	padding: 0;
	z-index: 1000;/*�R���e���c�\�����ɑO�ʂɕ\��*/
}

#top-head {
}

/* Fixed reset */
#top-head.fixed {
	padding-top: 0;
	background: transparent;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* Toggle Button */
/*�����N�{�^��*/
#nav-toggle {
	width: 140px;
	height: 33px;
	cursor: pointer;
	display: none;
	right: 192px;
	top: 34px;
	position: absolute;
	background-image: url(../img/common/header_menu_09_1.png);/*�����N�{�^���摜*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	z-index: 900;/*���j���[�\�����Ɉ�ԑO��*/
}

#nav-toggle:hover{/*�}�E�X�I�[�o�[��*/
	cursor:pointer;
    opacity: 0.55;
	-webkit-transition: 0.3s ease-in-out;/* Safari�p */
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


#nav-toggle div {
	position: relative;
}

.open #nav-toggle {/*�������\����*/
	background-image: url(../img/common/header_menu_09_2.png);/*�����N�{�^���摜�~�\��*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*������*/
#global-nav {
	position: absolute;
	/* �J���ĂȂ��Ƃ��͉�ʊO�ɔz�u */
	top: 0%;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
/*	background: #366;/*���j���[�̔w�i�F*/
	width: 100%;
	/*�����̎�ނƈړ�����*/
	-webkit-transition: 1s ease;/* Safari�p */
	-moz-transition: 1s ease;
	transition: 1s ease;
	z-index: 800;
}


#global-nav ul {
	list-style: none;
	width:80%;/*�������̍��E��*/
	height:75vh;/*�������ʂ̏c��*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 130px;
	overflow:auto;/*�������ʂɃX�N���[���o�[�\��*/
}

/*�����N����*/
#global-nav li a {
	text-indent:0 !important;
}

#nav-toggle {
	display: block;
}

/* #global-nav �X���C�h�A�j���[�V���� */
/*���j���[�̕\��*/
.open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	position: absolute;
	z-index: 800;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*�������\�����̔w�i*/
#back {
	position:fixed;
}

.open #back {
    animation: fadeIn 1.5s ease 0s 1 normal;/*�t�F�[�h�C���\��*/
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;/*�t�F�[�h�C���\��*/
	position:fixed;
	z-index:700;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.7)/*���j���[���o���Ƃ��̂��̑��̔w�i�F�ƔZ�x*/
}

@keyframes fadeIn {/*�t�F�[�h�C���\��*/
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {/*�t�F�[�h�C���\��*/
    0% {opacity: 0}
    100% {opacity: 1}
}