@charset "UTF-8";
@font-face {
    font-family: "HelveticaNeueLTStd-LtCn";
    src: url("../../font/HelveticaNeueLTStd-LtCn.woff"); }

.sp_only {
    display: none !important; }

#batman_200225 {
    /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
    color: #000000; 
    background-image: url(/Page/feature/batman/200225/img/pc/bg_2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1200px;
    /*height: 9642px;*/
    margin: 0 auto;
        padding-bottom: 140px;
  }

#batman_200225 .txt .text,
#batman_200225 .sec07 .text2,
#batman_200225 .sec07 .text3 {
  font-family :"quasimoda", "Hiragino Sans","ヒラギノ角ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, sans-serif;
}


  /*FADE EFFECT*/

#batman_200225 .fade {
    -webkit-transition-duration: 1.1s;
    -o-transition-duration: 1.1s;
    transition-duration: 1.1s;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px); 
  }
#batman_200225 .fade.onView {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); 
  }
#batman_200225 .txtFade {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    opacity: 0; 
  }
#batman_200225 .txtFade::after {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s; 
  }
#batman_200225 .txtFade.onView {
    opacity: 1; 
  }
#batman_200225 .txtFade.onView::after {
    width: 0 !important; 
  }
  /*FADE EFFECT*/


  #batman_200225 .name_tag{
       font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    text-align: center;
    font-size: 26px;
    margin-top: 21px;
    border-bottom: 2px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-left: 500px;
}
#batman_200225 .colour{
  font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    
    
    font-size: 20px;
    margin-top: 24px;
    
}
#batman_200225 .price_tag{
     font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.1em;
        margin-top: 10px;
}

 #batman_200225 .name_tag2{
        font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    /* text-align: center; */
    font-size: 26px;
    margin-top: 34px;
        border-bottom: 2px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-left: 346px;
}
#batman_200225 .colour2{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    
    font-size: 20px;
    margin-top: 24px;
    
}
#batman_200225 .price_tag2{
    font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    margin: 0 auto;
    /* text-align: center; */
    font-size: 22px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-left: 373px;
}
#batman_200225 .name_tag3{
     font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    text-align: center;
    font-size: 26px;
    margin-top: 22px;
    border-bottom: 2px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-left: 521px;
}
#batman_200225 .colour3{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    
    font-size: 20px;
    margin-top: 24px;
    
}
#batman_200225 .price_tag3{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.1em;
        margin-top: 10px;
}
#batman_200225 .name_tag4{
     font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    /* text-align: center; */
    font-size: 26px;
    margin-top: 46px;
        border-bottom: 2px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-left: 750px;
}
#batman_200225 .colour4{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    
    font-size: 20px;
    margin-top: 24px;
    
}
#batman_200225 .price_tag4{
    font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    margin: 0 auto;
    /* text-align: center; */
    font-size: 22px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-left: 792px;
}






#batman_200225 .txt .text{
  font-size: 15px;
  line-height: 36px;
  letter-spacing: 0.12em;
  text-align: center;
  margin-top: 67px;
  /* font-family: 'quasimoda', sans-serif;*/

}
#batman_200225 .sec07 .blk_texto{
        width: 254px;
    margin-top: -175px;
}
#batman_200225 .sec07 .text2, .text3{
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
}
#batman_200225 .sec07 .text2{
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.08em;
}
#batman_200225 .sec07 .text3{
      font-size: 13px;
    line-height: 26px;
    letter-spacing: 0.12em;
}
#batman_200225 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; 
  }
#batman_200225 .content_wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative; 
  }

#batman_200225 .item_txt::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 2) * 0.5em); 
  }
#batman_200225 .item_txt a {
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-right: 5px;
    line-height: 0.6\0; 
  }
#batman_200225 .sec01 {
    margin-top: 63px; 
    width: 902px;
    margin: 0 auto;
  }
  #batman_200225 .sec02{
    width: 1025px;
    margin:0 auto;
    padding-top: 307px;
  }
  #batman_200225 .sec04{
    width: 951px;
    margin:0 auto;
    padding-top: 302px;
  }
   #batman_200225 .sec07{
    width: 680px;
    margin:0 auto;
    padding-top: 302px;
  }

#batman_200225 .sec10{
        margin-top: -85px;
    padding-bottom: 95px;
  }
#batman_200225 .sec03 .item_txt {
    margin-right: 433px;
    text-align: right;
    position: relative;
    top: 528px; 
  }
#batman_200225 .sec04 .item_txt {
    margin-left: 70px;
    margin-top: 27px;
    width: 325px;
    }
 
#batman_200225 .sec03 .blk01 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; 
  }
#batman_200225 .sec06 .blk01 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; 
  }


#batman_200225 .sec07 .blk01 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
#batman_200225 img {
    width: 100%; 
  }
#batman_200225 .mv_img {
    width: 402px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 74px;
  }
#batman_200225 .img01 {
    width: 430px;
    margin-right: 46px;
    padding-top: 88px; 
  }
#batman_200225 .img02 {
    width: 360px;
    margin-left: 65px;
    margin-right: 120px;
    margin-top: 130px;

  }
#batman_200225 .img03 {
    width: 360px;
    margin-top: -7px; 
  }
#batman_200225 .img04 {
  width: 360px;
    margin-left: -7px;
    margin-top: -217px;
  }
#batman_200225 .img05 {
    width: 360px;
    margin-left: -49px;
    margin-top: -7px;
  }
#batman_200225 .img06 {
    width: 480px;
    margin-left: 180px;
    margin-top: 82px;
  }
#batman_200225 .img07 {
    width: 431px;
    margin: 0 auto;
    margin-top: -65px;
  }
#batman_200225 .img08 {
    width: 461px;
    margin-left: 59px;
    margin-top: 33px;
  }
#batman_200225 .img09{
    margin: 0 auto;
    width: 467px;
    padding-top: 55px;
  }    

#batman_200225 .img10 {
    width: 600px;
    margin-left: 539px;
    margin-top: 40px;
  }
#batman_200225 .img11 {
    width: 371px;
    margin-top: -205px;
    margin-right: 57px;
    
  }
#batman_200225 .img12 {
    width: 581px;
    margin-left: 59px;
  }
#batman_200225 .img13 {
    width: 500px;
    margin: 0 auto;
    margin-top: -5px; 
  }
#batman_200225 .img14 {
    width: 380px;
    margin-left: 95px;
    margin-top: 76px;
    margin-right: 151px;
  }
#batman_200225 .img15 .item_txt {
    text-align: right;
    /* margin-right: 0; */
    /*width: 419px;
    margin-left: -15px;*/
  }
    
#batman_200225 .img15 {
     width: 480px;
    margin-top: 176px; 
  }
#batman_200225 .img16 {
    width: 500px;
    margin-left: 246px;
    margin-top: 75px;
  }
  #batman_200225 .img17 {
    width: 400px;
    margin-left: 129px;
    margin-top: 280px;
    margin-right: 141px;
  }
#batman_200225 .img18 {
    width: 400px;
    margin-top: 80px; 
  }
#batman_200225 .btn {
    width: 380px;
    height: 74px; 
  }
#batman_200225 .all_itm {
       margin: 119px auto 116px;
  }
#batman_200225 .all_topic {
    margin: 0 auto 140px; 
  }
#batman_200225 .staffCredit {
        text-align: center;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    /*font-family: quasimoda, sans-serif;*/
   
}









/*MEDIA QUERY CODE*/
@media screen and (max-width: 1275px){
#batman_200225 {
    width: calc(1200 * (100vw / 1275));
    margin: 0 auto;
    padding-bottom: calc(140 * (100vw / 1275));
    background-size: cover;
  }
#batman_200225 .content_wrap {
    width: calc(1200 * (100vw / 1275)); 
  }
#batman_200225 .item_txt {
    font-size: calc(12 * (100vw / 1275));
    margin-top: calc(20 * (100vw / 1275)); 
  }
#batman_200225 .item_txt a {
    margin-right: calc(5 * (100vw / 1275)); 
  }
#batman_200225 .sec01 {
    margin-top: calc(63 * (100vw / 1275));  
    width: calc(902 * (100vw / 1275)); 
    margin: 0 auto;
  }
 
  #batman_200225 .sec04{
    width: calc(951 * (100vw / 1275)); 
    margin:0 auto;
    padding-top: calc(302 * (100vw / 1275)); 
  }
#batman_200225 .sec02{
    width: calc(1025 * (100vw / 1275)); 
    margin:0 auto;
    padding-top: calc(302 * (100vw / 1275)); 
  }

#batman_200225 .sec10{
    margin-top: calc(110 * (100vw / 1275)); 
  }


  #batman_200225 .sec07{
    width: calc(680 * (100vw / 1275));
    margin:0 auto;
    padding-top: calc(302 * (100vw / 1275));
  }
#batman_200225 .sec12 .item_txt {
    margin-left: calc(20 * (100vw / 1275));
    margin-right: calc(20 * (100vw / 1275));
    position: relative;
    top: calc(280 * (100vw / 1275));
  }
#batman_200225 .mv_img {
    width: calc(382 * (100vw / 1275));
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(74 * (100vw / 1275));
  }
#batman_200225 .mv_img {
    width: calc(402 * (100vw / 1275)); 
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(74 * (100vw / 1275)); 
  }
#batman_200225 .img01 {
    width: calc(430 * (100vw / 1275));
    margin-right: calc(46 * (100vw / 1275));
    padding-top: calc(88 * (100vw / 1275)); 
  }
#batman_200225 .img02 {
    width: calc(360 * (100vw / 1275));
    margin-left: calc(65 * (100vw / 1275));
    margin-right: calc(120 * (100vw / 1275));
    margin-top: calc(130 * (100vw / 1275));

  }
#batman_200225 .img03 {
    width: calc(360 * (100vw / 1275));
    margin-top: calc(-7 * (100vw / 1275)); 
  }
#batman_200225 .img04 {
  width: calc(360 * (100vw / 1275));
    margin-left: calc(-7 * (100vw / 1275));
    margin-top: calc(-217 * (100vw / 1275));
  }
#batman_200225 .img05 {
    width: calc(360 * (100vw / 1275));
    margin-left: calc(-49 * (100vw / 1275));
    margin-top: calc(-7 * (100vw / 1275));
  }
#batman_200225 .img06 {
    width: calc(480 * (100vw / 1275));
    margin-left: calc(180 * (100vw / 1275));
    margin-top: calc(82 * (100vw / 1275));
  }
#batman_200225 .img07 {
    width: calc(431 * (100vw / 1275));
    margin: 0 auto;
    margin-top: calc(-65 * (100vw / 1275));
  }
#batman_200225 .img08 {
    width: calc(461 * (100vw / 1275));
    margin-left: calc(59 * (100vw / 1275));
    margin-top: calc(33 * (100vw / 1275));
  }
#batman_200225 .img09{
    margin: 0 auto;
    width: calc(461 * (100vw / 1275));
    padding-top: calc(55 * (100vw / 1275));
  }    

#batman_200225 .img10 {
    width: calc(600 * (100vw / 1275));
    margin-left: calc(539 * (100vw / 1275));
    margin-top: calc(40 * (100vw / 1275));
  }
#batman_200225 .img11 {
    width: calc(371 * (100vw / 1275));
    margin-top: calc(-205 * (100vw / 1275));
    margin-right: calc(57 * (100vw / 1275));
    
  }
#batman_200225 .img11 {
    width: calc(500 * (100vw / 1275));
    margin-top: calc(99 * (100vw / 1275));
    margin-left: calc(30 * (100vw / 1275));
  }
#batman_200225 .img12 {
    width: calc(581 * (100vw / 1275));
    margin-left: calc(59 * (100vw / 1275));
  }

#batman_200225 .btn {
    width: calc(380 * (100vw / 1275));
    height: calc(74 * (100vw / 1275)); 
  }
#batman_200225 .all_itm {
    margin-top: calc(66 * (100vw / 1275));
    margin-bottom: calc(140 * (100vw / 1275));  
  }
#batman_200225 .all_topic {
    margin-top: calc(0 * (100vw / 1275));
    margin-bottom: calc(140 * (100vw / 1275));  
  }
#batman_200225 .staffCredit {
  font-size: calc(12 * (100vw / 1275));
  line-height: 2;
  letter-spacing: 0.1em;
}



#batman_200225 .name_tag{
       font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    text-align: center;
    font-size: calc(26 * (100vw / 1275));
    margin-top: calc(25 * (100vw / 1275));
        border-bottom: 1px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-left: calc(500 * (100vw / 1275));;
}
#batman_200225 .colour{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    
    font-size: calc(20 * (100vw / 1275));
    margin-top: calc(24 * (100vw / 1275));
    
}
#batman_200225 .price_tag{
     font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    margin: 0 auto;
    text-align: center;
    font-size: calc(22 * (100vw / 1275));
    letter-spacing: 0.1em;
        margin-top: calc(10 * (100vw / 1275));
}

 #batman_200225 .name_tag2{
     font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    /* text-align: center; */
    font-size: calc(26 * (100vw / 1275));
    margin-top: calc(36 * (100vw / 1275));
        border-bottom: 1px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-left: calc(346 * (100vw / 1275));
}
#batman_200225 .colour2{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    
    font-size: calc(20 * (100vw / 1275));
    margin-top: calc(24 * (100vw / 1275));
    
}
#batman_200225 .price_tag2{
    font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    margin: 0 auto;
    /* text-align: center; */
    font-size: calc(22 * (100vw / 1275));
    letter-spacing: 0.1em;
    margin-top: calc(10 * (100vw / 1275));
    margin-left: calc(373 * (100vw / 1275));
}
#batman_200225 .name_tag3{
    font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    text-align: center;
    font-size: calc(26 * (100vw / 1275));
    margin-top: calc(25 * (100vw / 1275));
        border-bottom: 1px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-left: calc(521 * (100vw / 1275));;
}
#batman_200225 .colour3{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    
    font-size: calc(20 * (100vw / 1275));
    margin-top: calc(24 * (100vw / 1275));
    
}
#batman_200225 .price_tag3{
    font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    margin: 0 auto;
    text-align: center;
    font-size: calc(22 * (100vw / 1275));
    letter-spacing: 0.1em;
        margin-top: calc(10 * (100vw / 1275));
}
#batman_200225 .name_tag4{
       font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    /* text-align: center; */
    font-size: calc(26 * (100vw / 1275));
    margin-top: calc(46 * (100vw / 1275));
        border-bottom: 1px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    margin-left: calc(750 * (100vw / 1275));
}
#batman_200225 .colour4{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    
    font-size: calc(20 * (100vw / 1275));
    margin-top: calc(24 * (100vw / 1275));
    
}
#batman_200225 .price_tag4{
   font-family: ff-good-headline-web-pro-com, sans-serif;
font-weight: 800;
font-style: normal;
    margin: 0 auto;
    /* text-align: center; */
    font-size: calc(24 * (100vw / 1275));
    letter-spacing: 0.1em;
    margin-top: calc(10 * (100vw / 1275));
    margin-left: calc(792 * (100vw / 1275));
}






#batman_200225 .txt .text{
  font-size: calc(15 * (100vw / 1275));
  line-height: calc(36 * (100vw / 1275));
  letter-spacing: 0.12em;
  text-align: center;
  margin-top: calc(67 * (100vw / 1275));
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/

}
#batman_200225 .sec07 .blk_texto{
        width: calc(254 * (100vw / 1275));
    margin-top: calc(175 * (100vw / 1275));
}

#batman_200225 .sec07 .text2{
  font-size: calc(15 * (100vw / 1275));
  line-height: calc(26 * (100vw / 1275));
  letter-spacing: 0.08em;
}
#batman_200225 .sec07 .text3{
      font-size: calc(13 * (100vw / 1275));
    line-height: calc(26 * (100vw / 1275));
    letter-spacing: 0.12em;
}





  }