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

							Layout

-----------------------------------------------------------------*/
.onair-wrap h2 {
   margin-bottom: 50px;
}
#onair h1.page_ttl {
   background-position: top 3px left 20px;
   width: 230px;
}
#onair .onair-block {
   text-align: center;
   font-size: 1em;
}
#onair .onair-block .wrap .box {
   margin-bottom: 60px;
   position: relative;
}
#onair .onair-block img {
   width: 300px;
   margin-bottom: 10px;
}
#onair .onair-read {
   text-align: center;
   margin-bottom: 20px;
   line-height: 1.8em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 14px;
}
#onair .onair-read .num_date {
   font-size: 26px;
   /*-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;*/
}
#onair .broadcasting-station {
   font-size: 16px;
}
#onair .block-onair-ttl {
   text-align: center;
   letter-spacing: 0.09em;
   margin-bottom: 30px;
}
#onair .onair-tag {
   margin-bottom: 15px;
   font-size: 13px;
   font-weight: bold;
   color: #fff100;
}
#onair .onair-tag::before {
   content: url(../img/common/ttl-arrow-left.png);
   position: relative;
   margin-right: 6px;
   top: -2px;
}
#onair .onair-tag::after {
   content: url(../img/common/ttl-arrow-right.png);
   position: relative;
   margin-left: 4px;
   top: -2px;
}
#onair h1.broadcasting-ttl {
   width: 100%;
   margin: 14px 0;
   font-size: 28px;
   font-weight: normal;
   letter-spacing: 0.08em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
#onair .broadcasting-info {
   margin: 0 20px 0;
   /*background-color: #0f0f0f;*/
   /*border: 1px solid #333333;*/
   padding: 50px 0 40px;
   position: relative;
   background-image: url(../img/common/line.png), url(../img/common/line.png);
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: top, bottom;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
#onair .broadcasting-info:first-child {
   background-image: url(../img/common/line.png);
   background-position: top;
}
#onair .stream-info {
   margin: 0 20px 30px;
   /*background-color: #0f0f0f;*/
   /*border: 1px solid #333333;*/
   padding: 50px 0 40px;
   position: relative;
   background-image: url(../img/common/line.png);
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: bottom;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
#onair .onair-block {
   padding-bottom: 80px;
}
#onair .onair-tbl tr.no-border {
   position: relative;
   text-align: left;
   border-bottom: 1px solid #333;
}
#onair .onair-tbl tr.no-border {
   position: relative;
   text-align: left;
   border-bottom: none;
}
.on-border {
   border-top: 1px solid #333;
}
.last-border {
   border-top: 1px solid #333;
   border-bottom: 1px solid #333;
}
#onair .onair-tbl td.first-line {
   font-size: 13px;
   padding: 14px 10px 0;
   text-align: left;
}
#onair .onair-tbl td {
   font-size: 13px;
   padding: 16px 10px 10px 10px;
   text-align: left;
}
#onair .onair_block {
   margin-bottom: 20px;
}
#onair .comment {
   font-size: 12px;
   color: #666;
   margin-top: 30px;
   /* line-height: 2em; */
   letter-spacing: initial;
}

.repeat {
   border-bottom: none !important;
}
.repeat td {
   text-align: left !important;
   padding: 0;
   font-size: 10px !important;
}
.pdt-0 {
   padding-top: 0 !important;
}
.broadcasting-tag {
   background-color: #202020;
}
.broadcasting-tag th {
   padding: 8px 10px 4px;
   text-align: center;
}
.no-border span, .on-border span {
   font-size: 12px;
}
.yellow {
   color: #fff100;
   font-size: 38px;
}
.comment {
   font-size: 10px;
   color: #888;
   line-height: 1.6;
}
.stream-wrap {
   width: auto;
}
.stream-box {
   width: 100%;
   margin: 0 0 5%;
   /* text-align: center; */
   font-size: 13px;
}
.stream-box a::before {
   content: url(../img/common/icon-link-arrow.png);
   position: relative;
   margin-right: 8px;
   top: -2px;
}
.stream-box .comment {
   margin-bottom: 6px;
   color: #fafafa;
   font-size: 10px;
}
.start-tv {
   width: 240px;
}
.start-stream {
   max-width: 240px;
}
.storm-list {
   font-size: 16px;
   line-height: 2.2;
   text-align: left;
   margin-bottom: 60px;
}
.start-tv-wrap {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-flow: row wrap;
   flex-wrap: wrap;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   font-size: 18px;
   text-align: left;
   margin-top: 40px;
   letter-spacing: 0.04em;
   text-align: center;
}
.stream-name {
   color: #fff100;
}
.regular {
   /*color: #fff100;*/
   font-size: 12px;
}
.start-tv-station-box {
    color: #fff100;
    width: 100%;
    margin: 14px 0 5px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.start-tv-station-box a {
	color: yellow;
	text-decoration: underline;
}
.start-tv-station-box a:hover {
	text-decoration: none;
}
.cate-tation {
   color: #fafafa;
}

.start-tv-wrap {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-flow: row wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      font-size: 18px;
      text-align: left;
      margin-top: 40px;
      margin-bottom: 10px;
      text-align: left;
   }
.start-tv-box {
    width: 100%;
    margin: 0 0 24px;
    border-left: none;
    padding-left: 0;
    font-size: 13px;
    letter-spacing: 0.08em;
}
.onair-time {
   font-size: 22px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.onair-wrap {
   -webkit-font-smoothing: antialiased;
   font-size: 40px;
   font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.onair-jp {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.repeat {
   border-bottom: none !important;
   font-size: 10px;
}
.block-storm-list {
   font-size: 16px;
   line-height: 2;
   letter-spacing: 0.08em;
   text-align: center;
   margin-bottom: 20px;
}
.block-storm-list a {
   color: #fff100;
   text-decoration: underline;
}
.prece-mb {
   margin-bottom: 120px;
}
.list-mb {
   margin-bottom: 80px;
}
.storm-day {
   font-size: 13px;
   line-height: 1.6;
}
.onair-wrap .comeent {
   text-align: center;
}
.broad-station a {
   font-size: 16px !important;
   color: #fff100;
}
.ttl-start-day {
   margin-bottom: 30px;
}
/*.block-prece {
   margin-bottom: 120px;
}*/
.block-prece li {
   text-align: center;
}
.cate-ttl {
    text-align: center;
    font-size: 14px;
    color: #fafafa;
    margin-bottom: 10px;
}
.list-row {
   line-height: 1.4;
    margin-bottom: 10px;
}
#onair .cate {
   text-align: center;
}
#onair .cate .onair-tag {
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #fafafa;
}#onair .cate .onair-tag::before {
    content: url(../img/common/ttl-arrow-white-left.png);
    position: relative;
    margin-left: 4px;
    top: -2px;
}
#onair .cate .onair-tag::after {
    content: url(../img/common/ttl-arrow-white-right.png);
    position: relative;
    margin-left: 4px;
    top: 0;
}
.start-repeat {
      width: 240px;
}
.start-repeat2 {
   width: 333px;
}
@media screen and (min-width:960px) {
   .onair-wrap h2 {
      margin-bottom: 70px;
   }
   #onair #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;
   }
   #onair h1.page_ttl {
      background-position: top 45px left 35px;
      width: 260px;
      margin: auto;
   }
   #onair .broadcasting-info {
      max-width: 660px;
      margin: 0 auto 60px;
      /*background-color: #0f0f0f;*/
      /*border: 1px solid #333333;*/
      padding: 70px 0 60px;
      position: relative;
      background-image: url(../img/common/line.png), url(../img/common/line.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: top, bottom;
      /*-webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;*/
   }
   #onair .stream-info {
      width: 660px;
      margin: 0 auto 60px;
      /*background-color: #0f0f0f;*/
      /*border: 1px solid #333333;*/
      padding: 0 0 60px;
      position: relative;
      background-image: url(../img/common/line.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: bottom;
      /*-webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;*/
   }
   #onair .onair-tbl td.first-line {
      font-size: 16px;
      padding: 20px 20px 4px;
      text-align: center;
   }
   .broadcasting-tag th {
      padding: 14px 10px 10px 10px;
      text-align: center;
   }
   #onair .onair-tbl td {
      font-size: 16px;
      padding: 20px 20px 14px;
      text-align: center;
   }
   .repeat td {
      text-align: left !important;
      padding: 0 54px 16px !important;
      font-size: 14px !important;
   }
   #onair .onair-read .num_date {
      font-size: 44px;
      font-weight: 300;
      /*-webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;*/
   }
   #onair .broadcasting-station {
      font-size: 36px;
      font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      /*-webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;*/
      letter-spacing: 0.04em;
   }
   #onair .onair-read {
      text-align: center;
      margin-bottom: 40px;
      line-height: 2.1em;
      /*-webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;*/
      font-size: 24px;
   }
   .stream-wrap {
      width: 660px;
      margin: auto;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-flow: row wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      flex-wrap: wrap;
      justify-content: flex-start;
   }
   .stream-box {
      width: 50%;
      margin: 0 0 2%;
      /* text-align: center; */
      font-size: 16px;
   }
   .stream-box a::before {
      content: url(../img/music/icon-link-arrow.png);
      position: relative;
      margin-right: 8px;
      top: -2px;
   }
   .comment {
      font-size: 12px;
      color: #888;
   }
   .start-stream {
      max-width: 555px;
      width: 100%;
   }
   .sp-start-stream {
      width: 100%;
   }
   #onair .block-onair-ttl {
      text-align: center;
      letter-spacing: 0.09em;
      margin-bottom: 40px;
   }
   .start-tv-wrap {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-flow: row wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      font-size: 18px;
      text-align: left;
      margin-top: 40px;
      margin-bottom: 10px;
      text-align: left;
   }
   .start-tv-box {
       width: 72%;
       margin: 14px 0px 60px;
       border-left: 1px solid #333;
       padding-left: 25px;
       font-size: 18px;
       letter-spacing: 0.08em;
   }
   .start-tv-station-box {
       width: 24%;
       margin: 14px 0px;
       font-size: 20px;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
   }
   .start-tv-box-row {
      width: 60%;
      margin: 14px 0px;
      border-left: 1px solid #333;
      padding-left: 40px;
      font-size: 18px;
      letter-spacing: 0.08em;
   }
   .start-tv-station-box-row {
      width: 37%;
      margin: 14px 0px;
      font-size: 20px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }
   .start-tv {
      width: 300px;
   }
   .start-repeat {
      width: 341px;
   }
   .block-storm-list {
      font-size: 18px;
      line-height: 2;
      margin-bottom: 40px;
   }
   .block-storm-list a:hover {
      text-decoration: none;
   }
   #onair .comment {
      font-size: 14px;
      color: #666;
      margin-top: 4px;
      /* line-height: 2em; */
      letter-spacing: initial;
   }
   .storm-list {
      font-size: 18px;
      line-height: 2.2;
      text-align: left;
   }
   .onair-wrap .comeent {
      text-align: left;
   }
   .repeat {
      border-bottom: none !important;
      font-size: 12px;
   }
   .regular {
      /*color: #fff100;*/
      font-size: 14px;
   }
   .storm-day {
      font-size: 20px;
      line-height: 1.6;
   }
   .broad-station a {
   font-size: 20px !important;
   color: #fff100;
}
   .prece-mb {
   margin-bottom: 140px;
}
   .list-mb {
   margin-bottom: 80px;
}
   .cate-ttl {
    font-size: 20px;
}
}
/* --------------------------------------------------------------

				リンクニメーション

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