@charset "UTF-8";
 img {
	width: 100%;
	height: auto;
}

    
body{width:100%; background:url(../../_img/bg_pc.webp) center top no-repeat;background-size:cover;background-attachment: fixed; }
 #wrapper, #loader-bg{width:500px;  max-width: 100%; margin:0 auto;position: relative;background:#000;}
 @media screen and (max-width: 896px) {
 #wrapper{width:100%;overflow: hidden;}
 #loader-bg{width:100%; height:100vh;position: relative;}
 }

 .fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 900ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

/* ===== 左右画像は画面中央基準で固定 ===== */
.side {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

/* ✅ 左：左スペース内で「右寄せ（中央に寄せる）」 */
.side.left {
  right: calc(50% + 250px); /* 中央400px + 余白20px に吸着 */
  left: auto;
}
.side.left img {
  height: 40vh;
}
#wrapper h1{font-size:0;}

#loader {width:70%;
position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%);
}
#loader img{  display:block;
  height:auto;}

/* header部分 */

#header{width:100%;height:auto; padding-top:140%;margin:0 auto; overflow: hidden; position: relative; }
#header div{position:absolute;}
#header div#mucha{width:30%;z-index:14;left:1%;right:auto;margin:0 auto;top:1%;}
#header div#title{width:95%;z-index:12;margin:0 auto; left:0;right:0px; bottom:16%;}
#header div#sale{width:70%;z-index:12;margin:0 auto; left:0;right:0px; bottom:5%;}
#header div#bg0{width:100%;z-index:0;top:0;left:0;right:0; margin:0 auto;}
#header div#bg{width:100%;z-index:11;top:0;left:0;right:0; margin:0 auto;}
#header div#copy{width:36%;z-index:2;right:3rem; top:10rem;}
#header div#stargaze{width:100%;z-index:1;top:0;right:0; }

.btn{display:block;width:100%;background-color:#dc0000;color:#fff;text-align:center;padding:12px 0;margin-top:5px;font-size:1rem;line-height:20px;text-decoration: none;}
.btn:hover{background-color:#850000;}

/* about部分 */
#about{width:100%; height:auto;margin:0 auto; background: url(../../_img/bg_army.jpg);position: relative;}
#about #zaku{width:100%; z-index:0;}
#about #zaku img{border:none;}
#about .inner{width:100%;height:auto; position:relative;margin:0 auto; padding:0;box-sizing: border-box;}
#about .inner2{width:100%;padding:1rem 0;box-sizing: border-box;}
#about .text2,#about h2{padding:0 20px;}
#about h2{position:absolute; top:10px; z-index:11;}
#about #slider{width:90%;margin:4% auto;}
#about h3{width:100%;}
#about #story{width:90%;margin:0 auto;color:#000;font-size:16px;padding:0;}


    
/* コミックス部分 */
#comics{width:100%;padding:1rem 0;background: url(../../_img/bg_army.jpg);}
#comics h2{width:80%;margin:10px auto;}
#comics ul{width:96%;margin:0 auto;display: flex;flex-wrap:wrap;justify-content:left;}
#comics ul li{width:46%; margin:2%;}
        
#snsBtn {
  font-size: 0;
  padding: 10px 0;
  text-align: center;
}
#snsBtn li {
  line-height: 1.83333;
  letter-spacing: 0;
  display: inline-block
}
#snsBtn li + li {
  margin-left: 15px
}
#snsBtn img {
  width: 50px;
  height: auto
}



footer{text-align:center;margin-top:0;font-size:0.7rem; color:#fff;} 
    
        footer a img{width:60%;}