@charset "UTF-8";

/* Layout */
.home #container{
position:relative;
padding:0;
width:1000px;
}
.home #container-inner{
position:relative;
display:flex;
}
.home .content .content-inner{
padding:0 15px;
}
.home #side{
position:relative;
margin:0;
margin-left:15px;
margin-bottom:15px;
width:21%;
}
.home #main{
position:relative;
margin:0 15px 15px 15px;
width:58%;
border:3px solid #9fe0ee;
border-radius:12px;
background:#ffffff;
overflow:hidden;
}
.home #side-r{
position:relative;
margin:0;
margin-right:15px;
margin-bottom:15px;
width:21%;
}

/*-- Loading --*/
#load{
position:fixed;
width:100%;
height:100%;
background:#ffffff;
z-index:10000;
}
#load-wrap{
position:absolute;
top:50%;
left:50%;
margin:0;
width:260px;
height:190px;
transform:translate(-50%, -50%);
}
#nowloading{
position:relative;
margin:0 0 5px;
width:260px;
height:190px;
background:url(/images/common/loading.png) center top no-repeat;
}

/* Carousel */
#carousel{
position:relative;
margin:0 auto 15px;
width:1000px;
height:340px;
line-height:1;
background:#ffffff url(/images/carousel/bg_carousel.png) center top;
background-size:37px 37px;
z-index:11;
}
.thumb-item{
width:816px;
height:340px;
line-height:1;
background:#ffffff;
float:left;
}
.thumb-item-nav{
padding:4px 0 0;
width:180px;
float:right;
}
.thumb-item-nav li{
margin:0 0 5px;
line-height:1;
padding-left:0;
text-indent:0;
}

/* Top Angelnews */
.home h2#title-angelnews{
margin:0 0 15px;
padding:8px 0 14px;
width:100%;
height:auto;
text-align:center;
line-height:1;
background:url(/images/common/ht_p.png) 3px bottom repeat-x;
background-size:10px 3px;
}
.home #topNews{
margin:0 0 15px;
max-height:585px;
border:none;
border-radius:0;
overflow-y:auto;
}
.home #topNews ul li.topnews-t,
.home #topNews ul li.topnews-l{
padding:12px 8px 8px;
border-bottom:1px solid #ffc3da;
background:rgba(255,255,255,1);
clear:both;
transition:3s;
}
.home #topNews ul li.topnews-t:hover,
.home #topNews ul li.topnews-l:hover{
background:rgba(255,255,255,0);
transition:1s;
}
#topNews ul li.topnews-t span.topdate,
#topNews ul li.topnews-l span.topdate{
text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px 1px 0px #ffffff,-1px -1px 0px #ffffff,1px 1px 1px #ffffff,1px -1px 1px #ffffff,-1px 1px 1px #ffffff,-1px -1px 1px #ffffff,1px 1px 2px #ffffff,1px -1px 2px #ffffff,-1px 1px 2px #ffffff,-1px -1px 2px #ffffff;
}
#topNews ul li.topnews-t a,
#topNews ul li.topnews-l a{
padding:0 0 0;
text-shadow:1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px 1px 0px #ffffff,-1px -1px 0px #ffffff,1px 1px 1px #ffffff,1px -1px 1px #ffffff,-1px 1px 1px #ffffff,-1px -1px 1px #ffffff,1px 1px 2px #ffffff,1px -1px 2px #ffffff,-1px 1px 2px #ffffff,-1px -1px 2px #ffffff;
display:inline-block;
}

/* Side */
.side-bn{
position:relative;
margin:0 auto 10px;
width:196px;
line-height:1;
text-align:center;
overflow:hidden;
}
.side-bn img{
width:100%;
height:auto;
display:block;
margin-bottom:5px;
}
#wcomic-wrap{
margin:0 0 10px;
padding:5px 0 0;
background:#ffffff;
border:3px solid #9fe0ee;
border-radius:12px;
}
#wcomic-title{
margin:0 auto 5px;
width:170px;
height:22px;
text-indent:-200%;
overflow:hidden;
background:url(/images/top/title_comic.png) center top no-repeat;
background-size:170px 21px;
}
.wcomic{
margin:0 auto 6px;
width:176px;
height:auto;
background:#cccccc;
border:2px solid #fa3f86;
border-radius:8px;
overflow:hidden;
}
.wcomic img{
width:100%;
height:auto;
display:block;
}
.wcomic-more{
margin:0 0 8px;
font-size:13px;
line-height:1;
text-align:center;
}
#wnovel-title{
margin:0 auto 5px;
width:170px;
height:22px;
text-indent:-200%;
overflow:hidden;
background:url(/images/top/title_novel.png) center top no-repeat;
background-size:140px 23px;
}
.wnovel{
margin:0 auto 6px;
width:176px;
height:auto;
background:#cccccc;
border:2px solid #fa3f86;
border-radius:8px;
overflow:hidden;
}
.wnovel img{
width:100%;
height:auto;
display:block;
}
.wnovel-more{
margin:0 0 8px;
font-size:13px;
line-height:1;
text-align:center;
}
#twitter-tl{
padding:5px 0 0;
background:#ffffff;
border:3px solid #9fe0ee;
border-radius:12px;
overflow:hidden;
}
#twitter-tl-title{
margin:0 auto 5px;
width:161px;
height:25px;
text-indent:-200%;
overflow:hidden;
background:url(/images/top/title_twitter.png) center top no-repeat;
background-size:161px 25px;
}
.twitter-tl-inner{
position:relative;
margin:0;
padding:0 5px 5px;
height:218px;
}
#machine-wrap{
position:relative;
padding:64px 0 0;
}
#machine-title{
position:absolute;
top:10px;
left:50%;
margin:0 0 0 -95px;
width:190px;
height:50px;
}
#machine{
margin:0 auto 8px;
width:179px;
height:303px;
}

/* top-bn-wrap */
#top-bn-wrap{
margin:0 15px 10px;
padding:18px 0 0;
line-height:1;
background:url(/images/common/ht_b.png) center top repeat-x;
background-size:10px 3px;
display:flex;
}
.top-bn{
margin-right:1%;
margin-bottom:5px;
width:19.2%;
background:#ffffff;
}
.top-bn:last-child{
margin-right:0;
}
.top-bn img{
width:100%;
height:auto;
display:block;
}

/* Birthday */
#bd-inner{
width:800px;
height:600px;
}
#bd-inner a{
display:block;
}
#bd-inner img{
width:100%;
height:auto;
display:block;
}
.btn-chara-bd {
margin:0 auto;
width:1px;
height:1px;
text-indent:-200%;
overflow:hidden;
display:block;
}