@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);
.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

a {
  color: #fff;
  text-decoration: none;
  transition-property: all;
  transition: 0.08s linear; }

img {
  width: 100%; }

html {
  overflow-y: scroll; }

body {
  color: #fff;
  line-height: 1.3;
  font-size: 1.56863vw;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", Meiryo, メイリオ, sans-serif;
  /*end of div.container */ }
  body div.container {
    /*end of section.news */
    /*end of div.main*/
    /*end of footer */ }
    body div.container header {
      background: url(../../images/pc_main_bg.jpg) no-repeat center top;
      height: 52.94118vw;
      background-size: 102%;
      position: relative; }
      body div.container header p.catch {
        width: calc(596%/10.2);
        padding-top: 0.98039vw;
        margin-left: calc(20%/10.2); }
      body div.container header h1 {
        position: absolute;
        margin: auto;
        left: calc(-200%/10.2);
        right: 0;
        bottom: 14.70588vw;
        width: calc(600%/10.2); }
      body div.container header p.description {
        width: calc(890%/10.2);
        position: absolute;
        bottom: 1.96078vw;
        left: 0;
        right: 0;
        margin: auto; }
        body div.container header p.description img.sp {
          display: none; }
      body div.container header p.theater_info {
        position: absolute;
        left: calc(34%/10.2);
        top: 12.2549vw;
        width: calc(160%/10.2); }
      body div.container header div#sns {
        position: absolute;
        width: 28%;
        bottom: 8vw;
        right: 0; }
        body div.container header div#sns div.tw {
          float: left;
          margin: 0 20px 10px 0; }
        body div.container header div#sns div.fb {
          float: left;
          margin: 0 0 10px 0; }
        body div.container header div#sns div.line {
          clear: both; }
    body div.container section.news {
      padding: 4.90196vw 0 19.60784vw;
      background: #000 url(../../images/bg_news.jpg) no-repeat center bottom;
      background-size: 100%;
      position: relative; }
      body div.container section.news h2 {
        background: url(../../images/line_news.png) no-repeat center bottom;
        margin: 0 auto 6.86275vw;
        text-align: center;
        background-size: 75%; }
        body div.container section.news h2 img {
          width: calc(255%/10.2); }
      body div.container section.news dl {
        width: calc(650%/10.2);
        padding: 0 3.92157vw;
        margin: 0 auto;
        max-height: 19.60784vw;
        overflow-y: scroll; }
        body div.container section.news dl dt {
          float: left;
          padding-left: calc(25%/5.7);
          background: url(../../images/news_icon.png) no-repeat left center;
          background-size: contain;
          margin: 0 calc(40%/5.7) 2.94118vw 0;
          width: calc(80%/5.7); }
        body div.container section.news dl dd {
          margin-bottom: 2.94118vw;
          padding-left: calc(150%/5.7); }
          body div.container section.news dl dd a {
            text-decoration: underline; }
      body div.container section.news img.photos {
        position: absolute;
        right: 0;
        left: 0;
        bottom: -6.37255vw; }
    body div.container div.main {
      background: url(../../images/bg_repeat.png) repeat center top;
      background-size: 12%;
      padding: 9.80392vw 0 0.98039vw; }
      body div.container div.main section.freeConts {
        width: calc(740%/10.2);
        background-color: #368996;
        margin: 0 auto 4.90196vw;
        padding: 4.90196vw calc(20%/7);
        border: 5px solid #edb801;
        font-size: 1.56863vw; }
        body div.container div.main section.freeConts h2 {
          font-weight: bold;
          font-size: 2.45098vw;
          margin-bottom: 2.94118vw; }
          body div.container div.main section.freeConts h2 span {
            font-size: 1.37255vw; }
        body div.container div.main section.freeConts li em {
          font-weight: bold; }
      body div.container div.main section.theater {
        margin-bottom: 10.78431vw; }
        body div.container div.main section.theater h2 {
          width: calc(347%/10.2);
          margin: 0 auto 1.96078vw; }
        body div.container div.main section.theater table {
          width: calc(960%/10.2);
          margin: 0 auto;
          border: solid 1px #fff; }
          body div.container div.main section.theater table td, body div.container div.main section.theater table th {
            padding: 1.96078vw calc(15%/9.6);
            border: solid 1px #fff; }
          body div.container div.main section.theater table th {
            padding: 1.96078vw calc(10%/9.6);
            background-color: #fff;
            color: #1a9180;
            border-bottom: 1px solid #1a9180;
            width: calc(80%/9.6); }
          body div.container div.main section.theater table td.place {
            width: calc(210%/9.6); }
          body div.container div.main section.theater table td.date {
            width: calc(150%/9.6); }
          body div.container div.main section.theater table td.earlybird, body div.container div.main section.theater table td.bd {
            text-align: center;
            font-size: 2.15686vw; }
          body div.container div.main section.theater table tr.closed {
            color: #809a97;
            background-color: rgba(54, 84, 80, 0.6); }
            body div.container div.main section.theater table tr.closed th {
              color: #ccc; }
          body div.container div.main section.theater table tr:first-child th {
            border-right: 1px solid #1a9180; }
            body div.container div.main section.theater table tr:first-child th:last-child {
              border-right: none; }
          body div.container div.main section.theater table tr:last-child th {
            border-bottom: none; }
        body div.container div.main section.theater p {
          text-align: center;
          font-size: 1.76471vw;
          margin-top: 1.96078vw; }
      body div.container div.main section.trailer h2 {
        width: calc(390%/10.2);
        margin: 0 auto 1.96078vw; }
      body div.container div.main section.trailer div.video_box {
        padding: 0 calc(160%/10.2); }
        body div.container div.main section.trailer div.video_box div.video {
          position: relative;
          padding-bottom: 56.25%;
          /*アスペクト比 16:9の場合の縦幅*/
          height: 0;
          overflow: hidden;
          width: 100%; }
          body div.container div.main section.trailer div.video_box div.video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
      body div.container div.main section.trailer p.pgt {
        text-align: right;
        margin: 9.80392vw calc(20%/10.2) 0 0; }
        body div.container div.main section.trailer p.pgt a {
          color: #252a37; }
    body div.container section.slider .slick-slide img {
      height: 14.70588vw;
      width: auto; }
    body div.container footer {
      background-color: #000;
      color: #fff;
      font-size: 1.17647vw;
      text-align: center;
      padding: 4.90196vw 0; }
      body div.container footer p {
        margin-bottom: 0.4902vw;
        font-weight: bold; }
        body div.container footer p img.credit {
          width: calc(172%/10.2);
          margin-left: calc(5%/10.2);
          vertical-align: middle; }
        body div.container footer p a {
          color: #fff; }
      body div.container footer br {
        display: none; }

/*end of body */
@media screen and (max-width: 750px) {
  body {
    color: #fff;
    line-height: 1.3;
    font-size: 3.73333vw;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", Meiryo, メイリオ, sans-serif;
    /*end of div.container */ }
    body div.container {
      /*end of section.news */
      /*end of div.main*/
      /*end of footer */ }
      body div.container header {
        background: #368996 url(../../images/pc_main_bg.jpg) no-repeat center top;
        height: 72vw;
        background-size: 100%;
        position: relative; }
        body div.container header h1 {
          left: calc(-190%/7.5);
          top: 18.66667vw;
          width: calc(488%/7.5); }
        body div.container header p.theater_info {
          width: calc(182%/7.5);
          top: 16.62745vw;
          left: calc(22%/7.5); }
        body div.container header p.description {
          width: calc(660%/7.5);
          bottom: 0.66667vw; }
          body div.container header p.description img.sp {
            display: block; }
          body div.container header p.description img.pc {
            display: none; }
        body div.container header img.fly {
          position: absolute;
          width: calc(135%/7.5);
          left: 0;
          right: calc(-30%/7.5);
          top: -33.33333vw;
          bottom: 0;
          margin: auto; }
        body div.container header img.Bindhu {
          display: none; }
        body div.container header div#sns {
          position: absolute;
          width: auto;
          bottom: 20vw;
          left: 0;
          padding: 0 20px; }
          body div.container header div#sns div.fb {
            margin: 0 20px 10px 0; }
          body div.container header div#sns div.line {
            float: left; }
      body div.container section.news {
        padding: 2.66667vw 0 22.66667vw;
        background: #000 url(../../images/bg_news.jpg) no-repeat center bottom;
        background-size: 100%;
        position: relative; }
        body div.container section.news h2 {
          background: url(../../images/line_news.png) no-repeat center bottom;
          margin: 0 auto 6.66667vw;
          text-align: center;
          background-size: 100%; }
          body div.container section.news h2 img {
            width: calc(388%/7.5); }
        body div.container section.news dl {
          width: calc(710%/7.5);
          padding: 0 0;
          margin: 0 auto;
          height: 40vw;
          max-height: 40vw;
          overflow-y: scroll; }
          body div.container section.news dl dt {
            float: none;
            padding-left: calc(35%/5.7);
            background: url(../../images/news_icon.png) no-repeat left center;
            background-size: contain;
            margin: 0 calc(40%/5.7) 1.33333vw 0; }
          body div.container section.news dl dd {
            margin-bottom: 2.94118vw;
            padding-left: calc(30%/7.1); }
        body div.container section.news img.photos {
          position: absolute;
          right: 0;
          left: 0;
          bottom: -6.37255vw; }
      body div.container div.main {
        background: url(../../images/bg_repeat.png) repeat center top;
        background-size: 12%;
        padding: 13.33333vw 0 13.33333vw; }
        body div.container div.main section.freeConts {
          width: calc(680%/7.5);
          background-color: #368996;
          margin: 0 auto 6.66667vw;
          padding: 4vw calc(20%/6.8) 4vw;
          border: 3px solid #edb801;
          font-size: 4vw; }
          body div.container div.main section.freeConts h2 {
            font-weight: bold;
            font-size: 4.66667vw;
            margin-bottom: 2.94118vw;
            text-align: left; }
          body div.container div.main section.freeConts li {
            position: relative; }
            body div.container div.main section.freeConts li em {
              font-weight: bold; }
        body div.container div.main section.theater {
          margin-bottom: 13.33333vw; }
          body div.container div.main section.theater h2 {
            width: calc(540%/7.5);
            margin: 0 auto 1.96078vw; }
          body div.container div.main section.theater table {
            width: calc(710%/7.5);
            margin: 0 auto;
            border: solid 1px #fff;
            font-size: 2.66667vw; }
            body div.container div.main section.theater table td,
            body div.container div.main section.theater table th {
              padding: 1.96078vw calc(7%/7.1);
              border: solid 1px #fff; }
            body div.container div.main section.theater table th {
              padding: 1.96078vw calc(7%/7.1);
              background-color: #fff;
              color: #1a9180;
              border-bottom: 1px solid #1a9180;
              width: calc(115%/7.1); }
            body div.container div.main section.theater table th.todoufuken {
              width: calc(62%/7.1); }
            body div.container div.main section.theater table td.place {
              width: calc(210%/7.1); }
            body div.container div.main section.theater table td.date {
              width: calc(210%/7.1); }
            body div.container div.main section.theater table td.earlybird, body div.container div.main section.theater table td.bd {
              text-align: center;
              font-size: 2.93333vw; }
            body div.container div.main section.theater table tr:first-child th {
              border-right: 1px solid #1a9180; }
              body div.container div.main section.theater table tr:first-child th:last-child {
                border-right: none; }
            body div.container div.main section.theater table tr:last-child th {
              border-bottom: none; }
          body div.container div.main section.theater p {
            font-size: 3.73333vw;
            margin-top: 2.66667vw; }
        body div.container div.main section.trailer h2 {
          width: calc(606%/7.5);
          margin: 0 auto 1.96078vw; }
        body div.container div.main section.trailer div.video_box {
          padding: 0 calc(20%/7.5); }
          body div.container div.main section.trailer div.video_box div.video {
            position: relative;
            padding-bottom: 56.25%;
            /*アスペクト比 16:9の場合の縦幅*/
            height: 0;
            overflow: hidden;
            width: 100%; }
            body div.container div.main section.trailer div.video_box div.video iframe {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
        body div.container div.main section.trailer p.pgt {
          display: none; }
      body div.container section.slider .slick-slide img {
        height: 22.66667vw;
        width: auto; }
      body div.container footer {
        background-color: #000;
        color: #fff;
        font-size: 2.93333vw;
        text-align: center;
        padding: 6.66667vw calc(30%/7.5); }
        body div.container footer p {
          margin-bottom: 1.33333vw; }
          body div.container footer p img.credit {
            width: calc(220%/7.5);
            margin-left: 0;
            vertical-align: middle; }
        body div.container footer br {
          display: inherit; }
        body div.container footer a {
          color: #000;
          display: block;
          margin-top: 2.66667vw; } }
/*end max-width:750px */
/*end min-width:1020px */