@charset "UTF-8";

/* CSS Document */
@media screen and (max-width:720px) {

/* Layout */
.home #container{
margin:0 8px;
width:auto;
}
.home #container-inner{
display:block;
}
.home .content .content-inner{
padding:0;
}
.home #main{
position:static;
margin:0 12px 10px;
width:auto;
border:2px solid #9fe0ee;
border-radius:10px;
}

.home #side{
margin:0 12px 5px;
width:auto;
float:none;
}
.home #side-r{
margin:0 12px 5px;
width:auto;
float:none;
}

/*-- Loading --*/
#load-wrap{
width:130px;
height:95px;
}
#nowloading{
margin:0 0 8px;
width:130px;
height:95px;
background:url(/images/common/loading.png) center top no-repeat;
background-size:130px 95px;
}

/* Carousel */
#carousel{
margin:0 auto 12px;
width:auto;
height:auto;
background:#ffffff url(/images/carousel/bg_carousel.png) center top;
background-size:20px 20px;
}
.thumb-item{
width:100%;
height:auto;
float:none;
}
.thumb-item-nav{
padding:8px 5px 3px;
width:auto;
height:auto;
text-align:center;
float:none;
}
.thumb-item-nav li{
margin:0 1% 5px;
width:47% !important;
display:inline-block;
}
.thumb-item img,
.thumb-item-nav li img{
width:100%;
height:auto;
}
.slick-track,
.slick-list,
.draggable{
height:auto !important;
}

/* Top Angelnews */
.home h2#title-angelnews{
margin:0 0 4px;
padding:6px 0 10px;
width:100%;
height:19px;
text-align:center;
line-height:1;
background:url(/images/common/ht_p.png) 3px bottom repeat-x;
background-size:6px 2px;
}
.home h2#title-angelnews img{
width:300px;
height:20px;
}
.home #topNews{
margin:0 0 12px;
height:480px;
}
.home #topNews ul li.topnews-t,
.home #topNews ul li.topnews-l{
padding:10px 6px 6px;
}

/* Side */
.side-bn{
position:relative;
margin:0 auto 8px;
width:50%;
}
.home .side-bn{
margin:0 auto 8px;
width:50%;
}
.side-bn img{
width:100%;
height:auto;
display:block;
}
#wcomic-wrap{
margin:0 0 10px;
padding:5px 0 0;
background:#ffffff;
border:2px solid #9fe0ee;
border-radius:10px;
}
#wcomic-title{
margin:0 auto 5px;
width:130px;
height:16px;
background:url(/images/top/title_comic.png) center top no-repeat;
background-size:130px 16px;
}
.wcomic{
margin:0 auto 7px;
width:176px;
height:102px;
border-radius:5px;
}
#twitter-tl{
padding:6px 0 0;
background:#ffffff;
border:2px solid #9fe0ee;
border-radius:10px;
}
#twitter-tl-title{
margin:0 auto 5px;
width:122px;
height:19px;
background:url(/images/top/title_twitter.png) center top no-repeat;
background-size:122px 19px;
}
#twitter-tl-inner{
margin:0 auto 8px;
width:auto;
height:auto;
border:2px solid #fa3f86;
}
#machine-wrap{
position:relative;
padding:50px 0 0;
}
#machine-title{
position:absolute;
top:10px;
left:50%;
margin:0 0 0 -70px;
width:140px;
height:37px;
}
#machine{
margin:0 auto 8px;
width:118px;
height:200px;
}
#machine-title img,
#machine img{
width:100%;
height:auto;
display:block;
}

/* top-bn-wrap */
#top-bn-wrap{
margin:0 12px 8px;
padding:0;
background:none;
text-align:center;
display:block;
}
.top-bn{
margin:0 auto 8px;
width:50%;
height:auto;
}
.top-bn:last-child{
margin-right:auto;
margin:0 auto 12px;
}
.top-bn img{
width:100%;
height:auto;
display:block;
}

/* Birthday */
#bd-inner{
width:100%;
height:auto;
}

}