@charset "utf-8";
/* *****************
  ローディング
***************** */
.loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3000;
}
.loading>div{
  position: absolute;
  transition: 0.8s ease-in-out;
  width: 100%;
  height: 200%;
}
.loading_l {
  bottom: 49%;
  left: 0;
  background: #000;
  transform: skewY(-45deg);
}
.loading_r {
  top: 49%;
  right: 0;
  background: #000;
  transform: skewY(-45deg);
}
.is-loaded .loading_l{bottom: 300%;}
.is-loaded .loading_r {top: 300%;}
.is-loaded .kvLogo>div {
  top: 0px;
  opacity: 1;
}
.is-loaded #header,
.is-loaded .topCont,
.is-loaded .kvCopy{
  opacity:1;
}
/* *****************
  kv
***************** */
.kvLogo {
  position: absolute;
  top: 10px;
  left: 10px;
}

.kvWrap {
  position: relative;
}
#kv .kvInner:first-child {
    position:relative;
    top: 0;
    left: 0;
}
.kvInner {
    position: absolute;
    top: 0;
    left: 0;
    opacity:0;
    transition:2s;
}
[data-target="0"] .kvInner:nth-child(1),
[data-target="1"] .kvInner:nth-child(2){
    opacity:1;
}
.kvLogo>div {
  position: absolute;
  top: -10px;
  left: 0;
  width: 374px;
  height: 374px;
  max-width: 30vw;
  max-height: 30vw;
  opacity: 0;
}
.LogoBg {
  transition: 0.7s 0.8s;
}

.LogoTxt {
  transition: 0.7s 1s;
}
.kvCopy{
  position: absolute;
  bottom: 1%;
  right: 0;
  font-size:1.6rem;
  color:#fff;
  text-shadow:
   -1px -1px #000,-1px 0px #000,-1px 1px #000,
    0px -1px #000, 0px 0px #000, 0px 1px #000,
    1px -1px #000, 1px 0px #000, 1px 1px #000;
}

#header,.topCont,.kvCopy {
  opacity: 0;
  transition: 0.7s 1.7s;
}
h2.contHead {
    margin: 70px auto 30px;
}
@media screen and (max-width:600px){
  .kvCopy{font-size: 2.5vw;}
}
/* *****************
  共通
***************** */
.newsWrap, .twTimelineWrap,.c-youtubeWrap::before {
  background: rgba(0,0,0,0.5);
  border:1px #b4ff5b solid;
}
.newsWrap, .twTimelineWrap{
  padding: 50px 50px 40px;
  position:relative;
  overflow: hidden;
}
.newsWrap::before,
.newsWrap::after,
.twTimelineWrap::before,
.twTimelineWrap::after{
  content:"";
  border: 30px solid;
  border-color:#b4ff5b transparent transparent transparent;
  display: inline-block;
  position: absolute;
}
.newsWrap::before,
.twTimelineWrap::before{
  top: -30px;
  left: -30px;
  transform: rotate(135deg);
}
.newsWrap::after,
.twTimelineWrap::after{
  bottom: -30px;
  right: -30px;
  transform: rotate(-45deg);
}
@media screen and (max-width:899px){
  .newsWrap, .twTimelineWrap{
    padding: 30px 25px;
  }
  .newsWrap::before,
  .newsWrap::after,
  .twTimelineWrap::before,
  .twTimelineWrap::after{
    border-width: 20px;
  }
  .newsWrap::before,
  .twTimelineWrap::before{
    top: -20px;
    left: -20px;
  }
  .newsWrap::after,
  .twTimelineWrap::after{
    bottom: -20px;
    right: -20px;
  }
}
/* *****************
  News
***************** */

#nwu_001_t table,
#nwu_001_t tbody,
#nwu_001_t tr,
#nwu_001_t th,
#nwu_001_t td{
  display:block;
}
#nwu_001_t tr{
  border:#b4ff5b solid;
  border-width: 0 0 2px;
  padding: 1.5em 0;
}
td.day{
  color:#ff6b95;
  margin-bottom: 0.5em;
}
#nwu_001_t .title,
#nwu_001_t a{
  color:#fff;
  text-decoration:none;
}

/* *****************
  Twitter
***************** */

.twTimelineWrap {
  position: relative;
  width: 480px;
  height: 463px;
  max-width: 100%;
  max-height: 120vw;
}

.twTimeline {
  width: 100%;
  height: calc(100% - 70px);
  overflow: auto;
}
/* *****************
  Youtube
***************** */

.c-youtubeWrap::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index: 1;
}
.c-youtubeWrap::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  z-index: 1;
  display:block;
  width:.0;
  height:0;
  border-style: solid;
  border-width:30px 0 30px 50px;
  border-color:transparent transparent transparent #b4ff5b 
}