@charset "Shift_JIS";


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

#top-head {
	top: 0;
/*	position: fixed;*//*画面の端に配置するとき用*/
	position: absolute;/*コンテンツ内配置用*/
	width: 100%;
	padding: 0;
	z-index: 1000;/*コンテンツ表示時に前面に表示*/
}

#top-head {
}

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

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


/* Toggle Button */
/*リンクボタン*/
#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);/*リンクボタン画像*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	z-index: 900;/*メニュー表示時に一番前へ*/
}

#nav-toggle:hover{/*マウスオーバー時*/
	cursor:pointer;
    opacity: 0.55;
	-webkit-transition: 0.3s ease-in-out;/* Safari用 */
	-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);/*リンクボタン画像×表示*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

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


/*検索窓*/
#global-nav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	top: 0%;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
/*	background: #366;/*メニューの背景色*/
	width: 100%;
	/*動きの種類と移動時間*/
	-webkit-transition: 1s ease;/* Safari用 */
	-moz-transition: 1s ease;
	transition: 1s ease;
	z-index: 800;
}


#global-nav ul {
	list-style: none;
	width:80%;/*検索窓の左右幅*/
	height:75vh;/*検索結果の縦幅*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 130px;
	overflow:auto;/*検索結果にスクロールバー表示*/
}

/*リンク文字*/
#global-nav li a {
	text-indent:0 !important;
}

#nav-toggle {
	display: block;
}

/* #global-nav スライドアニメーション */
/*メニューの表示*/
.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;
}

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

/*検索窓表示時の背景*/
#back {
	position:fixed;
}

.open #back {
    animation: fadeIn 1.5s ease 0s 1 normal;/*フェードイン表示*/
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;/*フェードイン表示*/
	position:fixed;
	z-index:700;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.7)/*メニューが出たときのその他の背景色と濃度*/
}

@keyframes fadeIn {/*フェードイン表示*/
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {/*フェードイン表示*/
    0% {opacity: 0}
    100% {opacity: 1}
}