@charset "UTF-8";
/*
  MediaQuery Type = Parts Unit
  0 < size
  @media only screen and (max-width: 600px)
  @media only screen and (min-width: 601px)
  @media only screen and (min-width: 601px) and (max-width: 992px)
  @media only screen and (max-width: 992px)
  @media only screen and (min-width: 993px)
  @media only screen and (min-width: 993px)
*/
.ntv-mainv-banners {
  margin-top: 0 !important;
}

.ntv-mainv-banners .inner {
  padding-top: 25px !important;
}

@media only screen and (max-width: 993px) {
  .ntv-mainv-banners .inner {
    padding-top: 15px !important;
  }
}

.warauoomisoka_main {
  background-color: #dd0616;
  margin-bottom: 3%;
}

#ntv_setSocial {
  background: #ffffff;
}

.ntv-pageTop a {
  z-index: 10;
}

@media only screen and (min-width: 993px) {
  .warauoomisoka_wrapper a {
    transition: opacity .1s ease;
  }
  .warauoomisoka_wrapper a:hover {
    opacity: 0.6;
  }
  .warauoomisoka_wrapper [id^="ntv_setAD"] a:hover {
    opacity: 1;
  }
  .ntv_setShare {
    margin: 20px auto 0 !important;
  }
}

/* mainvisual
========================================== */
#top .warauoomisoka_mainvisual_area {
  position: relative;
}

#top .warauoomisoka_mainvisual_inner {
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 1;
}

#top .warauoomisoka_mainvisual_inner a {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  width: 100%;
  padding-top: 55%;
  margin: 0 auto;
  background-image: url(../images/mainv/mainv_top_pc.jpg);
  display: block;
  pointer-events: none;
}

#second .warauoomisoka_mainvisual_area {
  position: relative;
}

#second .warauoomisoka_mainvisual_inner {
  width: 100%;
  max-width: 100%;
  padding: 0 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

#second .warauoomisoka_mainvisual_inner a {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  width: 100%;
  padding-top: 25%;
  margin: 0 auto;
  background-image: url(../images/mainv/mainv_2nd_pc.jpg);
  display: block;
}

/* nav
========================================== */
.warauoomisoka_nav_area {
  background: #000000;
}

.warauoomisoka_nav_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.warauoomisoka_nav_list {
  display: flex;
}

.warauoomisoka_nav_item {
  width: 25%;
  position: relative;
}

.warauoomisoka_nav_item::before {
  content: '';
  width: 1px;
  padding-top: 20%;
  background: #808080;
  position: absolute;
  top: 23%;
  left: 0;
}

.warauoomisoka_nav_item a {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  width: 100%;
  padding-top: 38%;
  display: block;
}

.warauoomisoka_nav_item:nth-of-type(1) a {
  background-image: url(../images/nav/nav_mc.png);
}

.warauoomisoka_nav_item:nth-of-type(2) a {
  background-image: url(../images/nav/nav_contents.png);
}

.warauoomisoka_nav_item:nth-of-type(3) a {
  background-image: url(../images/nav/nav_topics.png);
}

.warauoomisoka_nav_item:nth-of-type(4)::after {
  content: '';
  width: 1px;
  padding-top: 20%;
  background: #808080;
  position: absolute;
  top: 23%;
  right: 0;
}

.warauoomisoka_nav_item:nth-of-type(4) a {
  background-image: url(../images/nav/nav_sns.png);
}

.is-coming a {
  opacity: 0.6;
  pointer-events: none;
}

.is-new::after {
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  width: 24%;
  padding-top: 12%;
  background-image: url(../images/nav/new.jpg);
  display: block;
  position: absolute;
  top: 3px;
  right: -1px;
  z-index: 1;
}

/* for printer
========================================== */
@media print {
  .not_print {
    display: none;
  }
}

/* 993px以下
========================================== */
@media only screen and (max-width: 993px) {
  #second .warauoomisoka_mainvisual_area::before {
    height: 100px;
    background-size: 80%;
    background-position: center bottom;
  }
  #second .warauoomisoka_mainvisual_area::after {
    height: 100px;
    background-size: 80%;
    background-position: center top;
  }
  .warauoomisoka_main {
    overflow: hidden;
  }
}

/* 広告用のスタイル（絶対に消さないで下さい） */
#ntv_setAD_SP_300_250_3 {
  text-align: center;
}

/* 600px以下
========================================== */
@media only screen and (max-width: 600px) {
  #top .warauoomisoka_mainvisual_area a {
    padding-top: 117.33333%;
    background-image: url(../images/mainv/mainv_top_sp.jpg);
  }
  #second .warauoomisoka_mainvisual_inner a {
    padding-top: 32.89474%;
    background-image: url(../images/mainv/mainv_2nd_sp.jpg);
  }
  .warauoomisoka_nav_item::before {
    padding-top: 25%;
  }
  .warauoomisoka_nav_item a {
    background-size: 120%;
    padding-top: 49.4%;
  }
  .warauoomisoka_nav_item:nth-of-type(1)::before {
    display: none;
  }
  .warauoomisoka_nav_item:nth-of-type(4)::after {
    display: none;
  }
  .is-new a::after {
    width: 26.4%;
    padding-top: 13.2%;
  }
  .warauoomisoka_main #topics .topics-title span {
    width: 31.6%;
    padding-top: 14.4%;
  }
  .warauoomisoka_main #topics .topics-btn {
    max-width: auto;
    width: 70%;
    margin-top: 7%;
  }
  .warauoomisoka_main #topics .topics-btn a {
    font-size: 1.4rem;
  }
  #ntv_setAD_SP_320_100 {
    padding-bottom: 3%;
  }
  #ntv_setAD_SP_300_250_3 {
    padding-bottom: 3%;
  }
}