@charset "UTF-8";
*{
margin:0;
padding:0;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased !important;
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0)!important;
}
html,body {
height:100%;
}
a{
-webkit-text-size-adjust: 100%;
}
body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
background:#FFF;
}
#loadingIcon{
width:100%;
height:100%;
background:url(images/loading.gif) center center no-repeat;
background-size:38px 38px;
position:fixed;
z-index:10;
}
#loadWhite{
background:#FFF;
width:100%;
height:100%;
position:fixed;
z-index:5;
display:none;
}
#tencomiLogo{
/*position:fixed;*/
position:absolute;
z-index:10;
top:10px;
right:10px;
width:12%;
}
#tencomiLogo img{
width:100%;
}
#mainVisual{
width:100%;
position:relative;
overflow:hidden;
}
#mainVisual h1{
}
#mainVisual h1 img{
width:100%;
}
#mainVisual h2{
top:-200px;
right:0px;
z-index:10;
position:absolute;
width:62.5%;
opacity:0;
}
#mainVisual h2 img{
width:100%;
}
#mainVisual h3{
top:0px;
z-index:5;
width:34%;
position:absolute;
right:-34%;
}
#mainVisual h3 img{
width:100%;
}
#cmWrap{
display:block;
position:relative;
margin-top:-20px;
}
.spbnr{
display:block;
width:98%;
margin:10px 1%;
}
.spbnr img{
width:100%;
}
#cm{
display:block;
width:98%;
margin:5px 1% 30px 1%;
}
#whatsQ,#chara,#schedule{
padding:40px 0;
}
#whatsQ{
width:100%;
background:#fff000;
position:relative;
}
#sugoroku{
width:100%;
background:#fff000 url(images_sp/sugoroku_bg.png) center center;
background-size:cover;
position:relative;
overflow:hidden;
}
#sugoroku_m{
display:block;
width:100%;
position:absolute;
top:33.5%;
}
.z1{
z-index:1;
position:relative;
}
.z2{
z-index:2;
position:absolute;
}
.z3{
z-index:3;
position:absolute;
}
.z4{
z-index:4;
position:absolute;
}
#genteiban{
display:block;
width:100%;
position:absolute;
bottom:0;
}
#genteiban img{
width:100%;
}
#whatsQ h2 img,
#sugoroku img.all{
width:100%;
}
#whats_q_illust{
position:absolute;
bottom:40px;
right:0;
width:71.1%;
}
#comic{
width:100%;
background:#e50012;
position:relative;
padding:30px 0;
}
#comicTTL{
width:100%;
}
#comic ul{
display:table;
margin:auto;
width:90%;
}
#comic ul li{
display:table-cell;
vertical-align:top;
text-align:center;
font-size:0;
width:30%;
padding:0 1.67%;
}
.comicImg{
width:100%;
}
.buy{
display:block;
margin:8px auto;
}
.coverBlank img{
margin-top:42px;
}
#chara{
width:100%;
background:#e50012;
position:relative;
}
#chara h2 img{
width:100%;
}
.slideshow {
width: 320px;
height: 268px;
 }
.slides {
width: 100%;
height: 100%;
 }
.slides img {
width: 100%;
height: 100%;
}
#schedule{
width:100%;
background:#fff;
position:relative;
}
#schedule h2 img{
width:100%;
margin-bottom:10px;
}
#sche2015{
float:left;
width:48%;
margin-left:1.5%;
}
#sche2016{
float:right;
width:48%;
margin-right:1.5%;
}
#schedule h3{
font-size:14px;
text-align:center;
color:#e50012;
}
.month{
background:#666;
color:#FFF;
width:35%;
}
.comictitle{
background:#ccc;
color:#000;
}
table{
margin:0 auto;
width:100%;
}
td{
padding:5px;
font-size:9px;
text-align:center;
}
hr{
height:0;
border:0;
clear:both;
}
#footer{
padding:0px 0 5px 0;
width:100%;
background:#e6e6e6;
position:relative;
}
#banners{
clear:both;
overflow: hidden;
position: relative;
}
#banners ul{
list-style: none;
margin:10px 0 10px 0.5%;
float: left;
left:50%;
position:relative;
}
#banners li{
float: left;
width: 32%;
margin:0.5%;
left:-50%;
position:relative;
}
#banners li img{
width: 100%;
}
#sho_logo{
width:90px;
clear:both;
margin:0 auto 5px auto;
padding-top:10px;
}
#sho_logo img{
width:100%;
}
#cr{
font-size:6px;
text-align:center;
line-height:1.2em;
}
#npWrap{
display:none;
}
#np{
width:100%;
text-align:center;
display:block;
}
#np ul{
display:table;
margin:auto;
width:320px;
}
#np ul li{
display:table-cell;
vertical-align:top;
text-align:center;
font-size:0;
width:30%;
padding:0 1.67%;
}
.npImg{
width:100%;
}
.download{
margin:8px auto;
}
#npTTL{
width:95%;
margin:25px auto 0px auto;
}
.npNormal{
margin-top:24px;
}
#np p{
text-align:left;
font-size:11px;
color:#000;
line-height:1.2em;
margin:5px 15px 10px 15px;
}