@charset "utf-8";

/* reset
--------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* clearfix 
--------------------------------------- */
.cf:before,
.cf:after{
  content:" ";
  display:table;
}
.cf:after{clear:both;}
.cf{*zoom:1;}
*{zoom:1;}

/* basic
--------------------------------------- */
body{
  width:100%;
  background-color:#000;
  color:#fff;
  font-size:16px;
  line-height:1.0;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
  -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
       -o-text-size-adjust:100%;
          text-size-adjust:100%;
}
a{outline:none;text-decoration:none;color:#201716;}
a[href^="tel:"]{cursor:default;text-decoration:underline!important;color:#201716;}
img{max-width:100%;height:auto;vertical-align:bottom;}
.pc{display:block;}
.sp{display:none;}
.section{
  position:relative;
  width:1650px;
  width:100%;
  margin:auto;
}
.wrap{
  width:1420px;
  width:86.06060606%;
  margin:auto;
}
.inner{
  position:relative;
  width:1346px;
  width:94.788732394%;
  margin:auto;
}

.ov:hover{opacity:0.6;}
.ov{transition:opacity 0.3s ease-out;cursor:pointer;}

@media screen and (max-width:1650px){}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){}
@media screen and (max-width:1160px){}
@media screen and (max-width:960px){}
@media screen and (max-width:640px){
  body{
    font-size:24px;
  }
  .pc{display:none;}
  .sp{display:block;}
  .section{
    width:640px;
    min-width:640px;
    overflow:hidden;
  }
  .wrap{
    width:640px;
  }
  .inner{
    width:562px;
    overflow:hidden;
  }
}


/* header
--------------------------------------- */
#header{
  padding-top:19px;
  padding-bottom:18px;
  background-color:#fff;
}
#header .wrap{}
#header .inner{}

#header h1{
  text-align:center;
}
#header .sns{
  position:absolute;
  top:61px;
  right:13px;
}
#header .sns .fb{
  float:left;
}
#header .sns .tw{
  float:right;
  margin-left:5px;
}
#header .en{
  position:absolute;
  top:0px;
  right:10px;
  width:179px;
}

@media screen and (max-width:1650px){}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){}
@media screen and (max-width:1160px){}
@media screen and (max-width:960px){
  #header .wrap{width:94.788732394%;}
  #header .inner{width:100%;}
}
@media screen and (max-width:640px){
  #header .wrap{width:640px;}
  #header .inner{width:620px;}
}

/* sky fall */
#h-skyfall{background-color:#000;}
/*#h-skyfall a{display:block;transition:opacity 300ms;}
#h-skyfall a:hover{opacity:0.7;}*/
#h-skyfall .block{
  height:216px;
  padding:20px 0;
  text-align:center;
}
#h-skyfall .box{margin-bottom:8px;}
#h-skyfall p{
  display:inline;
  font-size:48px;
  font-weight:bold;
  /*line-height:150px;*/
  color:#c0ad78;
}
#h-skyfall p.t1{margin-right:0;}
#h-skyfall p.t2{margin-left:20px;}
#h-skyfall .sf-logo{display:inline;}
#h-skyfall .sf-logo img{width:380px;vertical-align:middle;}
#h-skyfall .shosai{}
@media screen and (max-width:1200px){
  #h-skyfall .block{height:19vw;}
  #h-skyfall p{font-size:4.0vw;}
  #h-skyfall .sf-logo img{width:40%;}
}
@media screen and (max-width:960px){
  #h-skyfall .block{height:22vw;}
}
@media screen and (max-width:640px){
  #h-skyfall .block{height:146px;}
  #h-skyfall p{font-size:32px;}
  #h-skyfall .sf-logo img{width:200px;}
}
#h-skyfall .shosai{
  width:400px;
  height:60px;
  margin:auto;
  border:3px double #c4964f;
}
#h-skyfall .shosai a,
#h-skyfall .shosai span{
  display:block;
  width:400px;
  height:60px;
  font-size:24px;
  font-weight:600;
  line-height:60px;
  color:#fff;
  text-align:center;
  vertical-align;middle;
  background-color:#c4964f;
  transition:opacity 300ms;
}
/* effect */
#h-skyfall .shosai a{transition:background-color 300ms;}
#h-skyfall .shosai a:hover{background-color:#d5b582;}
#h-skyfall .shosai a,
#h-skyfall .shosai span{
  position:relative;
  overflow:hidden;
}
#h-skyfall .shosai a::before,
#h-skyfall .shosai span::before{
  background-color:#fff;
  content:'';
  height:100%;
  left:0;
  opacity:0;
  position:absolute;
  top:-180px;
  transform:rotate(45deg);
  width:30px;
}
#h-skyfall .shosai a:before,
#h-skyfall .shosai span:before{animation:shine 3s ease-in-out infinite;}
@keyframes shine{
  0%{transform:scale(0) rotate(45deg);opacity:0;}
  80%{transform:scale(0) rotate(45deg);opacity:0.5;}
  81% {transform:scale(4) rotate(45deg);opacity:1;}
  100% {transform:scale(50) rotate(45deg);opacity:0;}
}

/* section1
--------------------------------------- */
#section1{padding-top:31px;}
#section1 .wrap{}
#section1 .inner{}
#section1 h2{
  text-align:center;
}
#section1 .info{
  margin-top:16px;
  text-align:center;
}
#section1 p.end{
  margin-top:8px;
  font-size:26px;
  font-weight:bold;
  text-align:center;
}

@media screen and (max-width:1650px){}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){}
@media screen and (max-width:1160px){}
@media screen and (max-width:960px){
  #section1 p.end{font-size:2.7vw;}
}
@media screen and (max-width:640px){
  #section1{padding-top:20px;}
  #section1 .info{margin-top:10px;}
  #section1 p.end{margin-top:4px;font-size:18px;}
}

/* section2
--------------------------------------- */
#section2{padding-bottom:4%;}
#section2 .wrap{width:100%;}
#section2 .splash{
  padding-bottom:20px;
  text-align:center;
  width:100%;
}

@media screen and (max-width:1650px){}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){}
@media screen and (max-width:1160px){}
@media screen and (max-width:960px){}
@media screen and (max-width:640px){
  #section2{padding-bottom:0;}
}
#section2 .top2report{
  width:94%;
  max-width:534px;
  margin:0 auto 12px;
}
#section2 .top2cp{
  width:94%;
  max-width:880px;
  margin:0 auto;
}
#section2 .top2report.ov:hover,
#section2 .top2cp.ov:hover{opacity:0.8;}

/* section3
--------------------------------------- */
#section3{padding-bottom:15%;}
#section3 .wrap{}
#section3 .inner{}
#section3 h3{
  padding-top:150px;
  margin-bottom:30px;
  text-align:center;
}
#section3 h4{
  margin-top:0;
  margin-bottom:15px;
  text-align:center;
}

#section3 table.info{
  /*width:920px;
  width:68.350668647%;*/
  width:994px;
  width:100%;
  max-width:994px;
  min-width:580px;
  margin:0 auto 36px;
}
#section3 table.info tr{
  background:#c0ad78;
  border-bottom:1px solid #fff;
}
#section3 table.info th,
#section3 table.info td{
  font-size:18px;
}
#section3 table.info th{
  min-width:152px;
  height:36px;
  padding-top:19px;
  padding-left:34px;
  text-align:left;
  background:url(../images/bg_arrow.png) 6px 6px no-repeat;
}
#section3 table.info td{
  /*padding-right:12px;*/
  padding:6px 6px 6px 0;
  line-height:1.5;
  vertical-align:middle;
}
#section3 table.info td span.small{font-size:12px;line-height:1.0;}

#section3 .banner{
  width:994px;
  margin:0 auto 25px;
  text-align:center;
}
#section3 .banner h5{
  display:inline-block;
  margin-bottom:10px;
  padding:14px 20px;
  font-size:24px;
  font-weight:bold;
  color:#000;
  border:2px solid #222;
}
#section3 .banner p.caution{
  margin-bottom:20px;
  font-size:14px;
  color:#000;
  text-align:center;
}
#section3 .banner .box-link{
  margin:20px 0 16px;
}


#section3 .banner .btn{margin-bottom:20px;}
#section3 .banner .btn a table.link{
  width:994px;
  width:100%;
  max-width:994px;
  min-width:580px;
  margin:auto;
  color:#fff;
}
#section3 .banner .btn a table.link th,
#section3 .banner .btn a table.link td{
  vertical-align:middle;
}
#section3 .banner .btn a table.link th{
  width:0;
  height:84px;
  padding:0 0 0 64px !important;
  background:url(../images/ticket_arrow.png) #061c38 left center no-repeat;
}
#section3 .banner .btn a table.link td{
  background-color:#0a2e5e;
  text-align:left;
  padding:10px 0;
}
#section3 .banner .btn a table.link td.w2{
  width:190px;
  padding:0 20px;
}
#section3 .banner .btn a table.link td.w3{
  width:690px;
}

#section3 .banner .btn a table.link p{
  float:left;
  line-height:1.5;
padding:0;
margin:0;
}
#section3 .banner .btn a table.link p.t1{
  font-size:22px;
  font-weight:bold;
}
#section3 .banner .btn a table.link p.t2{
  margin-right:20px;
  font-size:20px;
  font-weight:bold;
}

#section3 .banner .btn a table.link p.t3{
  font-size:17px;
  font-weight:bold;
}
#section3 .banner .btn a table.link p.t4{
  margin-right:20px;
  font-size:18px;
  font-weight:normal;
}


#section3 .box-attention{
  text-align:center;
}
#section3 .box-attention .attention{
  display:inline-block;
  text-align:left;
}
#section3 .box-attention .attention p{
  font-size:20px;
  font-weight:bold;
  line-height:1.4;
  color:#3a3a3a;
  padding-left:7.0em;
  text-indent:-7.0em;
}

#section3 h3.video-title{
  margin:60px 0 30px;
  padding:0;
  border-top:1px solid #ae9a63;
  border-bottom:1px solid #ae9a63;
}
#section3 h3.video-title span{
  display:block;
  margin:3px auto;
  padding:10px 0;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  line-height:1.5;
  background:rgb(170,149,92);
  background:-moz-linear-gradient(left,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  background:-webkit-linear-gradient(left,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  background:linear-gradient(to right,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa955c',endColorstr='#c0b075',GradientType=1);
}

#section3 #video{
  width:100%;
  height:auto;
  max-width:960px;
  max-height:540px;
  margin:60px auto 0;
  overflow:none;
}
#section3 .video{
  width:100%;
  height:auto;
  max-width:960px;
  max-height:540px;
  margin:60px auto 0;
}
#section3 .video video{width:100%;}
#section3 h3.video-title br.w1160,
#section3 h3.video-title br.w960{display:none;}

@media screen and (max-width:1650px){
  /*#section3 .banner .box-link p{font-size:1.818181818vw;}*/
  /*#section3 table th,#section3 table td{font-size:1.090909097vw;}*/
  /*#section3 .attention p{font-size:0.727272727vw;}*/
}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){
  #section3 table.info td span.small{font-size:11px;}
  #section3 .banner{width:auto;min-width:100%;}
  #section3 .banner .btn a table.link td.w2{padding:0 10px;}
  #section3 h3.video-title br.w1160{display:block;}
}
@media screen and (max-width:1160px){
/*
  #section3 .banner{width:auto;min-width:100%;}*/
}
@media screen and (max-width:960px){
  #section3 table.info{width:auto;max-width:auto;min-width:100%;}
  #section3 table.info th,
  #section3 table.info td{font-size:18px;}
  
  #section3 .box-attention .attention p{font-size:18px;}
  #section3 .box-attention .attention br.tb{display:none;}

  #section3 .banner{
    width:auto;
    min-width:100%;
  }
  #section3 .banner .btn a table.link{width:auto;max-width:auto;min-width:100%;}
  #section3 .banner .btn a table.link td.w2{width:140px;padding:0 5px;}
  #section3 .banner .btn a table.link td.w3{width:536px;}
  #section3 .banner .btn a table.link p.t1{font-size:16px;}
  #section3 .banner .btn a table.link p.t2{font-size:15px;}
  #section3 .banner .btn a table.link p.t3{font-size:13px;}
  #section3 .banner .btn a table.link p.t4{font-size:13px;}

  #section3 .banner .btn a table.link p.t2,
  #section3 .banner .btn a table.link p.t4{margin-right:10px;}

  #section3 #video{margin-bottom:100px;}
  #section3 h3.video-title br.w960{display:block;}
}

@media screen and (max-width:640px){
  #section3{padding-bottom:100px;}
  #section3 h3{padding-top:100px;}
  #section3 table.info th,
  #section3 table.info td{font-size:18px;}
  #section3 table.info td{padding:12px 30px 12px 0}
  #section3 table.info th{background-position:6px 8px;}
  #section3 table.info td span.small{font-size:14px;}
  #section3 .banner{width:100%;}


  #section3 .banner .box-link{margin-bottom:16px;}
  #section3 .banner .box-link .btn{margin-bottom:0;}
  #section3 .banner .box-link .btn
  #section3 .banner .box-link .btn-tel{background-color:#0a2e5e;}
  #section3 .banner .box-link a{
    display:block;
    width:580px;
    height:54px;
    padding-left:80px;
padding-top:30px;
    color:#fff;
    /*lixe-height:84px;*/
    text-align:left;
    background:url(../images/ticket_arrow.png) #0a2e5e left top no-repeat;
    border-bottom:1px solid #fff;
  }
  #section3 .banner .box-link .line2 a{height:72px;padding-top:12px;}
  #section3 .banner .box-link .btn-tel a{background-image:url(../images/sp-ticket_arrow.png);}
  #section3 .banner .box-link p{float:left;}
  #section3 .banner a p.t1{
    margin-right:10px;
    font-size:30px;
    font-weight:bold;
  }
  #section3 .banner a p.t2{
    margin-right:10px;
    font-size:30px;
    font-weight:bold;
  }
  #section3 .banner a p.t3{
    margin-top:3px;
    margin-right:5px;
    font-size:20px;
    font-weight:normal;
  }
  #section3 .banner a p.t4{
    margin-top:8px;
    margin-right:5px;
    font-size:20px;
    font-weight:normal;
  }

  #section3 #video{margin-bottom:0;}
  #section3 .box-attention .attention p{
    font-size:18px;
    padding-left:1.0em;
    text-indent:-1.0em;
  }
  #section3 .box-attention .attention p a{color:#3a3a3a;}
  #section3 .video,
  #section3 .video video{
    width:480px;
    height:270px;
    max-width:auto;
    max-height:auto;
  }
  #section3 .video{margin:60px auto 20px;}
}

/* section4
--------------------------------------- */
#section4{padding-bottom:15%;}
#section4 .wrap{
  width:1496px;
  width:90.666666666%;
}
#section4 .inner{
  padding-top:150px;
}
#section4 .box-group{}
#section4 .box-left{
  float:left;
  width:25%;
  margin-top:120px;
}
#section4 .box-center{
  float:left;
  width:50%;
  margin-top:30px;
}
#section4 .box-center h3{
  margin-bottom:72px;
  margin-right:10px;
  font-size:27px;
  font-weight:bold;
  font-style:italic;
  line-height:1.5;
  color:#b29441;
  text-align:center;
  white-space:nowrap;
  border-bottom:2px solid #b29441;
}
#section4 .box-center p{
  font-size:19px;
  font-style:italic;
  line-height:2.0;
  text-align:center;
}

#section4 .box-right{
  float:left;
  width:25%;
  margin-top:0px;
}
#section4 .img1{margin-bottom:100px;}
#section4 .img3{margin-bottom:128px;}

#section4 .about{
  width:854px;
  width:63.447251114%;
  margin:40px auto 0;
  padding:28px 38px;
  background-color:rgba(5,9,22,0.83);
  border:2px solid #b29441;
}
#section4 .about h4{
  margin-top:-40px;
  margin-bottom:20px;
  text-align:center;
}
#section4 .about h4 span{
  background:#000;
  padding:4px;
  font-size:16px;
  font-style:italic;
  font-weight:bold;
  color:#b29441;
  line-height:1.5;
  border:2px solid #b29441;
}
#section4 .about p{
  font-size:14px;
  line-height:1.8;
}

@media screen and (max-width:1650px){
  #section4 .box-center h3{font-size:1.636363636vw;}
  #section4 .box-center p{font-size:1.151515151vw;}
  /*#section4 .about h4{font-size:0.969696969vw;}*/
  /*#section4 .about p{font-size:0.848484848vw;}*/
}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){}
@media screen and (max-width:1160px){}
@media screen and (max-width:960px){}
@media screen and (max-width:640px){
  #section4{margin-top:-60px;}
  #section4 .box-left,
  #section4 .box-center,
  #section4 .box-right{
    float:none;
    width:100%;
    margin:0;
  }
  #section4 .img1,
  #section4 .img2,
  #section4 .img3,
  #section4 .img4{text-align:center;}
  #section4 .box-center h3{
    margin-top:40px;
    margin-bottom:40px;
    margin-right:0;
    font-size:20px;
  }
  #section4 .box-center p{
    font-size:18px;
    text-align:left;
    margin-bottom:40px;
  }
  #section4 .img1,
  #section4 .img3{margin-bottom:40px;}
  #section4 .about{
    width:520px;
    padding:28px 18px;
  }
  #section4 .about h4{font-size:18px;}
  #section4 .about p{font-size:16px;}
}

/* section5
--------------------------------------- */
#section5{}
#section5 .wrap{}
#section5 .inner{
  padding-top:120px;
  padding-bottom:15%;
  width:1126px;
  width:83.655274888%;
}

#section5 h3{
  margin:50px 0 50px;
  border-top:1px solid #ae9a63;
  border-bottom:1px solid #ae9a63;
}
#section5 h3 span{
  display:block;
  margin:3px auto;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  line-height:56px;
  background:rgb(170,149,92);
  background:-moz-linear-gradient(left,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  background:-webkit-linear-gradient(left,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  background:linear-gradient(to right,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa955c',endColorstr='#c0b075',GradientType=1);
}
#section5 .group{
  margin-bottom:48px;
  padding-bottom:48px;
  border-bottom:1px solid #ae9a63;
}
#section5 .group .box-left{
  float:left;
  width:260px;
  width:23.090586145%;
}
#section5 .group .box-right{
  float:right;
  width:830px;
  width:73.712255772%;
}
#section5 .group h4{
  margin-bottom:32px;
  font-size:20px;
  font-weight:bold;
  color:#000;
}
#section5 .message p,
#section5 .group p{
  font-size:16px;
  color:#000;
  line-height:2.0;
}
#section5 p.shusai{font-size:12px;text-align:center;color:#000;}

@media screen and (max-width:1650px){}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){}
@media screen and (max-width:1160px){}
@media screen and (max-width:960px){}
@media screen and (max-width:640px){
  #section5{margin-top:-50px;}
  #section5 h3{margin-top:0px;}
  #section5 .message p{margin-bottom:60px;}
  #section5 .group .box-left,
  #section5 .group .box-right{
    float:none;
    width:100%;
  }
  #section5 .group .box-left{
    margin-bottom:40px;
    text-align:center;
  }
  #section5 p.shusai{font-size:14px;}
}

/* footer
--------------------------------------- */
#footer{
  margin-top:-10%;
  background:url(../images/foot_bg.png) #f6f6f6 right top no-repeat;
  background-size:cover;
}
#footer .wrap{
}
#footer .inner{
  padding-top:12%;
  padding-bottom:53px;
}
#footer .sns{
  width:87px;
  margin:auto;
}
#footer .sns .fb{
  float:right;
}
#footer .sns .tw{
  float:left;
  margin-right:31px;
}

#footer p.copy{
  margin-top:34px;
  text-align:center;
}
#pagetop{
  display:none;
  width:50px;
  position:fixed;
  bottom:50px;
  right:10px;
  /*cursor:pointer;*/
}

@media screen and (max-width:1650px){}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){}
@media screen and (max-width:1160px){}
@media screen and (max-width:960px){}
@media screen and (max-width:640px){
  #footer{padding-top:5%;}
  #footer .copy p{}
  #pagetop{right:20px;}
}

/* 汎用
--------------------------------------- */
.fl{float:left;}
.fr{float:right;}
.disable{display:none;}

/* aline */
.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.top{vertical-align:top !important;}
.middle{vertical-align:middle !important;}
.bottom{vertical-align:bottom !important;}
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.italic{font-weight:italic !important;}

/* width */
.wTri{width:33%;}
.wQuart{width:24%}
.wHalf{width:49.9%}
.wWide{width:66%}
.wFull{width:96%}
.wMax{width:100%}

.w2per{width:2% !important;}
.w3per{width:3% !important;}
.w5per{width:5% !important;}
.w10per{width:10% !important;}
.w12per{width:12% !important;}
.w13per{width:13% !important;}
.w15per{width:15% !important;}
.w20per{width:20% !important;}
.w25per{width:25% !important;}
.w30per{width:30% !important;}
.w35per{width:35% !important;}
.w40per{width:40% !important;}
.w45per{width:45% !important;}
.w50per{width:50% !important;}
.w60per{width:60% !important;}
.w70per{width:70% !important;}
.w80per{width:80% !important;}
.w90per{width:90% !important;}

/* margin */
.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m12{margin:12px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}
.m35{margin:35px !important;}
.m40{margin:40px !important;}
.m45{margin:45px !important;}
.m50{margin:50px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr12{margin-right:12px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}

.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

/* padding */
.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p12{padding:12px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p35{padding:35px !important;}
.p40{padding:40px !important;}
.p45{padding:45px !important;}
.p50{padding:50px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr12{padding-right:12px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb12{padding-bottom:12px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl12{padding-left:12px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

sup{
  font-size:0.6em;
  vertical-align:top;
  position:relative;
  top:-0.1em;
}

@media screen and (max-width:1650px){}
@media screen and (max-width:1420px){}
@media screen and (max-width:1346px){}
@media screen and (max-width:1160px){}
@media screen and (max-width:960px){}
@media screen and (max-width:640px){}

/* stacked-strips
--------------------------------------- */
section{
  width:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:0 500px;
}
/*section:nth-of-type(2){background-image:url(../images/s1_bg2.png);}
section:nth-of-type(3){background-image:url(../images/s3_bg2.png);}
section:nth-of-type(4){background-image:url(../images/s4_bg2.png);}
section:nth-of-type(5){background-image:url(../images/s5_bg2.png);}*/
section#nth2{background-image:url(../images/s1_bg2.png);}
section#nth3{background-image:url(../images/s3_bg2.png);}
section#nth4{background-image:url(../images/s4_bg2.png);}
section#nth5{background-image:url(../images/s5_bg2.png);}

section .bg{
  width:100%;
  background-size:100%;
  background-repeat:no-repeat;
  background-position:right top;
}
section#nth2 .bg{background-image:url(../images/s1_bg.jpg);}
section#nth3 .bg{background-image:url(../images/s3_bg.png);}
section#nth4 .bg{background-image:url(../images/s4_bg.png);}
section#nth5 .bg{background-image:url(../images/s5_bg.png);}

@media screen and (max-width:640px){
  section{width:640px;}
  section .bg{width:640px;}
  section#nth2 .bg{background-image:url(../images/sp-s1_bg.jpg);}
  section#nth3 .bg{background-image:url(../images/sp-s3_bg.png);}
  section#nth4 .bg{background-image:url(../images/sp-s4_bg.png);}
  section#nth5 .bg{background-image:url(../images/sp-s5_bg.png);}
  #footer{background-image:url(../images/sp-foot_bg.png);}
}
.fixed{
  position:fixed;
  left:0;
  width:100%;
}
.unfixed{
  position:relative;
  width:100%;
}