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

.movie-box {
  width: min(66.5833333333vw, 799px);
  height: min(37.5vw, 450px);
  margin: 0 auto min(5vw, 60px);
}
@media (max-width: 1170px) {
  .movie-box {
    width: 100%;
    height: 50.6666666667vw;
  }
}
.movie-box:last-child {
  margin-bottom: 0;
}
.movie-box iframe {
  width: 100%;
  height: 100%;
}

.movie-modal {
  /* モーダル内が動画ではなく画像の場合 */
}
.movie-modal .movie-box {
  width: min(66.6666666667vw, 800px);
  height: auto;
}
@media (max-width: 1170px) {
  .movie-modal .movie-box {
    width: 100%;
  }
}

#kyokai {
  line-height: 1.3;
  font-family: "Plus Jakarta Sans", "Noto Sans JP", sans-serif !important;
  /* ========================================================
  パーツ
  =========================================================*/
  /* ========================================================
  コンテンツ
  =========================================================*/
}
#kyokai .pc {
  display: block;
}
@media (max-width: 1170px) {
  #kyokai .pc {
    display: none;
  }
}
#kyokai .sp {
  display: none;
}
@media (max-width: 1170px) {
  #kyokai .sp {
    display: block;
  }
}
#kyokai picture {
  font-size: 0;
  display: block;
}
#kyokai * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#kyokai ul {
  margin: 0;
  padding: 0;
}
#kyokai ul li {
  list-style: none;
}
#kyokai h1,
#kyokai h2,
#kyokai h3 {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  overflow: hidden;
  font-weight: normal;
}
#kyokai p {
  margin: 0;
  padding: 0;
}
#kyokai a {
  text-decoration: none;
  color: #115968;
}
#kyokai a:hover {
  opacity: 0.7;
}
#kyokai img,
#kyokai video {
  width: 100%;
  vertical-align: bottom;
}
#kyokai .img-box a:hover {
  opacity: 0.7;
}
#kyokai .content-container .block-common {
  /* ========================================================
  コンテンツ共通
  =========================================================*/
  /* ========================================================
  各ブロック
  =========================================================*/
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common {
    padding: 0 5.3333333333vw;
  }
}
#kyokai .content-container .block-common .content-inr {
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
  padding: 0 min(1.6666666667vw, 20px);
  height: 100%;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common .content-inr {
    padding: 0;
  }
}
#kyokai .content-container .block-common .content-inr .ttl-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto min(7.5vw, 90px);
}
#kyokai .content-container .block-common.hero-container {
  background: url(../img/kv_bg.png) no-repeat center 0 #200A00;
  padding-bottom: min(7.5vw, 90px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container {
    background: url(../img/kv_bg_sp.png) no-repeat center 0 #200A00;
    background-size: cover;
    padding: 0;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container {
  padding-top: min(4.9166666667vw, 59px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0;
  overflow: hidden;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container {
    padding-top: 5.6vw;
    margin-bottom: 0;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .kv-inr {
  width: 100%;
  min-height: min(35vw, 420px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .kv-inr {
    width: auto;
    min-height: auto;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .prize-container {
  width: min(31.75vw, 381px);
  position: absolute;
  right: min(3vw, 36px);
  top: min(2.9166666667vw, 35px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .prize-container {
    width: 65.3333333333vw;
    left: 17.3333333333vw;
    top: 26.4vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .lead-container {
  margin-bottom: min(3.8333333333vw, 46px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .lead-container {
    margin-left: 2.1333333333vw;
    margin-bottom: 27.7333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .lead-container .txt-lead.-lead1 {
  width: min(44.1666666667vw, 530px);
  margin-bottom: min(0.8333333333vw, 10px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .lead-container .txt-lead.-lead1 {
    width: 70.6666666667vw;
    margin-left: 0;
    margin-bottom: 1.6vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .lead-container .txt-lead.-lead2 {
  width: min(54.1666666667vw, 650px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .lead-container .txt-lead.-lead2 {
    width: 89.3333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .ttl-container {
  position: relative;
}
#kyokai .content-container .block-common.hero-container .kv-container .ttl-container .logo-box {
  width: min(21.5833333333vw, 259px);
  margin-bottom: min(6.25vw, -75px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .ttl-container .logo-box {
    width: 34.5333333333vw;
    margin-left: 1.6vw;
    margin-bottom: -6.1333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .ttl-container .ttl-box {
  width: min(83.3333333333vw, 1000px);
  position: relative;
  z-index: 10;
  margin-left: min(3.6666666667vw, 44px);
  margin-bottom: min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .ttl-container .ttl-box {
    width: 93.6vw;
    margin-left: 2.4vw;
    margin-bottom: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .ttl-container .num-box {
  width: min(8.8333333333vw, 106px);
  position: absolute;
  right: min(8.3333333333vw, 100px);
  top: min(10.1666666667vw, 122px);
  z-index: 10;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .ttl-container .num-box {
    width: 10.2666666667vw;
    top: 15.4666666667vw;
    right: 0.8vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .ttl-container .ill-box {
  width: min(19vw, 228px);
  position: absolute;
  right: 0;
  top: min(16.6666666667vw, -200px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .ttl-container .ill-box {
    right: -5%;
    top: -1.3333333333vw;
    width: 31.2vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .kv-author-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: min(6.3333333333vw, 76px);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  right: 0;
  top: min(43.5833333333vw, 523px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .kv-author-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 82.6666666667vw;
    right: 0.5333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .kv-author-container .author-box {
  width: min(20.9166666667vw, 251px);
  margin-right: min(2.5833333333vw, 31px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .kv-author-container .author-box {
    width: 28.1333333333vw;
    margin-right: 4.5333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .kv-container .kv-author-container .illustrator-box {
  width: min(13.8333333333vw, 166px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .kv-container .kv-author-container .illustrator-box {
    width: 22.1333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .special-container {
  width: min(83vw, 996px);
  margin: 0 auto min(6.6666666667vw, 80px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .special-container {
    margin: 0;
    margin-left: 4.2666666667vw;
    width: 89.7333333333vw;
    margin-bottom: 7.7333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .news-box {
  background: #FFF;
  width: min(81.6666666667vw, 980px);
  height: min(16.6666666667vw, 200px);
  position: relative;
  margin: 0 auto min(4.1666666667vw, 50px);
  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: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .news-box {
    width: 89.3333333333vw;
    height: 61.3333333333vw;
    margin: 0 auto 6.6666666667vw;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .news-box .ttl-box {
  width: min(10.4166666667vw, 125px);
  height: min(4.1666666667vw, 50px);
  font-size: min(1.6666666667vw, 20px);
  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;
  background: #0B2D56;
  font-weight: 900;
  position: absolute;
  left: min(1.6666666667vw, -20px);
  top: min(1.6666666667vw, -20px);
  color: #FFF;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .news-box .ttl-box {
    width: 18.6666666667vw;
    height: 8vw;
    font-size: 3.7333333333vw;
    left: -2.6666666667vw;
    top: -4vw;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .news-list {
  width: min(75vw, 900px);
  height: min(10vw, 120px);
  overflow-y: scroll;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .news-list {
    width: 100%;
    height: 45.3333333333vw;
    padding: 0 7%;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .news-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: min(3.3333333333vw, 40px);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .news-list ul li {
    height: auto;
    display: block;
    margin-bottom: 3.5%;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .news-list ul li:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.hero-container .news-container .news-list ul li p.txt-date {
  color: #7a7a7a;
  display: inline-block;
  width: min(10vw, 120px);
  margin-right: min(2.5vw, 30px);
  font-size: min(1.3333333333vw, 16px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .news-list ul li p.txt-date {
    display: block;
    width: auto;
    font-size: 3.2vw;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .news-list ul li a,
#kyokai .content-container .block-common.hero-container .news-container .news-list ul li span {
  font-size: min(1.3333333333vw, 16px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .news-list ul li a,
  #kyokai .content-container .block-common.hero-container .news-container .news-list ul li span {
    font-size: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .news-list ul li a {
  color: #3b98c6;
  text-decoration: underline;
}
#kyokai .content-container .block-common.hero-container .news-container .btn-news a {
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #179CD5;
  width: min(34.1666666667vw, 410px);
  height: min(5.8333333333vw, 70px);
  margin: 0 auto;
  border-radius: min(0.25vw, 3px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .btn-news a {
    width: 66.6666666667vw;
    height: 12vw;
    border-radius: 0.6666666667vw;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .btn-news a p {
  margin-right: min(0.8333333333vw, 10px);
  font-size: min(1.8333333333vw, 22px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .btn-news a p {
    font-size: 4vw;
    margin-right: 3%;
  }
}
#kyokai .content-container .block-common.hero-container .news-container .btn-news a img {
  width: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.hero-container .news-container .btn-news a img {
    width: 4vw;
  }
}
#kyokai .content-container .block-common.cast-container {
  margin: 0 auto;
  background: #200A00;
  padding-top: min(10.4166666667vw, 125px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container {
    padding-top: 10.6666666667vw;
  }
}
#kyokai .content-container .block-common.cast-container .ttl-box {
  width: min(78.8333333333vw, 946px);
  margin-bottom: min(10.8333333333vw, 130px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container .ttl-box {
    width: 85.3333333333vw;
    margin-bottom: 13.3333333333vw;
  }
}
#kyokai .content-container .block-common.cast-container .cast-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container .cast-list ul {
    display: block;
    margin-bottom: 9.3333333333vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container .cast-list ul:last-child {
    margin-bottom: 0;
  }
}
#kyokai .content-container .block-common.cast-container .cast-list ul.-someliars li::before {
  content: "＼NEW／";
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -30px);
          transform: translate(-50%, -30px);
  color: #FFC369;
  font-size: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container .cast-list ul.-someliars li::before {
    font-size: 4vw;
    top: -5.3333333333vw;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
#kyokai .content-container .block-common.cast-container .cast-list ul li {
  color: #FFFFFF;
  margin-bottom: min(3.3333333333vw, 40px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: min(4.1666666667vw, 50px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container .cast-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 8vw;
    margin-right: 0;
  }
}
#kyokai .content-container .block-common.cast-container .cast-list ul li:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.cast-container .cast-list ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#kyokai .content-container .block-common.cast-container .cast-list ul li dl dt {
  font-size: min(1.6666666667vw, 20px);
  color: #FFEACC;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container .cast-list ul li dl dt {
    font-size: 3.4666666667vw;
  }
}
#kyokai .content-container .block-common.cast-container .cast-list ul li dl dd {
  margin: 0;
  font-size: min(2.5vw, 30px);
  font-weight: 600;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container .cast-list ul li dl dd {
    font-size: 4.2666666667vw;
  }
}
#kyokai .content-container .block-common.cast-container .cast-list ul li a {
  display: block;
  width: min(3.5833333333vw, 43px);
  height: min(3.5375vw, 42.45px);
  display: block;
  background: url(../img/cast-icon-balloon.png) no-repeat center 0;
  margin-left: min(1.6666666667vw, 20px);
  cursor: pointer;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.cast-container .cast-list ul li a {
    width: 6.8vw;
    height: 6.6666666667vw;
    background: url(../img/cast-icon-balloon_sp.png) no-repeat center 0;
    background-size: 6.8vw 6.6666666667vw;
    margin-left: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.cast-container .cast-list ul .modal-common {
  display: none;
}
#kyokai .content-container .block-common.pv-container {
  min-height: min(71.6666666667vw, 860px);
  background: url(../img/pv_bg.png) no-repeat center bottom #200A00;
  padding-top: min(7.5vw, 180px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.pv-container {
    background: url(../img/pv_bg_sp.png) no-repeat center bottom #200A00;
    background-size: 100vw 84vw;
    height: 106.6666666667vw;
    padding-top: 18.6666666667vw;
  }
}
#kyokai .content-container .block-common.pv-container .ttl-box {
  margin-bottom: min(4.1666666667vw, 50px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.pv-container .ttl-box {
    width: 71.7333333333vw;
    margin-bottom: 8vw;
  }
}
#kyokai .content-container .block-common.story-container {
  height: min(85vw, 1020px);
  padding-top: min(8.3333333333vw, 100px);
  position: relative;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container {
    padding-top: 10.6666666667vw;
    background: url(../img/story_bg_sp.png) no-repeat;
    height: 182.6666666667vw;
    background-size: 100vw 182.6666666667vw;
  }
}
#kyokai .content-container .block-common.story-container::before {
  content: "";
  width: min(39.0833333333vw, 469px);
  height: 100%;
  display: block;
  background: url(../img/story_bg_left.png) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container::before {
    display: none;
  }
}
#kyokai .content-container .block-common.story-container::after {
  content: "";
  width: min(40.1666666667vw, 482px);
  height: 100%;
  display: block;
  background: url(../img/story_bg_right.png) no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container::after {
    display: none;
  }
}
#kyokai .content-container .block-common.story-container .txt-l,
#kyokai .content-container .block-common.story-container .txt-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#kyokai .content-container .block-common.story-container .txt-l {
  margin-bottom: min(5vw, 60px);
}
#kyokai .content-container .block-common.story-container .txt-m {
  margin: min(4.1666666667vw, 50px) 0 min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container .txt-m {
    margin: 8vw 0;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container .ttl-box {
    width: 40vw;
    margin-bottom: 8vw;
  }
}
#kyokai .content-container .block-common.story-container .detail-box p {
  font-size: min(1.8333333333vw, 22px);
  line-height: 2;
  text-align: center;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container .detail-box p {
    font-size: 3.7333333333vw;
    text-align: left;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container .detail-box p br {
    display: none;
  }
}
#kyokai .content-container .block-common.story-container .detail-box p.txt-l {
  font-size: min(3.5833333333vw, 43px);
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.5;
  margin-bottom: min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container .detail-box p.txt-l {
    font-size: 5.3333333333vw;
    line-height: 1.75;
    margin-bottom: 4vw;
  }
}
#kyokai .content-container .block-common.story-container .detail-box p.txt-m {
  font-size: min(2.5vw, 30px);
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.5;
  margin: min(3.3333333333vw, 40px) 0;
  color: #0196C1;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container .detail-box p.txt-m {
    font-size: 4.5333333333vw;
  }
}
#kyokai .content-container .block-common.story-container .detail-box p:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.story-container .detail-box p.txt-special {
  font-weight: 800;
  font-size: min(3.3333333333vw, 40px);
  margin-top: min(10vw, 120px);
  margin-bottom: min(2.5vw, 30px);
  text-align: center;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.story-container .detail-box p.txt-special {
    font-size: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.chara-container {
  background: url(../img/chara_bg.png) no-repeat center 0;
  height: min(158.3333333333vw, 1900px);
  padding-top: min(8.1666666667vw, 98px);
  background-size: cover;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container {
    height: 361.3333333333vw;
    background: url(../img/chara_bg_sp.png) no-repeat center 0 #050f14;
    background-size: contain;
    padding-bottom: 10.6666666667vw;
    background-size: 100vw 361.3333333333vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .ttl-box {
    width: 50.9333333333vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-box {
  position: relative;
}
#kyokai .content-container .block-common.chara-container .chara-box.-someliars .group-name {
  width: min(33vw, 396px);
  position: absolute;
  left: min(4vw, 48px);
  top: min(12.5833333333vw, 151px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-box.-someliars .group-name {
    position: static;
    width: 40vw;
    margin: 0 auto 8vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-box.-someliars .img-box {
  width: min(55.5833333333vw, 667px);
  margin-top: min(2.3333333333vw, -28px);
  margin-left: min(20.5vw, 246px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-box.-someliars .img-box {
    width: 52vw;
    margin: 0;
    position: absolute;
  }
}
#kyokai .content-container .block-common.chara-container .chara-box.-kanitama .group-name {
  width: min(33vw, 396px);
  position: absolute;
  right: min(24.9166666667vw, 299px);
  bottom: min(3.5833333333vw, -43px);
  z-index: 10;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-box.-kanitama .group-name {
    position: static;
    width: 40vw;
    margin: 0 auto 8vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-box.-kanitama .img-box {
  width: min(47.75vw, 573px);
  margin-top: min(5.1666666667vw, 62px);
  margin-left: min(22vw, 264px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-box.-kanitama .img-box {
    width: 63.4666666667vw;
    margin: 0 auto;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .flex-wpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 13.3333333333vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .flex-wpr .img-box {
    position: absolute;
    z-index: 10;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .flex-wpr.-takeshi, #kyokai .content-container .block-common.chara-container .flex-wpr.-makoto {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .flex-wpr.-takeshi .img-box {
    width: 49.0666666667vw;
    top: -5.3333333333vw;
    left: -2.6666666667vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .flex-wpr.-minoru .img-box {
    width: 52vw;
    top: -8vw;
    right: -4.8vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .flex-wpr.-makoto .img-box {
    width: 36.5333333333vw;
    top: -8vw;
    left: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common {
  background: rgba(10, 8, 8, 0.5);
  padding: min(2.5vw, 30px);
  padding-top: min(3.75vw, 45px);
  position: relative;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common {
    padding: 4vw;
    padding-top: 8vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common .name-box {
  position: absolute;
  left: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common .name-box {
    left: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common p {
  color: #FFF;
  line-height: 1.7;
  font-size: min(1.3333333333vw, 16px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common p {
    font-size: 3.2vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common p.txt-cast {
  color: #FFEACC;
  margin-bottom: min(0.6666666667vw, 8px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common p.txt-cast {
    font-size: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common p.txt-cast span {
  color: #FFF;
  font-size: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common p.txt-cast span {
    font-size: 3.4666666667vw;
    display: block;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-takeshi {
  width: min(32.5vw, 390px);
  position: absolute;
  right: min(4.8333333333vw, 58px);
  top: min(8vw, 96px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-takeshi {
    width: 46.6666666667vw;
    height: 50.6666666667vw;
    position: static;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-takeshi .name-box {
  width: min(15vw, 180px);
  top: min(2.4166666667vw, -29px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-takeshi .name-box {
    width: 22.8vw;
    top: -3.7333333333vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-minoru {
  width: min(28.3333333333vw, 340px);
  height: min(14.1666666667vw, 170px);
  position: absolute;
  right: min(9vw, 108px);
  top: min(59.3333333333vw, 712px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-minoru {
    width: 46.6666666667vw;
    height: 46.6666666667vw;
    position: static;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-minoru .name-box {
  width: min(13.9166666667vw, 167px);
  top: min(2.6666666667vw, -32px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-minoru .name-box {
    width: 20.9333333333vw;
    top: -5.0666666667vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-makoto {
  width: min(35.8333333333vw, 430px);
  height: min(14.1666666667vw, 170px);
  position: absolute;
  left: 0;
  top: min(60vw, 720px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-makoto {
    width: 46.6666666667vw;
    height: 45.3333333333vw;
    position: static;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-makoto .name-box {
  width: min(14.3333333333vw, 172px);
  top: min(3vw, -36px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-makoto .name-box {
    width: 20.9333333333vw;
    top: -4.5333333333vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-kyosuke {
  width: min(27.5vw, 330px);
  height: min(17.5vw, 210px);
  position: absolute;
  left: 0;
  top: min(20.6666666667vw, 248px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-kyosuke {
    width: 40vw;
    height: 49.3333333333vw;
    top: 74.6666666667vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-kyosuke .name-box {
  width: min(20.1666666667vw, 242px);
  top: min(4.3333333333vw, -52px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-kyosuke .name-box {
    width: 32.2666666667vw;
    top: -8vw;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-kai {
  width: min(30vw, 360px);
  height: min(16.6666666667vw, 200px);
  position: absolute;
  right: min(1.9166666667vw, 23px);
  top: min(16.5vw, 198px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-kai {
    width: 40vw;
    height: 49.3333333333vw;
    top: 74.6666666667vw;
    right: 0;
  }
}
#kyokai .content-container .block-common.chara-container .chara-common.-kai .name-box {
  width: min(13.75vw, 165px);
  top: min(3.5833333333vw, -43px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.chara-container .chara-common.-kai .name-box {
    width: 22.1333333333vw;
    top: -7.4666666667vw;
  }
}
#kyokai .content-container .block-common.comic-container {
  background: url(../img/comic_bg.png) no-repeat;
  padding: min(8.3333333333vw, 100px) 0;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.comic-container .ttl-box {
    width: 33.7333333333vw;
  }
}
#kyokai .content-container .block-common.comic-container .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#kyokai .content-container .block-common.comic-container p {
  color: #000;
  text-align: center;
  font-size: min(2.5vw, 30px);
  font-weight: 600;
  margin-bottom: min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.comic-container p {
    font-size: 4.5333333333vw;
    margin-bottom: 5.3333333333vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
#kyokai .content-container .block-common.comic-container .img-box {
  margin-bottom: min(2.5vw, 30px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.comic-container .img-box {
    width: 52vw;
    margin: 0 auto 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.comic-container .txt-box p {
  font-size: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.comic-container .txt-box p {
    font-size: 4vw;
    line-height: 1.5;
  }
}
#kyokai .content-container .block-common.comic-container .btn-box {
  width: min(34.1666666667vw, 410px);
  margin: 0 auto;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.comic-container .btn-box {
    width: 89.3333333333vw;
  }
}
#kyokai .content-container .block-common.dramaCD-container {
  background: #050f14;
  padding-top: min(5.8333333333vw, 70px);
  padding-bottom: min(11.6666666667vw, 140px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.dramaCD-container {
    padding-top: 5.3333333333vw;
    padding-bottom: 18.6666666667vw;
  }
}
#kyokai .content-container .block-common.dramaCD-container .ttl-box {
  width: min(63.5vw, 762px);
  margin: 0 auto min(8.3333333333vw, 100px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.dramaCD-container .ttl-box {
    width: 100%;
    max-width: 101.6vw;
  }
}
#kyokai .content-container .block-common.dramaCD-container .cast-list ul li {
  text-align: center;
  font-size: min(1.8333333333vw, 22px);
  color: #FFF;
  margin-bottom: min(1.1666666667vw, 14px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.dramaCD-container .cast-list ul li {
    display: block;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
#kyokai .content-container .block-common.dramaCD-container .cast-list ul li img {
  width: min(17.5vw, 210px);
  vertical-align: middle;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.dramaCD-container .cast-list ul li img {
    width: 33.3333333333vw;
  }
}
#kyokai .content-container .block-common.info-container {
  padding-top: min(10vw, 120px);
  background: #1F0A00;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .ttl-box {
    width: 53.8666666667vw;
  }
}
#kyokai .content-container .block-common.info-container p.txt-footnote {
  font-size: min(1.0833333333vw, 13px);
  line-height: 1.8;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container p.txt-footnote {
    font-size: 2.9333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .main-box {
  margin-bottom: min(4.1666666667vw, 50px);
}
#kyokai .content-container .block-common.info-container .main-box p {
  color: #5D3E2F;
}
#kyokai .content-container .block-common.info-container .main-box p.txt-lead {
  font-size: min(1.5vw, 18px);
  line-height: 1.8;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .main-box p.txt-lead {
    font-size: 3.7333333333vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .main-box p.txt-lead br {
    display: none;
  }
}
#kyokai .content-container .block-common.info-container .main-box p.txt-lead.-mb {
  margin-bottom: min(2.5vw, 30px);
}
#kyokai .content-container .block-common.info-container .main-box p {
  text-align: center;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .main-box p {
    text-align: left;
  }
}
#kyokai .content-container .block-common.info-container .main-box p.txt-footnote {
  margin-bottom: min(2.5vw, 30px);
}
#kyokai .content-container .block-common.info-container .main-box p.txt-sub {
  color: #FFC369;
  font-size: min(1.8333333333vw, 22px);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(1vw, 12px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .main-box p.txt-sub {
    width: 100%;
    font-size: 3.2vw;
  }
}
#kyokai .content-container .block-common.info-container .main-box p.txt-sub::before {
  content: "＼";
  margin-right: min(0.3333333333vw, 4px);
}
#kyokai .content-container .block-common.info-container .main-box p.txt-sub::after {
  content: "／";
  margin-left: min(0.3333333333vw, 4px);
}
#kyokai .content-container .block-common.info-container .main-box p.txt-main {
  font-size: min(3.5833333333vw, 43px);
  font-weight: 800;
  margin-bottom: min(3.3333333333vw, 40px);
  color: #1F0A00;
  line-height: 1.3;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .main-box p.txt-main {
    font-size: 4.8vw;
    line-height: 1.5;
    margin-bottom: 4vw;
    text-align: center;
    margin-bottom: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.info-container .main-box p:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.info-container .main-box p.-ta-l {
  text-align: left;
}
#kyokai .content-container .block-common.info-container .event-container {
  margin-bottom: min(8.3333333333vw, 100px);
  background: #fff;
  padding: min(5.8333333333vw, 70px) min(4.1666666667vw, 50px) min(10vw, 120px);
}
#kyokai .content-container .block-common.info-container .event-container:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.info-container .event-container .box-common {
  margin: 0 auto min(4.1666666667vw, 50px);
}
#kyokai .content-container .block-common.info-container .event-container .box-common:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.info-container .event-container .box-common > .txt-ttl {
  background: #5D3E2F;
  height: min(4.5833333333vw, 55px);
  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;
  color: #FFF;
  font-size: min(1.8333333333vw, 22px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common > .txt-ttl {
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .box-inr {
  padding: min(2.5vw, 30px) min(3.3333333333vw, 40px);
  background: #F6F3ED;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .box-inr {
    padding: 4vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .item-list ul li {
  margin-bottom: min(2.5vw, 30px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .item-list ul li {
    margin-bottom: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common p {
  color: #5D3E2F;
}
#kyokai .content-container .block-common.info-container .event-container .box-common p.txt-detail {
  font-size: min(1.5vw, 18px);
  line-height: 1.8;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common p.txt-detail {
    font-size: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common p.txt-detail a {
  text-decoration: underline;
}
#kyokai .content-container .block-common.info-container .event-container .box-common p.txt-detail a:hover {
  text-decoration: none;
}
#kyokai .content-container .block-common.info-container .event-container .box-common p.txt-footnote {
  margin-top: min(0.8333333333vw, 10px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common p.txt-footnote {
    margin-top: 2.1333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common p.txt-footnote a {
  text-decoration: underline;
}
#kyokai .content-container .block-common.info-container .event-container .box-common p.txt-footnote a:hover {
  text-decoration: none;
}
#kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .btn-box {
  width: 100%;
  height: min(5vw, 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;
  font-size: min(1.6666666667vw, 20px);
  border-radius: min(0.3333333333vw, 4px);
  background: #3b98c6;
  color: #FFF;
  position: relative;
  cursor: pointer;
  margin-bottom: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .btn-box {
    width: 100%;
    height: 12vw;
    font-size: 4.2666666667vw;
    border-radius: 1.0666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .btn-box:after {
  content: "";
  width: min(1vw, 12px);
  height: min(1vw, 12px);
  display: block;
  position: absolute;
  right: min(2.0833333333vw, 25px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .btn-box:after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    right: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .btn-box.-down-arrow:after {
  border-right: min(0.1666666667vw, 2px) solid #FFF;
  border-bottom: min(0.1666666667vw, 2px) solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .btn-box.-down-arrow:after {
    top: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .btn-box.-up-arrow:after {
  border-top: min(0.1666666667vw, 2px) solid #FFF;
  border-right: min(0.1666666667vw, 2px) solid #FFF;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: min(2.0833333333vw, 25px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .btn-box.-up-arrow:after {
    top: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .store-list {
  display: none;
}
#kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .store-list ul {
  margin-bottom: min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .store-list ul {
    margin-bottom: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .store-list ul li {
  font-size: min(1.5vw, 18px);
  margin-bottom: min(0.8333333333vw, 10px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .accordion-wpr .accordion-box .store-list ul li {
    font-size: 4vw;
    margin-bottom: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.event-box p.txt-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: min(1.6666666667vw, 20px);
  line-height: 2;
  color: #5D3E2F;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.event-box p.txt-detail {
    font-size: 4vw;
    display: block;
    line-height: 1.5;
    margin-bottom: 4vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.event-box p.txt-detail a {
  margin-left: min(1.1666666667vw, 14px);
  color: #3b98c6;
  text-decoration: underline;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.event-box p.txt-detail a {
    display: block;
    margin: 0;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.event-box p.txt-detail:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box p.txt-detail, #kyokai .content-container .block-common.info-container .event-container .box-common.announcement-box p.txt-detail {
  font-size: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.period-box p.txt-detail, #kyokai .content-container .block-common.info-container .event-container .box-common.announcement-box p.txt-detail {
    font-size: 4vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .list-box.store-list {
  margin-top: min(2.5vw, 30px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.period-box .list-box.store-list {
    margin-top: 8vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .list-box.store-list ul li p.txt-ttl {
  font-weight: 600;
  font-size: min(2.25vw, 27px);
  margin-bottom: min(0.8333333333vw, 10px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.period-box .list-box.store-list ul li p.txt-ttl {
    font-size: 4.5333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .list-box.store-list ul li .detail-box {
  margin-bottom: min(1.6666666667vw, 20px);
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .list-box.store-list ul li .detail-box:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .list-box.store-list ul li .detail-box p.txt-detail {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .list-box.store-list ul li .detail-box p.txt-footnote {
  line-height: 1.5;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .btn-box {
  margin: min(1.6666666667vw, 20px) 0;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .btn-box a {
  width: min(25vw, 300px);
  height: min(5vw, 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;
  font-size: min(1.6666666667vw, 20px);
  border-radius: min(0.3333333333vw, 4px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.period-box .btn-box a {
    width: 100%;
    height: 12vw;
    font-size: 4.2666666667vw;
    border-radius: 1.0666666667vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .btn-box.-deactive a {
  background: #dedede;
  color: #999;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .btn-box.-deactive a:hover {
  opacity: 1;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .btn-box.-active a {
  background: #3b98c6;
  color: #FFF;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box .btn-box.-active a:hover {
  opacity: 0.7;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.method-box p.txt-detail br {
    display: none;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li {
    display: block;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li .point-box {
  background: #5C4F82;
  color: #FFF;
  font-weight: 500;
  font-size: min(1.6666666667vw, 20px);
  width: min(18.3333333333vw, 220px);
  height: min(3.3333333333vw, 40px);
  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;
  margin-bottom: min(1.25vw, 15px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li .point-box {
    width: 53.3333333333vw;
    height: 8vw;
    font-size: 4.2666666667vw;
    margin: 0 auto 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li .number-box {
  font-size: min(2.5vw, 30px);
  font-weight: 700;
  color: #008b8b;
  line-height: 1;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li .number-box {
    text-align: center;
    margin-top: 2.6666666667vw;
    font-size: 6.1333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li .number-box span {
  font-size: min(4.1666666667vw, 50px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li .number-box span {
    font-size: 8vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li p.txt-ttl {
  font-weight: 600;
  font-size: min(2.5vw, 30px);
  line-height: 1.1;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li p.txt-ttl {
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.present-box .list-box ul li p.txt-ttl span {
  font-size: 70%;
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box p.txt-date, #kyokai .content-container .block-common.info-container .event-container .box-common.app-box p.txt-date {
  font-size: min(1.9166666667vw, 23px);
  font-weight: 600;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.period-box p.txt-date, #kyokai .content-container .block-common.info-container .event-container .box-common.app-box p.txt-date {
    font-size: 4.8vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common.period-box p.txt-period, #kyokai .content-container .block-common.info-container .event-container .box-common.app-box p.txt-period {
  border: 1px solid #115968;
  width: min(20vw, 240px);
  height: min(2.5vw, 30px);
  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(1.3333333333vw, 16px);
  margin-top: min(2.5vw, 30px);
  margin-bottom: min(0.4166666667vw, 5px);
  font-weight: 7000;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.period-box p.txt-period, #kyokai .content-container .block-common.info-container .event-container .box-common.app-box p.txt-period {
    width: 45.3333333333vw;
    height: 6.6666666667vw;
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common.point-box {
    margin-bottom: 13.3333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .list-box ul li {
  padding-bottom: min(3.3333333333vw, 40px);
  margin-bottom: min(3.3333333333vw, 40px);
  border-bottom: 1px solid #115968;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .box-common .list-box ul li {
    padding-bottom: 10%;
    margin-bottom: 10%;
  }
}
#kyokai .content-container .block-common.info-container .event-container .box-common .list-box ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
#kyokai .content-container .block-common.info-container .event-container .points-container {
  margin-bottom: min(5vw, 60px);
}
#kyokai .content-container .block-common.info-container .event-container .points-container > p.txt-ttl {
  text-align: center;
  font-size: min(2.5vw, 30px);
  font-weight: 600;
  margin-bottom: min(4.1666666667vw, 50px);
  color: #5C4F82;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .points-container > p.txt-ttl {
    font-size: 4.2666666667vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .points-container > p.txt-ttl span {
  font-size: min(5vw, 60px);
  font-weight: 700;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .points-container > p.txt-ttl span {
    font-size: 8vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .points-container .movie-box {
  margin-bottom: min(6.6666666667vw, 80px);
}
#kyokai .content-container .block-common.info-container .event-container .points-container .img-box {
  width: min(75vw, 900px);
  margin: 0 auto min(5.8333333333vw, 70px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .points-container .img-box {
    width: 53.3333333333vw;
    margin-bottom: 8vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(75vw, 900px);
  margin: 0 auto;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .points-container .list-box {
    width: auto;
  }
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li {
  margin-bottom: min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li {
    margin-bottom: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li .btn-box {
  margin-top: min(2.5vw, 30px);
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li .btn-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li .btn-box ul li:nth-child(1) {
  margin-right: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li .btn-box ul li:nth-child(1) {
    margin-right: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li p {
  font-size: min(1.5vw, 18px);
  line-height: 1.7;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li p {
    font-size: 3.2vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li p.txt-ttl {
  font-size: min(1.6666666667vw, 20px);
  font-weight: 600;
  margin-bottom: min(0.8333333333vw, 10px);
  color: #5C4F82;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li p.txt-ttl {
    font-size: 3.4666666667vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li p.txt-footnote {
  font-size: min(1.0833333333vw, 13px);
  line-height: 1.8;
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li p.txt-footnote a {
  text-decoration: underline;
}
#kyokai .content-container .block-common.info-container .event-container .points-container .list-box > ul > li p.txt-footnote a:hover {
  text-decoration: none;
}
#kyokai .content-container .block-common.info-container .event-container.-event1 .subject-box > .txt-ttl,
#kyokai .content-container .block-common.info-container .event-container.-event1 .period-box > .txt-ttl {
  cursor: pointer;
  position: relative;
}
#kyokai .content-container .block-common.info-container .event-container.-event1 .subject-box > .txt-ttl::after,
#kyokai .content-container .block-common.info-container .event-container.-event1 .period-box > .txt-ttl::after {
  content: "";
  width: min(1vw, 12px);
  height: min(1vw, 12px);
  display: block;
  position: absolute;
  right: min(2.0833333333vw, 25px);
  top: min(2.0833333333vw, 25px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container.-event1 .subject-box > .txt-ttl::after,
  #kyokai .content-container .block-common.info-container .event-container.-event1 .period-box > .txt-ttl::after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    right: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container.-event1 .subject-box > .txt-ttl.-down-arrow::after,
#kyokai .content-container .block-common.info-container .event-container.-event1 .period-box > .txt-ttl.-down-arrow::after {
  border-right: min(0.1666666667vw, 2px) solid #FFF;
  border-bottom: min(0.1666666667vw, 2px) solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container.-event1 .subject-box > .txt-ttl.-down-arrow::after,
  #kyokai .content-container .block-common.info-container .event-container.-event1 .period-box > .txt-ttl.-down-arrow::after {
    right: 5.3333333333vw;
    top: 4vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container.-event1 .subject-box > .txt-ttl.-up-arrow::after,
#kyokai .content-container .block-common.info-container .event-container.-event1 .period-box > .txt-ttl.-up-arrow::after {
  border-top: min(0.1666666667vw, 2px) solid #FFF;
  border-right: min(0.1666666667vw, 2px) solid #FFF;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: min(2.0833333333vw, 25px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.info-container .event-container.-event1 .subject-box > .txt-ttl.-up-arrow::after,
  #kyokai .content-container .block-common.info-container .event-container.-event1 .period-box > .txt-ttl.-up-arrow::after {
    right: 5.3333333333vw;
    top: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.info-container .event-container.-event1 .subject-box .box-wpr,
#kyokai .content-container .block-common.info-container .event-container.-event1 .period-box .box-wpr {
  display: none;
}
#kyokai .content-container .block-common.author-container {
  margin: 0 auto;
  background: #1F0A00;
  color: #FFF;
  padding-top: min(10vw, 120px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .ttl-box {
    width: 33.6vw;
  }
}
#kyokai .content-container .block-common.author-container .profile-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box {
    width: auto;
    display: block;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .img-box {
  width: min(30vw, 360px);
  margin-right: min(5.8333333333vw, 70px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .img-box {
    width: 80vw;
    margin: 0 auto 10%;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box {
  width: min(64.1666666667vw, 770px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .detail-box {
    width: auto;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box .ttl-box {
  width: min(45.25vw, 543px);
  margin-bottom: min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .detail-box .ttl-box {
    width: 100%;
    margin-bottom: 8%;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box p {
  font-weight: 300;
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box p.txt-author {
  font-size: min(2.5vw, 30px);
  font-weight: 600;
  margin-bottom: min(2.0833333333vw, 25px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .detail-box p.txt-author {
    font-size: 5.3333333333vw;
    margin-bottom: 4%;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box p.txt-author span {
  font-size: min(1vw, 12px);
  margin-left: min(1.25vw, 15px);
  color: #FFEACC;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .detail-box p.txt-author span {
    font-size: 2.9333333333vw;
    margin-left: 3.2vw;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box p.txt-detail {
  line-height: 1.8;
  font-size: min(1.3333333333vw, 16px);
  margin-bottom: min(5vw, 60px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .detail-box p.txt-detail {
    font-size: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box .comment-box {
  background: #331D12;
  padding: min(5vw, 60px) min(2.5vw, 30px) min(4.1666666667vw, 50px);
  position: relative;
  margin-bottom: min(10.4166666667vw, 125px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .detail-box .comment-box {
    padding: 18.6666666667vw 6.6666666667vw 6.6666666667vw;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box .comment-box .ttl-box {
  width: min(21.6666666667vw, 260px);
  height: min(3.3333333333vw, 40px);
  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(1.6666666667vw, 20px);
  background: #002551;
  position: absolute;
  font-weight: 600;
  left: min(1.6666666667vw, -20px);
  top: min(0.8333333333vw, -10px);
  color: #FFF;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .detail-box .comment-box .ttl-box {
    padding-left: 6.6666666667vw;
    left: -2.1333333333vw;
    top: 4vw;
    width: 80vw;
    height: 10.6666666667vw;
    font-size: 4.5333333333vw;
  }
}
#kyokai .content-container .block-common.author-container .profile-box .detail-box .comment-box p {
  color: #FFF;
  line-height: 1.75;
  font-size: min(1.3333333333vw, 16px);
  font-weight: 300;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.author-container .profile-box .detail-box .comment-box p {
    font-size: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.book-container {
  background: #01324A;
  color: #FFF;
  padding-top: min(8.3333333333vw, 100px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container {
    padding-bottom: 13.3333333333vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .content-inr > .ttl-box {
    width: 28.5333333333vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list {
  position: relative;
  border: 1px solid #FFF;
  padding: min(4.1666666667vw, 80px) min(2.5vw, 30px);
  margin-bottom: min(8.3333333333vw, 100px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list {
    padding: 13.3333333333vw 5.3333333333vw 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list .list-ttl {
  font-size: min(3.75vw, 45px);
  color: #FFC369;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  background: #01324A;
  padding: 0 min(1.6666666667vw, 20px);
  position: absolute;
  top: min(2.5vw, -30px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list .list-ttl {
    font-size: 6.6666666667vw;
    top: 3.7333333333vw;
    white-space: nowrap;
  }
}
#kyokai .content-container .block-common.book-container .book-list .list-ttl span {
  font-size: min(2.9166666667vw, 35px);
  color: #fff;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list .list-ttl span {
    font-size: 4.8vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list.-onsale ul li:nth-child(1) .column-container .img-box img {
  margin-bottom: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list.-onsale ul li:nth-child(1) .column-container .img-box img {
    margin-bottom: 8vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list.-onsale ul li .column-container .img-box {
  width: min(17.5vw, 210px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list.-onsale ul li .column-container .img-box {
    width: 66.6666666667vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list.-onsale ul li .column-container .detail-box .btn-box ul li a {
  width: min(15.8333333333vw, 190px);
}
#kyokai .content-container .block-common.book-container .book-list > ul > li {
  margin-bottom: min(8.3333333333vw, 100px);
}
#kyokai .content-container .block-common.book-container .book-list > ul > li:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container {
    width: auto;
    display: block;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .img-box {
  width: min(30vw, 360px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: min(4.1666666667vw, 50px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .img-box {
    width: 66.6666666667vw;
    margin: 0 auto 7%;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .img-box .txt-cap {
  font-size: min(1vw, 12px);
  color: #000;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .img-box .txt-cap {
    font-size: 3.2vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-ttl {
  display: inline-block;
  border-bottom: 1px solid #FFF;
  margin-bottom: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-ttl {
    margin-bottom: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-release {
  font-size: min(2.0833333333vw, 25px);
  font-weight: 600;
  margin-bottom: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-release {
    font-size: 5.3333333333vw;
    margin-bottom: 3%;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-release span {
  font-size: 130%;
  color: #fff400;
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-lead {
  font-size: min(1.6666666667vw, 20px);
  margin-bottom: min(1.6666666667vw, 20px);
  line-height: 1.5;
  font-weight: 500;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-lead {
    font-size: 3.7333333333vw;
    margin-bottom: 3%;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-bookttl {
  font-size: min(2.5vw, 30px);
  font-weight: 500;
  margin-bottom: min(1.6666666667vw, 20px);
  color: #FFC369;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-bookttl {
    font-size: 6.4vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box p.txt-bookttl span {
  width: min(5vw, 60px);
  height: min(5vw, 60px);
  background: #FFC369;
  color: #1F0A00;
  font-size: min(1vw, 12px);
  line-height: 1;
  border-radius: 50%;
  text-align: center;
  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;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-right: min(0.8333333333vw, 10px);
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .author-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(2.5vw, 30px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .author-box p {
  font-weight: 500;
  font-size: min(1.6666666667vw, 20px);
  margin-right: min(2.5vw, 30px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .author-box p {
    font-size: 3.7333333333vw;
    margin-right: 5.3333333333vw;
    margin-bottom: 1.0666666667vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .author-box p:last-child {
  margin-right: 0;
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .author-box p span {
  font-size: 80%;
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .txt-detail {
  font-size: min(1.3333333333vw, 16px);
  line-height: 1.8;
  margin-bottom: min(3.3333333333vw, 40px);
  font-weight: 300;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .txt-detail {
    font-size: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .txt-detail.-mb {
  margin-bottom: min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .txt-detail.-mb {
    margin-bottom: 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .cast-list {
  margin-bottom: min(2.5vw, 30px);
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .cast-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .cast-list ul {
    display: block;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .cast-list ul li {
  margin-right: min(3.3333333333vw, 40px);
  margin-bottom: min(0.8333333333vw, 10px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .cast-list ul li {
    font-size: 3.7333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .txt-footnote {
  margin-top: min(2.5vw, 30px);
  margin-bottom: min(3.3333333333vw, 40px);
  font-size: min(1.0833333333vw, 13px);
  font-weight: 300;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .txt-footnote {
    margin-top: 3.7333333333vw;
    font-size: 2.9333333333vw;
    line-height: 1.5;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box {
  margin: 0 auto;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box {
    width: auto;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li {
  margin-right: min(1.6666666667vw, 20px);
  position: relative;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li {
    width: 48%;
    height: 10.6666666667vw;
    margin: 0 4% 4% 0;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li:last-child {
  margin-right: 0;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li:nth-child(2n) {
    margin-right: 0;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li a {
  width: min(17.5vw, 210px);
  height: min(5vw, 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;
  border-radius: min(0.25vw, 3px);
  border: min(0.0833333333vw, 1px) solid #dddddd;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li a {
    width: 100%;
    height: 100%;
    border-radius: 0.8vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li .balloon-denshi {
  position: absolute;
  width: min(5.8333333333vw, 70px);
  height: min(1.6666666667vw, 20px);
  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(1.1666666667vw, 14px);
  color: #FFF;
  background: #ff0000;
  border-radius: min(0.25vw, 3px);
  left: 50%;
  top: min(2.5vw, -30px);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding-bottom: min(0.1666666667vw, 2px);
  display: none;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li .balloon-denshi {
    width: 18.6666666667vw;
    height: 5.3333333333vw;
    border-radius: 1.0666666667vw;
    top: auto;
    bottom: -8vw;
    font-size: 3.2vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li .balloon-denshi::after {
  content: "";
  display: block;
  width: min(0vw, 0px);
  height: min(0vw, 0px);
  border-style: solid;
  border-width: min(0.4166666667vw, 5px) min(0.375vw, 4.5px) 0 min(0.4166666667vw, 5px);
  border-color: #FF0000 transparent transparent transparent;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: min(0.4166666667vw, -5px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li .balloon-denshi::after {
    bottom: auto;
    top: -1.0666666667vw;
    border-style: solid;
    border-width: 0 1.2vw 1.3333333333vw 1.2vw;
    border-color: transparent transparent #FF0000 transparent;
    border-radius: 0.8vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-deactive {
  position: relative;
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-deactive::before {
  content: "COMING SOON";
  background: rgba(20, 34, 41, 0.9);
  color: #96aab4;
  width: 100%;
  height: 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;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
  border-radius: min(0.4166666667vw, 5px);
  font-size: min(1.5vw, 18px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-deactive::before {
    border-radius: 1.0666666667vw;
    font-size: 3.4666666667vw;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-amazon a {
  background: url(../img/book_btn_logo_amazon.png) no-repeat center #FFF;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-amazon a {
    background-size: 45%;
    width: 100%;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-kadokawa a {
  background: url(../img/book_btn_logo_kadokawa.png) no-repeat center #FFF;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-kadokawa a {
    background-size: 60%;
    width: 100%;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-rakuten a {
  background: url(../img/book_btn_logo_rakuten.png) no-repeat center #FFF;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-rakuten a {
    background-size: 40%;
    width: 100%;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-animate a {
  background: url(../img/book_btn_logo_animate.png) no-repeat center #FFF;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-animate a {
    background-size: 50%;
    width: 100%;
  }
}
#kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-bookwalker a {
  background: url(../img/book_btn_logo_bookwalker.png) no-repeat center #FFF;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .book-list > ul > li .column-container .detail-box .btn-box ul li.-bookwalker a {
    background-size: 40%;
    width: 100%;
  }
}
#kyokai .content-container .block-common.book-container .movie-box {
  margin-bottom: min(8.3333333333vw, 100px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .movie-box {
    margin-bottom: 13.3333333333vw;
  }
}
#kyokai .content-container .block-common.book-container .download-btn {
  width: min(63.3333333333vw, 760px);
  margin: 0 auto min(6.6666666667vw, 80px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .download-btn {
    width: 100%;
  }
}
#kyokai .content-container .block-common.book-container .foot-container {
  height: min(16.6666666667vw, 200px);
}
#kyokai .content-container .block-common.book-container .foot-container .logo-box {
  width: min(20.8333333333vw, 250px);
  margin: 0 auto min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .foot-container .logo-box {
    width: 40vw;
    margin: 0 auto 5.3333333333vw;
  }
}
#kyokai .content-container .block-common.book-container .foot-container p.txt-copy {
  font-size: min(1.0833333333vw, 13px);
  text-align: center;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .foot-container p.txt-copy {
    font-size: 2.4vw;
  }
}
#kyokai .content-container .block-common.book-container .recommend-container {
  margin-bottom: min(8.3333333333vw, 100px);
}
#kyokai .content-container .block-common.book-container .recommend-container .ttl-box {
  color: #FFC369;
  border-bottom: 1px solid #FFC369;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: min(0.8333333333vw, 10px);
  font-size: min(2.0833333333vw, 25px);
  font-weight: 500;
  margin-bottom: min(3.3333333333vw, 40px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .recommend-container .ttl-box {
    font-size: 4.2666666667vw;
    margin-bottom: 8vw;
  }
}
#kyokai .content-container .block-common.book-container .recommend-container ul li {
  width: calc(100% - min(1.25vw, 15px));
  background: #FFF;
  padding: min(1.6666666667vw, 20px) min(3.3333333333vw, 40px) min(2.9166666667vw, 35px);
  margin-bottom: min(5vw, 60px);
  -webkit-box-shadow: min(1.25vw, 10px) min(1.25vw, 10px) 0 0 #FFC56E;
          box-shadow: min(1.25vw, 10px) min(1.25vw, 10px) 0 0 #FFC56E;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .recommend-container ul li {
    width: calc(100% - 1.8666666667vw);
    padding: 5.3333333333vw;
    margin-bottom: 10.6666666667vw;
    -webkit-box-shadow: 1.8666666667vw 1.8666666667vw 0 0 #FFC56E;
            box-shadow: 1.8666666667vw 1.8666666667vw 0 0 #FFC56E;
  }
}
#kyokai .content-container .block-common.book-container .recommend-container ul li:last-child {
  margin-bottom: 0;
}
#kyokai .content-container .block-common.book-container .recommend-container ul li p {
  color: #5D3E2F;
  font-size: min(1.5vw, 18px);
  line-height: 1.7;
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .recommend-container ul li p {
    font-size: 3.7333333333vw;
  }
}
#kyokai .content-container .block-common.book-container .recommend-container ul li p.txt-ttl {
  font-size: min(2.5vw, 30px);
  font-weight: 500;
  margin-bottom: min(1.6666666667vw, 20px);
  color: #1F0A05;
  font-weight: 700;
  border-bottom: 1px solid #1F0A05;
  padding-bottom: min(0.4166666667vw, 5px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .block-common.book-container .recommend-container ul li p.txt-ttl {
    font-size: 5.3333333333vw;
    padding-bottom: 1.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
#kyokai .content-container .block-common.book-container .recommend-container ul li p.txt-ttl span {
  font-size: 70%;
}
#kyokai .content-container .footmenu-container {
  position: fixed;
  background: rgba(18, 6, 1, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: min(7.5vw, 90px);
  left: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 min(1.6666666667vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .footmenu-container {
    height: auto;
    padding: 8vw 0;
    bottom: 8vw;
    display: none;
  }
}
#kyokai .content-container .footmenu-container .logo-box {
  width: min(41.5217391304vw, 573px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#kyokai .content-container .footmenu-container .menu-list {
  margin-right: min(1.4492753623vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .footmenu-container .menu-list {
    width: 100%;
    margin-right: 0;
  }
}
#kyokai .content-container .footmenu-container .menu-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1170px) {
  #kyokai .content-container .footmenu-container .menu-list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#kyokai .content-container .footmenu-container .menu-list ul li {
  margin-right: min(2.5362318841vw, 35px);
  white-space: nowrap;
}
@media (max-width: 1170px) {
  #kyokai .content-container .footmenu-container .menu-list ul li {
    margin: 0 5.3333333333vw;
  }
}
#kyokai .content-container .footmenu-container .menu-list ul li:last-child {
  margin-right: min(1.4492753623vw, 20px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .footmenu-container .menu-list ul li:last-child {
    margin-right: 5.3333333333vw;
  }
}
#kyokai .content-container .footmenu-container .menu-list ul li.list-book {
  position: relative;
}
#kyokai .content-container .footmenu-container .menu-list ul li.list-book span {
  width: min(8.3333333333vw, 100px);
  height: min(7.25vw, 87px);
  display: block;
  position: absolute;
  left: 50%;
  top: min(4.1666666667vw, -50px);
  background: url(../img/icon_buy.png) no-repeat;
  -webkit-animation: fuwafuwa 2s infinite;
          animation: fuwafuwa 2s infinite;
  cursor: pointer;
}
@media (max-width: 1170px) {
  #kyokai .content-container .footmenu-container .menu-list ul li.list-book span {
    display: none;
  }
}
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(-50%, -50%) translateY(0);
            transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) translateY(-10px);
            transform: translate(-50%, -50%) translateY(-10px);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateY(0);
            transform: translate(-50%, -50%) translateY(0);
  }
}
@keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(-50%, -50%) translateY(0);
            transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) translateY(-10px);
            transform: translate(-50%, -50%) translateY(-10px);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateY(0);
            transform: translate(-50%, -50%) translateY(0);
  }
}
#kyokai .content-container .footmenu-container .menu-list ul li a {
  color: #FFF;
  font-size: min(1.3043478261vw, 18px);
}
@media (max-width: 1170px) {
  #kyokai .content-container .footmenu-container .menu-list ul li a {
    font-size: 3.7333333333vw;
    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: 13.3333333333vw;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .footbtn-box {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #FFF;
    height: 8vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 100;
  }
}
@media (max-width: 1170px) {
  #kyokai .content-container .footbtn-box .icon-toggle {
    width: 6.6666666667vw;
    height: 5.3333333333vw;
    background: url(../img/footmenu_icon_sp.png) no-repeat center 0;
  }
}
#kyokai .content-container .movie-modal {
  background: rgba(59, 152, 198, 0.9);
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
#kyokai .content-container .movie-modal.-active {
  opacity: 1;
  visibility: visible;
}
#kyokai .content-container .movie-modal .btn-close {
  width: min(5.0833333333vw, 61px);
  height: min(5.0833333333vw, 61px);
  background: url(../img/modal_btn_close.png) no-repeat center 0;
  position: fixed;
  right: min(1.6666666667vw, 40px);
  top: min(1.6666666667vw, 40px);
  cursor: pointer;
}
@media (max-width: 1170px) {
  #kyokai .content-container .movie-modal .btn-close {
    width: 8vw;
    height: 8vw;
    background-size: cover;
    right: 5.3333333333vw;
    top: 5.3333333333vw;
  }
}

.modaal-container .content-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1170px) {
  .modaal-container .content-inr {
    display: block;
  }
}
.modaal-container .content-inr .img-box {
  width: min(30.8333333333vw, 370px);
  margin-right: min(3.3333333333vw, 40px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1170px) {
  .modaal-container .content-inr .img-box {
    width: 34.6666666667vw;
    margin: 0 auto 2.6666666667vw;
  }
}
.modaal-container .content-inr .img-box img {
  width: 100%;
  vertical-align: bottom;
}
.modaal-container .content-inr .detail-box {
  width: 100%;
}
.modaal-container .content-inr .detail-box .name-box {
  margin-bottom: min(2.5vw, 30px);
  border-bottom: min(0.1666666667vw, 2px) solid #1F0A00;
  padding-bottom: min(1.25vw, 15px);
  margin-bottom: min(2.5vw, 30px);
}
@media (max-width: 1170px) {
  .modaal-container .content-inr .detail-box .name-box {
    padding-bottom: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.modaal-container .content-inr .detail-box .name-box p {
  margin: 0;
}
.modaal-container .content-inr .detail-box .name-box p span {
  font-size: 80%;
}
.modaal-container .content-inr .detail-box .name-box p.txt-name {
  font-weight: 600;
  font-size: min(2.5vw, 30px);
  color: #1F0A00;
}
@media (max-width: 1170px) {
  .modaal-container .content-inr .detail-box .name-box p.txt-name {
    font-size: 5.8666666667vw;
  }
}
.modaal-container .content-inr .detail-box .name-box p.txt-role {
  font-weight: 600;
  font-size: min(1.6666666667vw, 20px);
  color: #5D3E2F;
}
@media (max-width: 1170px) {
  .modaal-container .content-inr .detail-box .name-box p.txt-role {
    font-size: 3.7333333333vw;
  }
}
.modaal-container .content-inr .detail-box .txt-detail {
  margin: 0;
  font-size: min(1.3333333333vw, 16px);
  line-height: 1.6;
}
@media (max-width: 1170px) {
  .modaal-container .content-inr .detail-box .txt-detail {
    font-size: 3.7333333333vw;
  }
}
/*# sourceMappingURL=kyokai.css.map */