@charset "UTF-8";
/*===================================================
*
* Base Style CSS
* Site https://www.unitedcinemas.jp
*
====================================================*/
/*===================================================
STRUCTURE
====================================================*/
body#fourdx {
  font-family: "Avenir Next", "futura-pt", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-image: url("/4dx/images/bg.jpg");
  background-position: center -35px;
  background-color: #FFF; }

div#main {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent;
  width: 100%; }
div.wrapper {
  padding-bottom: 0 !important;
  background: transparent; }
div.contents {
  margin: 0 auto;
  background: #ffffff;
  width: 1280px;
  text-align: center; }

a {
  color: #DA2128; }
  a:visited {
    color: #DA2128; }
  a:hover {
    color: #DA2128;
    color: #FF2128; }

p {
  margin-bottom: 1.5em; }

.sp {
  display: none; }

/*---------------------------------------------------- #header
----------------------------------------------------*/
header {
  height: 260px;
  margin: 0 auto;
  background: transparent;
  width: 100%;
  text-align: left; }

body#fourdx header:after {
  height: 8px;
  width: 100%;
  position: absolute;
  top: 260px;
  left: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  content: '\00A0';
  background: url("/4dx/images/shadow_header.png"); }
body#fourdx header nav {
  width: 980px;
  margin: 0 auto;
  position: relative; }
body#fourdx header.fixed nav {
  height: 47px; }
body#fourdx header nav p#menu-link {
  display: none; }
body#fourdx header h1 {
  margin: 22px 0 32px;
  padding: 0;
  width: 100%;
  text-align: center; }
  body#fourdx header h1 a {
    display: block; }
  body#fourdx header h1 img.logoMain {
    height: 130px;
    margin-bottom: 1px; }
  body#fourdx header h1 img.logoUC {
    height: 25px; }
body#fourdx header.fixed h2.logoUC {
  display: none; }
body#fourdx header h2.logoUC {
  height: 30px;
  line-height: 20px;
  background: #3b3b3b;
  padding: 0;
  color: #EEE;
  text-align: left; }
  body#fourdx header h2.logoUC span {
    width: 1080px;
    margin: 0 auto;
    display: block; }
  body#fourdx header h2.logoUC img {
    padding: 4px 235px 0 0;
    height: 22px; }
body#fourdx header h2.message {
  height: 20px;
  line-height: 20px;
  background: #3b3b3b;
  padding: 2px 0 0;
  color: #DFDFDF;
  text-align: center;
  display: none; }
body#fourdx header ul.navi {
  width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative; }
  body#fourdx header ul.navi li {
    width: 200px;
    text-align: center;
    float: left;
    position: relative;
    display: inline-block;
    /* 横並びに */ }
    body#fourdx header ul.navi li:nth-of-type(4) {
      width: 205px; }
    body#fourdx header ul.navi li:last-child {
      width: 200px; }
    body#fourdx header ul.navi li:hover, body#fourdx header ul.navi li.current {
      border-bottom: 3px solid #D92229;
      height: 42px; }
body#fourdx header.fixed ul.navi li:hover, body#fourdx header.fixed ul.navi li.current {
  height: 30px; }
body#fourdx header ul.navi li a {
  border-left: 1px solid #333;
  display: block;
  color: #333;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold; }
body#fourdx header ul.navi li:last-child a {
  border-right: 1px solid #333; }

header.fixed {
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  background: #FFF; }

body#fourdx header.fixed h2 {
  display: block; }
body#fourdx header.fixed:after {
  position: fixed;
  top: 70px; }
body#fourdx header.fixed h1 {
  position: absolute;
  left: 0;
  top: 4px;
  margin: 0;
  width: 120px; }
  body#fourdx header.fixed h1 img {
    height: 40px; }
    body#fourdx header.fixed h1 img.logoUC {
      display: none; }

#fourdx header ul.navi {
  padding: 10px 0 0; }
#fourdx header.fixed ul.navi {
  padding: 15px 0 0 150px; }

div.wrapper {
  width: 100%;
  position: relative; }

img.shadow {
  position: absolute;
  top: 142;
  left: 0;
  z-index: 55; }
img.shadowbtm {
  position: absolute;
  top: 512px;
  left: -460px;
  z-index: 64; }

/*---------------------------------------------------- #trailer
----------------------------------------------------*/
body.top div#main {
  background: #000; }

#videoTrailer {
  width: 1180px;
  margin: 0 auto;
  position: relative; }
  #videoTrailer img.cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    width: 1180px;
    height: 680px; }

p.skip {
  position: absolute;
  top: 560px;
  right: 30px;
  cursor: pointer;
  width: 166px;
  z-index: 81;
  -webkit-transition: all ease;
  -webkit-transition-delay: 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  p.skip:hover {
    background: #72090d; }

/*----------------------------------------------------
  #slider
----------------------------------------------------*/
div#slideContainer {
  position: relative;
  height: 600px;
  width: 1080px;
  margin: 0 auto; }
  div#slideContainer .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto; }
  div#slideContainer .swiper-slide {
    background-size: cover;
    background-position: center; }
    div#slideContainer .swiper-slide .notes {
      position: absolute;
      display: block;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0.44);
      width: 100%;
      padding: 2px;
      font-size: 0.9em;
      color: #FFF;
      bottom: 0;
      left: 0; }
      div#slideContainer .swiper-slide .notes.right {
        text-align: right; }
      div#slideContainer .swiper-slide .notes.center {
        text-align: center; }
  div#slideContainer .gallery-top {
    height: 520px;
    width: 100%; }
  div#slideContainer .gallery-thumbs {
    height: 14%;
    box-sizing: border-box;
    padding: 10px 0; }
    div#slideContainer .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
      cursor: pointer; }
      div#slideContainer .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
        opacity: 1; }
  div#slideContainer.wrapper div.fixed {
    margin: 300px 0 0; }
  div#slideContainer#topImg {
    width: 1080px;
    margin: 0 auto;
    height: 520px;
    margin-top: 0px;
    background: #333;
    position: relative; }
    div#slideContainer#topImg #slide {
      width: 1080px;
      margin: 0 0 0 -1080px; }
div#topImg #slide li img {
  height: 520px; }

@media only screen and (max-width: 1120px) {
  .bx-prev {
    left: 90px; }

  .bx-next {
    left: 2050px; } }
/*---------------------------------------------------- #about
----------------------------------------------------*/
#about p.button {
  text-align: left; }
  #about p.button span {
    cursor: pointer; }

#video_wrapper {
  position: relative;
  width: 980px;
  height: 551px;
  margin: 50px auto 40px;
  padding: 0 0 50px;
  background: #111; }
  #video_wrapper #control {
    zoom: 1; }
    #video_wrapper #control:before {
      content: "";
      display: block; }
    #video_wrapper #control:after {
      content: "";
      display: block;
      clear: both; }
    #video_wrapper #control #playcontrol, #video_wrapper #control #volumecontrol {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
  #video_wrapper #ended ul li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline; }
    #video_wrapper #ended ul li div, #video_wrapper #ended ul li a {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
  #video_wrapper #control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    #video_wrapper #control #panel {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-family: 'Lato', sans-serif; }
  #video_wrapper #chapter li .caption, #video_wrapper #ended {
    font-family: 'Lato', sans-serif; }
  #video_wrapper #video {
    z-index: 1; }
  #video_wrapper #control {
    position: absolute;
    top: 610px;
    right: 0;
    text-align: right;
    padding: 10px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5; }
    #video_wrapper #control > div {
      float: left; }
    #video_wrapper #control #panel {
      font-size: 16px;
      font-size: 1.6rem;
      position: relative;
      margin-right: 18px;
      padding: 0 15px;
      height: 30px;
      color: white;
      font-weight: 200;
      line-height: 28px;
      letter-spacing: 1px; }
    #video_wrapper #control #playcontrol, #video_wrapper #control #volumecontrol {
      margin: 0 10px;
      width: 30px;
      height: 30px;
      cursor: pointer;
      background-image: url(../images/video/videocontrol.png);
      background-repeat: no-repeat; }
    #video_wrapper #control #playcontrol.play, #video_wrapper #control #volumecontrol.play {
      background-position: 0 2px; }
    #video_wrapper #control #playcontrol.stop, #video_wrapper #control #volumecontrol.stop {
      background-position: -33px 2px; }
    #video_wrapper #control #playcontrol.volumeon, #video_wrapper #control #volumecontrol.volumeon {
      background-position: -66px 2px; }
    #video_wrapper #control #playcontrol.mute, #video_wrapper #control #volumecontrol.mute {
      background-position: -99px 2px; }
  #video_wrapper #chapters {
    width: 100%;
    height: 100px;
    z-index: 3;
    clear: both;
    margin: 0 0 20px;
    position: absolute;
    top: 506px;
    left: 6px; }
    #video_wrapper #chapters #chapter {
      display: none; }
  #video_wrapper #chapter li {
    text-align: center;
    margin: 6px;
    float: left;
    position: relative;
    cursor: pointer;
    background: #111;
                                                                                                                                  /*
-webkit-transition: all ease;
-webkit-transition-delay: 0.1s;
-moz-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
transition: all ease 0.1s;
*/
    border: solid 3px #FFF;
    width: 70px;
    height: 70px;
    transition-duration: 0.3s; }
    #video_wrapper #chapter li img {
      width: 70px;
      height: 70px;
      vertical-align: middle;
      transition-duration: 0.3s; }
    #video_wrapper #chapter li:last-child {
      margin-right: 0px; }
    #video_wrapper #chapter li:hover {
      background: #CC0000;
      width: 82px;
      height: 82px;
      margin: 0px;
                                                                                                /*
-webkit-transition: all ease;
-webkit-transition-delay: 0.1s;
-moz-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
transition: all ease 0.1s;
*/
      filter: alpha(opacity=8);
      -moz-opacity: 0.8;
      opacity: 0.8; }
      #video_wrapper #chapter li:hover img {
        width: 82px;
        height: 82px;
                                                                  /*
-webkit-transition: all ease;
-webkit-transition-delay: 0.1s;
-moz-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
transition: all ease 0.1s;
*/ }
    #video_wrapper #chapter li.current {
      box-shadow: 0px 0px 20px #ed0710;
      background: #CC0000;
      width: 82px;
      height: 82px;
      margin: 0px; }
      #video_wrapper #chapter li.current img {
        width: 82px;
        height: 82px; }
    #video_wrapper #chapter li figcaption {
      display: none; }
  #video_wrapper div#captionBox {
    display: none;
    font-size: 16px;
    color: #FFF;
    position: absolute;
    left: 0px;
    width: 960px;
    padding: 5px 10px 0;
    height: 40px;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8);
    opacity: 0.8; }
  #video_wrapper p#videoCaption {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
    opacity: 1;
    font-size: 16px; }
    #video_wrapper p#videoCaption span {
      margin: 0 20px 0 10px;
      font-size: 23px;
      color: #F00;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
      opacity: 1;
      font-weight: bolder; }
  #video_wrapper #ended {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 300px;
    left: 50%;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1; }
    #video_wrapper #ended ul {
      width: 100%; }
      #video_wrapper #ended ul li {
        margin: 0 20px; }
        #video_wrapper #ended ul li div, #video_wrapper #ended ul li a {
          font-size: 26px;
          font-size: 2.6rem;
          -webkit-transition: all ease;
          -webkit-transition-delay: 0.3s;
          -moz-transition: all ease 0.3s;
          -o-transition: all ease 0.3s;
          transition: all ease 0.3s;
          padding: 0 40px;
          height: 68px;
          font-weight: 100;
          line-height: 68px;
          border: 1px solid white;
          color: white;
          text-decoration: none;
          cursor: pointer; }
        #video_wrapper #ended ul li div:hover, #video_wrapper #ended ul li a:hover {
          color: black;
          font-weight: 200;
          background-color: white; }

body#fourdx section, body#fourdx .section {
  width: 980px;
  margin: 0 auto 90px;
  color: #333;
  clear: both; }
body#fourdx #footer .section {
  margin: 0 auto; }
body#fourdx section {
  min-height: 360px;
  font-size: 15px;
  line-height: 1.7;
  text-align: left; }
  body#fourdx section h2 {
    margin: 50px 0 20px;
    padding: 0px;
    border-bottom: 3px solid #333;
    font-size: 32px;
    letter-spacing: 1.25; }
  body#fourdx section h3 {
    margin: 0 0 20px;
    padding: 10px 0;
    border-bottom: 1px dotted #666;
    font-size: 22px;
    font-weight: bolder; }
  body#fourdx section ul li {
    font-size: 15px;
    line-height: 1.7;
    text-align: left; }
body#fourdx sup.reg {
  font-size: 46%;
  vertical-align: top;
  line-height: 1.2; }
body#fourdx header h2 sup.reg {
  line-height: 24px; }
body#fourdx header.fixed h2 sup.reg {
  line-height: 1.2; }
body#fourdx .theater_list ul {
  display: flex;
  flex-wrap: wrap; }
  body#fourdx .theater_list ul li {
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 188px;
    color: #FFF; }
    body#fourdx .theater_list ul li a {
      border: 2px solid #333;
      color: #333;
      text-align: center;
      font-size: 130%;
      display: block;
      padding: 10px 0;
      text-decoration: none;
      transition-duration: 0.6s; }
      body#fourdx .theater_list ul li a:hover {
        background: #DA2128;
        color: #FFF;
        border: 2px solid #DA2128; }
    body#fourdx .theater_list ul li:nth-child(5n) {
      margin-right: 0; }

/********************* PRICE *****************************/
#price .price {
  display: block;
  background: #DEDEDE;
  text-align: center;
  padding: 15px 0;
  border-radius: 5px; }
  #price .price .price_2d {
    font-size: 2rem;
    font-weight: bold;
    display: block;
    color: #DE4046;
    width: 50%;
    float: left; }
  #price .price .price_3d {
    display: block;
    width: 50%;
    float: right;
    text-align: left;
    line-height: 1.8; }

/********************* MOVIE *****************************/
body#fourdx section img.right {
  float: right;
  margin: 0 0 1em 1.5em; }
body#fourdx section img.left {
  float: left;
  margin: 0 1.5em 1em 0; }
body#fourdx section p.copy {
  font-size: 9px;
  color: #999; }
body#fourdx section p.caution {
  font-size: 11px; }
body#fourdx section .movielink {
  color: #DA2128;
  border: solid 2px #DA2128;
  padding: 5px 14px 3px;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: all ease;
  -webkit-transition-delay: 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  body#fourdx section .movielink a {
    color: #DA2128;
    text-decoration: none;
    font-weight: bold; }
  body#fourdx section .movielink:hover {
    background: #DA2128;
    border: solid 2px #DA2128;
    color: #FFF; }
    body#fourdx section .movielink:hover a {
      color: #FFF; }
body#fourdx section p.openday {
  font-size: 80%;
  clear: both;
  text-align: right; }
body#fourdx section#howto ul.cautionList li {
  clear: both;
  padding: 0px; }
  body#fourdx section#howto ul.cautionList li p {
    font-size: 16px;
    width: 776px;
    float: right; }
    body#fourdx section#howto ul.cautionList li p span {
      height: 140px;
      display: table-cell;
      vertical-align: middle; }
body#fourdx section#howto ul.cautionList img.pct {
  float: left; }
body#fourdx section#howto div.youtube {
  margin: 10px; }
body#fourdx section div.border {
  border: 3px solid #333;
  padding: 20px;
  margin-bottom: 20px; }
body#fourdx section .robot p.link {
  font-size: 24px;
  font-family: "Roboto Condensed", "Avenir Next", "futura-pt", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  margin: 0; }
  body#fourdx section .robot p.link .logo {
    vertical-align: top;
    margin-left: 10px; }
  body#fourdx section .robot p.link .txtYoutube {
    padding-right: 66px;
    background: url("/4dx/images/cm/arrow.png") no-repeat 458px 50%; }

/*リスト*/
/*オープニング*/
/* HOWTO */
/*CM */
.hoverFade:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75; }

/* Footer */
div.footerBnr {
  padding: 30px 0 20px;
  /*margin-bottom: 40px; */
  text-align: center;
  background: #F1F1F1; }
  div.footerBnr br {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    display: none; }
  div.footerBnr img {
    width: 320px;
    padding: 0 4px 12px; }
div#footer {
  width: 100%;
  background: #000; }

body#fourdx div.footerAd_728x90 {
  display: none; }

/* 期間限定バナー */
div.footerBnrLong {
  padding: 10px 0 20px;
  margin-bottom: 20px;
  text-align: center;
  background: #F1F1F1; }
  div.footerBnrLong br {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    display: none; }
  div.footerBnrLong img {
    width: 970px;
    margin: 10px auto; }

#to-top {
  margin: 3em 0; }
  #to-top a {
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 24px 0 0;
    background: url("../images/angle-up.svg") 52% 1px no-repeat transparent;
    background-size: 14px;
    color: #333;
    font-size: 11px;
    border: 1px solid #333;
    border-radius: 60px; }
    #to-top a:hover {
      background: url("../images/angle-up.svg") 52% 1px no-repeat transparent; }

/******* SMART PHONE *******/
@media (max-width: 640px) {
  body#fourdx {
    background-image: none;
    overflow: hidden; }

  div#main, div.wrapper, div.contents {
    width: 100%; }

  body#fourdx section, body#fourdx .section {
    width: 100%;
    min-height: 200px;
    padding: 40px 10px 0;
    box-sizing: border-box;
    margin: 0 auto 30px; }
  body#fourdx section h2 {
    font-size: 24px;
    margin: 10px 0 20px; }
  body#fourdx header {
    height: 150px; }
    body#fourdx header.fixed {
      height: 50px; }
    body#fourdx header:after {
      top: 150px; }
    body#fourdx header nav {
      width: 100%; }
    body#fourdx header h1 {
      width: 100%;
      margin: 60px auto 0; }
      body#fourdx header h1 img.logoMain {
        width: 200px;
        height: auto; }
    body#fourdx header nav p#menu-link {
      display: block;
      width: 100%;
      height: 50px;
      background: #000;
      color: #FFF;
      position: fixed;
      top: 0;
      z-index: 99; }

  /*---------------------------------------------------- #gnavi ----------------------------------------------------*/
  span#menubtn {
    float: right;
    background: url(/4dx/images/sp_navi.png) no-repeat 95% center #000;
    background-size: 22px 22px;
    text-indent: 9999px;
    margin: 15px 20px 0;
    width: 22px; }

  body#fourdx header ul.navi {
    position: fixed;
    top: 0px;
    width: 100%;
    height: auto;
    z-index: 98;
    background: none;
    left: 0px;
    -webkit-box-shadow: 0 2px 2px #252728;
    -moz-box-shadow: 0 2px 2px #252728;
    box-shadow: 0 2px 2px #252728;
    display: none;
    background: #111;
    position: relative;
    left: 0;
    margin: 0;
    width: 100%;
    margin: 50px 0 0;
    border-top: 1px solid #666; }

  header ul.navi:after {
    content: "";
    display: block;
    clear: both; }
  header ul.navi ul li {
    float: none;
    margin: 0;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 13px;
    line-height: 0; }
  header ul.navi li a {
    padding: 0 10px; }
  header ul.navi ul li.last {
    margin-right: 0; }

  body#fourdx header ul.navi li:hover, body#fourdx header ul.navi li.current {
    border-bottom: 1px solid #D92229;
    height: 42px; }
  body#fourdx header.fixed ul.navi li:hover, body#fourdx header.fixed ul.navi li.current {
    border-bottom: 1px solid #D92229;
    height: 42px; }
  body#fourdx header ul.navi li {
    width: 100% !important;
    left: 0;
    float: none;
    background: #111;
    border-bottom: 1px solid #666;
    height: 42px;
    text-align: left; }
    body#fourdx header ul.navi li a {
      margin-top: 12px;
      border-left: none;
      color: #EEE;
      font-size: 15px;
      text-decoration: none;
      font-weight: bold; }
      body#fourdx header ul.navi li a span {
        width: 100%;
        display: block; }
      body#fourdx header ul.navi li a:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-top: 4px solid #CCC;
        border-right: 4px solid #CCC;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -7px; }
    body#fourdx header ul.navi li:last-child a {
      border-right: 1px solid #333; }

  #logo_uc_sp img {
    width: 200px;
    margin: 14px 10px 0; }

  #logo_4dx_sp {
    display: none; }

  body#fourdx header h2.logoUC {
    position: absolute;
    z-index: 100;
    background: none;
    width: 200; }
    body#fourdx header h2.logoUC span {
      display: none; }
    body#fourdx header h2.logoUC a {
      width: 100%;
      display: block; }

  header.fixed {
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF; }

  body#fourdx header.fixed h2 {
    display: block; }
  body#fourdx header.fixed:after {
    top: 50px; }
  body#fourdx header.fixed h1 {
    display: none; }
    body#fourdx header.fixed h1 img {
      height: 40px; }
      body#fourdx header.fixed h1 img.logoUC {
        display: none; }

  #fourdx header.fixed ul.navi, #fourdx header ul.navi {
    padding: 0; }

  body#fourdx header h2.message {
    display: none; }
  body.top div#main {
    background: #000; }

  /*---------------------------------------------------- #trailer ----------------------------------------------------*/
  #videoTrailer #video {
    display: none; }

  p.skip:hover {
    background: #72090d; }

  /*---------------------------------------------------- #slider ----------------------------------------------------*/
  div#slideContainer {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 auto; }
    div#slideContainer .swiper-container {
      width: 100%;
      height: auto; }
      div#slideContainer .swiper-container .swiper-slide .notes {
        font-size: 0.8em;
        line-height: 1.2; }
      div#slideContainer .swiper-container img {
        width: 100%; }
    div#slideContainer .swiper-button-next, div#slideContainer .swiper-button-prev {
      height: 24px;
      margin-top: -10px; }
    div#slideContainer .gallery-top {
      height: 48vw;
      width: 100%; }
    div#slideContainer .gallery-thumbs {
      height: 42px;
      box-sizing: border-box;
      padding: 10px 0 0; }
      div#slideContainer .gallery-thumbs .swiper-slide {
        height: 80%;
        opacity: 0.4;
        cursor: pointer; }
        div#slideContainer .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
          opacity: 1; }

  /*---------------------------------------------------- #about ----------------------------------------------------*/
  #video_wrapper {
    width: 100%;
    height: 305px;
    margin: 20px auto 0px;
    background: url(/4dx/images/about/sp/00.jpg) no-repeat #000 0 30px;
    background-size: 100% auto;
    top: 0;
    position: relative; }
    #video_wrapper div#captionBox {
      width: 100%;
      box-sizing: border-box;
      height: 30px;
      padding: 0 5px 0; }
    #video_wrapper p#videoCaption {
      font-size: 13px; }
      #video_wrapper p#videoCaption span {
        font-size: 16px; }
    #video_wrapper #chapters {
      clear: both;
      position: absolute;
      height: 50px;
      margin: 0 auto 0;
      top: 222px;
      z-index: 3;
      text-indent: center; }
      #video_wrapper #chapters #chapter {
        display: block; }
    #video_wrapper #chapter li {
      height: 45px;
      margin: 3px;
      width: 45px; }
      #video_wrapper #chapter li:hover {
        background: #CC0000;
        height: 45px;
        margin: 3px;
        width: 45px; }
        #video_wrapper #chapter li:hover img {
          height: 45px;
          width: 45px; }
      #video_wrapper #chapter li.current {
        height: 45px;
        margin: 3px;
        width: 45px;
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        opacity: 1;
        box-shadow: 0px 0px 10px #ed0710; }
        #video_wrapper #chapter li.current img {
          height: 45px;
          width: 45px; }
      #video_wrapper #chapter li img {
        height: 45px;
        vertical-align: middle;
        width: 45px; }
    #video_wrapper #video {
      display: none; } }
@media only screen and (max-width: 640px) and (max-width: 640px) {
  #video_wrapper {
    height: 330px;
    background: url("/4dx/images/about/sp/00.jpg") no-repeat #000 50% 30px;
    background-size: 100% auto; }
    #video_wrapper #chapters {
      width: 350px;
      top: 250px; } }
@media only screen and (max-width: 640px) and (min-width: 640px) {
  #video_wrapper {
    height: 405px;
    background: url("/4dx/images/about/sp/00.jpg") no-repeat #000 50% 30px;
    background-size: 640px auto; }
    #video_wrapper #chapters {
      width: 640px;
      top: 386px;
      left: 50%;
      margin-left: -320px;
      left: 7px; } }
@media only screen and (max-width: 640px) and (max-width: 320px) {
  #video_wrapper #chapters {
    width: 300px; }
  #video_wrapper #chapter li {
    height: 36px;
    margin: 3px;
    width: 36px; }
    #video_wrapper #chapter li:hover {
      background: #CC0000;
      height: 36px;
      margin: 3px;
      width: 36px; }
      #video_wrapper #chapter li:hover img {
        height: 36px;
        width: 36px; }
    #video_wrapper #chapter li.current {
      height: 36px;
      margin: 3px;
      width: 36px; }
      #video_wrapper #chapter li.current img {
        height: 36px;
        width: 36px; }
    #video_wrapper #chapter li img {
      height: 36px;
      vertical-align: middle;
      width: 36px; } }
@media (max-width: 640px) {
  body#fourdx section img.right {
    float: none;
    width: 100%;
    margin: 0 0 1em; }
  body#fourdx section .theater_list ul li {
    width: 48%;
    margin-right: 4%;
    color: #FFF; }
    body#fourdx section .theater_list ul li a {
      font-size: 110%; }
    body#fourdx section .theater_list ul li:nth-child(5n) {
      margin-right: 4%; }
    body#fourdx section .theater_list ul li:nth-child(even) {
      margin-right: 0; }

  #video_wrapper_youtube {
    margin-top: 2em; }
    #video_wrapper_youtube .youtube {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      #video_wrapper_youtube .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }

  /********************* PRICE *****************************/
  /********************* PRICE *****************************/
  section#price .price {
    padding: 10px 0; }
    section#price .price .price_2d {
      font-size: 1.6rem;
      font-weight: bold;
      display: block;
      color: #DE4046;
      width: 100%;
      float: none; }
    section#price .price .price_3d {
      box-sizing: border-box;
      font-size: 0.9rem;
      padding: 10px;
      width: 100%;
      float: none;
      text-align: left; }

  .row50 {
    float: none;
    width: 100%; }
    .row50:nth-child(even) {
      margin-right: 0; }

  table.priceTable {
    width: 100%;
    margin-bottom: 1em; }
    table.priceTable th {
      width: 60%; }

  section#price p.right {
    text-align: left; }

  p.priceUnderCaution {
    display: block;
    margin: 10px 0;
    font-size: 12px;
    clear: both; }

  /* HOWTO */
  img.per100 {
    width: 96%; }

  body#fourdx section#howto ul.cautionList {
    border-bottom: 1px dotted #CCC; }
    body#fourdx section#howto ul.cautionList li {
      clear: both;
      padding: 10px 0;
      border-top: 1px dotted #CCC; }
      body#fourdx section#howto ul.cautionList li p {
        font-size: 12px;
        line-height: 1.5;
        width: 70%;
        float: right; }
        body#fourdx section#howto ul.cautionList li p span {
          height: auto;
          display: table-cell;
          vertical-align: middle; }
    body#fourdx section#howto ul.cautionList img.pct {
      width: 25%;
      float: left;
      vertical-align: middle; }

  /*CM */
  iframe#mannerMovie {
    width: 100%;
    height: 240px; }

  body#fourdx section .robot p.link {
    text-align: center; }
    body#fourdx section .robot p.link .txtYoutube {
      padding-right: 0px;
      background: none;
      width: 100%; }
    body#fourdx section .robot p.link .logo {
      width: 100%;
      margin-left: 0px; }
  body#fourdx section p.openday {
    font-size: 80%;
    clear: both;
    text-align: left; }

  /*オープニング*/
  /* Footer */
  div.footerBnr {
    padding: 10px 0;
    margin: 0; }
    div.footerBnr img {
      width: 300px;
      padding: 5px 0; }
  div.footerBnrLong {
    padding: 10px 0;
    margin: 0; }
    div.footerBnrLong img {
      width: 100%;
      padding: 5px 0; }

  /* 期間限定バナー */
  /* COLOR BOX */
  #cboxWrapper {
    width: 912px\9 !important;
    height: 585px\9 !important; }

  body#fourdx nav#footerNavi {
    width: 100%; } }
/* COLOR BOX */
#cboxWrapper {
  width: 912px\9 !important;
  height: 585px\9 !important; }

/* padding */
.p5 {
  padding: 5px; }

.p10 {
  padding: 10px; }

.p15 {
  padding: 15px; }

.p20 {
  padding: 20px; }

.p25 {
  padding: 25px; }

.p30 {
  padding: 30px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

.pt30 {
  padding-top: 30px; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl25 {
  padding-left: 25px; }

.pl30 {
  padding-left: 30px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb25 {
  padding-bottom: 25px; }

.pb30 {
  padding-bottom: 30px; }

.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr25 {
  padding-right: 25px; }

.pr30 {
  padding-right: 30px; }

/* margin */
.m0 {
  margin: 0px; }

.m5 {
  margin: 5px; }

.m10 {
  margin: 10px; }

.m15 {
  margin: 15px; }

.m20 {
  margin: 20px; }

.m25 {
  margin: 25px; }

.m30 {
  margin: 30px; }

.mt0 {
  margin-top: 0px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.ml0 {
  margin-left: 0px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml30 {
  margin-left: 30px; }

.mb0 {
  margin-bottom: 0px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mr0 {
  margin-right: 0px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr25 {
  margin-right: 25px; }

.mr30 {
  margin-right: 30px; }

.font8 {
  font-size: 8px; }

.font10 {
  font-size: 10px; }

.font12, .font13 {
  font-size: 12px; }

.font14 {
  font-size: 14px; }

.font16 {
  font-size: 16px; }

.font18 {
  font-size: 18px; }

.font20 {
  font-size: 20px; }

.font22 {
  font-size: 22px; }

.font24 {
  font-size: 24px; }

.font26 {
  font-size: 26px; }

.font28 {
  font-size: 28px; }

.font30 {
  font-size: 30px; }

.font32 {
  font-size: 32px; }

.font34 {
  font-size: 34px; }

.font36 {
  font-size: 36px; }

.font38 {
  font-size: 38px; }

.font40 {
  font-size: 40px; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.center {
  text-align: center; }

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

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