@charset "utf-8";

/* Top */
#main-top{
position:relative;
width:100%;
}
#main-top img{
width:100%;
height:auto;
display:block;
}
#btn-topmovie{
position:absolute;
bottom:12%;
right:3%;
width:47%;
}
#topmenu-sp{
position:relative;
margin:0 auto;
width:290px;
height:508px;
}
#topmenu-sp-bg{
position:absolute;
width:290px;
height:508px;
background:url(../img/top/bg_topmenu_sp.png) left top no-repeat;
background-size:290px 508px;
}
#topmenu-sp .inner{
position:absolute;
width:290px;
padding:13px 0 0;
}
#topmenu-sp .inner li{
position:relative;
width:290px;
height:35px;
line-height:1;
text-indent:-200%;
overflow:hidden;
}
#topmenu-sp .inner li a{
width:290px;
height:35px;
display:block;
}
#topmenu-sp #topmenu-sp1,
#topmenu-sp #topmenu-sp2,
#topmenu-sp #topmenu-sp7,
#topmenu-sp #topmenu-sp10{
margin:0 0 11px;
}
#topmenu-sp #topmenu-sp3,
#topmenu-sp #topmenu-sp5{
margin:0 0 13px;
}
#topmenu-sp #topmenu-sp1,
#topmenu-sp #topmenu-sp3,
#topmenu-sp #topmenu-sp5,
#topmenu-sp #topmenu-sp7,
#topmenu-sp #topmenu-sp9,
#topmenu-sp #topmenu-sp11{
}
#topmenu-sp #topmenu-sp2,
#topmenu-sp #topmenu-sp4,
#topmenu-sp #topmenu-sp6,
#topmenu-sp #topmenu-sp8,
#topmenu-sp #topmenu-sp10{
}

#topmenu-sp #topmenu-sp1 .newmk,
#topmenu-sp #topmenu-sp2 .newmk,
#topmenu-sp #topmenu-sp3 .newmk,
#topmenu-sp #topmenu-sp4 .newmk,
#topmenu-sp #topmenu-sp5 .newmk,
#topmenu-sp #topmenu-sp6 .newmk{
position:absolute;
top:0px;
right:-2px;
width:42px;
height:25px;
background:url(../common/newmk.png) left top no-repeat;
background-size:42px 25px;
}
#comingup-wrap{
position:absolute;
bottom:2%;
left:0px;
width:100%;
overflow:hidden;
}
#comingup{
position:relative;
z-index:2;
}
#comingup img{
width:100%;
height:auto;
display:block;
}
#comingup-r{
position:absolute;
top:10%;
left:24%;
width:73%;
height:76%;
background:url(../img/top/bg_comingup.jpg) left top no-repeat;
background-size:100% 100%;
overflow:hidden;
}
#comingup-r .inner{
position:absolute;
top:50%;
left:100%;
margin:-5px 0 0 0;
width:600px;
height:14px;
font-size:14px;
color:#71540f;
text-align:left;
font-weight:normal;
line-height:1;
white-space:nowrap;
display:block;
}

/* Character */
#name1{
position:absolute;
top:36%;
left:60%;
width:25%;
height:5%;
z-index:3;
}
#name2{
position:absolute;
top:24%;
left:10%;
width:25%;
height:5%;
z-index:3;
}
#name3{
position:absolute;
top:25%;
left:70%;
width:25%;
height:5%;
z-index:3;
}
#name4{
position:absolute;
top:32%;
left:12%;
width:25%;
height:5%;
z-index:3;
}
#name5{
position:absolute;
top:49%;
left:25%;
width:24%;
height:5%;
z-index:3;
}
#name6{
position:absolute;
top:49%;
left:49%;
width:24%;
height:5%;
z-index:3;
}
#name7{
position:absolute;
top:49%;
left:73%;
width:24%;
height:5%;
z-index:3;
}
#name8{
position:absolute;
top:63%;
left:41%;
width:25%;
height:5%;
z-index:3;
}
#name9{
position:absolute;
top:93%;
left:12%;
width:25%;
height:5%;
z-index:3;
}
#name10{
position:absolute;
top:72%;
left:70%;
width:22%;
height:5%;
z-index:3;
}
#name11{
position:absolute;
top:80%;
left:63%;
width:22%;
height:5%;
z-index:3;
}
#name12{
position:absolute;
top:93%;
left:38%;
width:22%;
height:5%;
z-index:3;
}
#name13{
position:absolute;
top:93%;
left:66%;
width:22%;
height:5%;
z-index:3;
}

#name1,
#name2,
#name3,
#name4,
#name5,
#name6,
#name7,
#name8,
#name9,
#name10,
#name11,
#name12,
#name13{
overflow:hidden;
}
#name1 a,
#name2 a,
#name3 a,
#name4 a,
#name5 a,
#name6 a,
#name7 a,
#name8 a,
#name9 a,
#name10 a,
#name11 a,
#name12 a,
#name13 a{
width:100%;
height:100%;
text-indent:-200%;
display:block;
overflow:hidden;
}
.chara-panel{
margin:0 auto;
width:260px;
overflow:hidden;
}
.chara-l{
margin:0 auto;
width:230px;
}
#chara04 .chara-l{
margin:0 auto;
width:260px;
}
.chara-r{
margin:0 0 20px;
}
#chara04 .chara-r,
#chara11 .chara-r{
margin:0 0 30px;
}
.chara-dtl{
margin:0 0 5px;
}
.chara-vic{
height:50px;
text-align:center;
}
.chara-vic a{
margin:0 10px;
width:40px;
height:50px;
display:inline-block;
}
.chara-l img,
.chara-dtl img,
.chara-vic img{
width:100%;
height:auto;
display:block;
}

/* Page ALL */
#contents .inner{
position:relative;
}
#pagetitle{
position:absolute;
top:0%;
left:2%;
margin:30.5% 0 0 0;
width:36%;
height:auto;
}
#pagetitle img{
width:100%;
height:auto;
display:block;
}