@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;900&display=swap");
html,
body {
  padding: 0;
  margin: 0;
}

body {
  line-height: 1.3;
  font-family: "Plus Jakarta Sans", "Noto Sans JP", sans-serif !important;
  background: #000000;
  font-weight: 500;
  color: #FFF;
}

.movie-box {
  width: min(55.9440559441vw, 800px);
  height: min(31.4685314685vw, 450px);
  margin: 0 auto;
  border: 1px solid #8a6829;
}
@media (max-width: 768px) {
  .movie-box {
    width: 85.3333333333vw;
    height: 48vw;
  }
}
.movie-box iframe {
  width: 100%;
  height: 100%;
}

h1,
h2,
h3 {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  overflow: hidden;
}

/* ========================================================
パーツ
=========================================================*/
.pc {
  display: block;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 768px) {
  .sp {
    display: block;
  }
}

picture {
  font-size: 0;
  display: block;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #FFF;
}
a:hover {
  opacity: 0.7;
}

img,
video {
  width: 100%;
  vertical-align: bottom;
}

/* ========================================================
コンテンツ
=========================================================*/
.content-container {
  width: 100%;
  overflow: hidden;
  /* ========================================================
  記事詳細
  =========================================================*/
  /* ========================================================
  共通
  =========================================================*/
}
.content-container .kv-container {
  /* ========================================================
  トップ
  =========================================================*/
  background: url(../img/kv_bg.png) no-repeat center;
  margin-bottom: min(15.4545454545vw, -170px);
}
@media (max-width: 768px) {
  .content-container .kv-container {
    background: none;
    margin-bottom: 13.3333333333vw;
  }
}
.content-container .kv-container .kv-inr {
  width: min(100vw, 1100px);
  height: min(123.3636363636vw, 1357px);
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  .content-container .kv-container .kv-inr {
    width: 100%;
  }
}
.content-container .kv-container .parts-common {
  position: absolute;
}
.content-container .kv-container .parts-common.movie-box {
  width: min(35.6363636364vw, 392px);
  height: min(20vw, 220px);
  left: min(60.7272727273vw, 668px);
  top: min(80.4545454545vw, 885px);
  z-index: 40;
}
@media (max-width: 768px) {
  .content-container .kv-container .parts-common.movie-box {
    width: 74.6666666667vw;
    height: 42vw;
    left: 50%;
    top: 90.6666666667vw;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.content-container .kv-container .parts-common.release-box {
  left: min(26.3636363636vw, 290px);
  top: min(84.5454545455vw, 930px);
}
@media (max-width: 768px) {
  .content-container .kv-container .parts-common.release-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 37.3333333333vw;
    top: 116vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.content-container .kv-container .parts-common.release-box .txt-release {
  width: min(31.6363636364vw, 348px);
  margin-bottom: min(0.9090909091vw, 10px);
}
@media (max-width: 768px) {
  .content-container .kv-container .parts-common.release-box .txt-release {
    width: 21.3333333333vw;
    margin-bottom: 0;
    margin-right: 4vw;
  }
}
.content-container .kv-container .parts-common.release-box .logo-box {
  margin: 0 auto;
  width: min(19.9090909091vw, 219px);
}
@media (max-width: 768px) {
  .content-container .kv-container .parts-common.release-box .logo-box {
    width: 29.0666666667vw;
    margin-top: -0.5333333333vw;
  }
}
@media (max-width: 768px) {
  .content-container .movie-container {
    z-index: 10;
    position: relative;
    margin-bottom: 8vw;
  }
}
.content-container .nav-container {
  width: min(95vw, 1140px);
  height: min(17.1666666667vw, 206px);
  position: relative;
  z-index: 10;
  margin: 0 auto min(9.1666666667vw, 110px);
}
@media (max-width: 768px) {
  .content-container .nav-container {
    height: 41.8666666667vw;
  }
}
.content-container .nav-container ul li {
  position: absolute;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.content-container .nav-container ul li:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  z-index: 100;
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.content-container .nav-container ul li:hover a {
  opacity: 1;
}
.content-container .nav-container ul li a {
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-indent: -9999px;
}
.content-container .nav-container ul li:nth-child(1) {
  width: min(18.9166666667vw, 227px);
  top: min(0.8333333333vw, 10px);
  left: min(0.0833333333vw, 1px);
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:nth-child(1) {
    width: 30.2666666667vw;
    top: 2.1333333333vw;
    left: 2.1333333333vw;
  }
}
.content-container .nav-container ul li:nth-child(2) {
  width: min(20.1666666667vw, 242px);
  top: 0;
  left: min(17.4166666667vw, 209px);
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:nth-child(2) {
    width: 32.2666666667vw;
    top: 0.8vw;
    left: 29.8666666667vw;
  }
}
.content-container .nav-container ul li:nth-child(3) {
  width: min(20.1666666667vw, 242px);
  top: min(0.1666666667vw, 2px);
  left: min(36.4166666667vw, 437px);
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:nth-child(3) {
    width: 32.4vw;
    top: 1.0666666667vw;
    left: 60vw;
  }
}
.content-container .nav-container ul li:nth-child(4) {
  width: min(21.5vw, 258px);
  top: min(0.4166666667vw, 5px);
  left: min(55.5vw, 666px);
  z-index: 10;
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:nth-child(4) {
    width: 42.8vw;
    top: 14.1333333333vw;
    left: 5.6vw;
  }
}
.content-container .nav-container ul li:nth-child(5) {
  width: min(20vw, 240px);
  top: min(0.0833333333vw, 1px);
  left: min(75.1666666667vw, 902px);
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:nth-child(5) {
    width: 35.4666666667vw;
    top: 15.4666666667vw;
    left: 45.6vw;
  }
}
.content-container .nav-container ul li:nth-child(6) {
  width: min(19.9166666667vw, 239px);
  top: min(9vw, 108px);
  left: min(18.8333333333vw, 226px);
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:nth-child(6) {
    width: 31.8666666667vw;
    top: 28vw;
    left: 2.9333333333vw;
  }
}
.content-container .nav-container ul li:nth-child(7) {
  width: min(19.5833333333vw, 235px);
  top: min(9.25vw, 111px);
  left: min(36.25vw, 435px);
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:nth-child(7) {
    width: 31.3333333333vw;
    top: 28.5333333333vw;
    left: 30.6666666667vw;
  }
}
.content-container .nav-container ul li:nth-child(8) {
  width: min(20.1666666667vw, 242px);
  top: min(9.1666666667vw, 110px);
  left: min(55vw, 660px);
}
@media (max-width: 768px) {
  .content-container .nav-container ul li:nth-child(8) {
    width: 32.2666666667vw;
    top: 28.2666666667vw;
    left: 60.8vw;
  }
}
.content-container .news-container {
  margin-bottom: min(13.6363636364vw, 150px);
}
.content-container .news-container .bnr-box {
  width: min(75vw, 825px);
  margin: 0 auto min(4.5454545455vw, 50px);
}
@media (max-width: 768px) {
  .content-container .news-container .bnr-box {
    width: 90.6666666667vw;
    margin-bottom: 8vw;
  }
}
.content-container .news-container .ttl-box {
  width: min(24.9090909091vw, 274px);
  margin: 0 auto min(6.3636363636vw, 70px);
}
@media (max-width: 768px) {
  .content-container .news-container .ttl-box {
    width: 36.5333333333vw;
    margin-bottom: 8vw;
  }
}
.content-container .news-container .news-list {
  width: min(81.8181818182vw, 900px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .content-container .news-container .news-list {
    width: 88vw;
  }
}
.content-container .news-container .news-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.content-container .news-container .news-list ul li {
  width: min(36.3636363636vw, 400px);
  margin-right: min(9.0909090909vw, 100px);
  margin-bottom: min(6.8181818182vw, 75px);
  display: block;
}
@media (max-width: 768px) {
  .content-container .news-container .news-list ul li {
    width: 46%;
    margin-right: 8%;
    margin-bottom: 5.3333333333vw;
  }
}
.content-container .news-container .news-list ul li.is-hidden {
  display: none;
}
.content-container .news-container .news-list ul li:nth-child(2n) {
  margin-right: 0;
}
.content-container .news-container .news-list ul li a {
  display: block;
}
.content-container .news-container .news-list ul li a .thumb {
  height: min(20.4545454545vw, 225px);
  text-align: center;
  margin-bottom: min(1.3636363636vw, 15px);
}
@media (max-width: 768px) {
  .content-container .news-container .news-list ul li a .thumb {
    height: 22.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.content-container .news-container .news-list ul li a .thumb img {
  width: auto;
  height: 100%;
}
.content-container .news-container .news-list ul li a .detail-box:hover {
  opacity: 0.8;
}
.content-container .news-container .news-list ul li a .detail-box span {
  display: block;
}
.content-container .news-container .news-list ul li a .detail-box span.txt-date {
  color: #c3a34f;
  font-size: min(1.3636363636vw, 15px);
  margin-bottom: min(0.4545454545vw, 5px);
}
@media (max-width: 768px) {
  .content-container .news-container .news-list ul li a .detail-box span.txt-date {
    font-size: 3.2vw;
    margin-bottom: 0.8vw;
  }
}
.content-container .news-container .news-list ul li a .detail-box p.txt-ttl {
  line-height: 1.6;
  font-size: min(1.5454545455vw, 17px);
}
@media (max-width: 768px) {
  .content-container .news-container .news-list ul li a .detail-box p.txt-ttl {
    font-size: 3.4666666667vw;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 6em;
    overflow: hidden;
  }
}
.content-container .news-container .btn-more {
  width: min(36.3636363636vw, 400px);
  height: min(7.2727272727vw, 80px);
  background: #484848;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: min(2.1818181818vw, 24px);
  border-radius: min(1vw, 14px);
  margin: 0 auto;
  border: min(0.5454545455vw, 6px) solid #858585;
  cursor: pointer;
}
@media (max-width: 768px) {
  .content-container .news-container .btn-more {
    width: 69.3333333333vw;
    height: 13.3333333333vw;
    font-size: 4.5333333333vw;
    border-width: 1.0666666667vw;
    border-radius: 2.1333333333vw;
  }
}
.content-container .news-container .btm-bnr-box {
  width: min(75.4545454545vw, 830px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .content-container .news-container .btm-bnr-box {
    width: 85.3333333333vw;
  }
}
.content-container .news-container .btm-bnr-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.content-container .news-container .btm-bnr-box ul li {
  width: min(36.3636363636vw, 400px);
  margin-bottom: min(1.6666666667vw, 20px);
}
@media (max-width: 768px) {
  .content-container .news-container .btm-bnr-box ul li {
    width: 100%;
    margin-bottom: 5.3333333333vw;
  }
}
.content-container .news-container .btm-bnr-box ul li:nth-child(odd) {
  margin-right: min(2.7272727273vw, 30px);
}
@media (max-width: 768px) {
  .content-container .news-container .btm-bnr-box ul li:nth-child(odd) {
    margin-right: 0;
  }
}
.content-container .news-container .btm-bnr-box ul li img {
  border: 1px solid #FFF;
}
.content-container .about-container {
  background: url(../img/about_bg.png) no-repeat center;
  margin-bottom: min(13.6363636364vw, 150px);
  background-size: min(110.2727272727vw, 1213px) min(89.5454545455vw, 985px);
}
@media (max-width: 768px) {
  .content-container .about-container {
    background-size: 120vw 97.3333333333vw;
    background-position: center 8vw;
  }
}
.content-container .about-container .ttl-box {
  width: min(41.8181818182vw, 460px);
  margin: 0 auto min(4.5454545455vw, 50px);
}
@media (max-width: 768px) {
  .content-container .about-container .ttl-box {
    width: 61.3333333333vw;
    margin-bottom: 8vw;
  }
}
.content-container .about-container .img-box {
  width: min(70vw, 770px);
  margin: 0 auto min(3.6363636364vw, 40px);
}
@media (max-width: 768px) {
  .content-container .about-container .img-box {
    width: 85.3333333333vw;
  }
}
.content-container .about-container .txt-box {
  width: min(100vw, 1100px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .content-container .about-container .txt-box {
    width: 85.3333333333vw;
  }
}
.content-container .about-container .txt-box p {
  text-align: center;
  font-size: min(2vw, 22px);
  line-height: 2;
}
@media (max-width: 768px) {
  .content-container .about-container .txt-box p {
    text-align: left;
    font-size: 4vw;
  }
}
.content-container .story-container {
  margin-bottom: min(12.7272727273vw, 140px);
}
.content-container .story-container .ttl-box {
  width: min(28.3636363636vw, 312px);
  margin: 0 auto min(4.5454545455vw, 50px);
}
@media (max-width: 768px) {
  .content-container .story-container .ttl-box {
    width: 61.3333333333vw;
    margin-bottom: 8vw;
  }
}
.content-container .story-container .img-list {
  margin-bottom: min(5.4545454545vw, 60px);
}
.content-container .story-container .txt-box {
  width: min(100vw, 1100px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .content-container .story-container .txt-box {
    width: 85.3333333333vw;
  }
}
.content-container .story-container .txt-box p {
  font-size: min(2.1818181818vw, 24px);
  line-height: 2;
}
@media (max-width: 768px) {
  .content-container .story-container .txt-box p {
    font-size: 4vw;
  }
}
.content-container .staffmusic-container {
  margin-bottom: min(12.7272727273vw, 140px);
}
.content-container .staffmusic-container .ttl-box {
  width: min(35.5454545455vw, 391px);
  margin: 0 auto min(4.5454545455vw, 50px);
}
@media (max-width: 768px) {
  .content-container .staffmusic-container .ttl-box {
    width: 61.3333333333vw;
    margin-bottom: 8vw;
  }
}
.content-container .staffmusic-container .txt-box {
  text-align: center;
  background: url(../img/staffmusic_bg.png) no-repeat center;
  background-size: 50%;
}
@media (max-width: 768px) {
  .content-container .staffmusic-container .txt-box {
    background-size: cover;
  }
}
.content-container .staffmusic-container .txt-box p {
  line-height: 1.9;
  margin-bottom: min(5.4545454545vw, 60px);
  font-size: min(2vw, 22px);
}
@media (max-width: 768px) {
  .content-container .staffmusic-container .txt-box p {
    font-size: 3.7333333333vw;
  }
}
.content-container .staffmusic-container .txt-box p span.txt-creator {
  font-size: min(1.2727272727vw, 14px);
  display: block;
}
@media (max-width: 768px) {
  .content-container .staffmusic-container .txt-box ul li {
    margin-bottom: 2.6666666667vw;
  }
}
@media (max-width: 768px) {
  .content-container .staffmusic-container .txt-box ul li p {
    margin-bottom: 0;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .content-container .staffmusic-container .txt-box ul li p.txt-lyrics, .content-container .staffmusic-container .txt-box ul li p.txt-composition {
    font-size: 2.9333333333vw;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .content-container .staffmusic-container .txt-box ul li p.txt-composition {
    margin-bottom: 5.3333333333vw;
  }
}
.content-container .chara-container {
  margin-bottom: min(9.0909090909vw, 100px);
}
.content-container .chara-container .ttl-box {
  width: min(29.4545454545vw, 324px);
  margin: 0 auto min(6.3636363636vw, 70px);
}
@media (max-width: 768px) {
  .content-container .chara-container .ttl-box {
    width: 43.2vw;
    margin-left: 24vw;
    margin-bottom: 8vw;
  }
}
.content-container .chara-container .chara-list {
  width: min(90.9090909091vw, 1000px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list {
    width: 85.3333333333vw;
  }
}
.content-container .chara-container .chara-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(7.2727272727vw, 80px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 10.6666666667vw;
  }
}
.content-container .chara-container .chara-list ul li .img-box {
  width: min(21.8181818182vw, 240px);
  margin-right: min(4.5454545455vw, 50px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li .img-box {
    width: 32vw;
    height: 32vw;
    margin-right: 4.5333333333vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.content-container .chara-container .chara-list ul li .txt-box {
  text-align: center;
  width: min(64.5454545455vw, 710px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li .txt-box {
    width: 100%;
  }
}
.content-container .chara-container .chara-list ul li .txt-box p {
  text-align: left;
}
.content-container .chara-container .chara-list ul li .txt-box p.txt-name {
  font-size: min(2.4545454545vw, 27px);
  margin-bottom: min(1.8181818182vw, 20px);
  font-weight: 600;
  color: #c3a34f;
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li .txt-box p.txt-name {
    font-size: 4vw;
  }
}
.content-container .chara-container .chara-list ul li .txt-box p.txt-detail {
  font-size: min(1.6363636364vw, 18px);
  line-height: 1.6;
  border-bottom: 1px solid #FFF;
  padding-bottom: min(1.8181818182vw, 20px);
  margin-bottom: min(1.8181818182vw, 20px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li .txt-box p.txt-detail {
    font-size: 3.4666666667vw;
    padding-bottom: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.content-container .chara-container .chara-list ul li .txt-box p.txt-actorname {
  font-size: min(1.3636363636vw, 15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li .txt-box p.txt-actorname {
    font-size: 3.2vw;
  }
}
.content-container .chara-container .chara-list ul li .txt-box p.txt-actorname span {
  font-size: min(1.0909090909vw, 12px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li .txt-box p.txt-actorname span {
    font-size: 2.6666666667vw;
  }
}
.content-container .chara-container .chara-list ul li:last-child {
  margin-bottom: 0;
}
.content-container .chara-container .chara-list ul li:nth-child(1) .img-box, .content-container .chara-container .chara-list ul li:nth-child(2) .img-box, .content-container .chara-container .chara-list ul li:nth-child(3) .img-box, .content-container .chara-container .chara-list ul li:nth-child(4) .img-box, .content-container .chara-container .chara-list ul li:nth-child(5) .img-box, .content-container .chara-container .chara-list ul li:nth-child(14) .img-box, .content-container .chara-container .chara-list ul li:nth-child(15) .img-box {
  position: relative;
}
.content-container .chara-container .chara-list ul li:nth-child(1) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(2) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(3) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(4) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(5) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(14) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(15) .img-box .henshin-box {
  position: absolute;
  right: min(0.4545454545vw, -5px);
  bottom: min(0.4545454545vw, -5px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(1) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(2) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(3) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(4) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(5) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(14) .img-box .henshin-box, .content-container .chara-container .chara-list ul li:nth-child(15) .img-box .henshin-box {
    right: -1.3333333333vw;
    bottom: -1.3333333333vw;
  }
}
.content-container .chara-container .chara-list ul li:nth-child(1) .img-box .henshin-box {
  width: min(7.5454545455vw, 83px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(1) .img-box .henshin-box {
    width: 10.9333333333vw;
  }
}
.content-container .chara-container .chara-list ul li:nth-child(2) .img-box .henshin-box {
  width: min(7.4545454545vw, 82px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(2) .img-box .henshin-box {
    width: 10.9333333333vw;
  }
}
.content-container .chara-container .chara-list ul li:nth-child(3) .img-box .henshin-box {
  width: min(7.4545454545vw, 82px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(3) .img-box .henshin-box {
    width: 10.9333333333vw;
  }
}
.content-container .chara-container .chara-list ul li:nth-child(4) .img-box .henshin-box {
  right: min(1.8181818182vw, -20px);
  width: min(8.7272727273vw, 96px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(4) .img-box .henshin-box {
    right: -2.6666666667vw;
    width: 12.8vw;
  }
}
.content-container .chara-container .chara-list ul li:nth-child(5) .img-box .henshin-box {
  width: min(7.2727272727vw, 80px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(5) .img-box .henshin-box {
    width: 10.6666666667vw;
  }
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(7) .txt-box .txt-actorname, .content-container .chara-container .chara-list ul li:nth-child(10) .txt-box .txt-actorname, .content-container .chara-container .chara-list ul li:nth-child(12) .txt-box .txt-actorname {
    display: block;
  }
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(7) .txt-box .txt-actorname span, .content-container .chara-container .chara-list ul li:nth-child(10) .txt-box .txt-actorname span, .content-container .chara-container .chara-list ul li:nth-child(12) .txt-box .txt-actorname span {
    margin-top: 0.5333333333vw;
    display: block;
  }
}
.content-container .chara-container .chara-list ul li:nth-child(14) .img-box .henshin-box {
  width: min(6.2727272727vw, 69px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(14) .img-box .henshin-box {
    width: 10.6666666667vw;
  }
}
.content-container .chara-container .chara-list ul li:nth-child(15) .img-box .henshin-box {
  width: min(6.8181818182vw, 75px);
}
@media (max-width: 768px) {
  .content-container .chara-container .chara-list ul li:nth-child(15) .img-box .henshin-box {
    width: 10.6666666667vw;
  }
}
.content-container .chara-container .chara-list ul li:nth-child(4n) {
  margin-right: 0;
}
.content-container .bnr-container {
  text-align: center;
  margin-bottom: min(10vw, 110px);
}
.content-container .bnr-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .content-container .bnr-container ul {
    display: block;
  }
}
.content-container .bnr-container ul li {
  width: min(36.3636363636vw, 400px);
  margin: 0 min(1.8181818182vw, 20px);
}
@media (max-width: 768px) {
  .content-container .bnr-container ul li {
    width: 85.3333333333vw;
    margin: 0 auto 2.6666666667vw;
  }
}
.content-container .bnr-container ul li img {
  width: 100%;
}
.content-container .header-container .content-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: min(16.3636363636vw, 180px);
}
@media (max-width: 768px) {
  .content-container .header-container .content-inr {
    height: 24vw;
  }
}
.content-container .header-container .content-inr .logo-box {
  width: min(10.1818181818vw, 112px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .content-container .header-container .content-inr .logo-box {
    width: 14.9333333333vw;
  }
}
.content-container .article-container {
  width: min(85.4545454545vw, 940px);
  margin: 0 auto min(10vw, 110px);
}
@media (max-width: 768px) {
  .content-container .article-container {
    width: 90.6666666667vw;
    margin: 0 auto 10.6666666667vw;
  }
}
.content-container .article-container .article-box {
  border: min(0.5454545455vw, 6px) solid #8a6829;
  padding: min(4.5454545455vw, 50px) min(4.9090909091vw, 54px) min(9.0909090909vw, 100px);
  position: relative;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box {
    padding: 6.6666666667vw 5.3333333333vw;
    border-width: 0.8vw;
  }
}
.content-container .article-container .article-box::before {
  content: "";
  width: calc(100% - min(1.2727272727vw, 13px));
  height: calc(100% - min(1.2727272727vw, 13px));
  display: block;
  border: 1px solid #8a6829;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box::before {
    width: calc(100% - 2.1333333333vw);
    height: calc(100% - 2.1333333333vw);
  }
}
.content-container .article-container .article-box .deco-box span {
  position: absolute;
  width: min(1.8181818182vw, 20px);
  height: min(1.8181818182vw, 20px);
  border: 1px solid #8a6829;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .deco-box span {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
}
.content-container .article-container .article-box .deco-box span.deco-lt, .content-container .article-container .article-box .deco-box span.deco-rt {
  top: -1px;
}
.content-container .article-container .article-box .deco-box span.deco-lb, .content-container .article-container .article-box .deco-box span.deco-rb {
  bottom: -1px;
}
.content-container .article-container .article-box .deco-box span.deco-lt, .content-container .article-container .article-box .deco-box span.deco-lb {
  left: -1px;
}
.content-container .article-container .article-box .deco-box span.deco-rt, .content-container .article-container .article-box .deco-box span.deco-rb {
  right: -1px;
}
.content-container .article-container .article-box .ttl-box {
  margin-bottom: min(2.7272727273vw, 30px);
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .ttl-box {
    margin-bottom: 4vw;
  }
}
.content-container .article-container .article-box .ttl-box span {
  display: block;
}
.content-container .article-container .article-box .ttl-box span.txt-date {
  font-size: min(1.2727272727vw, 14px);
  color: #c3a34f;
  margin-bottom: min(0.9090909091vw, 10px);
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .ttl-box span.txt-date {
    font-size: 3.2vw;
    margin-bottom: 0.5333333333vw;
  }
}
.content-container .article-container .article-box .ttl-box h3 {
  font-size: min(2.2727272727vw, 25px);
  font-weight: 600;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .ttl-box h3 {
    font-size: 3.7333333333vw;
  }
}
.content-container .article-container .article-box .detail-box .img-box {
  margin-bottom: min(3.1818181818vw, 35px);
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .detail-box .img-box {
    margin-bottom: 4vw;
  }
}
.content-container .article-container .article-box .detail-box p {
  font-size: min(1.6363636364vw, 18px);
  line-height: 1.8;
  font-weight: 400;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .detail-box p {
    font-size: 3.4666666667vw;
  }
}
.content-container .article-container .article-box .backnumber-box {
  margin-top: min(5.4545454545vw, 60px);
}
.content-container .article-container .article-box .backnumber-box .ttl-box {
  background: #8a6829;
  height: min(3.6363636364vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .backnumber-box .ttl-box {
    height: 8vw;
  }
}
.content-container .article-container .article-box .backnumber-box .ttl-box h4 {
  color: #000;
  font-weight: 500;
  font-size: min(1.8181818182vw, 20px);
  padding: 0 min(1.8181818182vw, 20px);
  font-weight: 600;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .backnumber-box .ttl-box h4 {
    font-size: 3.7333333333vw;
  }
}
.content-container .article-container .article-box .backnumber-box .backnumber-list ul li {
  border-bottom: 1px solid #8a6829;
  padding-bottom: min(1.8181818182vw, 20px);
  margin-bottom: min(1.8181818182vw, 20px);
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .backnumber-box .backnumber-list ul li {
    padding-bottom: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.content-container .article-container .article-box .backnumber-box .backnumber-list ul li:last-child {
  margin-bottom: 0;
}
.content-container .article-container .article-box .backnumber-box .backnumber-list ul li span {
  display: block;
}
.content-container .article-container .article-box .backnumber-box .backnumber-list ul li span.txt-date {
  font-size: min(1.3636363636vw, 15px);
  color: #c3a34f;
  margin-bottom: min(0.4545454545vw, 5px);
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .backnumber-box .backnumber-list ul li span.txt-date {
    font-size: 3.2vw;
    margin-bottom: 0.5333333333vw;
  }
}
.content-container .article-container .article-box .backnumber-box .backnumber-list ul li p.txt-ttl {
  font-size: min(1.5454545455vw, 17px);
  line-height: 1.5;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .backnumber-box .backnumber-list ul li p.txt-ttl {
    font-size: 3.4666666667vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 3em;
  }
}
.content-container .article-container .article-box .copy-box {
  margin-top: min(4.5454545455vw, 50px);
  text-align: center;
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .copy-box {
    margin-top: 5.3333333333vw;
  }
}
.content-container .article-container .article-box .copy-box p {
  font-size: min(1.0909090909vw, 12px);
}
@media (max-width: 768px) {
  .content-container .article-container .article-box .copy-box p {
    font-size: 2.4vw;
  }
}
.content-container .foot-container {
  height: min(5.4545454545vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .content-container .foot-container {
    height: 8vw;
  }
}
.content-container .foot-container p {
  font-size: min(1.0909090909vw, 12px);
  color: #999;
}
@media (max-width: 768px) {
  .content-container .foot-container p {
    font-size: 2.4vw;
  }
}
/*# sourceMappingURL=style.css.map */