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

.pc_only {
  display: none !important; 
}

#batman_200225 {
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;*/
  
  background-image: url(/Page/feature/batman/200225/img/sp/bgsp_2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
#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;
}


#batman_200225 .fade {
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    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; }




#batman_200225 .txt .text{
   /* font-family: 'quasimoda', sans-serif;*/
    text-align: center;
    font-size:  calc(26 * (100vw / 750));
    line-height:  calc(50 * (100vw / 750));
    letter-spacing: 0.08em;
    margin-top: calc(90 * (100vw / 750));
}
#batman_200225 .both{
    flex-flow: wrap;
    width: calc(730 * (100vw / 750));
    display: flex;
    margin-top: 0 auto;
    margin-top: calc(-55 * (100vw / 750));
}
#batman_200225 .name_tag, .price_tag, .colour{
     font-family: ff-good-headline-web-pro-com, sans-serif;
     font-weight: 700;
    font-style: normal;
    text-align: center;

}
#batman_200225 .name_tag{
        font-size: calc(40 * (100vw / 750));
    /*line-height: calc(52 * (100vw / 750));*/
    letter-spacing: 0.1em;
        margin-top: calc(50 * (100vw / 750));
         border-bottom: 2px solid black;
    display: inline-block;
    margin-left: calc(220 * (100vw / 750));
        height: calc(45 * (100vw / 750));
        
}
#batman_200225 .colour{
    
    font-size: calc(30 * (100vw / 750));
    /*line-height: calc(52 * (100vw / 750));*/
    letter-spacing: 0.1em;
   
    
}
#batman_200225 .price_tag{
    margin: 0 auto;
    text-align: center;
    font-size: calc(34 * (100vw / 750));
    letter-spacing: 0.1em;
    padding-top: calc(5 * (100vw / 750));
}
#batman_200225 .name_tag2, .price_tag2, .colour2{
     font-family: ff-good-headline-web-pro-com, sans-serif;
     font-weight: 700;
    font-style: normal;
    text-align: center;
    
}
#batman_200225 .underline{
    
}
#batman_200225 .name_tag2{
        font-size: calc(40 * (100vw / 750));
   /* line-height: calc(52 * (100vw / 750));*/
    letter-spacing: 0.1em;
        margin-top: calc(66 * (100vw / 750));
         border-bottom: 2px solid black;
    display: inline-block;
    margin-left: calc(260 * (100vw / 750));
        height: calc(45 * (100vw / 750));
       
}
#batman_200225 .colour2{
    
    font-size: calc(30 * (100vw / 750));
    /*line-height: calc(52 * (100vw / 750));*/
    letter-spacing: 0.1em;

}
#batman_200225 .price_tag2{
    margin: 0 auto;
    text-align: center;
    font-size: calc(34 * (100vw / 750));
    letter-spacing: 0.1em;
    padding-top: calc(5 * (100vw / 750));
}
#batman_200225 .name_tag3, .price_tag3, .colour3{
     font-family: ff-good-headline-web-pro-com, sans-serif;
     font-weight: 700;
    font-style: normal;
    text-align: center;
    
}
#batman_200225 .underline{
   
}
#batman_200225 .name_tag3{
        font-size: calc(40 * (100vw / 750));
    /*line-height: calc(52 * (100vw / 750));*/
    letter-spacing: 0.1em;
        margin-top: calc(25 * (100vw / 750));
         border-bottom: 2px solid black;
    display: inline-block;
    margin-left: calc(255 * (100vw / 750));
        margin-left: calc(240 * (100vw / 750));
            height: calc(45 * (100vw / 750));


       
}
#batman_200225 .colour3{
    
    font-size: calc(30 * (100vw / 750));
    /*line-height: calc(52 * (100vw / 750));*/
    letter-spacing: 0.1em;

}
#batman_200225 .price_tag3{
    margin: 0 auto;
    text-align: center;
    font-size: calc(34 * (100vw / 750));
    letter-spacing: 0.1em;
    padding-top: calc(5 * (100vw / 750));
}




#batman_200225 .name_tag4, .price_tag4, .colour4{
     font-family: ff-good-headline-web-pro-com, sans-serif;
     font-weight: 700;
    font-style: normal;
    text-align: center;
    
}
#batman_200225 .underline{
   
}
#batman_200225 .name_tag4{
        font-size: calc(40 * (100vw / 750));
    /*line-height: calc(52 * (100vw / 750));*/
    letter-spacing: 0.1em;
        margin-top: calc(73 * (100vw / 750));
         border-bottom: 2px solid black;
    display: inline-block;
    margin-left: calc(240 * (100vw / 750));
        height: calc(45 * (100vw / 750));
       
}
#batman_200225 .colour4{
    
    font-size: calc(30 * (100vw / 750));
    /*line-height: calc(52 * (100vw / 750));*/
    letter-spacing: 0.1em;

}
#batman_200225 .price_tag4{
    margin: 0 auto;
    text-align: center;
    font-size: calc(34 * (100vw / 750));
    letter-spacing: 0.1em;
    padding-top: calc(5 * (100vw / 750));
}






#batman_200225 .content_wrap {
    width: 100%;
    margin: 0 auto; 
}
#batman_200225 .item_txt {
    font-size: calc(24 * (100vw / 750));
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";/*
    font-family: "EBGaramond", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;*/
    line-height: 1.75;
    letter-spacing: 0.08em;
   /* font-family: 'Open Sans', sans-serif;*/
    font-style: normal;
    font-weight: 300;
    margin-top: calc(40 * (100vw / 750));
    text-align: left; 
}
#batman_200225 .item_txt::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.75) * 0.5em); 
}
#batman_200225 .item_txt a {
    line-height: 1;
    line-height: 0.6\0;
    display: inline-block;
    margin-right: calc(10 * (100vw / 750));
    margin-top: calc(10 * (100vw / 750));
    margin-bottom: calc(10 * (100vw / 750)); 
}
#batman_200225 .item_txt a:last-child {
    margin-right: 0; 
}
#batman_200225 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse; 
}
#batman_200225 .sec04 .flex {
    -ms-flex-flow: wrap;
    flex-flow: wrap; 
}
#batman_200225 .sec07 .flex {
    -ms-flex-flow: wrap;
    flex-flow: wrap; 
}
#batman_200225 .sec09 .flex {
    -ms-flex-flow: wrap;
    flex-flow: wrap; 

}
/*
#batman_200225 .sec08 .blk01 {
    margin-left: calc(263 * (100vw / 750));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; 
}
*/
#batman_200225 .sec05 .blk01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: initial;
    flex-flow: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; 
}
#batman_200225 .sec05 .blk01 .item_txt {
    position: relative;
    top: calc(10 * (100vw / 750));
}
/*
#batman_200225 .sec06 .blk01 .item_txt {
    text-align: center;
    width: calc(750 * (100vw / 750)); 
}
*/
#batman_200225 .mv p {
    font-size: calc(26 * (100vw / 750));
    line-height: 2;
    letter-spacing: 0.015em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: center;
    margin-top: calc(100 * (100vw / 750));
    margin-bottom: calc(90 * (100vw / 750)); 
}
#batman_200225 .mv p::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 2) * 0.5em); 
}
#batman_200225 .swiper-pagination {
    left: calc(356 * (100vw / 750));
    margin-top: calc(28 * (100vw / 750)); 
}
#batman_200225 .swiper-pagination-bullet {
    width: calc(12 * (100vw / 750));
    height: calc(12 * (100vw / 750));
    background: #dad3c3;
    margin-right: calc(17 * (100vw / 750)); 
}
#batman_200225 .swiper-pagination-bullet-active {
    background: #8c8c8c; 
}
#batman_200225 img {
    width: 100%; 
}
#batman_200225 .mv_img {
        width: calc(530 * (100vw / 750));
    padding-top: calc(100 * (100vw / 750));
    margin: 0 auto;
}
#batman_200225 .img01 {
   width: calc(470 * (100vw / 750));
    padding-top: calc(128 * (100vw / 750));
    margin-left: calc(243 * (100vw / 750));
}

#batman_200225 .img03 {
        width: calc(555 * (100vw / 750));
    margin: 0 auto;
    padding-top: calc(39 * (100vw / 750));
}
#batman_200225 .img02 {
    width: calc(621 * (100vw / 750));
    margin-top: calc(47 * (100vw / 750));
    margin-left: calc(37 * (100vw / 750));
}
#batman_200225 .img04 {
     width: calc(355 * (100vw / 750));
    margin-top: calc(112 * (100vw / 750));
    margin-left: calc(10 * (100vw / 750));
    margin-right: calc(10 * (100vw / 750));
}
#batman_200225 .img05 {
    width: calc(355 * (100vw / 750));
    margin-top: calc(110 * (100vw / 750)); 
}

#batman_200225 .img06 {
        width: calc(585 * (100vw / 750));
    margin-top: calc(130 * (100vw / 750));
    margin-left: calc(83 * (100vw / 750)); 
}

#batman_200225 .img08 {
    width: calc(620 * (100vw / 750));
    margin-top: calc(50 * (100vw / 750));
    margin-left: calc(110 * (100vw / 750));
}
#batman_200225 .img07 {
        width: calc(545 * (100vw / 750));
    padding-top: calc(135 * (100vw / 750));
    margin-left: calc(37 * (100vw / 750));
}
#batman_200225 .img09{
width: calc(585 * (100vw / 750));
    margin: 0 auto;
}
#batman_200225 .sec05{
        width: calc(590 * (100vw / 750));
    margin-top: calc(84 * (100vw / 750));
    margin-left: calc(75 * (100vw / 750)); 
}
#batman_200225 .img10 {
    width: calc(643 * (100vw / 750));
    padding-top: calc(130 * (100vw / 750));
    margin: 0 auto; 
}
#batman_200225 .img10 .item_txt {
    white-space: nowrap; 
}
#batman_200225 .img11 {
        width: calc(600 * (100vw / 750));
    margin-top: calc(135 * (100vw / 750));
    margin-left: calc(75 * (100vw / 750));
}

#batman_200225 .sec07 .blk_texto{
     width: calc(660 * (100vw / 750));   
    margin-top: calc(26 * (100vw / 750));
}
#batman_200225 .sec07 .text2, .text3{
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;*/
}
#batman_200225 .sec07 .text2{
  font-size: calc(24 * (100vw / 750));
    line-height: calc(60 * (100vw / 750));
    letter-spacing: 0.08em;
    margin-left: calc(77 * (100vw / 750));
}
#batman_200225 .sec07 .text3{
        font-size: calc(24 * (100vw / 750));
    line-height: calc(44 * (100vw / 750));
    letter-spacing: 0.08em;
    margin-left: calc(77 * (100vw / 750));
    margin-top: calc(-25 * (100vw / 750));
}
#batman_200225 .img12 {
        width: calc(682 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    margin-left: calc(30 * (100vw / 750)); 
}
#batman_200225 .img13 {
    width: calc(675 * (100vw / 750));
    padding-top: calc(110 * (100vw / 750));
    margin: 0 auto;
}
/*
#batman_200225 .img13 .item_txt {
    margin-left: calc(20 * (100vw / 750)); 
}
*/

#batman_200225 .img14 {
   width: calc(489 * (100vw / 750));
    margin-top: calc(110 * (100vw / 750));
    margin-left: calc(60 * (100vw / 750));
}
#batman_200225 .img15 {
      width: calc(675 * (100vw / 750));
    margin-top: calc(110 * (100vw / 750));
    margin-left: calc(75 * (100vw / 750));
}
#batman_200225 .img16 {
    width: calc(675 * (100vw / 750));
    margin-top: calc(110 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
}
#batman_200225 .img17 {
   width: calc(525 * (100vw / 750));
    margin-top: calc(110 * (100vw / 750));
    margin-left: calc(38 * (100vw / 750));
}
#batman_200225 .img18 {
       width: calc(525 * (100vw / 750));
    margin-top: calc(110 * (100vw / 750));
    margin-left: calc(188 * (100vw / 750));
}
#batman_200225 .img18 .item_txt {
    width: calc(700 * (100vw / 750));
     }
     #batman_200225 .img17 .item_txt {
    width: calc(700 * (100vw / 750));
     }
#batman_200225 .img14 .item_txt {
    white-space: nowrap;
    text-align: center; }
#batman_200225 .img14 .item_txt a:nth-child(2) {
    margin-right: 0; 
}
#batman_200225 .btn {
    width: calc(675 * (100vw / 750));
    height: calc(160 * (100vw / 750)); 
}
#batman_200225 .all_itm {
       margin: calc(139 * (100vw / 750)) auto calc(1 * (100vw / 750));
}
#batman_200225 .all_topic {
    margin: 0 auto calc(200 * (100vw / 750)); 
}

#batman_200225 .sec10 {
   margin-top: calc(75 * (100vw / 750));
    padding-bottom: calc(270 * (100vw / 750));
}


#batman_200225 .staffCredit {
    text-align: center;
    font-size: calc(22 * (100vw / 750));
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    line-height: 1.75;
    letter-spacing: 0.04em;
    /*font-family: 'quasimoda', sans-serif;*/
    font-style: normal;
    font-weight: 300;
    line-height: calc(32 * (100vw / 750));
}