@charset "UTF-8";
html.is_mw_lock {
  height: 100%;
  overflow-y: hidden;
}
html.is_mw_scrollbar .js_mw_scrollbar_cover {
  display: block;
}
html.is_mw_over_width body,
html.is_mw_over_width #cmn_footer_navi {
  overflow-x: hidden;
  overflow-y: scroll;
}
.js_mw_scrollbar_cover {
  display: none;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
}
.js_mw_overlay {
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10101;
}
.js_mw {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10102;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.js_mw:before {
  margin-left: -100%;
}
.js_mw:after {
  margin-right: -100%;
}
.js_mw:before,
.js_mw:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.js_mw_inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  outline: none;
  position: relative;
  vertical-align: middle;
}

.js_mw:not(:target) {
  width: calc(100% + 17px)\9;
}
.js_mw:before, .js_mw:after {
  margin: 0\9;
}
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .js_mw {
    width: 100% !important;
  }
  *::-ms-backdrop, .js_mw:before {
    margin-left: -100% !important;
  }
  *::-ms-backdrop, .js_mw:after {
    margin-right: -100% !important;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
body {
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
}
img {
  width: 100%;
}
button {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}
button:focus {
  outline: none;
}
li {
  list-style: none;
}
section {
  position: relative;
  line-height: 0;
}
.logo_3ds {
  position: absolute;
  right: 0;
  top: 0;
  width: 40.78125%;
}
.logo_3ds a {
  display: block;
}
.nav {
  position: relative;
  padding-top: 11.71875%;
  padding-bottom: 7.03125%;
  line-height: 0;
  background: url("../img/movie/decoration_triangle_line.png") center top repeat-x, url("../img/movie/nav_bg.png") center top no-repeat;
  -webkit-background-size: 100% auto, 100% auto;
  -moz-background-size: 100% auto, 100% auto;
  background-size: 100% auto, 100% auto;
}
.nav a {
  display: block;
}
.nav .button_back {
  width: 20.15625%;
  margin-bottom: 8.125%;
  margin-left: 4.84375%;
}
.nav .button_to_top {
  position: absolute;
  right: 4.84375%;
  top: 13.157894736842099%;
  width: 26.5625%;
}
.nav .logo {
  width: 69.6875%;
  margin-left: 14.21875%;
}
#cmn_footer {
  padding-bottom: 20px;
}
#cmn_footer::after,
.page_movie .section_special .slide_container::after,
.page_movie .section_gallery .buttons::after {
  content: "";
  display: block;
  clear: both;
}
.page_movie .section_theatre {
  background: url("../img/movie/decoration_triangle_line.png") center top repeat-x, url("../img/movie/theatre_bg_1.png") center top no-repeat;
  -webkit-background-size: 100% auto, cover;
  -moz-background-size: 100% auto, cover;
  background-size: 100% auto, cover;
}
.page_movie .section_theatre .theatre_container .section_heading {
  position: absolute;
  left: 30.46875%;
  top: 2.9433962264151%;
  width: 39.0625%;
}
.page_movie .section_theatre .theatre_container .img {
  width: 81.5625%;
  padding-top: 13.593749999999998%;
  margin-bottom: 3.90625%;
  margin-left: 8.75%;
}
.page_movie .section_theatre .theatre_container .text {
  width: 77.8125%;
  margin-bottom: 11.875%;
  margin-left: 9.6875%;
}
.page_movie .section_theatre .theatre_container .animations a {
  display: block;
}
.page_movie .section_theatre .theatre_container .animations li {
  position: relative;
  width: 86.5625%;
  padding-bottom: 11.875%;
  margin-left: 6.71875%;
}
.page_movie .section_theatre .theatre_container .animations li .new {
  position: absolute;
  left: 0;
  top: -8.2774049217002%;
  width: 34.115523465704%;
}
.page_movie .section_theatre .theatre_container .animations li .date {
  position: absolute;
  left: 0;
  top: 84.7874720357942%;
  width: 100%;
}
.page_movie .section_special {
  padding-bottom: 9.0625%;
  background: url("../img/movie/decoration_triangle_line.png") center top repeat-x, url("../img/movie/kilt_blue_1.png") center top;
  -webkit-background-size: 100% auto, 150px auto;
  -moz-background-size: 100% auto, 150px auto;
  background-size: 100% auto, 150px auto;
}
.page_movie .section_special .section_heading {
  width: 89.53125%;
  padding-top: 11.875%;
  margin-bottom: 6.09375%;
  margin-left: 4.53125%;
}
.page_movie .section_special .slide_container {
  padding: 2.34375% 0;
  background: url("../img/movie/decoration_stitch_blue.png") center top repeat-x, url("../img/movie/decoration_stitch_blue.png") center bottom repeat-x;
  -webkit-background-size: 100% auto, 100% auto;
  -moz-background-size: 100% auto, 100% auto;
  background-size: 100% auto, 100% auto;
}
.page_movie .section_special .img {
  width: 33.75%;
  position: absolute;
  right: 1.09375%;
  top: 26.6761768901569%;
}
.page_movie .section_special .explanation {
  position: relative;
  padding-bottom: 9.21875%;
}
.page_movie .section_special .explanation .heading {
  width: 62.5%;
  padding-top: 6.5625%;
  margin-bottom: 5.15625%;
  margin-left: 6.5625%;
}
.page_movie .section_special .explanation .text {
  width: 70.46875%;
  margin-bottom: 7.656250000000001%;
  margin-left: 7.968749999999999%;
}
.page_movie .section_special .explanation .button_animation {
  display: block;
  width: 88.125%;
  margin-left: 7.5%;
  line-height: 0;
}
.page_movie .section_special .slide {
  position: relative;
}
.page_movie .section_special .slide:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.page_movie .section_special .slide li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page_movie .section_special .slide li ~ li {
  display: none;
}
.page_movie .section_special .history {
  position: relative;
  width: 91.09375%;
  margin-left: 4.53125%;
  background: url("../img/movie/special_history_bg.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_special .history .slide_container {
  width: 93.3104631217839%;
  padding: 3.0874785591767% 0 0;
  margin-left: 2.96875%;
  background: none;
}
.page_movie .section_special .history .texts {
  padding-bottom: 3.2590051457976%;
}
.page_movie .section_special .history .texts .text {
  width: 66.5523156089194%;
  padding-top: 6.6895368782161%;
  margin-bottom: 8.747855917667199%;
  margin-left: 27.787307032590096%;
}
.page_movie .section_special .history .texts .button_movie {
  display: block;
  width: 93.3104631217839%;
  margin-left: 3.2590051457976%;
  line-height: 0;
}
.page_movie .section_special .history .decoration {
  width: 25.900514579759896%;
  position: absolute;
  left: -2.7444253859348%;
  top: 56.140350877193%;
}
.page_movie .section_gallery {
  background: url("../img/movie/decoration_triangle_line.png") center top repeat-x, url("../img/movie/kilt_cream_1.png") center top;
  -webkit-background-size: 100% auto, auto auto;
  -moz-background-size: 100% auto, auto auto;
  background-size: 100% auto, auto auto;
}
.page_movie .section_gallery .section_heading {
  width: 90.46875%;
  padding-top: 11.40625%;
  margin-bottom: 8.75%;
  margin-left: 3.59375%;
}
.page_movie .section_gallery .movie_container {
  padding: 5.3125% 7.5% 4.6875%;
  margin-bottom: 6.406249999999999%;
  background: url("../img/movie/gallery_movie_bg.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_gallery .movie_container .movie {
  position: relative;
}
.page_movie .section_gallery .movie_container .movie:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.page_movie .section_gallery .movie_container .movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page_movie .section_gallery .buttons {
  padding-bottom: 6.5625%;
  margin-left: 4.0625%;
}
.page_movie .section_gallery .buttons li {
  float: left;
  position: relative;
  width: 46.5798045602606%;
  margin-right: 2.1172638436482%;
  margin-bottom: 2.9315960912052%;
}
.page_movie .section_gallery .buttons li:before {
  content: "";
  display: block;
  padding-top: 71.7770034843206%;
}
.page_movie .section_gallery .buttons .movie_1 {
  background: url("../img/movie/gallery_thumbnail_1.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_gallery .buttons .movie_1.is-selected {
  background: url("../img/movie/gallery_thumbnail_1_selected.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_gallery .buttons .movie_2 {
  background: url("../img/movie/gallery_thumbnail_2.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_gallery .buttons .movie_2.is-selected {
  background: url("../img/movie/gallery_thumbnail_2_selected.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_gallery .buttons .movie_3 {
  background: url("../img/movie/gallery_thumbnail_3.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_gallery .buttons .movie_3.is-selected {
  background: url("../img/movie/gallery_thumbnail_3_selected.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_gallery .buttons .movie_4 {
  background: url("../img/movie/gallery_thumbnail_4.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie .section_gallery .buttons .movie_4.is-selected {
  background: url("../img/movie/gallery_thumbnail_4_selected.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.page_movie_detail {
  line-height: 0;
}
.page_movie_detail .section_theatre_detail .theatre_container {
  position: relative;
  padding-top: 15.937499999999998%;
}
.page_movie_detail .section_theatre_detail .theatre_container .logo_3ds {
  width: 40.625%;
}
.page_movie_detail .section_theatre_detail .theatre_container .button_back {
  display: block;
  width: 41.5625%;
  margin-left: 7.8125%;
}
.page_movie_detail .section_theatre_detail .theatre_container .movie_container {
  position: relative;
  padding: 4.21875% 8.75% 4.0625%;
  background: url("../img/movie/movie_bg.png") left top no-repeat transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.page_movie_detail .section_theatre_detail .theatre_container .movie_container .movie {
  position: relative;
}
.page_movie_detail .section_theatre_detail .theatre_container .movie_container .movie:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.page_movie_detail .section_theatre_detail .theatre_container .movie_container .movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page_movie_detail .section_theatre_detail .theatre_container .container {
  position: relative;
  padding-bottom: 9.375%;
}
.page_movie_detail .section_theatre_detail .theatre_container .container .text,
.page_movie_detail .section_theatre_detail .theatre_container .container .img_container {
  position: relative;
}
.page_movie_detail .section_theatre_detail .theatre_container .container .frame {
  width: 79.84375%;
}
.page_movie_detail .section_theatre_detail .theatre_container .button_detail {
  display: block;
  width: 84.375%;
  margin: 9.53125% auto 9.375%;
}
.page_movie_detail .section_theatre_detail.detail_1 .theatre_container {
  background: url("../img/movie/theatre_bg_detail_1.png") center top no-repeat transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.page_movie_detail .section_theatre_detail.detail_1 .theatre_container .container {
  padding-bottom: 8.59375%;
}
.page_movie_detail .section_theatre_detail.detail_1 .section_heading {
  width: 86.40625%;
  padding-top: 5.15625%;
  margin-bottom: 8.4375%;
  margin-left: 6.406249999999999%;
}
.page_movie_detail .section_theatre_detail.detail_1 .text {
  width: 65.46875%;
  padding-top: 9.375%;
  margin-bottom: 9.375%;
  margin-left: 17.34375%;
}
.page_movie_detail .section_theatre_detail.detail_1 .img {
  width: 77.03125%;
  padding-top: 5.78125%;
  padding-bottom: 5%;
  margin-left: 11.09375%;
}
.page_movie_detail .section_theatre_detail.detail_1 .frame {
  position: absolute;
  left: 9.6875%;
  top: -3.9893617021277%;
}
.page_movie_detail .section_theatre_detail.detail_2 .theatre_container {
  background: url("../img/movie/theatre_bg_detail_2.png") center top no-repeat transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.page_movie_detail .section_theatre_detail.detail_2 .theatre_container .container {
  padding-bottom: 6.71875%;
}
.page_movie_detail .section_theatre_detail.detail_2 .section_heading {
  width: 86.25%;
  padding-top: 4.84375%;
  margin-bottom: 7.656250000000001%;
  margin-left: 6.5625%;
}
.page_movie_detail .section_theatre_detail.detail_2 .text {
  width: 85.9375%;
  padding-top: 9.375%;
  margin-bottom: 9.53125%;
  margin-left: 7.187499999999999%;
}
.page_movie_detail .section_theatre_detail.detail_2 .img {
  width: 77.96875%;
  padding-top: 6.25%;
  padding-bottom: 5.78125%;
  margin-left: 10.9375%;
}
.page_movie_detail .section_theatre_detail.detail_2 .frame {
  position: absolute;
  left: 9.84375%;
  top: -3.7234042553191%;
}
.page_movie_detail .section_theatre_detail.detail_3 .theatre_container {
  background: url("../img/movie/theatre_bg_detail_3.png") center top no-repeat transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.page_movie_detail .section_theatre_detail.detail_3 .theatre_container .container {
  padding-bottom: 6.71875%;
}
.page_movie_detail .section_theatre_detail.detail_3 .section_heading {
  width: 87.1875%;
  padding-top: 3.75%;
  margin-bottom: 8.75%;
  margin-left: 5.625%;
}
.page_movie_detail .section_theatre_detail.detail_3 .text {
  width: 84.84375%;
  padding-top: 8.90625%;
  margin-bottom: 9.375%;
  margin-left: 7.8125%;
}
.page_movie_detail .section_theatre_detail.detail_3 .img {
  width: 78.125%;
  padding-top: 6.71875%;
  padding-bottom: 5.9375%;
  margin-left: 10.46875%;
}
.page_movie_detail .section_theatre_detail.detail_3 .frame {
  position: absolute;
  left: 9.21875%;
  top: -3.7234042553191%;
}
.page_movie_detail .section_theatre_detail.detail_4 .theatre_container {
  background: url("../img/movie/theatre_bg_detail_4.png") center top no-repeat transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.page_movie_detail .section_theatre_detail.detail_4 .section_heading {
  width: 86.71875%;
  padding-top: 5%;
  margin-bottom: 8.4375%;
  margin-left: 6.09375%;
}
.page_movie_detail .section_theatre_detail.detail_4 .text {
  width: 72.8125%;
  padding-top: 9.21875%;
  margin-bottom: 9.375%;
  margin-left: 13.593749999999998%;
}
.page_movie_detail .section_theatre_detail.detail_4 .img {
  width: 75.9375%;
  padding-top: 5.78125%;
  padding-bottom: 5.46875%;
  margin-left: 10.625%;
}
.page_movie_detail .section_theatre_detail.detail_4 .frame {
  position: absolute;
  left: 9.21875%;
  top: -3.9893617021277%;
}
.modal {
  padding: 0;
}
.modal .modal_inner {
  width: 100%;
}
.modal .modal_inner .movie_container {
  position: relative;
  width: 100%;
  padding: 5.3125% 7.5% 4.6875%;
  margin-bottom: 5.625%;
  background: url("../img/movie/gallery_movie_bg.png") left top no-repeat transparent;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modal .modal_inner .movie {
  position: relative;
}
.modal .modal_inner .movie:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.modal .modal_inner .movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.modal .button_close {
  position: relative;
  left: auto;
  top: auto;
  margin: 0 auto;
  width: 75%;
}

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