@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/ttlBg4.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#patlaborTOP{width:100%; margin:0 auto; background:#FFF;overflow: hidden;padding-bottom:50px;}
section#patlaborTOP .inner{width:1100px; height:1170px;margin:0 auto; position: relative;}
section#patlaborTOP .inner #title1{font-size:142px;position: absolute;top:650px;left:180px;z-index:1;display: block;-webkit-text-stroke: 3px #000;
  text-stroke: 3px #000;color:#FFF;transform: skewX(-14deg);}
section#patlaborTOP .inner #title2{font-size:142px;position: absolute;top:825px;z-index:1;right:200px;z-index:1;display: block;-webkit-text-stroke: 3px #000;
  text-stroke: 3px #000;color:#FFF;transform: skewX(-14deg);}
section#patlaborTOP .inner #title0{font-size:81px;text-align: center;position: absolute;top:990px;letter-spacing: 0.05em;  z-index:1;left:0;right:-100px;margin:0 auto;z-index:2;display: block;color:#000;transform: skewX(-14deg);}

section#patlaborTOP .inner #titleW{font-size:100px;text-align: center;position: absolute;top:925px;z-index:1;left:200px;z-index:2;display: block;color:#000;transform: skewX(-14deg);}

section#patlaborTOP .inner #title_kana{width:620px;position: absolute;top:815px;z-index:2;left:0;right:0;margin:0 auto;}
section#patlaborTOP .inner #title_kana2{width:191px;position: absolute;top:1060px;z-index:2;right:290px;margin:0 auto;}
section#patlaborTOP .inner #logo40{width:245px;position: absolute;top:710px;right:290px;z-index:2;}
section#patlaborTOP .inner #lead{position: absolute;bottom:0px;text-align:center;left:0;right:0;margin:0 auto;}
section#patlaborTOP .inner #bg{position: relative;z-index: 0;}

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

/*背景*/
section#mainBK{width:100%;background:#000;margin:0 padding:0;}
section#mainBK .inner{width:1100px; margin:0 auto; padding:70px;color:#FFF;background: url(bg_bk.jpg) center top;}

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

/*機体詳細*/
section#mainBK .inner.infoDetail{height:1255px;position: relative;padding:0;}
section#mainBK .inner.infoDetail .text{width:750px;position: absolute;top:980px;margin-left:350px;font-size:14px;z-index: 3}
section#mainBK .inner.infoDetail .bg{position: absolute;top:0;left:0;z-index:1;}
section#mainBK .inner.infoDetail .spec1{position: absolute;top:270px;left:20px;z-index:2;}
section#mainBK .inner.infoDetail .spec2{position: absolute;top:256px;left:0px;z-index:2;}

/*ストーリー*/
h3{margin-bottom:40px;font-size:20px;border-bottom:1px solid #FFF;letter-spacing: 0.2em;}
dl{margin-bottom:20px;}
dl.storyRight dt{width:560px;margin-right:400px;}
dl.storyRight dd{width:370px;float:right;}

dl.storyLeft dt{width:560px;margin-left:400px;}
dl.storyLeft dd{width:370px;float:left;}

/*グッズ*/
.goodsText{text-align:center;font-size:19px;}
.goodsDetail ul{display:flex;flex-wrap: nowrap;margin-top:30px;}
.goodsDetail ul li{width:31%;margin:1%;list-style: none;text-align: center}

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


/*---------------------------------------------*/
@media screen and (max-width: 667px) {
  /*SP*/
    img{width:100%;}
    
/*パトレイバーTOP*/
section#patlaborTOP{width:100%; margin:0 auto; background:#FFF;overflow: hidden;padding-bottom:5vw;}
section#patlaborTOP .inner{width:100%; height:auto;padding-bottom:57%}
section#patlaborTOP .inner #title1{font-size:14vw;position: absolute;top:45%;left:10%;z-index:1;display: block;-webkit-text-stroke: 2px #000;
  text-stroke: 2px #000;color:#FFF;transform: skewX(-14deg);}
section#patlaborTOP .inner #title2{font-size:14vw;position: absolute;top:60%;z-index:1;right:3%;z-index:1;display: block;-webkit-text-stroke: 2px #000;
  text-stroke: 2px #000;color:#FFF;transform: skewX(-14deg);}
section#patlaborTOP .inner #title0{width:100%; font-size:8vw;text-align: center;position: absolute;top:72%;letter-spacing: 0.1em;  z-index:1;left:21%;right:auto;}
    
section#patlaborTOP .inner #titleW{font-size:10vw;text-align: center;position: absolute;top:67%;z-index:1;left:20%;z-index:2;display: block;color:#000;transform: skewX(-14deg);}
    
section#patlaborTOP .inner #title_kana{width:62%;position: absolute;top:57.5%;z-index:2;left:0;right:0;margin:0 auto;}
section#patlaborTOP .inner #title_kana2{width:20%;position: absolute;top:77%;z-index:2;right:10vw;margin:0 auto;}
section#patlaborTOP .inner #logo40{width:24%;position: absolute;top:49%;right:23%;z-index:2;}
section#patlaborTOP .inner #lead{width:98%;font-size:3vw; position: absolute;bottom:6vw;text-align:center;left:0;right:0;margin:0 auto;}
section#patlaborTOP .inner #bg{position: relative;z-index: 0;}

/*文字関係*/

h2{width:100%!important; background:#FFF; color:#000;text-align:center;}
h2 span.fontImpact{font-size:7vw;letter-spacing: 0.1em}
h2 span.kana{font-size:3vw;}

/*背景*/
section#mainBK{width:100%;background:#000;margin:0 padding:0;}
section#mainBK .inner{width:100%; margin:0 auto; padding:5vw;color:#FFF;background: url(bg_bk.jpg) center top;background-size:100% auto;}

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

/*機体詳細*/
section#mainBK .inner.infoDetail{height:auto;position: relative; padding:0 0 250%;margin-bottom:5vw;}
section#mainBK .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#mainBK .inner.infoDetail .bg{position: absolute;top:0;left:0;z-index:1;}
section#mainBK .inner.infoDetail .spec1{width:98%;position: absolute;left:1%; top:9.5%; z-index:2;}
section#mainBK .inner.infoDetail .spec2{position: absolute;left:0px;top:37%;z-index:2;}

/*ストーリー*/
h3{margin-bottom:4vw;font-size:4vw;border-bottom:1px solid #FFF;letter-spacing: 0.1em;}
dl{width:96%;margin:0 auto 5vw;font-size:3.5vw;line-height:1.2em;}
    
dl.storyRight dt{width:100%;margin:auto;}
dl.storyRight dd{width:70%;float:none;margin:0 auto 2vw;}

dl.storyLeft dt{width:100%;margin-left:auto;}
dl.storyLeft dd{width:70%;float:none;margin:0 auto 2vw;}

/*グッズ*/
.goodsText{text-align:center;font-size:3.5vw;}
.goodsDetail ul{display:flex;flex-wrap: wrap;margin-top:0px;}
.goodsDetail ul li{width:48%;margin:4% 1%;list-style: none;text-align: center;font-size:3vw}
 




.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*/
}