@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap");
/* Color
============================================================= */
/* Font
============================================================= */
/* VW
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* 数値から単位を除外
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* map-get
============================================================= */
/* color */
/*
  layoutGap
  @include layoutGap($col: 3, $gapX: 24, $gapY: 16, $wrap:nowrap);
  column - 3
  gapX - 24
  gapY - 16
  wrap - nowrap

  @include layoutGap($col: 2, $gap: 24);
  column - 3
  gap - 24
  wrap - wrap

  ※gapの単位について
  ・数値のみの場合は rem で出力
  ・数値がある場合は ○px, ○em, ○% などで出力
*/
/* =============================================================
Category
============================================================= */
.category-movie-link {
  text-align: center;
}
.category-movie-link a {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  .category-movie-link a {
    transition: opacity 0.2s ease-out;
  }
  .category-movie-link + * {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .category-movie-link {
    margin-top: 3rem;
  }
  .category-movie-link + * {
    margin-top: 2.5rem;
  }
}

/* Overwrite
============================================================= */
.page-category .block-category-list--freespace3 {
  display: block;
}
.page-category .block-category-list--freespace3 img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .page-category .block-category-list--freespace3 .main {
    width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px), print {
  _::-webkit-full-page-media, _:future, :root .block-category-list--freespace3 img {
    height: 100%;
  }
}
.page-category .block-category-list--promotion-freespace:empty,
.page-category .block-category-list--sub:empty,
.page-category .block-category-list--topic:empty {
  display: none;
}
.page-cnenga01 .page-category .block-category-list--sub .banner-area-item {
  padding-right: 30px;
}
@media screen and (min-width: 768px), print {
  .page-cnenga01 .page-category .block-category-list--sub {
    padding: 0 60px 0 90px;
  }
}
.page-category .block-category-list--promotion-freespace,
.page-category .block-category-list--freespace4 {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .page-category .freespace4-inner {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .page-category .freespace4-inner {
    padding-right: 3.62vw;
    padding-left: 3.62vw;
  }
}
.page-category .block-category-list--promotion-freespace img,
.page-category .block-category-list--freespace4 img {
  display: inline;
}
.page-category .block-category-list--sub .block-category-style-p--item-comment br,
.page-category .block-genre-page--sub .block-genre-style--item-comment br {
  display: none;
}
@media screen and (min-width: 768px), print {
  .page-category .block-category-list--sub .block-category-style-p--item .block-category-style-p--item-name,
.page-category .block-genre-page--sub .block-genre-style--item .block-genre-style--item-name {
    margin-top: 16px;
  }
  .page-category .block-category-list--sub .block-category-style-p--item-comment,
.page-category .block-genre-page--sub .block-genre-style--item-comment {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px;
    padding-right: 40px;
  }
  .page-category .block-category-list--sub .block-category-style-p--item,
.page-category .block-genre-page--sub .block-genre-style--item {
    margin-top: 40px;
  }
  .page-category .block-category-list--sub .block-category-style-p--item:nth-child(-n+3),
.page-category .block-category-list--sub .block-category-style-p--item:nth-child(2n):nth-child(-n+3),
.page-category .block-genre-page--sub .block-genre-style--item:nth-child(-n+3),
.page-category .block-genre-page--sub .block-genre-style--item:nth-child(2n):nth-child(-n+3) {
    margin-top: 0;
  }
  .page-category .block-category-list--sub .block-category-style-p {
    padding-right: 60px;
  }
  .page-category .block-category-list--sub .block-category-style-p--item,
.page-category .block-genre-page--sub .block-genre-style--item {
    width: calc(33.3333333333% - 30px);
    flex-basis: calc(33.3333333333% - 30px);
    margin-right: 60px;
  }
  .page-category .block-category-list--sub .block-category-style-p--item:nth-of-type(3n),
.page-category .block-genre-page--sub .block-genre-style--item:nth-of-type(3n) {
    margin-right: -60px;
  }
}
@media screen and (max-width: 767px) {
  .page-category .block-category-style-p--item + .block-category-style-p--item {
    margin-top: 1.5rem;
  }
}

/* Banner-area
============================================================= */
@media screen and (min-width: 768px), print {
  .banner-area {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .banner-area {
    margin-top: 4.83vw;
  }
}

.banner-area-item {
  line-height: 0;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .banner-area-item + .banner-area-item {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .banner-area-item + .banner-area-item {
    margin-top: 2.42vw;
  }
}

@media screen and (min-width: 768px), print {
  .block-category-list--promotion-freespace + .block-category-list--comment {
    margin-top: 40px;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .block-category-list--promotion-freespace + .block-category-list--comment {
    margin-top: 4.83vw;
  }
}
.page-cebikara1 .block-category-list--promotion-freespace + .block-category-list--comment, .page-cebikara2 .block-category-list--promotion-freespace + .block-category-list--comment, .page-cebikara3 .block-category-list--promotion-freespace + .block-category-list--comment {
  display: none;
}

@media screen and (min-width: 768px), print {
  .block-header-topnav {
    background: #cccccc;
  }
}