@charset "UTF-8";
/*
	Title	   : アニメ「イド・インヴェイデッド」公式サイト
	URI            : id
	Designer       : GRAPHNETWORK
	Designer's URI : http://graphnetwork.com/
*/
/* --------------------------------------------------------------

							Layout

-----------------------------------------------------------------*/
#story h1.page_ttl {
   background-position: top 3px left -40px;
   width: 253px;
}
#story h1.page_ttl_story {
   background-position: top 3px left -40px;
   width: 125px;
}
#story .intoro {
   text-align: center;
}
#story .intoro img {
   width: 80%;
   margin: auto;
}
#story .read {
   font-size: 0.9rem;
   text-align: left;
   margin: 80px auto;
   width: 80%;
   line-height: 2.2;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
#story .ls-minus50 {
   letter-spacing: -0.05em;
}
#story .ls-minus70 {
   letter-spacing: -0.08em;
}
#story .mg-txt {
   margin-bottom: 30px;
}
#story .story-tag {
   margin-bottom: 15px;
   font-size: 13px;
   font-weight: bold;
   color: #fff100;
}
#story .story-tag::before {
   content: url(../img/common/ttl-arrow-left.png);
   position: relative;
   margin-right: 6px;
   top: -2px;
}
#story .story-tag::after {
   content: url(../img/common/ttl-arrow-right.png);
   position: relative;
   margin-left: 4px;
   top: -2px;
}
@media screen and (min-width:960px) {
   #story #main {
      margin: 0 auto;
      float: left;
      padding: 0;
      padding-left: 250px;
      min-height: 1100px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-repeat: no-repeat;
      background-size: 100%;
      background-attachment: fixed;
      background-position: top 0 left 100px;
   }
   #story h1.page_ttl {
      background-position: top 45px left -35px;
      width: 274px;
      margin: auto;
   }
   #story h1.page_ttl_story {
      background-position: top 45px left -33px;
      width: 140px;
      margin: auto;
   }
   #story .story_wrap {
      width: 730px;
      margin: auto;
   }
   #story .intoro {
      text-align: center;
      /*padding-top: 80px;*/
   }
   #story .intoro img {
      max-width: 560px;
      width: 100%;
      margin: auto;
   }
   #story .read {
      /*background-image: url(../img/common/line.png), url(../img/common/line.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: top, bottom;
      padding: 80px 0;*/
      font-size: 18px;
      text-align: center;
      margin: 80px auto;
      width: 90%;
      letter-spacing: 0.05em;
      line-height: 2;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }
   #story .mg-txt {
      margin-bottom: 50px;
   }
   #story .ls-minus50,
   #story .ls-minus70{
      letter-spacing: 0;
   }
}
/* --------------------------------------------------------------

				リンクニメーション

-----------------------------------------------------------------*/
a:hover {
   animation: ani 1.2s linear infinite;
}
a:nth-child(1) {
   animation-delay: .2s;
}
a:nth-child(2) {
   animation-delay: .6s;
}
a:nth-child(3) {
   animation-delay: .8s;
}
a:nth-child(4) {
   animation-delay: 1.0s;
}
a:nth-child(5) {
   animation-delay: 1.4s;
}
a:nth-child(6) {
   animation-delay: 1.8s;
}
a:nth-child(7) {
   animation-delay: 1.12s;
}