@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden; color:#fff; font-size:12px; font-family:"ropa-soft-pro",Arial,Helvetica,sans-serif;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
a { color:inherit; text-decoration:none; }
a:hover { opacity: 0.8 }
.tuline { text-decoration: underline; }
.clearfix { *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%; vertical-align: top;}


.color_red{ color:#ff0000;}
.color_white{ color:#fff;}


.f10{ font-size:10px; font-size: 0.1rem; line-height: 160%;}
.f11{ font-size:11px; font-size: 0.11rem;line-height: 160%;}
.f12{ font-size:12px; font-size: 0.12rem;line-height: 160%;}
.f14{ font-size:14px; font-size: 0.14rem;line-height: 160%;}
.f16{ font-size:16px; font-size: 0.16rem;line-height: 160%;}
.f18{ font-size:18px; line-height: 140%;}
.f20{ font-size:20px; font-size: 0.2rem; line-height: 160%;}
.f21{ font-size:21px; font-size: 0.21rem; line-height: 160%;}
.f22{ font-size:22px; font-size: 0.22rem;line-height: 160%;}
.f24{ font-size:24px; font-size: 0.24rem;line-height: 160%;}
.f25{ font-size:25px; font-size: 0.25rem;line-height: 150%;}
.f26{ font-size:26px; font-size: 0.26rem;line-height: 140%;}
.f28{ font-size:28px; font-size: 0.28rem;line-height: 140%;}
.f30{ font-size:30px; font-size: 0.3rem; line-height: 140%;}
.f32{ font-size:32px; line-height: 140%;}
.f34{ font-size:34px; font-size: 0.34rem;line-height: 130%;}
.f36{ font-size:36px; font-size: 0.36rem;line-height: 130%;}



/******************************************************************/





html{ font-size: 100px; padding: 0; margin: 0;}

body{ padding: 0; margin: 0; background:#000 url(images/bg.jpg) fixed center top no-repeat;background-size:cover; -webkit-background-size:cover; position:relative; color: #fff; font-size: 16px; line-height: 160%;
}

.main{ max-width: 100%;}
.lo_mob{ float: left; background: rgba(0,0,0,0.8);width: 660px;/*  width:41.25%; */ padding:4.1875% 60px; box-sizing:border-box; min-height: 100vh;}
.lo_mob .lo_intx{ text-align: center; margin-top: 8.7%; padding:7.4% 5.555%;background: rgba(255,0,0,0.6); border-radius:0.2rem;}

.lo_mob .lo_intx h4{ padding-bottom:0.5em;  }
.lo_mob .lo_intx p{ padding-bottom:0.5em;  }



.sl_mob{ float: left; margin:0 60px; width: calc(100% - 780px);/*  width:51.25%; */padding-top: 5%;position: relative; }
.sl_inner{  position: relative; }
.sl_inner .sl_inmob{ width:340px; border-radius:8px; background: url(./images/sl_bg.png) 0 0 repeat-x; background-size: auto 100%; padding:0 30px; box-sizing:border-box; margin-right: 30px;}
.sl_inner .swiper-wrapper .sl_inmob:last-child{ margin-right: 0;}
.sl_inmob .slend{ position: absolute; bottom: 30%; left: 0%; width: 100%; text-align: center; color: #fff; font-weight: bold; }
.sl_inmob .slend_tx{ transform-origin: 50% 50%; transform: rotate(-15deg); display: inline-block; padding: 0.5em; background: rgba(255, 0, 0, 0.7); }

.sl_inner .pagination{ position: absolute; top: 0; right: 0; margin:-4.5% 2.5% 0 0;  }
.pagination .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: rgba(255,0,0,0.9); margin-left: 5px;}
.pagination .swiper-pagination-bullet-active{background: #fff; opacity: 0.8; }
.tit_tab{ position: relative; min-height: 120px; }

.tit_tab .tab_time{width:100px; text-align: center; padding: 15px; font-size: 28px; line-height: 110%; background: #a4040c; border-radius: 0 0 16px 16px; }
.tit_tab .tab_sns{ position: absolute; top: 30px; right: 0px; }
.tit_tab .tab_sns a{ display: inline-block; width: 30px; height: 30px; margin-left:7px;  }
.tit_incon{}
.tit_incon h4{ font-size: 42px; line-height: 110%; padding:25px 0;  }
.tit_incon .t_dre{ font-size: 24px; line-height:125%;}
.tit_incon .t_ct{ font-size: 16px; line-height:150%;}
.tit_incon .t_ct .fnt20{ font-size: 20px; }

.sl_foot{ padding-top: 20%; max-width: 1000px; }
.ft_ban{ float:left; width:56%;  }
.ft_smob{ float:left;  text-align: center; padding:1% 5%; width: 44%; box-sizing:border-box;   }
.ft_smob .ban_sns{padding:2% 0;}
.ft_smob .ban_sns a{ display:inline-block; width:50px; margin: 0 3px; }



@media screen and (max-width:1600px) {
.lo_mob{ width:41.25%; padding:4.1875% 3.75%;}
.sl_mob{ width:51.25%; margin:0 3.75%;}

}

@media screen and (max-width:1100px) {
.ft_ban{ float:none; text-align: center; width:100%;  }
.ft_smob{ float:none;  text-align: center; padding:1% 5% 8% 5%; width:100%;}
.ft_smob .ban_sns a{max-width: 0.8rem;}`
}



@media screen and (max-width:800px) {



}

@media screen and (max-width:767px) {

body{background-size: auto 100vh; background:none; }
body:before {content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(images/bg.jpg) center top no-repeat;background-size: auto 100vh;}


.lo_mob{ float: none; width: 100%; min-height:auto;}
.logo{ text-align: center; }

.sl_mob{ float:none; margin:0 3.75%; width:92.5%;padding-top: 5%;position: relative; }

.ft_ban{ float:none; text-align: center; width:100%;}
.ft_smob{ float:none;  text-align: center; padding:1% 5% 8% 5%; width:100%;}
.ft_smob .ban_sns a{max-width: 0.8rem;}


.sl_mob .swiper-wrapper{ display: block; }
.sl_inner .sl_inmob{width:auto;border-radius:0.16rem;padding: 0 4%;box-sizing: border-box; margin-bottom:10%; margin-right: 0;}
.sl_inner .swiper-wrapper .sl_inmob:last-child{ margin-bottom: 0;}
.pagination{ display: none; }



}