/* $B%a%K%e!<4X78(B $B3FBg2q6&DL!&@Z$jBX$(%]%$%s%H$NJQ99BP>](B */

body {
	margin: 0px;
	padding: 0px;
}

/* Perfect Scrollbar$BMQ$N@_Dj(B (Edge$B$N$_(B) */
.ps__rail-y {
    opacity: 0.6 !important;
}
.ps__rail-x {
    opacity: 0 !important;
}
.ps__rail-y {
    display: block !important;
}

/* $B%W%k%@%&%s!&=DFsNsI=<(6&DL(B */
.menu1 {
	font-size: 0px;
}
.menu1 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.menu1 li {
	vertical-align: top;
}
.menu1 a, .menu1 label {
	font-size: 13px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	cursor: pointer;
}
.menu1 a.long, .menu1 label.long {
	font-size: 12px;
	letter-spacing: -0.5px;
}
.menu1 a.longer, .menu1 label.longer {
	font-size: 12px;
	letter-spacing: -1px;
}

.fontm .menu1 a, .fontm .menu1 label {
	transform-origin: center top;
	transform: scaleY(1.1);
}
.fontl .menu1 a, .fontl .menu1 label {
	transform-origin: center top;
	transform: scaleY(1.2);
}
.fontm .menu1 label {
	line-height: 34px !important;
	min-height: 34px !important;
	overflow: hidden;
}
.fontl .menu1 label {
	line-height: 32px !important;
	min-height: 32px !important;
	overflow: hidden;
}
.menu1 a {
	width: 160px; /* 160 */
	padding: 6px 0px 6px 3px;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
}
.menu1 label {
	text-align: center;
	line-height: 36px;
	min-height: 36px;
/*	width: 90px; *//* 90 */
}


.menu1>ul>li {
/*	width: 90px; *//* 90 */
	height: 36px;
}
.menu1>ul>li.empty {
	display: none !important;
}

.menu1 ul ul {
	/* width: 180px; *//* 180 *//* $B%9%/%m!<%k%P!<9MN8(B */
	position: absolute;
	z-index: 3;
}
.menu1 ul li.last ul {
/*	width: 160px; *//* 160 *//* $BI}ITB-;~$N$_(B */
/*	width: 180px; *//* 160 *//* $BI}ITB-$7$J$$$H$-(B */
}

#menu-cb, .menu1 input {
	display: none; 
}

/* $B%W%k%@%&%sI=<((B $B<+F0@Z49$((B $BOBJ8(B */
@media all and (min-width: 820px) { /* 880 */ /* 90*(9-1)+160 */
	.jp_ .menu1s {
		height: 38px;
		width: 100%;
		z-index: 1000;
		position: absolute;
	}
	.jp_ .menu1s.fixedmenu {
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.jp_ .menu1b {
		height: 38px;
		width: 100%;
	}
	.jp_ .menu1 {
		width: 100%; 
		max-width: 722px; /* 812 */ /* 90*9+2 */
	/*	max-width: 868px; *//* 880 */ /* 90*(9-1)+160+8 */
		margin: 0px auto;
	}
	.jp_ .menu1 label {
		width: 90px; /* 90 */
	}
	.jp_ .menu1 input.checked + label + label {
		height: auto;
	}
	.jp_ .menu1 input:checked + label + label {
		height: auto;
	}
	.jp_ .menu1>ul>li {
		width: 90px; /* 90 */
		display: inline-block;
	}
	.jp_ .menu1 ul ul {
		display: none;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.jp_ #menu-icon {
		display: none;
	}
}

/* $B%W%k%@%&%sI=<((B $B1&B7$(6h4V(B $BOBJ8(B */
@media all and (min-width: 820px) and (max-width: 860px) { /* 950 */ /* 90*(9-2)+160*2 */
	.jp_ .menu1 {
		width: 798px; /* 880 */ /* 90*(9-1)+160+8 */
		max-width: none;
		margin: 0px 0px 0px auto;
	}
}

/* $B%W%k%@%&%sI=<((B $B<+F0@Z49$((B $B1QJ8(B */
@media all and (min-width: 820px) { /* 880 */ /* 90*(9-1)+160 */
	.en_ .menu1s {
		height: 38px;
		width: 100%;
		z-index: 1000;
		position: absolute;
	}
	.en_ .menu1s.fixedmenu {
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.en_ .menu1b {
		height: 38px;
		width: 100%;
	}
	.en_ .menu1 {
		width: 100%;
		max-width: 722px; /* 812 */ /* 90*9+2 */
	/*	max-width: 860px; *//* 880 */ /* 90*(9-1)+160 */
		margin: 0px auto;
	}
	.en_ .menu1 label {
		width: 90px; /* 90 */
	}
	.en_ .menu1 input.checked + label + label {
		height: auto;
	}
	.en_ .menu1 input:checked + label + label {
		height: auto;
	}
	.en_ .menu1>ul>li {
		width: 90px; /* 90 */
		display: inline-block;
	}
	.en_ .menu1 ul ul {
		display: none;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.en_ #menu-icon {
		display: none;
	}
}

/* $B%W%k%@%&%sI=<((B $B1&B7$(6h4V(B $B1QJ8(B */
@media all and (min-width: 820px) and (max-width: 860px) { /* 950 */ /* 90*(9-2)+160*2 */
	.en_ .menu1 {
		width: 798px; /* 880 */ /* 90*(9-1)+160+8 */
		max-width: none;
		margin: 0px 0px 0px auto;
	}
}
/* $B%O%s%P!<%,!<%a%K%e!<(B $B<+F0(B */
@media all and (max-width: 819px) { /* 879 */ 
	.jp_ .menu1 label {
		width: 90px; /* 90 */
	}
	.jp_ .menu1 input.checked + label + label {
		width: 92px; /* 92 */
		border-radius: 12px 0px 0px 12px;
	}
	.jp_ .menu1 input:checked + label + label {
		width: 92px; /* 92 */
		border-radius: 12px 0px 0px 12px;
	}
	.jp_ .menu1 ul ul {
		width: 160px; /* 160 */
		display: none;
	}
	.jp_ .menu1>ul {
		padding: 10px 0px 0px 7px;
	}
	.jp_ .menu1>ul>li {
		width: 90px; /* 90 */
	}
}
@media all and (max-width: 819px) { /* 879 */ 
	.en_ .menu1 label {
		width: 90px; /* 90 */
	}
	.en_ .menu1 input.checked + label + label {
		width: 92px; /* 92 */
		border-radius: 12px 0px 0px 12px;
	}
	.en_ .menu1 input:checked + label + label {
		width: 92px; /* 92 */
		border-radius: 12px 0px 0px 12px;
	}
	.en_ .menu1 ul ul {
		width: 160px; /* 160 */
		display: none;
	}
	.en_ .menu1>ul {
		padding: 10px 0px 0px 7px;
	}
	.en_ .menu1>ul>li {
		width: 90px; /* 90 */
	}

}



/* $BBhFs3,AX$N3+JD(B */
body .menu1>ul>li.menudummy, 
body .menu1 input + label + label, 
body .menu1 input + label + label + ul {
	display: none;
}
body .menu1 input.checked + label + label + ul {
	display: block;
}
body .menu1 input:checked + label + label + ul {
	display: block;
}

body .menu1 input + label {
	display: inline-block;
}
body .menu1 input.checked + label + label {
	display: inline-block;
}
body .menu1 input:checked + label + label {
	display: inline-block;
}
body .menu1 input.checked + label {
	display: none;
}
body .menu1 input:checked + label {
	display: none;
}

/* $B%O%s%P!<%,!<%a%K%e!<(B */
@media all and (max-width: 819px) { /* 879 */
	.jp_ .menu1 input.checked + label + label + ul.long {
		position: absolute;
		top: 10px;
		left: 99px; /* 99 */
	}
	.jp_ .menu1 input:checked + label + label + ul.long {
		position: absolute;
		top: 10px;
		left: 99px; /* 99 */
	}
	.jp_ .menu1 input.checked + label + label + ul {
		position: relative;
		top: -37px;
		left: 92px; /* 92 */
	}
	.jp_ .menu1 input:checked + label + label + ul {
		position: relative;
		top: -37px;
		left: 92px; /* 92 */
	}
	.jp_ .menu1 input.checked + label + label + ul.ofs-2 {
		top: -74px;
	}
	.jp_ .menu1 input:checked + label + label + ul.ofs-2 {
		top: -74px;
	}
	.jp_ .menu1 input.checked + label + label + ul.ofs-3 {
		top: -111px;
	}
	.jp_ .menu1 input:checked + label + label + ul.ofs-3 {
		top: -111px;
	}


/* $B%O%s%P!<%,!<%a%K%e!<3+JD(B */

	.jp_ .menu1s {
		height: 100%;
		padding: 0px;
		position: fixed;
		right: -274px; /* 274 */
		top: 0px;
		width: 274px; /* 274 */
		z-index: 1000;
		overflow-x: hidden;
		overflow-y: auto;
		transition: transform 0.3s linear 0s; 
		transform: translate(274px); /* 274 */
	}

	.jp_ #menu-icon {
		cursor: pointer;
		display: block;
		height: 48px; 
		line-height: 8px; 
		position: fixed;
		right: 0px;
		text-align: center;
		top: 0;
		width: 48px; 
		z-index: 1000;
		font: bold 11px "$B#M#S(B $B#P%4%7%C%/(B", Arial, Helvetica, sans-serif; 
		border-radius: 0 0 0 10px; 
		transition: all 0.3s linear 0s; 
		transform: translate(0px); 
	}
	.jp_ #menu-icon span {
		display: block;
		height: 5px;
		margin: 7px auto 7px 7px;
		width: 32px;
	}
	.jp_ #menu-icon span.first {
		margin: 8px auto 8px 7px;
		background: none;
	}
}

/* $B%O%s%P!<%,!<%a%K%e!<(B */
@media all and (max-width: 819px) { /* 879 */
	.en_ .menu1 input.checked + label + label + ul.long {
		position: absolute;
		top: 10px;
		left: 99px; /* 99 */
	}
	.en_ .menu1 input:checked + label + label + ul.long {
		position: absolute;
		top: 10px;
		left: 99px; /* 99 */
	}
	.en_ .menu1 input.checked + label + label + ul {
		position: relative;
		top: -37px;
		left: 92px; /* 92 */
	}
	.en_ .menu1 input:checked + label + label + ul {
		position: relative;
		top: -37px;
		left: 92px; /* 92 */
	}
	.en_ .menu1 input.checked + label + label + ul.ofs-2 {
		top: -74px;
	}
	.en_ .menu1 input:checked + label + label + ul.ofs-2 {
		top: -74px;
	}
	.en_ .menu1 input.checked + label + label + ul.ofs-3 {
		top: -111px;
	}
	.en_ .menu1 input:checked + label + label + ul.ofs-3 {
		top: -111px;
	}

/* $B%O%s%P!<%,!<%a%K%e!<3+JD(B */

	.en_ .menu1s {
		height: 100%;
		padding: 0px;
		position: fixed;
		right: -274px; /* 274 */
		top: 0px;
		width: 274px; /* 274 */
		z-index: 1000;
		overflow-x: hidden;
		overflow-y: auto;
		transition: transform 0.3s linear 0s; 
		transform: translate(274px); /* 274 */
	}

	.en_ #menu-icon {
		cursor: pointer;
		display: block;
		height: 48px; 
		line-height: 8px; 
		position: fixed;
		right: 0px;
		text-align: center;
		top: 0;
		width: 48px; 
		z-index: 1000;
		font: bold 11px "$B#M#S(B $B#P%4%7%C%/(B", Arial, Helvetica, sans-serif; 
		border-radius: 0 0 0 10px; 
		transition: all 0.3s linear 0s; 
		transform: translate(0px); 
	}
	.en_ #menu-icon span {
		display: block;
		height: 5px;
		margin: 7px auto 7px 7px;
		width: 32px;
	}
	.en_ #menu-icon span.first {
		margin: 8px auto 8px 7px;
		background: none;
	}
}

/* $B%a%K%e!<%"%$%3%s(B */

#menu-background {
	display: block;
	height: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: -1;
	transition: opacity 0.3s linear 0s; 
}

#menu-cb.checked + #menu-icon {
	right: 274px; /* 274 */
	width: 40px; 
	transform: translate(0px); 
	box-shadow: none;
}
#menu-cb:checked + #menu-icon {
	right: 274px; /* 274 */
	width: 40px; 
	transform: translate(0px); 
	box-shadow: none;
}

#menu-cb.checked + label + label + .menu1b .menu1s {
	right: 0px; 
	transform: translate(0px); 
}
#menu-cb:checked + label + label + .menu1b .menu1s {
	right: 0px; 
	transform: translate(0px); 
}

#menu-cb.checked + label + #menu-background {
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
#menu-cb:checked + label + #menu-background {
	z-index: 999;
	opacity: 0.5;
}
