@charset "utf-8";

/*
 共通
-------------*/

.inner {
    width:auto;
}
.sp {
    display:block;
}
.pc {
    display:none;
}

/*
 ナビ
-------------*/

#header {
    height:55px;
    border-bottom:none;
    padding:0;
}
#nav {
    margin-top: 55px;
    background: #e3007e;
    padding:0;
    box-shadow:0 10px 10px rgba(0,0,0,0.3);
    border-top: #B54DDE 5px solid;
    border-bottom: #B54DDE 10px solid;
    display:none;
    z-index:9999;
}
#nav.on {
    display: block;
}
#nav li {
	width:50%;
    margin:0;
}
#nav li a {
    margin:0 auto;
    width: auto !important;
    height: 0;
    padding-top: 33%;
}
#nav li:nth-child(even) a {
    border-right:1px solid #999;
}
.spSubLogo {
    position:absolute;
    top: 4px;
    left: 4px;
    width:215px;
}
.spNavBtn {
    position:absolute;
    top: 3px;
    right: 5px;
    width:50px;
}
.spSubLogo img,
.spNavBtn img {
    width:100%;
}
#nav li#navNews a {
    background:url(../images/common/spNavNews.png) no-repeat;
    background-size:100%;
}
#nav li#navStory a {
    background:url(../images/common/spNavStory.png) no-repeat;
    background-size:100%;
}
#nav li#navSong a {
    background:url(../images/common/spNavSong.png) no-repeat;
    background-size:100%;
}
#nav li#navGuest a {
    background:url(../images/common/spNavGuest.png) no-repeat;
    background-size:100%;
}
#nav li#navCast a {
    background:url(../images/common/spNavCast.png) no-repeat;
    background-size:100%;
}
#nav li#navMovie a {
    background:url(../images/common/spNavMovie.png) no-repeat;
    background-size:100%;
}
#nav li#navList a {
    background:url(../images/common/spNavList.png) no-repeat;
    background-size:100%;
}

#news #nav li#navNews a,
#nav li#navNews a:hover,
#story #nav li#navStory a,
#nav li#navStory a:hover,
#song #nav li#navSong a,
#nav li#navSong a:hover,
#guest #nav li#navGuest a,
#nav li#navGuest a:hover,
#cast #nav li#navCast a,
#nav li#navCast a:hover,
#movie #nav li#navMovie a,
#nav li#navMovie a:hover,
#list #nav li#navList a,
#nav li#navList a:hover {
    background-position:inherit;
}

#news #nav li#navNews:after ,
#story #nav li#navStory:after,
#song #nav li#navSong:after,
#guest #nav li#navGuest:after,
#cast #nav li#navCast:after,
#movie #nav li#navMovie:after,
#list #nav li#navList:after {
    display:none;
}
#nav li#navTop a {
    display:none;
}

/*
 下層フォーマット
--------------------*/

#mainInner {
    margin-top:55px;/*ナビ分*/
    background:#2180CC;
    min-height:inherit;
    padding: 12% 3% 7%;
}
#mainInner #contentBox {
	width: auto;
    background-color: #FFF;
    padding: 30px 0 15px;
}
#mainInner #contentBox img {
    width:100%;
}
#mainInner #contentBox h2 {
    width: 80%;
    margin: auto;
    padding-bottom:0;
    margin-top: -19%;
}


/*
 フッター
-------------*/
#footer .billing {
    width:auto;
}


/*
 モーダル
-------------*/
/*modal*/
.modalContents {
    width:90%;
    margin:0 5%;
    left:0;
    top:0;
    box-sizing:border-box;
    padding-top: 10%;
}
.modalContents img {
    width:100%;
}
.btnClose {
    top: 2%;
    right: -4%;
}