@charset "utf-8";

body.releaseInfo .headerBody {
	width: 100%;
	clear: both;
}
.bodyArea{
	text-align: left;
}
/* external navigation
-------------------------------------------------- */
.externalNav{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-top: 1px solid #cccccc;
	position: relative;
	z-index: 5;
}
.externalNav li{
	width: 33.3%;
    height: 50px;
    position: relative;
    background-color: #f2f2f2;
    border-right: 1px solid #cccccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.externalNav li:last-child{
	border-right: none;
}
.externalNav li a{
    font-size: 16px;
    font-weight: bold;
    color: #010101;
    line-height: 1;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.externalNav li a:hover{
	color: #c3303c;
	background-color: #fff;
}
.externalNav li a .menuIcon-stagelist{
	font-size: 31px;
	padding-right:17px;
	display: inline-block;
	vertical-align: middle;
}
.externalNav li a .menuIcon-harp{
	font-size: 24px;
	padding-right:17px;
	display: inline-block;
	vertical-align: middle;
	height: 25px;
}
.externalNav li a .menuIcon-schedule{
	font-size: 29px;
	padding-right:17px;
	display: inline-block;
	vertical-align: middle;
}
.externalNav li.current{
	background-color: #fff;
}
.externalNav li.current:after{
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-top: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -10px;
}
/* area navigation
-------------------------------------------------- */
.headerBody .areaLink {
	width: 1001px;
	padding: 27px 0;
	margin:0 auto;
	font-size: 16px;
	line-height: 1.375;
	text-align: center;
	background: #e4e4e4;
}
.headerBody .areaNavFixedArea{
	width: 100%;
	background: #e4e4e4;
	z-index: 4;
	position: relative;
}
.headerBody .areaNavFixedArea.fixed{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 6;
	top: 64px;
}
.headerBody .areaLink li {
	margin: 0 0 0 21px;
	padding: 0 23px 0 0;
	display: inline-block;
	background: url(/stage_page/images/area_bg.gif) right center no-repeat;
}

.headerBody .areaLink li:first-child {
	margin: 0;
}

.headerBody .areaLink li:last-child {
	padding: 0;
	background: none;
}

.headerBody .areaLink li a {
	margin: 0;
	padding: 0;
	color: #174eb4;
	background: none;
}

.headerBody .areaLink.loading {
	height: 22px;
	background-image: url(/shared/images/loading_shiki.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* main stage list
-------------------------------------------------- */
body.releaseInfo .bodyArea .mainArea.mainStageList{
	padding: 10px 30px 11px;
}

body.releaseInfo .bodyArea .mainArea.mainStageList.loading {
	height: 100px;
	background-image: url(/shared/images/loading_shiki.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}