@charset "utf-8";

.navArea {
    top: 50px; right:200px; border-left-color: rgb(255, 255, 255); border-left-width: 2px; border-left-style: solid; position: absolute; z-index: 50; z-index: 9999;
}
.navArea nav {
	left: 13px; top: -11px; width: 170px; font-family: "NotoSansJP-Medium", "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif; position: absolute;
}
.navArea nav a {
	left: 0px; width: 170px; color: rgb(255, 255, 255); line-height: 1.6; letter-spacing: 1px; font-size: 1.4em; display: block; position: absolute; z-index: 10; cursor: pointer; text-align: left;
}
.navArea .contentSub {
	right: -175px; position: absolute;
}
.navArea .contentSub a {
	width: 165px; color: rgb(255, 255, 255); font-family: "NotoSansJP-DemiLight", "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif; font-size: 1.1rem; display: block; cursor: pointer;
}
.navArea .contentSub a::before {
	top: 2px; font-size: 1.5rem; position: relative; content: "・";
}
.navArea .animation .ball0 {
	list-style: none; left: -7px; top: -6px; position: absolute; z-index: 5;
}
.navArea .animation .ball0 li {
	border-radius: 6px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 8px; height: 8px; position: absolute; background-color: rgb(10, 145, 171); -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.navArea .animation .ball1 {
	list-style: none; left: -12px; top: -11px; position: absolute; z-index: 4;
}
.navArea .animation .ball1 li {
	border-radius: 12px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 20px; height: 20px; position: absolute; -webkit-border-radius: 12px; -moz-border-radius: 12px;
}

/*
@media screen and (max-width:1px)
{

.navArea {
	left: 0px; top: 0px; width: 86%; height: 150%; margin-left: -86%; position: fixed; z-index: 30000; background-color: rgb(40, 40, 40);
}
.navArea > p {
	padding: 8px 0px 8px 7px; width: 100%; font-size: 1.5rem; border-bottom-color: rgb(94, 94, 94); border-bottom-width: 1px; border-bottom-style: solid; box-sizing: border-box;
}
.navArea > nav a {
	padding: 8px 0px 8px 7px; width: 100%; font-size: 1.5rem; border-bottom-color: rgb(94, 94, 94); border-bottom-width: 1px; border-bottom-style: solid; box-sizing: border-box;
}
.navArea > p {
	color: rgb(9, 145, 171);
}
.navArea > nav {
	width: 100%;
}
.navArea > nav a {
	color: rgb(255, 255, 255); margin-top: 0px !important; display: block;
}
}
*/