div.menu {
	position:relative;
	z-index:5;
	background-color:hsla(0,0%,0%,1);
/*
	background-image: -webkit-gradient(linear, left top, right top, from(hsla(272,100%,78%,0)), color-stop(0.25, hsla(272,100%,78%,1)), color-stop(0.75, hsla(272,100%,78%,1)), to(hsla(272,100%,78%,0)));
	background-image: -webkit-linear-gradient(left, hsla(272,100%,78%,0), hsla(272,100%,78%,1) 25%, hsla(272,100%,78%,1) 75%, hsla(272,100%,78%,0));
	background-image: linear-gradient(to right, hsla(272,100%,78%,0), hsla(272,100%,78%,1) 50%, hsla(272,100%,78%,1) 75%, hsla(272,100%,78%,0));
*/
}
div.menu > nav {
	position:relative;
}
div.menu > nav div.outer {
	overflow:hidden;
}
div.menu > nav ul {
	list-style-type:none;
}
div.menu > nav div.outer ul {
	-webkit-transform: translateZ(0);
	display:table;
}
div.menu > nav div.outer ul li {
	display:table-cell;
	font-family: urw-din, source-han-sans-japanese, sans-serif;
}
div.menu > nav ul li a,
div.menu > nav ul li a span {
	display:block;
}
div.menu > nav ul li a {
	text-decoration:none;
}
div.menu > nav div.outer ul li a {
	text-align:center;
	line-height:1.25;
	color: #535353;
	background-color:#fff;
	/* border-color:#99d6f0;
	border-style:solid; */
	padding:0.5em 1.25em;
	border-radius: 3px;
}
.cmn div.menu > nav div.outer ul li a:after,
.cmn div.menu > nav div.outer ul li a span {
	white-space:nowrap;
}
.cmn div.menu > nav div.outer ul li a:after {
	display:block;
	font-weight:700;
	letter-spacing: 0.03em;
}
.cmn div.menu > nav div.outer ul li a span {
	color:#000;
	font-weight:bold;
	/* プロポーショナルメトリクス */
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	/* font-feature-settings: "palt" 1, "halt" 1; */
	/* 字幅半角メトリクス
	-moz-font-feature-settings: "halt";
	-webkit-font-feature-settings: "halt";
	font-feature-settings: "halt"; */
}
div.menu > nav div.outer ul li a:hover,
.news div.menu > nav div.outer ul li.mnews a,
.about div.menu > nav div.outer ul li.mabout a,
.cast div.menu > nav div.outer ul li.mcast a,
.staff div.menu > nav div.outer ul li.mstaff a,
.story div.menu > nav div.outer ul li.mstory a,
.original div.menu > nav div.outer ul li.moriginal a,
.chart div.menu > nav div.outer ul li.mchart a,
.comment div.menu > nav div.outer ul li.mcomment a,
.bbs div.menu > nav div.outer ul li.mbbs a,
.extra_p div.menu > nav div.outer ul li.mextra_p a,
.gallery div.menu > nav div.outer ul li.mgallery a,
.report div.menu > nav div.outer ul li.mreport a,
.videos div.menu > nav div.outer ul li.mvideos a {
	color: #000;
	background-color: #f9e401;
}
div.menu > nav div.outer ul li a:hover span,
.news div.menu > nav div.outer ul li.mnews a span,
.about div.menu > nav div.outer ul li.mabout a span,
.cast div.menu > nav div.outer ul li.mcast a span,
.staff div.menu > nav div.outer ul li.mstaff a span,
.story div.menu > nav div.outer ul li.mstory a span,
.original div.menu > nav div.outer ul li.moriginal a span,
.chart div.menu > nav div.outer ul li.mchart a span,
.comment div.menu > nav div.outer ul li.mcomment a span,
.bbs div.menu > nav div.outer ul li.mbbs a span,
.extra div.menu > nav div.outer ul li.mextra a span,
.gallery div.menu > nav div.outer ul li.mgallery a span {
	color:#000;
}

.cmn div.menu > nav div.outer ul li.mhome a:after {content:"TOP";}
.cmn div.menu > nav div.outer ul li.mnews a:after {content:"NEWS";}
.cmn div.menu > nav div.outer ul li.mabout a:after {content:"ABOUT";}
.cmn div.menu > nav div.outer ul li.mcast a:after {content:"CAST";}
.cmn div.menu > nav div.outer ul li.mstaff a:after {content:"STAFF";}
.cmn div.menu > nav div.outer ul li.mstory a:after {content:"STORY";}
.cmn div.menu > nav div.outer ul li.mchart a:after {content:"CHART";}
.cmn div.menu > nav div.outer ul li.moriginal a:after {content:"ORIGINAL";}
.cmn div.menu > nav div.outer ul li.mcomment a:after {content:"COMMENT";}
.cmn div.menu > nav div.outer ul li.mbbs a:after {content:"B B S";}
.cmn div.menu > nav div.outer ul li.mgallery a:after {content:"GALLERY";}
.cmn div.menu > nav div.outer ul li.mextra a:after {content:"EXTRA";}
.cmn div.menu > nav div.outer ul li.mreport a:after {content:"REPORT"}
.cmn div.menu > nav div.outer ul li.mextra_p a:after {content:"EXTRA GALLERY"}
.cmn div.menu > nav div.outer ul li.mvideos a:after {content:"VIDEOS"}
.cmn div.menu > nav div.outer ul li.minterview a:after {content:"INTERVIEW"}

@media all and (min-width: 768px) {
div.menu {
	background-position:center top;
	padding:12px 0;
}
div.menu > nav {
	width:980px;
	margin:0 auto;
}
div.menu > nav div.outer {
	margin:0 30px;
}
div.menu > nav div.outer ul li:not(:last-child) {
	padding-right:8px;
}
div.menu > nav div.outer ul li a {
	/* border-width:3px;
	border-radius:8px; */
	/* -webkit-box-shadow:0 0 15px hsla(0,0%,0%,0.3) inset;
	box-shadow:0 0 15px hsla(0,0%,0%,0.3) inset; */
}
.cmn div.menu > nav div.outer ul li a:after {
	font-size:83%;
	letter-spacing: 0.05em;
	font-family: urw-din, source-han-sans-japanese, sans-serif;
}
.cmn div.menu > nav div.outer ul li a span {
	font-size: 115%;
	letter-spacing: 0.1em;
	margin-bottom: 0.2em;
}
}
@media all and (max-width: 767px) {
div.menu {
	background-position:left top;
	background-size:30px;
	padding:6px 0;
}
div.menu > nav div.outer {
	margin:0 26px;
}
div.menu > nav div.outer ul li:not(:last-child) {
	padding-right:4px;
}
div.menu > nav div.outer ul li a {
	/* border-width:2px;
	border-radius:6px; */
	/* -webkit-box-shadow:0 0 10px hsla(0,0%,0%,0.3) inset;
	box-shadow:0 0 10px hsla(0,0%,0%,0.3) inset; */
}
.cmn div.menu > nav div.outer ul li a:after {
	font-size:75%;
}
.cmn div.menu > nav div.outer ul li a span {
	font-size:100%;
	margin-bottom: 0.3em;
}
div.menu > nav div.outer ul li a span {
}
}
/* ctrl */
div.menu > nav ul.ctrl li {
	position:absolute;
	top:50%;
	margin-top:-19px;
}
div.menu > nav ul.ctrl li.ctrl-lef {
	left:0;
}
div.menu > nav ul.ctrl li.ctrl-rig {
	right:0;
}
div.menu > nav ul.ctrl li a {
	width:26px;
	height:38px;
	background-image:url(../img/arrow_menu.svg);
	background-repeat:no-repeat;
	background-size:156px 38px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.menu > nav ul.ctrl li.ctrl-lef a {
	background-position:0 0;
}
div.menu > nav ul.ctrl li.ctrl-rig a {
	background-position:-26px 0;
}
div.menu > nav ul.ctrl li a.hidebtn {
	cursor:default;
}
div.menu > nav ul.ctrl li.ctrl-lef a.hidebtn {
	background-position:-104px 0;
}
div.menu > nav ul.ctrl li.ctrl-rig a.hidebtn {
	background-position:-130px 0;
}
@media all and (min-width: 768px) {
div.menu > nav ul.ctrl li.ctrl-lef a:not(.hidebtn):hover {
	background-position:-52px 0;
}
div.menu > nav ul.ctrl li.ctrl-rig a:not(.hidebtn):hover {
	background-position:-78px 0;
}
}
@media all and (max-width: 767px) {
}