@charset "utf-8";
body::before {
  background:url(../../images/main/top/bg.jpg)top center / 100%;
  background-blend-mode: normal;
}
section{
  position:relative;
}
/*KV*/
.kvInner {
  max-width: 1200px;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  margin: auto;
}
.kvLogo .onair p{
    margin: 0 0 0 0%;
  }
.onairList {
  max-width: 390px;
  margin: 0 auto;
}
.onairList li {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom:1em;
  line-height: 1;
  align-items: baseline;
}
.onairList li p{
  margin:0;
}
.onairList li .place {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10em;
  height: 1.6em;
  flex-shrink: 0;
  margin-right:1em;
  background: #000;
  color: #fff;
}
.onairList li .time {
               text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
               }
.onairList li .time span{
  display:block;
}
.onairList li .time span:last-child{
  font-size:50%;
  margin:0.5em 0 0 0;
  padding: 0 0 0 8.8em;
  text-indent: -8.8em;
}
.onairList li .time span:first-child{
  font-size:100%;
  margin:0;
  padding: 0;
  text-indent: 0;
}

.bnArea{
  margin: 0em auto;
  width: 100%;
  padding: 1em 0% 1em;
}

@media screen and (min-width:900px){
  .kvImg{
    width:calc(100%*2/3);
    flex-shrink:0;
  }
  .kvLogo{
    position:sticky;
    top: -3.5em;
    padding: 0.5em 0 2em;
  }
  .kvLogo .logo{
    width: 130%;
  }
  .kvLogo .onair{
    width: 110%;
    margin: 0 0 0 5%;
  }
  .bnArea{
    margin: 0em auto;
    width: 100%;
    padding: 2em 4% 1em 10%;
  }
}

@media screen and (max-width:970px) {
  .onairList li{
    flex-direction:column;
    width: 78%;
    margin:auto auto 2em;
    text-align: center;
    display:block;
  }
  .onairList li .place{
    width:100%;
    margin:auto auto 1em;
  }
}


@media screen and (max-width:899px){
  .header__logo{
    display:none;
  }
  .kvInner{
    flex-direction:column;
  }
  .kvLogo{
    text-align:center;
    margin: -11em auto 0;
    padding-bottom:3em;
    max-width: 510px;
  }

}
@media screen and (max-width:510px){
  .kvLogo{
    margin-top: -30vw;
  }
}
/*Youtube*/
.c-youtubeArea {
  display: flex;
  height: 430px;
  max-height: 56.25vw;
  align-items: center;
  overflow: hidden;
}

.playButton{
  position: relative;
  width: 100%;
}
.playButton::before,
.playButton::after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.playButton::before {
  width:140px;
  height:140px;
  max-width: 20vw;
  margin:auto;
  background:url(../../images/main/top/playBt-WH.png)center center /contain no-repeat;
  z-index:10;
  transition:.7s;
}
.playButton::after {
  background:url(../../images/main/top/bg_ptn.png)center center;
  mix-blend-mode: multiply;
}
.playButton:hover::before{
  opacity:0.5;
  transform:scale(1.2);
}
.playButton:hover::after {
  opacity:0;
}

/* INFOTRMATION */
#cont{
  padding: 5em 0;
  overflow:hidden;
  color:#fff;
}
.bg{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.bgInner {
  position: relative;
  max-width: 1200px;
  width: 100%;
  height:100%;
  margin: auto;
}
#cont .bg{
  top: 0;
  bottom: 0;
  background: #111111;
  background: url(../../images/main/top/bg_ptn.png)center center ,
    linear-gradient(170deg,rgba(255,255,255,0.25) -50%,rgba(0,0,0,0.25) 50%),#111111;
  background-blend-mode: luminosity;
}
#cont .bgInner::before,
#cont .bgInner::after{
  content:"";
  position:absolute;
  background: url(../../images/main/tz/bg_line.png)center center / contain no-repeat;
  opacity: 0.5;
  mix-blend-mode: overlay;
  z-index: 0;
  width: 1894px;
  height: 648px;
}
#cont .bgInner::before{
  transform: rotate(-40.75deg) scale(1.2);
  top: 120px;
  left: -1056px;
}

#cont .bgInner::after{
  transform: rotate(124.5deg);
  bottom: 40px;
  right: -1174px;
}

.inner {
  max-width: 1200px;
  margin: auto;
  padding: 0 1em;
  position:relative;
}
.inner h2{
  text-align:center;
  margin:0 auto 1.5em;
}
.contWrap {
  display: flex;
  justify-content: space-between;
}
.contHead {
  text-align:center;
  font-size:2.4rem;
  text-shadow:0 0 2px , 0 0 5px;
  margin-bottom:1.5em;
}

.contInner{
  width: calc(50% - 2em);
}

#nwu_001_t table,
#nwu_001_t tbody,
#nwu_001_t th,
#nwu_001_t td{
  display:block;
}
#nwu_001_t a{
  color:inherit;
  text-decoration:none;
}
#nwu_001_t tr{
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  margin-bottom:3em;
  font-size:1.4rem;
  text-shadow:2px 2px 1px rgba(0,0,0,0.5);
}
#nwu_001_t td.day{
  width: 7em;
  flex-shrink:0;
  font-size:0.8em;
  line-height: 2.25;
  color:#be1e1e;
}
.twTimeline {
  overflow: auto;
}
@media screen and (max-width:899px){
  .contWrap{
    flex-direction:column;
    align-items:center;
  }
  .contInner{
    width: 100%;
    max-width:510px;
  }
}