@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////

[nwu_001_t]

/////////////////////////////////////////////////////////////////// */


/* =========================================================
nwu_001_t
========================================================= */
#nwu_001_t {
  /* max-width: 460px; */
  margin: 0 0 0 0em;
  padding: 0 2em 0 0;
}

#nwu_001_t h2{
  /* max-width: 460px; */
  margin: 1.5em 0 0.5em 0em;
  padding: 0 2em 0 0;
  font-size: 2.5rem;
  font-weight: 600;
  color: #000000;
  /* mix-blend-mode: exclusion; */
  filter: drop-shadow(2px 2px 0px #ffffff);
  /* mix-blend-mode: exclusion; */
}

#nwu_001_t .pvArea {
  background: #fff;
  min-height: 100px;
  margin: 0 0 2em;
}

#nwu_001_t .pvArea .inner {
  position: relative;
}

#nwu_001_t table,
#nwu_001_t table tbody,
#nwu_001_t table tr {
  display: block;
}

#nwu_001_t table {
  /* background: #fff; */
  margin: 0 0 2em;
  padding: 0.5em 1em 0em;
}

#nwu_001_t table tbody {}

#nwu_001_t table tr {
    margin: 0 0 1.5em;
    padding: 1.0em 0 0.5em 0.5em;
    position:relative;
    filter: drop-shadow(0px 6px 0px black);
    /* padding: 1em 1em 0.5em; */
    transition: all .3s ease;
}

#nwu_001_t table tr::before {
  content:"";
  position:absolute;
  top: 0em;
  left: -1em;
  right: -1em;
  bottom:0;
  margin:auto;
  background: #ffffff;
  z-index: -1;
  transform: skewX(-32deg);
}

#nwu_001_t table tbody tr .day {
  font-family: "851Gkktt_005", sans-serif;
  position: absolute;
  font-size: 1.4rem;
  font-weight: 500;
  /* margin-left: -1em; */
  /* margin: -1.5em 0 0 -1em; */
  display: inline-block;
  top: -0.8em;
  left: -0.5em;
}

#nwu_001_t table tbody tr .day::before {
  content:"";
  background: #000000;
  color:#fff;
  display:inline-block;
  position: absolute;
  top: 0;
  right: -1em;
  bottom: 0;
  left: -1em;
  transform: skewX(-32deg);
  z-index: -1;
  transition: all .3s ease;
}

#nwu_001_t table tbody tr td {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  margin: -0em 0 0 0;
}

#nwu_001_t table .title {font-weight: 400;line-height: 1.2;color: #000;font-weight: 600;font-style: italic;}

#nwu_001_t table .title a {
    text-decoration: none;
    color: #000;
}

#nwu_001_t table tr:not(.no_link):hover {
    filter: drop-shadow(0px 6px 0px #e4007f);
}
#nwu_001_t table tbody tr:not(.no_link):hover .day::before{
  background: #e4007f;
}

#nwu_001_t .twitterArea {
  /* background: #fff; */
  min-height: 100px;
}

#nwu_001_t .twitterArea .inner {
  overflow-y: auto;
  transition: .3s;
  -webkit-overflow-scrolling: touch;
  width: 75%;
  width: 100%;
  max-height: 30em;
}

#nwu_001_t .twitterArea .inner iframe{
  width: 1000px !important;
  max-width: 100% !important;
}
.bannerArea {
    margin: 1.5em 0 0.5em 0em;
    font-size: 2.5rem;
}
/* Youtube
======================== */

.topMovieWrap {
  /* position: absolute; */
  padding-top: calc(100% * 9 / 16);
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0%;
  height: auto;
  top: 0;
  order: 1;
  margin: 0em 0 0em;
}

.topMovieWrap h2 {
  position: absolute;
  z-index: 1;
  width: 40%;
  left: -5%;
  height: auto;
  bottom: 7%;
  pointer-events: none;
}

.topMovieWrap > iframe,
.topMovieWrap > .js-replaceYoutube > img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  max-width: none !important;
  max-height: none !important;
  bottom: 0;
  left: 0;
  margin: auto;
}


.js-clickYouTubeModal {
  position: relative;
}

.js-clickYouTubeModal::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1;
  margin: auto;
}

.js-clickYouTubeModal::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #fff;
  width: 25%;
  height: 45%;
  z-index: 5;
  line-height: 1;
  background: url(../../images/main/tz/playBt.png) center / contain no-repeat;
  margin: auto;
}

@media screen and (max-width:1280px) {
  #nwu_001_t {
    margin: 0 0 0 0em;
    padding: 0 0em 0 0;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
  }
  #nwu_001_t h2{
    color:#ffffff;
      text-shadow: 1px 1px 0 #e40280,
               -1px 1px 0 #e40280,
               1px -1px 0 #e40280,
               -1px -1px 0 #e40280;
  }  
  .topMovieSection{
    width: 90%;
    margin: 0 auto 2em;
  }
  .topNewsSection,.twitterArea {
    width: 44%;
  }
  .topMovieWrap {
    padding-top: calc(100% * 5 / 16);
  }
  #nwu_001_t table tr {
    width: 90%;
    margin: 0 auto 1.5em;
  }
  .bannerArea{
    width: 90%;
  }
}


@media screen and (max-width:900px) {
#nwu_001_t h2{
  color: #000000;
  text-shadow:none;
  filter:none;
  margin: 1em 0 0.5em 0em;
  }
}

@media screen and (max-width:767px) {
  .topNewsSection, .twitterArea, .bannerArea {
    width: 100%;
  }
}