@charset "UTF-8";
a:hover {
  opacity: 0.5;
}

.skyperPc {
  width: 980px;
  display: block;
  margin: 30px auto 0;
  text-align: center;
}

/*****
* クロスブラウザ対応のための定義
*
*/
.wrapper .mb_none {
  margin-bottom: 0;
}

/*****
* clss名:visible-pc,visible-spは
* jsによる別機能で意図しないスタイルが付与されるため使用しないこと
*/
.display-pc {
  display: block;
}
.display-sp {
  display: none;
}


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

.skyperSp {
  display: none;
}

@media screen and (max-width: 768px) {
  .skyperSp {
    display: block;
    text-align: center;
    margin: 0 20px;
  }
  .skyperSp.dvd {
    margin: 0 20px 20px;
  }
}

#tokusetsu-footer .common_inner {
  box-sizing: border-box;
}

.popup {
  max-width: 1000px;
  background-color: #f7ecfb;
  padding: 46px 40px;
  position: relative;
  margin: 0 auto;
  transition: .3s;
  -webkit-transition: .3s;
  -ms-transition: .3s;
  display: flex;
}

.popup img {
  margin-right: 30px;
  height: 100%;
  width: 45%;
}

@media screen and (max-width: 768px) {
  .popup img {
    margin: 0 auto 20px;
    display: block;
    height: 100% !important;
    width: auto;
  }
}

.popup dl {
  margin: 0;
}

.popup dl .popupSp {
  display: none;
}

.popup dl dd {
  min-height: 323px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MacHiramin", "YuMincho", "HG明朝B", "HG明朝E", "MS PMincho", "MS Mincho", serif;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 2px;
}

@media screen and (max-width: 768px) {
  .popup {
    padding: 30px 10px 50px;
    display: block;
  }
  .popup dl {
    position: relative;
    z-index: 1;
  }
  .popup dl dt {
    display: none;
  }
  .popup dl .popupSp {
    display: block;
    margin-bottom: 17px;
  }
  .popup dl dd {
    min-height: auto;
    background-size: contain;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 1px;
  }
}

#popup_kitaoji {
  display: none;
}

@media screen and (max-width: 768px) {
  #popup_kitaoji {
    display: block;
  }
  #popup_kitaoji dl dt {
    padding: 7px 0 3px;
  }
}

.inlineblock {
  display: inline-block;
}

.wrapper {
  width: 100%;
  border-bottom: 1px solid #c6dcea;
  font-family: "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MacHiramin", "HG明朝B", "HG明朝E", "MS PMincho", "MS Mincho", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-weight: 400;
  text-justify: inter-ideograph;
  line-height: 1.7;
  letter-spacing: 1.5px;
  margin-top: 107px;
  background: url(../img/bg_repeat.jpg) repeat top center / 100%;
}

@font-face {
  .wrapper {
    font-family: "YuMincho";
    font-weight: normal;
    src: local("Yu Mincho");
  }
}

@font-face {
  .wrapper {
    font-family: "WindowsYuGothic";
    font-weight: normal;
    src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("Yu Gothic"), local("YuGothic-Regular");
  }
}

@font-face {
  .wrapper {
    font-family: "WindowsYuGothicM";
    font-weight: bold;
    src: local("YuGothic-Bold"), local("Yu Gothic");
  }
}

@font-face {
  .wrapper {
    font-family: "MacHiramin";
    font-weight: normal;
    src: local("HiraMinProN-W3");
  }
}

@font-face {
  .wrapper {
    font-family: "MacHiramin";
    font-weight: bold;
    src: local("HiraMinProN-W6");
  }
}

@font-face {
  .wrapper {
    font-family: "MacHirakaku";
    font-weight: normal;
    src: local("HiraKakuProN-W3");
  }
}

@font-face {
  .wrapper {
    font-family: "MacHirakaku";
    font-weight: bold;
    src: local("HiraKakuProN-W6");
  }
}

@media screen and (max-width: 768px) {
  .wrapper {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.6;
    margin-top: 64px;
  }
  .wrapper * {
    box-sizing: border-box;
  }
}

.wrapper .mainArea {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .wrapper .mainArea {
    border-bottom: none;
    max-height: none;
  }
}

.wrapper .mainArea .mainContentsArea {
  margin: 0 auto;
}

.main-bottom {
  padding: 20px 0 0;
  margin: 0 auto;
  max-width: 1600px;
  display: flex;
  flex-direction: column;
  gap: 0 20px;
  background: url(../img/bg_photo.jpg) no-repeat top center / cover;
}
.main-bottom__inner{
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

@media screen and (min-width: 1600px) {
  .wrapper .mainArea .main {
    height: 698px;
    max-width: 1600px;
    margin: auto;
  }
}

@media screen and (max-width: 768px) {
  .wrapper .mainArea .main {
    background: none;
    height: auto;
  }
  .main-bottom {
    background: url(../img/bg_photo_sp.jpg) no-repeat top center / cover;
    padding: 0px 0 0;
  }
  .main-bottom__inner {
    flex-direction: column;
    padding: 10px 10px 0;
    gap: 6px;
  }
  .main-bottom__item {
    margin: 20px auto 0;
    width: 74.22535%;
  }
  .main-bottom__item--left{margin: 0 auto 0 0;}
  .main-bottom__item--right{margin: 0 0 0 auto;}
}

.mainContents {
  max-width: 1600px;
  margin: 0 auto;
}

.wrapper .mainContents img {
  height: auto;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents img {
    margin: 0 auto;
    display: block;
  }
  .wrapper .mainContents .summaryArea h5 img {
    width: 25%;
  }
  .wrapper .mainContents .castArea h5 img {
    width: 25%;
  }
  .wrapper .mainContents .staffArea h5 img {
    width: 25%;
  }
  .wrapper .mainContents .fujisawaArea h5 img {
    width: 15%;
  }
  .wrapper .mainContents .fujisawaArea h5 img.original__book {
    width: 20%;
  }
  .wrapper .mainContents .fujisawaArea h5 img.ttl_fujisawabook {
    width: 20%;
  }
}

.wrapper .mainArea .movie {
  position: absolute;
  left: 50%;
  bottom: 35px;
  margin-left: 140px;
}

.wrapper .mainArea .movie a {
  width: 225px;
  height: 127px;
  background: url(../img/movie_thumb.jpg) no-repeat center top;
  background-size: contain;
  display: block;
}

@media screen and (max-width: 768px) {
  .wrapper .mainArea .movie {
    width: 86%;
    background-size: contain;
    position: static;
    margin: 25px auto 0;
  }
  .wrapper .mainArea .movie a {
    width: 100%;
    height: 0;
    padding-bottom: 56.63%;
  }
}

.wrapper .mainContents .navArea {
  font-size: 0;
  text-align: center;
  padding: 27px 0 100px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .navArea {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    padding: 0 0 20px;
  }
}

.wrapper .mainContents .navArea li {
  border-right: 1px solid #876d56;
  display: inline-block;
  width: 155px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .navArea li {
    width: 50%;
    margin-bottom: 5px;
  }
  .wrapper .mainContents .navArea li:nth-child(2n) {
    border: none;
  }
}

.wrapper .mainContents .navArea li a {
  display: inline-block;
  width: 100%;
}

.wrapper .mainContents .navArea li a img {
  display: inline-block;
  padding: 15px 0;
}

.wrapper .mainContents .navArea li.nav01 {
  border-left: 1px solid #876d56;
  width: 184px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .navArea li.nav01 {
    border-left: none;
    width: 50%;
  }
}

.wrapper .mainContents .navAreaSp {
  display: none;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .navAreaSp {
    display: block;
    font-size: 0;
    text-align: center;
    padding: 20px 0 10px;
  }
  .wrapper .mainContents .navAreaSp li {
    background: url(../img/anc_nav01_sp_off.png) no-repeat center;
    background-size: cover;
    border-right: 1px solid #cba56b;
    display: inline-block;
    margin-bottom: 8px;
    vertical-align: top;
    width: 44%;
  }
  .wrapper .mainContents .navAreaSp li:hover {
    background-image: url(../img/anc_nav01_sp_off.png);
  }
  .wrapper .mainContents .navAreaSp li a {
    height: 0;
    display: block;
  }
  .wrapper .mainContents .navAreaSp li.nav01 {
    width: 48%;
  }
  .wrapper .mainContents .navAreaSp li.nav01 a {
    padding-top: 22.34%;
  }
  .wrapper .mainContents .navAreaSp li.nav02 {
    width: 48%;
    background-image: url(../img/anc_nav02_sp_off.png);
    border-right: none;
  }
  .wrapper .mainContents .navAreaSp li.nav02 a {
    padding-top: 22.34%;
  }
  .wrapper .mainContents .navAreaSp li.nav02:hover {
    background-image: url(../img/anc_nav02_sp_off.png);
  }
  .wrapper .mainContents .navAreaSp li.nav03 {
    background-image: url(../img/anc_nav03_sp_off.png);
  }
  .wrapper .mainContents .navAreaSp li.nav03 a {
    padding-top: 28.01%;
  }
  .wrapper .mainContents .navAreaSp li.nav03:hover {
    background-image: url(../img/anc_nav03_sp_off.png);
  }
  .wrapper .mainContents .navAreaSp li.nav04 {
    background-image: url(../img/anc_nav04_sp_off.png);
    border-right: none;
  }
  .wrapper .mainContents .navAreaSp li.nav04 a {
    padding-top: 28.01%;
  }
  .wrapper .mainContents .navAreaSp li.nav04:hover {
    background-image: url(../img/anc_nav04_sp_off.png);
  }
  .wrapper .mainContents .navAreaSp li.nav05 {
    background-image: url(../img/anc_nav05_sp_off.png);
  }
  .wrapper .mainContents .navAreaSp li.nav05 a {
    padding-top: 28.01%;
  }
  .wrapper .mainContents .navAreaSp li.nav5:hover {
    background-image: url(../img/anc_nav05_sp_off.png);
  }
  .wrapper .mainContents .navAreaSp li.nav06 {
    background-image: url(../img/anc_nav06_sp_off.png);
    border-right: none;
  }
  .wrapper .mainContents .navAreaSp li.nav06 a {
    padding-top: 28.01%;
  }
  .wrapper .mainContents .navAreaSp li.nav06:hover {
    background-image: url(../img/anc_nav06_sp_off.png);
  }
}

.wrapper .mainContents .bnr_4k {
  text-align: center;
  padding: 0 20px 10px;
  margin-bottom: 10px;
}

.wrapper .mainContents .bnr_4k img.pc {
  width: 900px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .bnr_4k {
    padding: 0 20px 20px;
  }
}

.wrapper .mainContents .bnr_4k a {
  display: inline-block;
}

.wrapper .mainContents .bnr_4k small {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  line-height: 1.5em;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ ゴシック", "MS Gothic", "HiraKakuProN-W3", sans-serif;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .bnr_4k small {
    text-align: left;
  }
}

.wrapper .mainContents .contents {
  padding: 120px 0 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.wrapper .mainContents .staffArea .contents {
  position: relative;
  padding: 0px 10px 0;
}

.wrapper .mainContents .contents#introduction {
  padding: 103px 0 118px;
  background: url(../img/bg_introduction.jpg) no-repeat top center / cover;
}


.wrapper .mainContents .introduction__inner {
  max-width: 764px;
  margin: 0 0 0 9.6%;
}

.wrapper .mainContents .contents .introduction__title {
  text-align: left;
}

@media (max-width:1600px) {
  .wrapper .mainContents .introduction__inner {
    /* 全体幅1600pxの時、テキストコンテンツの幅764pxを比率で算出 */
    width: 47.75%;
  }
}

@media (max-width: 768px) {
  .wrapper .mainContents .introduction__inner {
    max-width: unset;
    margin: 0 0 0 0;
    width: unset;
  }

  .wrapper .mainContents .contents#introduction {
    background-image: url(../img/bg_introduction_sp.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
  }
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .bnr_4k small {
    text-align: left;
  }
}

.wrapper .mainContents .contents h5 {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

@media (max-width: 768px) {
  .wrapper .mainContents .contents h5 {
    margin-bottom: 40px;
  }
  .wrapper .mainContents .contents .introduction__title{
    margin-bottom: 27px;
  }
}

.wrapper .mainContents .contents .ttlSp {
  display: none;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .contents {
    width: 100%;
    padding: 70px 0 0;
  }
  .wrapper .mainContents .contents .ttlSp {
    display: block;
    padding: 0 20px 30px;
  }
  .wrapper .mainContents .contents#introduction {
    padding: 55px 20px 40%;
    background-color: #eaf8fb;
  }
}

.wrapper .mainContents .introductionArea {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-size: cover;
}

@media (max-width: 768px) {
  .wrapper .mainContents .contents#introduction {
    background-size: 100%;
  }
  .wrapper .mainContents .contents#introduction::after {
    position: absolute;
    content: "";
    background: url(../img/bg_introduction_img_sp.jpg) no-repeat bottom center / contain;
    z-index: -1;
    min-height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}

@media (max-width: 480px) {
  .wrapper .mainContents .contents#introduction {
    background-size: cover;
  }
}


.detailIntroduction {
  letter-spacing: initial;
}

@media screen and (max-width: 768px) {
  .detailIntroduction {
    padding-bottom: 0;
  }
}

.detailIntroduction > div:last-child {
  line-height: 1.6;
}

.detailIntroduction-margin-top {
  margin-top: 20px;
}

.detailIntroduction-img {
  display: block;
  height: auto;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .introductionArea .detailIntroduction img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto;
  }
}

.wrapper .mainContents .summaryArea {
  background: url(../img/bg_summary.jpg) no-repeat top / 1600px;
  position: relative;
  padding: 40px 0 0;
}
.wrapper .mainContents .summaryArea h5 {
  text-align: center;
  padding: 75px 0 63px;
}
.wrapper .mainContents .summaryArea__inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* padding: 1px 10px 55px 10px; */
  padding: 1px 10px 55px 10px;
  gap: 45px 0;
}

@media screen and (max-width: 1000px) {
  .wrapper .mainContents .summaryArea {
    background-size: cover;
  }
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .summaryArea {
    background: url(../img/bg_summary_sp.jpg) no-repeat top center / cover;
    padding-top: 20px;
  }
  .wrapper .mainContents .summaryArea h5 {
    text-align: center;
    padding: 36px 0 31px;
  }
  .wrapper .mainContents .summaryArea__inner {
    padding: 1px 0 26px 0;
    gap: 0;
  }
}

@media screen and (max-width: 480px) {
  .wrapper .mainContents .summaryArea {
    background: url(../img/bg_summary_sp.jpg) no-repeat top center / 480px;
    padding-top: 20px;
  }
}
@media screen and (max-width: 375px) {
  .wrapper .mainContents .summaryArea {
    background: url(../img/bg_summary_sp.jpg) no-repeat top center / 375px;
  }
}
.wrapper .mainContents .summaryArea .contents {
  box-sizing: border-box;
  padding: 120px 10px 50px;
}

.summaryArea .detailSummary01,
.wrapper .mainContents .summaryArea .detailSummary02 {
  display: flex;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .summaryArea .detailSummary01 img,
  .wrapper .mainContents .summaryArea .detailSummary02 img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
}

.wrapper .mainContents .summaryArea .detailSummary01,
.wrapper .mainContents .summaryArea .detailSummary02 {
  display: flex;
  /* margin-bottom: 46px; */
  max-width: 980px;
  align-items: flex-start;
}

.detailSummary02 .bg_green {
  background: rgba(177, 212, 155, 0.5);
}

.wrapper .mainContents .summaryArea .detailSummary02 {
  margin-bottom: 0;
}

.wrapper .mainContents .summaryArea .detailSummary02 .detailSummary__text {
  padding: 0 0 0 39px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .summaryArea .detailSummary02 .detailSummary__text {
    padding: 0px 42px;
  }
}

.wrapper .mainContents .summaryArea .detailSummary03 {
  text-align: center;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .summaryArea .detailSummary03 {
    text-indent: 1em;
  }
}

.wrapper .mainContents .summaryArea .detailSummary03 .bold {
  font-weight: bold;
  font-size: 26px;
  margin-top: 40px;
  display: block;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .summaryArea::after {
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
  }
  .wrapper .mainContents .summaryArea .contents {
    padding: 60px 20px 0px;
  }
  .wrapper .mainContents .summaryArea .detailSummary01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 21px;
  }
  .wrapper .mainContents .summaryArea .detailSummary03 {
    padding: 0;
    text-align: center;
  }
  .wrapper .mainContents .summaryArea .detailSummary03 .bold {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
  }
}

.wrapper .mainContents .castArea__inner{
  max-width: 980px;
  margin: 0 auto;
}

.wrapper .mainContents .castStaffArea {
  background: url(../img/bg_cast.jpg) no-repeat top / cover;
  position: relative;
}

.wrapper .mainContents .castArea::before {
  width: 609px;
  height: 495px;
  background: url(../img/bg_nami_02.png) no-repeat left top;
  background-size: contain;
  left: 0px;
  top: -185px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .castArea::before {
    width: 55%;
    top: -15vw;
  }
  .wrapper .mainContents .castStaffArea {
    background-size: cover;
  }

  .wrapper .mainContents .castArea__inner{
    max-width: 980px;
    margin: 0 auto 0 0;
    width:92%;
  }

}

.wrapper .mainContents .castArea .contents {
  box-sizing: border-box;
  padding: 124px 10px 0;
}

.wrapper .mainContents .castArea h5 {
  margin-bottom: 97px;
}

@media (max-width: 768px) {
  .wrapper .mainContents .castArea h5 {
    margin-bottom: 31px;
  }
}

.wrapper .mainContents .castArea .mainCast {
  font-size: 0;
  display: flex;
  margin-bottom: 65px;
  justify-content: center;
}

.wrapper .mainContents .castArea .mainCast p {
  display: inline-block;
  margin-right: 50px;
  vertical-align: top;
}

.wrapper .mainContents .castArea .mainCast .popup_kitaoji {
  display: none;
}

.wrapper .mainContents .castArea .mainCast dl {
  width: 446px;
  font-size: 16px;
  display: inline-block;
  letter-spacing: 0;
  vertical-align: top;
}

.wrapper .mainContents .castArea .mainCast dl dt {
  margin-bottom: 23px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .castArea .mainCast dl {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .castArea {
    padding-top: 0px;
    background: url(../img/bg_cast_sp.jpg) no-repeat top center / cover;
    padding-bottom: 16px;
  }
  .wrapper .mainContents .castArea .contents {
    padding: 56px 20px 10px;
  }
  .wrapper .mainContents .castArea .ttlSp {
    margin-bottom: 0;
  }
  .wrapper .mainContents .castArea .mainCast {
    display: none;
  }
}

.wrapper .mainContents .castArea .subCast {
  margin: 28px 0 0;
}

.wrapper .mainContents .castArea .subCast ul {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: center;
  gap: 0 10px;
}

.wrapper .mainContents .castArea .subCast ul li {
  width: calc((100% / 4) - 10px);
  margin-bottom: 15px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
}

.wrapper .mainContents .castArea .subCast ul.col6 li {
  width: calc((100% / 6) - 10px);
}

.wrapper .mainContents .castArea .subCast ul li:nth-child(3n) {
  margin-right: 0;
}

.wrapper .mainContents .castArea .subCast ul li a {
  display: block;
  text-align: center;
}

.wrapper .mainContents .castArea .subCast ul li a img:first-child {
  margin-bottom: 10px;
}

.wrapper .mainContents .castArea .subCast ul li.adjust {
  margin-left: 120px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .castArea .subCast {
    display: none;
  }
}

.wrapper .mainContents .castArea .subCastSp {
  display: none;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .castArea .subCastSp {
    display: block;
    position: relative;
    z-index: 1;
  }
  .wrapper .mainContents .castArea .subCastSp ul {
    max-width: 601px;
    margin: 0 auto;
  }
  .wrapper .mainContents .castArea .subCastSp ul li {
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
  .wrapper .mainContents .castArea .subCastSp ul li.adjust {
    clear: both;
    float: none;
    margin: 0 auto;
  }
  .wrapper .mainContents .castArea .subCastSp ul li a {
    display: block;
  }
  .wrapper .mainContents .castArea .subCastSp ul li.kitaoji {
    width: 100%;
  }
}
.correlation-diagram-area {
  max-width: 730px;
  margin: 0 auto;
  padding: 13px 0 0 0;
}
.correlation-diagram-area__btn {
  display: block;
}
@media (max-width:768px){
  .correlation-diagram-area {
    max-width: 630px;
    margin: 25px auto 0 0;
    padding: 0;
    width: 92%;
  }
}

.wrapper .mainContents .staffArea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  position: relative;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
  padding-bottom: 133px;
}

.wrapper .mainContents .staffArea__inner {
  max-width: 980px;
  margin: 0 auto;
}

/* 各スタッフの名前 */
.wrapper .mainContents .staffArea .staffArea__inner .staff_name img,
.wrapper .mainContents .staffArea .staffArea__inner .staff_name img,
.wrapper .mainContents .staffArea .staffArea__inner .staff_name img,
.wrapper .mainContents .staffArea .staffArea__inner .staff_name img{
  height: 22px;
  width: auto;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .staffArea {
    background-repeat: no-repeat;
    background-size: contain;
  }
  /* 各スタッフの名前 */
  .wrapper .mainContents .staffArea .staffArea__inner .staff_name img,
  .wrapper .mainContents .staffArea .staffArea__inner .staff_name img,
  .wrapper .mainContents .staffArea .staffArea__inner .staff_name img,
  .wrapper .mainContents .staffArea .staffArea__inner .staff_name img{
    height: 21px;
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .staffArea .contents {
    padding: 13px 10px 0;
  }
}

.wrapper .mainContents .staffArea h5 {
  margin-bottom: 83px;
}

.wrapper .mainContents .staffArea ul {
  font-size: 0;
  letter-spacing: -1px;
  margin-bottom: 52px;
  display: flex;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .staffArea ul {
    margin-bottom: 0;
    display: block;
  }
}

.wrapper .mainContents .staffArea ul li {
  width: 270px;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin-right: 88px;
  line-height: 2;
  letter-spacing: normal;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .staffArea ul li {
    width: 100%;
    font-size: 13px;
    line-height: 1.6;
    /* letter-spacing: 1px; */
    margin-right: 0;
    margin-bottom: 39px;
    padding: 0px 42px;
  }
  .wrapper .mainContents .staffArea ul {
    padding-top: 0;
  }
}

.wrapper .mainContents .staffArea ul li.music {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .staffArea ul li.music {
    margin-bottom: 48px;
  }
}

.wrapper .mainContents .staff_name {
  padding-bottom: 11px;
  margin-bottom: 15px;
  border-bottom: 1px solid #3e3c69;
  display: block;
  text-align: center;
}

.wrapper .mainContents .staffArea .producer {
  display: flex;
  z-index: 1;
  position: relative;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .staffArea .producer {
    display: block;
  }

  .wrapper .mainContents .staff_name {
    padding-bottom: 14px;
    margin-bottom: 15px;
  }
}

.wrapper .mainContents .staffArea .producer img {
  height: 100%;
  display: block;
  margin: 0 auto;
  width: 39%;
}

@media (max-width: 768px) {
  .wrapper .mainContents .staffArea .producer img {
    padding: 0px 10px;
    width: 100%;
  }
}

.wrapper .mainContents .staffArea .producer p {
  width: 508px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.6;
  margin-right: 92px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .staffArea .producer p {
    width: 100%;
    margin: 0 0 17px 0;
    padding: 0px 35px;
  }
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .staffArea .director {
    margin-bottom: 18px;
  }
  .wrapper .mainContents .staffArea .director p {
    width: 100%;
    background: url(../img/ttl_yamashita_sp.png) no-repeat center top;
    background-size: contain;
    font-size: 11px;
    padding-top: 40px;
    margin-top: 0;
    letter-spacing: 1px;
  }
  .wrapper .mainContents .staffArea .director {
    height: auto;
  }
}

.wrapper .mainContents .fujisawaArea {
  background: url(../img/bg_fujisawa.jpg) no-repeat top center / 1600px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .fujisawaArea {
    background-size: cover;
    background: url(../img/bg_fujisawa_sp.jpg) no-repeat top center / cover;
    padding-bottom: 40px;
    padding-top: 53px;
  }
}

.wrapper .mainContents .fujisawaArea .fujisawaContents .contents {
  margin: 0 auto 0px;
  padding-bottom: 45px;
  padding-right: 10px;
  padding-left: 10px;
}

.wrapper .mainContents .fujisawaArea::before {
  position: absolute;
  display: block;
  /* content: ""; */
  /* width: 609px; */
  /* height: 495px; */
  /* background-size: contain; */
  /* left: 0px; */
  /* top: -235px; */
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .fujisawaArea::before {
    width: 55%;
    top: -22vw;
  }
  .wrapper .mainContents .fujisawaArea::after {
    position: absolute;
    display: block;
    content: "";
    width: 40%;
    height: 30vw;
    background-size: contain;
    top: 180px;
    left: -5px;
    transform: translateY(-50%) translateX(0%);
  }
}

.wrapper .mainContents .fujisawaArea .fujisawaContents .contents h5 {
  margin-bottom: 70px;
}

.wrapper .mainContents .fujisawaArea .fujisawaContents .contents .txtFujisawa {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.66;
  margin: 0 auto 75px;
  max-width: 980px;
}

.wrapper .mainContents .fujisawaArea .fujisawaContents .contents .title-original-book {margin-bottom: 31px;}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .fujisawaArea .fujisawaContents .contents .txtFujisawa {
    display: block;
    margin: 0 auto 43px;
    font-size: 15px;
    line-height: 2.2;
  }
}

.wrapper .mainContents .fujisawaArea .fujisawaContents .contents .txtFujisawa img {
  margin-left: 62px;
  max-width: 293px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .fujisawaArea .fujisawaContents .contents .txtFujisawa img {
    margin: 0 auto 23px;
    max-width: 100%;
    display: block;
    width: 100%;
  }
  .wrapper .mainContents .fujisawaArea .fujisawaContents .contents img.fujisawa_image {
    max-width: 373px;
    padding: 0 40px;
  }

  .wrapper .mainContents .fujisawaArea .fujisawaContents .contents .txtFujisawa span {
    display: block;
    padding: 0 42px;
    font-size: 16px;
    line-height: 1.63;
  }
}

.wrapper .mainContents .fujisawaArea .fujisawaContents .contents .txtFujisawa .fujisawa_name {
  margin: 0;
  padding-bottom: 25px;
  display: block;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .fujisawaArea .fujisawaContents .contents .txtFujisawa .fujisawa_name {
    margin: 0 auto;
    padding-bottom: 15px;
    width: 174px;
  }
}

.detailFujisawa {
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  max-width: 980px;
  gap: 66px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .detailFujisawa {
    display: block;
    padding: 8px 20px 0;
  }
}

.detailFujisawa li {
  display: flex;
  width: 28%;
}

.detailFujisawa li img {
  margin-top: 20px;
  margin-left: 55px;
}

@media screen and (max-width: 768px) {
  .detailFujisawa li {
    max-width: initial;
  }
  .detailFujisawa li:not(:first-of-type) {
    margin-top: 33px;
  }
}

.txtOriginal {
  display: flex;
  flex-direction: column;
}

.txtOriginal__img-wrapper {
  max-width: 176px;
}

.txtOriginal p {
  text-align: left;
  font-size: 13px;
}

.txtOriginal p.title {
  font-weight: bold;
  font-size: 20px;
  margin: 20px 0 18px;
}

@media screen and (max-width: 768px) {
  .txtOriginal p.title {
    font-size: 18px;
    margin: 0;
  }
  .txtOriginal p {
    font-size: 14px;
  }

}

.txtOriginal p.title span {
  display: block;
  font-size: 13px;
  margin-top: -2px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .fujisawaArea .fujisawaContents .contents {
    padding: 0px 0 10px;
    margin: 0px auto 0px;
  }
  .wrapper .mainContents .fujisawaArea .fujisawaContents .contents h5 {
    padding: 0;
    margin-bottom: 29px;
  }
  .wrapper .mainContents .fujisawaArea .fujisawaContents .contents .detailFujisawa {
    padding-bottom: 0;
  }
  .detailFujisawa li {
    height: auto;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .detailFujisawa li > div:first-child {
    flex-shrink: 0;
    width: 56%;
    max-width: 260px;
  }
  .detailFujisawa li > div:last-child {
    padding: 18px 20px 10px;
    font-size: 28px;
  }
  .detailFujisawa img {
    display: block;
    width: auto;
  }
  .txtOriginal p.title span {
    font-size: 13px;
    margin-top: -7px;
  }
}

.wrapper .mainContents .fujisawaArea .commentArea {
  padding-top: 100px;
}

.wrapper .mainContents .fujisawaArea .commentArea .detailComment {
  width: 480px;
  margin: 0 auto;
}

.wrapper .mainContents .fujisawaArea .commentArea .detailComment h5 {
  text-align: center;
}

.wrapper .mainContents .fujisawaArea .commentArea .detailComment .ttlSp {
  display: none;
}

.wrapper .mainContents .fujisawaArea .commentArea .detailComment .commentName {
  width: 470px;
  border-bottom: 1px solid #a96768;
  text-align: center;
  padding: 50px 0 33px;
  margin: 0 auto 27px;
}

.wrapper .mainContents .fujisawaArea .commentArea .detailComment .commentNameSp {
  display: none;
}

.wrapper .mainContents .fujisawaArea .commentArea .detailComment .commentIntro {
  font-size: 13px;
  text-align: center;
  padding: 35px 0 70px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .fujisawaArea .commentArea {
    background-size: contain;
    padding-top: 41px;
  }
  .wrapper .mainContents .fujisawaArea .commentArea .detailComment {
    width: 100%;
    padding: 0 10px;
  }
  .wrapper .mainContents .fujisawaArea .commentArea .detailComment h5 {
    display: none;
  }
  .wrapper .mainContents .fujisawaArea .commentArea .detailComment .ttlSp {
    display: block;
  }
  .wrapper .mainContents .fujisawaArea .commentArea .detailComment .commentName {
    display: none;
  }
  .wrapper .mainContents .fujisawaArea .commentArea .detailComment .commentNameSp {
    display: block;
    margin: 41px 0 7px;
  }
  .wrapper .mainContents .fujisawaArea .commentArea .detailComment .commentIntro {
    font-size: 12px;
    line-height: 1.5;
    padding: 30px 0;
  }
}

/* fixed-nav */
.fixed-nav-wrapper {
  background: url(../img/bg-fixed-nav_pc.jpg) no-repeat center center / contain;
  width: 64px;
  height: 266px;
  display: flex;
  z-index: 999;
  flex-direction: column;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.fixed-nav-link {
  height: 50%;
  width: 100%;
  background-color: transparent;
  transition: background-color .4s;
}
.fixed-nav-link:hover {
  background-color: rgb(51 51 51 / 0.4);
}

@media (max-width:768px) {
  .fixed-nav-wrapper {
    width: 40px;
    height: 162px;
    background: url(../img/bg-fixed-nav_sp.jpg) no-repeat center center / contain;
  }
  .fixed-nav-link {
    padding: 12px 11px 0 0;
  }
}

.wrapper .trailer {
  background: url(../img/bg_sub2.jpg) repeat;
  padding: 100px 0 80px;
  margin-top: -100px;
}

@media screen and (max-width: 768px) {
  .wrapper .trailer {
    padding: 40px 0 40px;
    margin-top: -40px;
  }
}

.wrapper .trailer_inner {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  max-width: 960px;
}

@media screen and (max-width: 768px) {
  .wrapper .trailer_inner {
    margin-bottom: 20px;
  }
}

.wrapper .mainContents .trailer-top .contents {
  padding: 50px 20px 0;
}

.wrapper .mainContents .trailer-top .trailer_inner {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .trailer-top .contents {
    padding: 0 20px 0;
  }
}

.wrapper .mainContents .trailer .contents {
  padding: 100px 20px 0;
}

.wrapper .mainContents .trailer .contents.second {
  padding: 50px 20px 0;
}

@media screen and (max-width: 768px) {
  .wrapper .mainContents .trailer .contents {
    padding: 55px 20px 0;
  }
  .wrapper .mainContents .trailer .contents.second {
    padding: 20px 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .wrapper .trailer_inner iframe {
    width: 100%;
    height: 50vw;
  }
}

.italic {
  font-style: italic;
}

.wrapper .trailer_inner .title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #876d56;
  margin-bottom: 10px;
}

.wrapper .trailer_inner .title.comment {
  color: #000;
}

@media screen and (max-width: 768px) {
  .wrapper .trailer_inner .title {
    font-size: 18px;
  }
}

.wrapper .trailer_inner.second > div {
  margin-right: 10px;
}

.wrapper .trailer_inner.second > div:last-child {
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .wrapper .trailer_inner.second {
    display: block;
  }
  .wrapper .trailer_inner.second > div {
    margin-right: 0;
  }
  .wrapper .trailer_inner.second > div:last-child {
    margin-left: 0;
    margin-top: 40px;
  }
}

/* Sns
------------------------------------------------------------- */
.sns_area {
  margin: 0 auto 0 auto;
  color: #000;
  padding-top: 92px;
  padding-bottom: 0px;
}

@media screen and (max-width: 768px) {
  .sns_area {
    padding-top: 72px;
    padding-bottom: 0;
  }
  .sns_area .sns_title {
    letter-spacing: 6.5px;
  }
}

.sns_area .area_inner {
  position: relative;
  margin: 0 auto;
  max-width: 980px;
  padding-bottom: 40px;
}

.sns_area .sns_title {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.sns_area .btnList {
  font-size: 0;
  display: flex;
  justify-content: center;
  gap: 0 45px;
  align-items: center;
  margin: 27px 0 0 0;
}

.sns_area .btnList > li {
  display: inline-block;
  width: 78px;
  height: 78px;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sns_area .btnList > li {
    display: inline-block;
    margin: 0 5px;
    max-width: 78px;
    width: 40px;
    height: 40px;
  }
  .sns_area .btnList {
    font-size: 0;
    display: flex;
    justify-content: center;
    gap: 0 10px;
    align-items: center;
    margin: 4px 0 0 0;
  }
  .sns_area .area_inner {
    padding-bottom: 37px;
  }
}

.sns_area .btnList > li:first-child {
  margin-top: 0;
}

.sns_area .btnList > li a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  background: 0 0 no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
  padding-top: 100%;
  border-radius: 50%;
}

.sns_area .btnList > li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  transition: 0.2s;
}

.credit {
  text-align: center;
  color: #333;
  padding-bottom: 20px;
  font-size: 10px;
}

.popup dl dt {
  font-size: 20px;
  color: #4c4470;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .popup dl dt {
    margin-bottom: 20px;
  }
}

.popup dl dt span.name {
  line-height: 1em;
  display: block;
  font-size: 38px;
  font-weight: bold;
  padding: 0 0 12px;
  color: #000;
  border-bottom: 1px solid #4c4470;
}

@media screen and (max-width: 768px) {
  .popup dl dt {
    display: block;
  }
  .popup dl dt {
    font-size: 16px;
    text-align: center;
  }
  .popup dl dt span.name {
    font-size: 24px;
  }
}

/* youtube   */
.movie {
  text-align: center;
  padding-bottom: 80px;
  background: url(../img/bg_sub2.jpg) repeat left top;
}

.movie h5 {
  padding-top: 20px;
  margin-bottom: 65px;
  display: block;
}

@media screen and (max-width: 768px) {
  .movie h5 {
    padding-top: 10px;
    margin-bottom: 20px;
  }
  .movie {
    margin-bottom: 0;
    padding-bottom: 40px;
  }
}

.youtube_area {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.youtube_area .youtube p {
  font-weight: bold;
  margin-top: 10px;
  font-size: 18px;
}

.youtube_area.single {
  margin-top: 30px;
}

.youtube_area.single .youtube {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .youtube_area {
    display: block;
    width: 100%;
    max-width: initial;
    margin: auto;
  }
  .youtube_area div:first-child {
    margin-bottom: 20px;
  }
  .youtube_area.single {
    margin-top: 20px;
  }
  .youtube_area.single .youtube {
    margin-left: 0;
  }
}

.youtube {
  width: 100%;
  max-width: 560px;
  margin: auto;
}

.youtube2 {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.youtube2 iframe {
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.bunko_main .banner a {
  margin-top: 60px;
}

.youtubeTitle {
  font-size: 1.6em;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
}

.partners_area {
  text-align: center;
  font-size: 14px;
  padding: 0 20px 60px;
}

@media screen and (max-width: 768px) {
  .partners_area {
    padding: 0 20px 30px;
  }
}

.partners {
  text-align: center;
  font-size: 14px;
}

.partners_area .production {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  max-width: 1200px;
  gap: 17px;
  padding: 7px 0 0 0;
}

@media screen and (max-width: 768px) {
  .partners_area .production {
    display: block;
    text-align: center;
    margin: 0 auto 10px;
  }
}

.partners_area .logo_jidai {
  padding: 0 0 20px;
  display: block;
}

@media screen and (max-width: 768px) {
  .partners_area .logo_jidai {
    padding: 0 0 10px;
  }
}

.partners_area .logo_jcom {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .partners_area .logo_jcom {
    padding: 10px 0;
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .partners {
    text-align: center;
    font-size: 14px;
  }
}

.partners_credit {
  font-family: "游ゴシック", "游ゴシック体", YuGothicMedium, YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", "HiraKakuProN-W3", "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif;
  font-size: 10px;
  margin-top: 27px;
}

/*ポップアップ*/
.popupsp {
  display: none;
}

#cboxOverlay {
  background: #000;
  opacity: 0.8 !important;
}

#cboxLoadedContent,
#cboxContent {
  margin-top: 0;
  background: none;
}

#cboxContent {
  padding: 0 70px;
}

@media screen and (max-width: 768px) {
  #cboxContent {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  #cboxContent {
    padding: 0 0 40px;
  }
}

#cboxClose {
  background: url("../img/btn_close.svg") center;
  width: 49px;
  height: 49px;
  top: 30px;
  right: 100px;
}

@media screen and (max-width: 768px) {
  #cboxClose {
    top: 0;
    right: 0;
  }
}

#cboxClose:hover,
#cboxPrevious:hover,
#cboxNext:hover {
  background-position: center;
  opacity: 0.7;
}

#cboxPrevious,
#cboxNext {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 60px;
}

@media screen and (max-width: 768px) {
  #cboxPrevious,
  #cboxNext {
    width: 15px;
    height: 30px;
  }
}

@media screen and (max-width: 768px) {
  #cboxPrevious,
  #cboxNext {
    top: auto;
    bottom: 0;
  }
}

#cboxPrevious {
  background: url("../img/arrow_prev.svg") no-repeat center;
  background-size: contain;
  left: 0;
  right: auto;
}

#cboxNext {
  background: url("../img/arrow_next.svg") no-repeat center;
  background-size: contain;
  right: 0;
  left: auto;
}

#cboxWrapper {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MacHiramin", "YuMincho", "HG明朝B", "HG明朝E", "MS PMincho", "MS Mincho", serif;
}

.skyper-area {
  margin: 73px auto 73px;
  text-align: center;
  max-width: 900px;
  z-index: 2;
  position: relative;
}

.skyper-area.middle {
  padding: 92px 25px 86px;
  margin: 0 auto 0 0;
  text-align: center;
  max-width: unset;
  width: 100%;
  z-index: 2;
  position: relative;
  background: url(../img/bg_bnr.jpg) no-repeat top / 1600px;
}
.skyper-area.middle a{
  max-width:900px;
}

.skyper-area a {
  width: fit-content;
  margin: 0 auto;
}
.skyper-area.bottom {
  margin: 0 auto;
  text-align: center;
  max-width: 900px;
  z-index: 2;
  position: relative;
}


@media screen and (max-width: 768px) {
  .skyper-area {
    margin: 78px auto 77px 0;
    padding: 0 45px 0 20px;
  }
  .skyper-area .m-bnr__item {
    /* max-width: 397px; */
    margin: 0;
  }
  .skyper-area.middle {
    padding: 43px 47px 47px 20px;
    margin: 0 auto 0 0;
  }
}

.hatashiai {
  margin-top: 50px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .hatashiai {
    margin-top: 30px;
    font-size: 16px;
  }
}

.hatashiai a {
  color: #000;
  text-decoration: underline;
}

/* modalmovie */
.modalmovie_overlay {
  width: 100vw;
  height: 100vh;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 10000;
}

.modalmovie_inner {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modalmovie_inner .iframe_wrap {
  width: 70%;
  padding-top: 39.375%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .modalmovie_inner .iframe_wrap {
    width: 90%;
    padding-top: 50.625%;
  }
}

.modalmovie_inner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

.modalmovie_inner .iframe_wrap::after {
  width: 48px;
  height: 48px;
  background: url(../img/btn_close.svg);
  content: "";
  display: block;
  right: 0px;
  top: -48px;
  position: absolute;
  transition: all 0.3s;
  cursor: pointer;
}

.modalmovie_inner .iframe_wrap:hover::after {
  opacity: 0.7;
  transition: all 0.3s;
}

.modalmovie {
  display: none;
}

.preopen {
  margin-bottom: 20px;
}

.btn_movie,
.btn_movie2 {
  cursor: pointer;
}

.margin-top40px {
  margin-top: 40px;
}

.inlineBlock {
  display: inline-block !important;
}

.link_none:hover {
  opacity: 1;
  cursor: none;
  pointer-events: none;
}

.link_none {
  cursor: none;
  pointer-events: none;
}

#cboxPrevious,
#cboxNext {
  display: none !important;
}

.trailer .making {
  max-width: 980px;
  margin: auto;
  text-align: center;
  margin-bottom: 60px;
}

.trailer .making a {
  color: #000;
  font-size: 20px;
  display: inline-block;
  border-bottom: 1px solid #000;
}

.sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .trailer .making a {
    font-size: 18px;
    display: inline;
  }
  .sp-only {
    display: block;
  }
}

.detailSummary {
  display: flex;
  gap: 0 10px;
}

@media (max-width: 768px) {
  .detailSummary {
    gap: 15px;
    flex-flow: column;
  }
}

.detailSummary__text {
  padding: 45px 0px;
  width: 55%;
}

.detailSummary__text--top {
  padding-right: 39px;
  width: 55%;
}

@media (max-width: 974px) {
  .detailSummary__text--top {
     padding-top: 0;
  }
}

.detailSummary__text p{
  font-size: 18px;
  line-height: 1.556;
  font-weight: 500;
  letter-spacing: 0;
}
.detailSummary__text p{
  margin: 0 0 28px 0;
}

@media (max-width: 768px) {
  .detailSummary__text {
    width: 100%;
    padding: 0px 42px;
    letter-spacing: 0;
  }
}

@media (max-width: 768px) {
  .detailSummary__text p {
    margin: 0 0 20px 0;
    line-height: 1.6;
    font-size: 13px;
  }
  .detailSummary__text p.last-child {
    margin: 0 0 0 0;
  }
}

.detailSummary__img {
  width: 44%;
}

@media (max-width: 768px) {
  .detailSummary__img {
    width: 100%;
    padding: 0 20px;
  }
}
.wrapper .mainContents #bnr .contents {
  position: relative;
  padding: 20px 0 0;
}

#cboxContent {
  text-indent: unset;
  color: unset;
}

.partners_credit_2 {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .partners_credit_2 {
    font-size: 17px;
    line-height: 1.5;
  }
}

.mitsuya9__introduction__lead {
  margin-bottom: 40px;
  text-align: center;
  width: 621px;
}

@media (max-width: 768px) {
  .mitsuya9__introduction__lead {
    max-width: 260px;
    margin: 0px auto 23px;
  }
}

.mitsuya9__introduction__ttl {
  max-width: 335px;
}

@media (max-width: 768px) {
  .mitsuya9__introduction__ttl {
    width: 63%;
    max-width: 434px;
  }
}

@media (max-width: 768px) {
  .detailIntroduction {
    flex-flow: column;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .detailIntroduction + .detailIntroduction {
    margin-top: 20px;
  }
}

.detailIntroduction__text {
  font-size: 16px;
  line-height: 1.55;
}

.detailIntroduction__text p {
  text-shadow:
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1),
  3px 3px 20px rgba(255, 255, 255, 1);
  margin: 0px 0 29px 0;
}

.detailIntroduction__text p:last-child {
  margin:unset;
}

@media (max-width: 768px) {
  .detailIntroduction__text {
    /* width: 100%; */
    font-size: 16px;
    /* max-width: 383px; */
    margin: 0 auto;
    line-height: 1.75;
    padding: 0 20px;
  }
  .detailIntroduction__text p {
    margin: 0 0 44px 0;
    font-size: 13px;
    line-height: 1.6;
  }
  .detailIntroduction__text p:last-child {
    margin:unset;
  }
}

.detailIntroduction__img {
  width: 50%;
}

@media (max-width: 768px) {
  .detailIntroduction__img {
    width: 100%;
  }
}

.mv__img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .mv__img {
    width: 100%;
  }
}

.cast-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 190px;
}

@media (max-width: 768px) {
  .cast-photo {
    flex-flow: column;
    margin-top: 60px;
  }
}

@media (max-width: 768px) {
  .cast-photo img {
    width: 70%;
  }
}

.cast-photo img:first-child {
  margin-top: -120px;
}

@media (max-width: 768px) {
  .cast-photo img:first-child {
    margin-top: 0px;
    margin-right: 0px !important;
  }
}

@media (max-width: 768px) {
  .cast-photo img:nth-child(2) {
    margin-left: 0px !important;
  }
}

.mainCast__text {
  font-size: 18px;
}

#bnr {
  padding-top: 35px;
  position: relative;
}

@media (max-width: 768px) {
  #bnr {
    padding-top: 40px;
  }
}

@media (max-width: 768px) {
  .detailIntroduction2__wrap {
    flex-flow: column-reverse;
  }
}

.cast__sub {
  display: flex;
}

@media (max-width: 768px) {
  .detailSummary03 img {
    width: 100%;
  }
}

#footer {
  font-family: "游ゴシック", "游ゴシック体", YuGothicMedium, YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", "HiraKakuProN-W3", "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif;
}

#cboxCurrent {
  display: none !important;
}

#staff {
  padding-top: 60px;
}

.footer .copyright {
  display: none;
}

@media (max-width: 768px) {
  #footer .footer-navi li {
    width: calc(50% - 1px);
  }
}

#footer .copyright {
  font-size: 10px;
  letter-spacing: 0px;
}

#staff .contents .skyper-area {
  margin-bottom: 80px;
}

#cast .contents .skyper-area {
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  #cast .contents .skyper-area {
    padding: 0 0px;
    margin-bottom: 60px;
  }
  #staff {
    padding-top: 37px;
    padding-bottom: 66px;
  }
}

.schedule-btn__wrap {
  text-align: right;
  margin-top: 50px;
}

@media (max-width: 768px) {
  .schedule-btn__wrap {
    margin-top: 20px;
  }
}

#staff-ttl {
  padding-top: 68px;
}

@media (max-width: 768px) {
  #staff-ttl {
    padding-top: 0;
    margin-bottom: 48px;
  }
  .partners_credit {
    font-size: 10px;
    margin-top: 51px;
  }
}

.m-bnr__item {
  display: block;
}

.m-bnr__item + .m-bnr__item {
  margin-top: 21px;
}