@charset "UTF-8";
body{padding:0;margin:0;}
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

#bkBelt{width:100%;background:#000;position: relative;z-index:10;}

.cNav {
  text-align: center;
  padding: 20px 0 16px;
  background: #000;
}

.cNav li {
  display: inline-block;
  margin: 0;
  padding: 16px 0 0 0;
}

.cNav li:first-child {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 0;
  vertical-align: top;
}

.midashi {
  position: relative;
  height: 270px;
  background: url("../_image/ttlBg6.png")repeat-x center top/auto 344px;
  margin: 0 0 0 0;
  z-index: 900;

}

.midashi img {
  position: absolute;
  width: 536px;
  margin: -1px auto 0 -680px;
  top: 0;
  left: 50%;

}


/*白上フブキTOP*/
section#shirakamiTOP{width:100%; margin:0 auto; background:#FFF;overflow: hidden;padding-bottom:50px;}
section#shirakamiTOP #mainVisual{width:1100px; height:815px;margin:0 auto; position: relative;}

section#shirakamiTOP #mainVisual #logo{width:617px;position: absolute;left:45px;top:35px;z-index:2;}
section#shirakamiTOP #mainVisual #title{width:1030px;position: absolute;z-index:2;bottom:20px;left:0;right:0;margin:0 auto;}
section#shirakamiTOP #mainVisual #chara{width:641px;position: absolute;right:33px;top:18px;z-index:1;}
section#shirakamiTOP #mainVisual #bg{width:1100px; height:815px;position: absolute;z-index:0;}

section#shirakamiTOP #lead{text-align:center;margin:50px auto;}

/*文字関係*/
.fontImpact{font-family: 'Anton', sans-serif;
}
h2{width:100%;background:#0075c2; color:#FFF;text-align:center;margin:50px 0;}
h2 span.fontImpact{font-size:55px;letter-spacing: 0.1em}
h2 span.kana{font-size:20px;}


section#shirakamiTOP .inner{width:1100px; margin:0 auto; padding:0px;}

/*パッケージ部分*/
section#shirakamiTOP .pkg{width:900px;margin:0 auto;}
section#shirakamiTOP .pkgName{width:621px;margin:30px auto;}

/*機体詳細*/
section#shirakamiTOP .inner.infoDetail{height:900px;position: relative;padding:0;}
section#shirakamiTOP .inner.infoDetail .text{width:750px;position: absolute;top:980px;margin-left:350px;font-size:14px;z-index: 3}
section#shirakamiTOP .inner.infoDetail .bg{position: absolute;top:0;left:0;z-index:1;}
section#shirakamiTOP .inner.infoDetail .spec1{position: absolute;top:90px;left:15px;z-index:2;}
section#shirakamiTOP .inner.infoDetail .spec2{position: absolute;top:480px;left:80px;z-index:2;}

.aboutImg{width:800px;margin:0 auto;}


.clearfix::after {
   content: "";
   display: block;
   clear: both;
}


/*---------------------------------------------*/
@media screen and (max-width: 667px) {
  /*SP*/
    img{width:100%;}
    
/*白上フブキTOP*/
section#shirakamiTOP{width:100%; margin:0 auto; background:#FFF;overflow: hidden;padding-bottom:5vw;font-size:3.5vw;}
section#shirakamiTOP .inner{width:100%; margin:0 auto; padding:0px;} 
    
    
section#shirakamiTOP #mainVisual{width:100%; height:auto;margin:0 auto; position: relative;padding-bottom:75%;}

section#shirakamiTOP #mainVisual #logo{width:calc(100%*617/1100);position: absolute;left:4vw;top:3vw;z-index:2;}
section#shirakamiTOP #mainVisual #title{width:calc(100%*1030/1100);position: absolute;z-index:2;bottom:3%;left:0;right:0;margin:0 auto;}
    
section#shirakamiTOP #mainVisual #chara{width:calc(100%*641/1100);position: absolute;right:3%;top:2%;z-index:1;}
section#shirakamiTOP #mainVisual #bg{width:100%;position: absolute;z-index:0;}

section#shirakamiTOP #lead{position: static; width:80%;text-align:center;margin:4vw auto}
    
    
/*パッケージ部分*/
section#shirakamiTOP .pkg{width:100%;margin:0 auto;}
section#shirakamiTOP .pkgName{width:78%;margin:30px auto;}
    

/*文字関係*/

h2{width:100%!important;text-align:center;margin:5vw 0;}
h2 span.fontImpact{font-size:7vw;letter-spacing: 0.1em}
h2 span.kana{font-size:3vw;}

/*背景*/
section#shirakamiTOP{width:100%;margin:0 padding:0;}


/*パッケージ部分*/
section#shirakamiTOP .inner .pkg{width:100%;margin:0 auto;}
section#shirakamiTOP .inner .pkgName{width:70%;margin:3vw auto;}
section#shirakamiTOP .inner .pkgText{font-size:3.5vw;}

/*機体詳細*/
section#shirakamiTOP .inner.infoDetail{height:auto;position: relative; padding:0 0 144%;margin-bottom:5vw;}
section#shirakamiTOP .inner.infoDetail .text{width:94%;position: absolute;top:auto;bottom:5vw;left:0;right:0;margin:0 auto;font-size:3vw;z-index: 3}
section#shirakamiTOP .inner.infoDetail .bg{position: absolute;top:0;left:0;z-index:1;}
section#shirakamiTOP .inner.infoDetail .spec1{width:calc(100%*909/1100);position: absolute;left:0;right:0;margin:0 auto; top:14%; z-index:2;}
section#shirakamiTOP .inner.infoDetail .spec2{width:calc(100%*900/1100);position: absolute;left:0;right:0;margin:0 auto; top:auto;bottom:1%;z-index:2;}

.aboutImg{width:100%;margin:0 auto;}


.cNav {
  width: 90%;
  padding-top: 0;
  margin: 0 auto;
  text-align: center;
}

.cNav li {
  display: inline-block;
  width: 30%;
  margin: 0;
  padding: 0;
}

.cNav li img {
  width: auto;
  height: 36px;
}
.cNav li:first-child {
  display: inline-block;
  width: 80%;
  margin: 0;
  padding: 16px 16px 0  16px;
  vertical-align: top;
}

.cNav li:first-child img {
  width: auto;
  height: 56px;
}



.midashi {
    position: relative;
    height: auto;
    background: url("../_image/ttlBg2.png")repeat-x center top/auto 344px;
    margin: 0 0 0 0;
    padding-bottom: calc(100% * 240/800);

}

.midashi img {
    position: absolute;
    width: 80%;
    margin: -4% auto 0 -60%;
    top: 0;
    left: 50%;

}

  /*-----------------------------------------------end media*/
}