﻿@charset "utf-8";
/*-------------------------
　     　itemMenu
-------------------------*/
.fixed {/*add jQuery*/
	width: 100%;
	position: fixed;
	top: 0;
	z-index:1000;
}
.itemMenu{
	width:765px;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
}
.itemMenu li{/*index-height*/
	float:left;
	height:61px;/*height変更*/
	list-style:none;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.itemMenu li a{
	display:block;
	text-decoration:none;
	width: 100% !important;
	height: 100% !important;
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
}
.itemMenuTx{
	width:765px;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
}
.itemMenuTx li{/*index-height*/
	float:left;
	height:61px;/*height変更*/
	list-style:none;
	overflow:hidden;
	position: relative;
}
.itemMenuTx li a{
	display: flex;
	text-decoration:none;
	width: 100% !important;
	height: 100% !important;
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: 2px;
}
/*-------------------------
　      Menu Position
-------------------------*/
.num5{width:-webkit-calc(100% / 5);width:calc(100% / 5);width:20%;}
.num5.menu01 a{background-position:0 0;}
.num5.menu02 a{background-position:-153px 0;}
.num5.menu03 a{background-position:-306px 0;}
.num5.menu04 a{background-position:-459px 0;}
.num5.menu05 a{background-position:-612px 0;}
.num5.menu01 a:hover{background-position:0 bottom;}
.num5.menu02 a:hover{background-position:-153px bottom;}
.num5.menu03 a:hover{background-position:-306px bottom;}
.num5.menu04 a:hover{background-position:-459px bottom;}
.num5.menu05 a:hover{background-position:-612px bottom;}
.num4{width:-webkit-calc(100% / 4);width:calc(100% / 4);width:25%;}
.num4.menu01 a{background-position:0 0;}
.num4.menu02 a{background-position:-191px 0;}
.num4.menu03 a{background-position:-383px 0;}
.num4.menu04 a{background-position:-574px 0;}
.num4.menu01 a:hover{background-position:0 bottom;}
.num4.menu02 a:hover{background-position:-191px bottom;}
.num4.menu03 a:hover{background-position:-383px bottom;}
.num4.menu04 a:hover{background-position:-574px bottom;}
.num3{width:-webkit-calc(100% / 3);width:calc(100% / 3);width:255px;}
.num3.menu01 a{background-position:0 0;}
.num3.menu02 a{background-position:-255px 0;}
.num3.menu03 a{background-position:-510px 0;}
.num3.menu01 a:hover{background-position:0 bottom;}
.num3.menu02 a:hover{background-position:-255px bottom;}
.num3.menu03 a:hover{background-position:-510px bottom;}
.num2{width:-webkit-calc(100% / 2);width:calc(100% / 2);width:50%;}
.num2.menu01 a{background-position:0 0;}
.num2.menu02 a{background-position:-382px 0;}
.num2.menu01 a:hover{background-position:0 bottom;}
.num2.menu02 a:hover{background-position:-382px bottom;}
.else{display:none;}