/* for mobile */

body{ -webkit-text-size-adjust:none; }


#base{ width:100%; overflow:hidden; margin:0 auto; }
body.p #base{ width:320px; }
#h,#hmain,#hmain_c,#hsub,#htopic,#w,#f .f-banner,#f .f-c-inner,#f .f-n-inner{ width:auto; margin:0; text-align:left; }

#gn,#m,#s{ width:auto !important; }
#s{ float:none; clear:left; } 

#h{ padding-top:34px; }
#hmain_c{ position:fixed; top:0; z-index:9999; width:100%;}
body.p #hmain_c{ width:320px;}
.home #h{ padding-top:0;}
.home #hmain_c{ position:static; }
#hmain h1 a{ display:block; padding-left:86px; background-image:url(i/back_button.png); background-repeat:no-repeat; background-size:71px; }
.home #hmain h1 a{ display:block; padding-left:0; background-image:none; }
#hmain h1{ padding:4px 0 4px 5px; }
#hmain .credit{ display:none; }
#hmain h1 .logo img{ height:29px; width:164px; }

#hmain .release-date,
#hmain .detail{ display:none; }
#hmain .release-date{ background:#D21; color:#FFF; padding:3px 5px; font-weight:bold;}
#hmain .copy{ display:block; position:absolute; padding:21px 0 0 5px; font-weight:bold; }
#hmain .day-price{ 
 display:block; 
 background:#3D3D3D;
 color:#FFF;
 font-size:11px; padding:2px 5px;
}
#hsub .bread-inner{ font-size:11px; padding:4px 8px 4px 6px;}
#hsub .copy-inner{ display:block; padding-top:5px; }
#hsub .copy-inner img{ display:none;  }

#hInfo .mb{
	display:inline;
}
#hInfo .c-c-top{
	height:102px;
	background:#000 url(../img/c/thankyou_top_mb_bg.png) repeat-x;
}
#hInfo .c-c-other{
	height:149px;
	background:#000 url(../img/c/thankyou_mb_bg.png) repeat-x;
}


#htop{ height:auto; width:auto; background-image:url(../img/banner/mb_covcatch.gif); background-position:right; background-repeat:no-repeat;}
#htopCover{ position:static; width:auto; margin:0 0 0 5px; padding:0; }
#htopCover h2{ margin-right:0; }
#htopCover .covWrap{ width:320px; margin:0 auto 0; } 
#htopCover .covbnbox{
height:220px; float:left;
background:url(../img/banner/mb_covcatch.gif) no-repeat left;
}
#htopMain{ padding-left:0; }
#htopMain .content,
#htopMain .nav,
#htopMain .content2,
#htopMain .nav2{ display:none; }


#htopic .topics{ display:none;}

#mbNavLineup{ display:block; }
.tapbtn a{
	display: block;
	text-align:right;
background: #7999e5; /* Old browsers */

background: -moz-linear-gradient(top,  #7999e5 2%, #7999e5 44%, #2848d6 46%, #2848d6 83%, #e5e8fc 86%, #7db9e8 87%, #122260 87%, #7db9e8 90%, #263cc9 92%, #dde7ff 95%, #7999e5 96%, #7999e5 96%, #2848d6 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#7999e5), color-stop(44%,#7999e5), color-stop(46%,#2848d6), color-stop(83%,#2848d6), color-stop(86%,#e5e8fc), color-stop(87%,#7db9e8), color-stop(87%,#122260), color-stop(90%,#7db9e8), color-stop(92%,#263cc9), color-stop(95%,#dde7ff), color-stop(96%,#7999e5), color-stop(96%,#7999e5), color-stop(100%,#2848d6)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #7999e5 2%,#7999e5 44%,#2848d6 46%,#2848d6 83%,#e5e8fc 86%,#7db9e8 87%,#122260 87%,#7db9e8 90%,#263cc9 92%,#dde7ff 95%,#7999e5 96%,#7999e5 96%,#2848d6 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #7999e5 2%,#7999e5 44%,#2848d6 46%,#2848d6 83%,#e5e8fc 86%,#7db9e8 87%,#122260 87%,#7db9e8 90%,#263cc9 92%,#dde7ff 95%,#7999e5 96%,#7999e5 96%,#2848d6 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #7999e5 2%,#7999e5 44%,#2848d6 46%,#2848d6 83%,#e5e8fc 86%,#7db9e8 87%,#122260 87%,#7db9e8 90%,#263cc9 92%,#dde7ff 95%,#7999e5 96%,#7999e5 96%,#2848d6 100%); /* IE10+ */

background: linear-gradient(to bottom,  #7999e5 2%,#7999e5 44%,#2848d6 46%,#2848d6 83%,#e5e8fc 86%,#7db9e8 87%,#122260 87%,#7db9e8 90%,#263cc9 92%,#dde7ff 95%,#7999e5 96%,#7999e5 96%,#2848d6 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7999e5', endColorstr='#2848d6',GradientType=0 ); /* IE6-9 */


-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
	padding: 14px;
	font-size: 18px;
	font-weight: bold;	
	text-decoration: none;
	color:#fff;
	text-shadow: -1px -1px 0 #000;
	margin: 0 5px;
}
#mbjxNews{ display:block; }
.ttlbar{
		display: block;
	text-align: left;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 9%, #666666 25%, #666666 28%, #2c2c2c 79%, #1c1c1c 91%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(9%,#595959), color-stop(25%,#666666), color-stop(28%,#666666), color-stop(79%,#2c2c2c), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
	padding: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-shadow: -1px -1px 0 #000;
	border-bottom: solid 2px #999;
	border-top: solid 2px #000;
}
.tapbtn_more a{
	display: block;
	text-align:right;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 79%, #a0a0a0 91%, #2d2d2d 94%, #2d2d2d 94%, #969696 95%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(79%,#ffffff), color-stop(91%,#a0a0a0), color-stop(94%,#2d2d2d), color-stop(94%,#2d2d2d), color-stop(95%,#969696), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 79%,#a0a0a0 91%,#2d2d2d 94%,#2d2d2d 94%,#969696 95%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	padding:16px;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	margin-bottom:14px;
}
#mbbn01 {
	display: block;
}
#mbbn02 {
	display: block;
}
#gn{ width:auto; float:none; clear:left;  }
#gn h2{ margin-right:0; clear:left; }
#gn ul{background-color:#666;}
#gn li{
	width: auto;
	height: auto;
	background-color: #E4E4E4;
	border-top: solid 2px #ffffff;
		border-bottom: solid 1px #333333;
}
#gn li a{ text-indent:0; width:auto; padding:2px 5px 2px 50px; text-decoration:none; background-size:40px 40px; }
#gn li a .title{ display:block; font-weight:bold; color:#333;}
#gn li a .name{ display:block;  color:#555;}
#gn li p{ display:none !important; }

#mh_m{ width:480px; margin:0 auto; float:none;}
body.p #mh_m{ width:320px; }
#mh_m h1{ width:auto; height:auto; background-repeat:repeat-x !important; }
#mh_m h1 .mh-h-inner{ color:#3D3D3D; font-weight:bold; padding:36px 0 0 8px; margin:0; }

#m{ width:auto; float:none; padding-top:10px;  margin-right:0; clear:left; }
#m h2.top{background:#333333; margin-right:0; }
#m h2.top span{ font-size:10px; padding-top:4px; line-height:1.1; }
#m .smrt_banners{ display:block; padding:10px 0; margin-top:10px; margin-left:0; text-align:center; }
#m .smrt_banners .links li a{ display:block; padding:5px 0; }
.f-banner {display:none;}

/* social */
.social_buttons .twitter-btn{
  width:70px !important;
}

/* stream */
#stream{ width:auto !important; padding-left:5px; }
.top .jXst-item .info{ zoom:.80; width:91px; }
.top .jXst-item .info .author{ font-size:11px; }
.top .jXst-item .date { margin-top:0; }
.top .jXst-item .c{ width:379px; }
body.p .top .jXst-item .c{ width:219px; }
.top .jXst-item .c-inner{ padding-right:0; }

#s .banner{ text-align:center; }
#s .s-manga .banner{ padding-top:3px; }
#s .s-smrt{ display:none; }
#s .cat-nav{ font-size:14px; }
#ads1 {display:none;}

#f .f-banner{ padding-left:7px; }
#f .shu-logo{ position:static; padding:5px; } 
#f .f-copyright p{ padding:5px; margin:0; }
#f .f-copyright ul{ position:static; width:auto; padding:8px 4px 12px; }
#f .f-n-c{ float:none; }

/* work */

.work-desc{ height:auto !important; width:auto; }
.work-title,
.work-story{ position:static !important; width:auto !important; }
.work-story{ padding:8px; }

#mh_s{ margin:0 auto; width:300px; float:none; }
#mh_s h2{ font-size:16px; padding:2px 0; width:100%; }
#mh_s h3{ padding-bottom:2px; }
#mh_s .sub-info{ white-space:nowrap; }

/* tab */

#m .m-nav{ padding:0 0 0 1px; margin:0; height:40px; }
#m .m-nav li{ width:106px; height:40px; }


/* blog */
.blog-bread-title{ display:none; }
#content{ clear:left; }
.entry-c{ width:auto; }
.entry-h-main{ width:220px; padding-top:8px; }
.entry-c-inner{ padding:18px 8px; }

/* winners */

.blog-special-h{ zoom:.45; }
body.winyoso .entry-h-main{ width:auto; margin:0; }
body.winyoso .entry-c .vote h3{ zoom:0.5; }
body.winyoso .wp-polls-ul li{ display:block; }
body.winyoso #w{ background:none; }

/* viewer */
#viewer .v-h{ width:auto; float:none; }
#viewer .v-h-h,
#viewer .v-h-sub{ width:145px; padding-left:9px; float:left; }
#viewerNext,#viewerPrev{ display:none; }
#viewerContent{ width:auto; float:none; clear:left; }
#viewerImg{ width:auto; height:auto; float:none; }


/* close top */
/* mobile */
#c{
	padding:0;
	margin-right:0;
	border:none;
}
#c #gn li{
	width:auto;
}
#c .c-list li .schedule{
	position:static;
	padding:8px 10px 2px 50px;
}
#c .c-list,
#c .c-logo,
#c .c-link{
	padding:0;
	display:block;
	width:auto;
}
#c .c-list{
	padding:0;
}
#c .c-logo{
	background:url(../img/c/arrow_d.png) center top no-repeat;
	text-align:center;
	padding-top:52px;
}
#c .c-link{
	text-align:center;
	padding-top:8px;
	padding-bottom:12px;
}
#c .c-link a{
	display:inline-block;
	text-align:left;
}
.c-f{
	padding:10px;
}
.c-f img{
	width:100%;
}