@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
body {
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  color: #0E172B; }

p {
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.65em;
  margin-bottom: 1em; }

body {
  width: 100%;
  overflow-x: hidden; }
  body img {
    width: 100%;
    height: auto;
    display: block; }

main {
  position: relative;
  z-index: 2;
  background-image: url(../images/bg.jpg);
  background-position: center;
  background-size: 100%;
  overflow-x: hidden; }

section {
  display: block;
  position: relative;
  z-index: 1; }

.inner-wrap {
  padding: 0 3%;
  margin: 0 auto;
  max-width: 1050px; }

#sns {
  background: #fff;
  padding: 1em; }
  #sns ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 300px;
    margin: auto; }
    #sns ul li.share {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 30%; }
      #sns ul li.share img {
        max-width: 1em;
        margin-right: 4px; }
    #sns ul li a {
      display: block;
      width: 40px;
      margin: 0 8px; }

#mv .inner-wrap {
  position: relative;
  max-width: 1500px; }
  #mv .inner-wrap .mv-pc {
    max-width: 80%;
    margin: 0 auto;
    text-align: center; }
  #mv .inner-wrap .mv-logo {
    position: absolute;
    max-width: 25%;
    bottom: -9%;
    left: 39%; }
  #mv .inner-wrap .mv-cbc-logo {
    position: absolute;
    max-width: 11%;
    top: 4%;
    left: 16%; }
  #mv .inner-wrap .mv-at .mv-left {
    position: absolute;
    top: 30px;
    left: 0%;
    width: 10%; }
  #mv .inner-wrap .mv-at .mv-right {
    position: absolute;
    bottom: 30px;
    right: 0%;
    width: 10%; }

#pickup .inner-wrap {
  position: relative;
  max-width: 1500px; }
  #pickup .inner-wrap .bnr-box {
    max-width: 540px;
    margin: 6em auto 0; }
  #pickup .inner-wrap .movie-box {
    max-width: 60%;
    margin: 3em auto 0; }
  #pickup .inner-wrap .movie-box-inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto; }
  #pickup .inner-wrap .movie-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #pickup .inner-wrap .pickup-img01 {
    max-width: 60%;
    margin: 0 auto;
    margin-top: 6em;
    text-align: center; }
  #pickup .inner-wrap .pickup-img02 {
    max-width: 55%;
    margin: 0 auto;
    margin-top: 3em;
    text-align: center; }
  #pickup .inner-wrap .pickup-at .pickup-left {
    position: absolute;
    top: 30px;
    left: 9%;
    width: 7%; }
  #pickup .inner-wrap .pickup-at .pickup-right {
    position: absolute;
    bottom: 30px;
    right: 7%;
    width: 10%; }
  #pickup .inner-wrap .pickup-txt {
    max-width: 40%;
    margin: 0 auto;
    margin-top: 3em;
    text-align: center; }

#photo {
  width: 100%;
  margin: 0 auto; }
  #photo .photo-img {
    max-width: 446px;
    text-align: center;
    margin: 0 auto;
    margin-top: 3em; }
  #photo .con-photo-box-inner {
    display: block;
    text-align: center;
    position: relative;
    background-size: cover;
    padding-bottom: 60px; }
  #photo .con-photo-box {
    max-width: 1150px;
    margin: 0 auto; }
  #photo .photo-box {
    display: inline-flex;
    position: relative;
    vertical-align: top;
    margin: 15px 15px; }
    #photo .photo-box img {
      max-width: 230px; }
  #photo .photo-box-inner {
    max-width: 500px;
    height: auto;
    position: relative; }
    #photo .photo-box-inner .photo-cap {
      position: absolute;
      top: -10px;
      max-width: 240px;
      left: 0; }
    #photo .photo-box-inner .photo-img {
      margin: 10px auto 0px; }
    #photo .photo-box-inner .manner_tet_pc {
      display: block; }
    #photo .photo-box-inner .manner_tet_sp {
      display: none; }

#cast {
  background-color: rgba(255, 255, 255, 0.734);
  max-width: 1920px;
  margin: 0 auto; }
  #cast .inner-wrap {
    position: relative; }
    #cast .inner-wrap .cast-img01 {
      max-width: 446px;
      text-align: center;
      margin: 0 auto; }
    #cast .inner-wrap .cast-img02 {
      max-width: 556px;
      text-align: center;
      margin: 0 auto;
      padding-bottom: 50px; }
    #cast .inner-wrap .cast-at .cast-left {
      position: absolute;
      top: 20px;
      left: -33%;
      width: 45%; }
    #cast .inner-wrap .cast-at .cast-right {
      position: absolute;
      bottom: -40px;
      right: 3%;
      width: 13%; }

#summary {
  max-width: 1920px;
  margin: 0 auto; }
  #summary .summary-img {
    max-width: 446px;
    text-align: center;
    margin: 0 auto;
    margin-top: 3em; }
  #summary .con-summary-box-inner {
    display: block;
    text-align: center;
    position: relative;
    background-size: cover;
    padding-bottom: 60px; }
  #summary .con-summary-box {
    max-width: 1030px;
    margin: 0 auto; }
  #summary .summary-at .summary_top {
    position: absolute;
    top: 30px;
    left: 9%;
    width: 7%; }
  #summary .summary-at .summary_middle {
    position: absolute;
    bottom: -30px;
    right: 0%;
    width: 24%; }
  #summary .summary-at .summary_bottom {
    position: absolute;
    bottom: 30px;
    left: 9%;
    width: 13%; }
  #summary .summary-box {
    display: inline-flex;
    position: relative;
    vertical-align: top;
    margin: 4px;
    background: #ffffff6b;
    padding: 3px 20px;
    margin: 15px 15px; }
    #summary .summary-box:before {
      content: '';
      position: absolute;
      top: -5px;
      bottom: -5px;
      left: -5px;
      right: -5px;
      background: inherit;
      filter: blur(5px); }
    #summary .summary-box img {
      max-width: 230px; }
  #summary .summary-box-inner {
    max-width: 500px;
    height: auto;
    position: relative; }
    #summary .summary-box-inner .summary-cap {
      position: absolute;
      top: -10px;
      max-width: 240px;
      left: 0; }
    #summary .summary-box-inner .summary-img {
      margin: 50px auto 0px; }
    #summary .summary-box-inner p {
      font-family: "Hiragino Kaku Gothic ProN";
      font-size: 15px;
      text-align: center;
      color: #713C3C;
      max-width: 230px;
      margin: 1em auto; }
    #summary .summary-box-inner .manner_tet_pc {
      display: block; }
    #summary .summary-box-inner .manner_tet_sp {
      display: none; }

#cbc {
  background: #fff;
  text-align: center;
  padding: 20px; }
  #cbc p {
    color: #713C3C;
    font-weight: 600;
    margin-bottom: 0em; }

footer {
  background-color: #9B9B34;
  text-align: center;
  padding: 30px; }
  footer a {
    color: #fff; }

@media screen and (max-width: 768px) {
  #pickup .inner-wrap .bnr-box {
    max-width: 70%; }
  #pickup .inner-wrap .movie-box {
    max-width: 80%;
    margin: 3em auto 0; }
  #pickup .inner-wrap .pickup-img01 {
    max-width: 60%;
    margin: 0 auto;
    margin-top: 4em;
    text-align: center; }
  #pickup .inner-wrap .pickup-img02 {
    max-width: 65%;
    margin: 0 auto;
    margin-top: 2em;
    text-align: center; }
  #pickup .inner-wrap .pickup-txt {
    max-width: 40%;
    margin: 0 auto;
    margin-bottom: 1em;
    margin-top: 2em;
    text-align: center; }

  #cast .inner-wrap .cast-img02 {
    max-width: 496px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px; } }
@media screen and (max-width: 500px) {
  #mv .inner-wrap .mv-logo {
    position: absolute;
    max-width: 40%;
    bottom: -26%;
    left: 32%; }
  #mv .inner-wrap .mv-cbc-logo {
    position: absolute;
    max-width: 17%;
    top: 4%;
    left: 6%; }
  #mv .inner-wrap .mv-pc {
    max-width: 100%;
    margin: 0 auto;
    text-align: center; }
  #mv .inner-wrap .mv-at .mv-right {
    position: absolute;
    bottom: -40px;
    right: 0%;
    width: 15%; }

  #pickup .inner-wrap .pickup-img01 {
    max-width: 90%;
    margin: 0 auto;
    margin-top: 3em;
    text-align: center; }
  #pickup .inner-wrap .pickup-img02 {
    max-width: 85%;
    margin: 0 auto;
    margin-top: 2em;
    text-align: center; }
  #pickup .inner-wrap .pickup-txt {
    max-width: 80%;
    margin: 0 auto;
    margin-top: 1em;
    text-align: center; }
  #pickup .inner-wrap .pickup-at .pickup-left {
    position: absolute;
    top: -60px;
    left: 9%;
    width: 11%; }
  #pickup .inner-wrap .pickup-at .pickup-right {
    position: absolute;
    bottom: -32px;
    right: 1%;
    width: 13%; }
  #pickup .inner-wrap .bnr-box {
    max-width: 80%; }
  #pickup .inner-wrap .movie-box {
    max-width: 90%; }

  #photo .con-photo-box {
    max-width: 1150px;
    margin: 10px auto; }
  #photo .photo-box {
    display: inline-flex;
    position: relative;
    vertical-align: top;
    margin: 5px 5px; }

  #cast .inner-wrap .cast-img01 {
    max-width: 396px; }
  #cast .inner-wrap .cast-img02 {
    max-width: 396px; }
  #cast .inner-wrap .cast-at .cast-left {
    position: absolute;
    top: -59px;
    left: -3%;
    width: 52%; }
  #cast .inner-wrap .cast-at .cast-right {
    position: absolute;
    bottom: -40px;
    right: 3%;
    width: 24%; }

  #summary .summary-img {
    max-width: 396px; }
  #summary .summary-at .summary_top {
    position: absolute;
    top: -63px;
    left: 4%;
    width: 17%; }
  #summary .summary-at .summary_bottom {
    position: absolute;
    bottom: 14px;
    left: 9%;
    width: 23%; } }
@media screen and (max-width: 375px) {
  #summary .summary-at .summary_middle {
    position: absolute;
    bottom: 15px;
    right: 3%;
    width: 30%; } }

/*# sourceMappingURL=style.css.map */