@charset "UTF-8";
/******* setting.scss *******/
/******* mixin.scss *******/
/******** index ********/
#index {
  background: url(../img/index/bg.jpg) no-repeat 50% 0;
  background-attachment: fixed;
  background-size: cover;
}
#index .mvAreaWrap {
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#index .mvArea {
  margin: 0 auto;
  max-width: 1040px;
  display: none;
}
#index .mvArea.slick-initialized {
  display: block;
}
#index .mvArea .slick-list {
  overflow: visible;
  position: relative;
  margin-bottom: 15px;
}
#index .mvArea .slick-slide {
  position: relative;
}
#index .mvArea .slick-slide:before {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  display: block;
  opacity: 1;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 5;
  transition: opacity 0.1s, z-index 0.1s;
}
#index .mvArea .slick-current {
  position: relative;
  z-index: 10;
}
#index .mvArea .slick-current:before {
  opacity: 0;
  z-index: -1;
  transition: opacity 0.8s 0.5s, z-index 1.8s 0.5s;
}
#index .mvArea .slick-arrow {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 20px;
  width: 12px;
  background-image: url(../img/common/arrow02.png);
  cursor: pointer;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 40px;
  z-index: 20;
}
#index .mvArea .slick-arrow.prev {
  right: auto;
  left: 40px;
  transform: scale(-1, 1);
}
#index .mvArea .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0 auto 20px;
  list-style: none;
  padding: 0;
}
#index .mvArea .slick-dots li {
  margin: 0 3px;
}
#index .mvArea .slick-dots li button {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  background-color: #000;
  border: none;
  padding: 0;
}
#index .mvArea .slick-dots li.slick-active button {
  background-color: #bf1d6c;
}
#index .mvArea .mv {
  margin: 0 auto;
}
#index .mvArea .mv img {
  width: 100%;
}
#index .mvArea .mv a {
  display: block;
  padding: 20px;
  transition: opacity 0.6s;
  text-decoration: none;
}
#index .mvArea .mv a:hover {
  opacity: 0.6;
}
#index .mvArea .mvOther {
  box-sizing: border-box;
  display: flex;
  height: 495px;
  align-items: center;
  padding: 20px;
}
#index .mvArea .mvOther .mvOtherPict {
  border: 1px solid #a0a0a0;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}
#index .mvArea .mvOther .mvOtherPict:after {
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #FFF 50.5%) no-repeat bottom left/100% 50%, linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #FFF 50.5%) no-repeat top right/100% 50%;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: -1px;
}
#index .mvArea .mvOther .mvOtherPict img {
  height: auto;
  width: 100%;
}
#index .mvArea .mvOther dl {
  max-width: 360px;
  margin: 0 40px;
  text-align: left;
}
#index .mvArea .mvOther dl dt {
  font-size: 185%;
  font-weight: 700;
  line-height: 150%;
}
#index .mvArea .mvOther dl dt a {
  display: block;
  font-size: 45%;
  margin-bottom: 5px;
}
#index .mvArea .mvOther dl dd {
  margin-top: 25px;
}
#index .mvArea .mvOther dl dd.linkBtn {
  width: 100%;
}
#index .theaterLinkArea {
  background-color: #fff;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  position: relative;
  z-index: 2;
}
#index .theaterLinkArea .theaterLink {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1040px;
}
#index .theaterLinkArea .theaterLink dt {
  background-color: #eeeeee;
  display: flex;
  font-size: 120%;
  font-weight: 700;
  height: 114px;
  align-items: center;
  justify-content: center;
  width: 16.666%;
}
#index .theaterLinkArea .theaterLink dd {
  border-right: 1px solid #a0a0a0;
  box-sizing: border-box;
  position: relative;
  width: 16.666%;
}
#index .theaterLinkArea .theaterLink dd:before {
  background-color: #fff;
  content: "";
  height: 20px;
  display: block;
  position: absolute;
  top: 0px;
  right: -1px;
  width: 1px;
}
#index .theaterLinkArea .theaterLink dd:after {
  background-color: #fff;
  content: "";
  height: 20px;
  display: block;
  position: absolute;
  bottom: 0px;
  right: -1px;
  width: 1px;
}
#index .theaterLinkArea .theaterLink dd a {
  font-size: 120%;
  color: #000;
  display: flex;
  height: 114px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
}
#index .theaterLinkArea .theaterLink dd a:after {
  background-color: #fff;
  content: "";
  height: 4px;
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  width: 95%;
  transition: background-color 0.6s;
}
#index .theaterLinkArea .theaterLink dd a:hover:after {
  background-color: #bf1d6c;
}
#index section {
  position: relative;
  z-index: 2;
}
#index .sec01 {
  background-color: #fff;
}
#index .sec02 .secCont {
  display: flex;
  justify-content: space-between;
}
#index .sec02 h3 {
  background-color: #fff;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin: 0;
  max-width: 240px;
  width: 23.2%;
}
#index .sec02 .theaterList {
  background-color: #fff;
  padding: 20px 0;
  max-width: 752px;
  width: 72.5%;
}
#index .sec02 .theaterList li {
  border-bottom: 1px solid #d2d2d2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 40px 10px;
}
#index .sec02 .theaterList li:last-child {
  border-bottom: none;
}
#index .sec02 .theaterList li dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 4.25%;
  max-width: 360px;
  width: 55%;
}
#index .sec02 .theaterList li dl dt {
  font-size: 133%;
  font-weight: 700;
  margin-bottom: 35px;
  width: 100%;
}
#index .sec02 .theaterList li dl dd {
  width: 172px;
}
#index .sec02 .theaterList li dl dd a {
  background-color: #a0a0a0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.6s;
}
#index .sec02 .theaterList li dl dd a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
#index .sec02 .theaterList li dl dd a:hover {
  background-color: #bf1d6c;
}
@media screen and (max-width: 960px) {
  #index .sec02 .theaterList li dl dd a {
    border-radius: 4px;
    height: 11vw;
    font-size: 110%;
  }
  #index .sec02 .theaterList li dl dd a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
#index .sec02 .theaterList li dl dd a:after {
  background-image: url(../img/common/linkIcon.png);
  width: 10px;
}
#index .sec02 .theaterList li .pict {
  max-width: 240px;
  width: 33%;
}
#index .sec02 .theaterList li .pict img {
  width: 100%;
}
#index .sec03 {
  background-color: #fff;
}
#index .sec03 .theaterRankLink {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
}
#index .sec03 .theaterRankLink li {
  max-width: 195px;
  width: 18.8%;
}
#index .sec03 .theaterRankLink li a {
  background-color: #a0a0a0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.6s;
}
#index .sec03 .theaterRankLink li a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
#index .sec03 .theaterRankLink li a:hover {
  background-color: #bf1d6c;
}
@media screen and (max-width: 960px) {
  #index .sec03 .theaterRankLink li a {
    border-radius: 4px;
    height: 11vw;
    font-size: 110%;
  }
  #index .sec03 .theaterRankLink li a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
#index .sec03 .theaterRankLink li a:after {
  background-image: url(../img/common/linkIcon.png);
  width: 10px;
}
#index .sec04 {
  background-color: #fbf3f7;
}
#index .sec04 .secCont {
  padding-top: 80px;
}
#index .sec05 {
  background-color: #eeeeee;
}

.tabNav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 30px;
  list-style: none;
  padding-left: 0;
}
.tabNav li {
    min-width: 100px;
    margin: 0 2px;
    text-align: center;
}
.tabNav li a {
    box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 700;
  line-height: 120%;
  padding: 0 4px 8px;
  text-decoration: none;
  word-break: break-all;
  position: relative;
  width: 100%;
}
.tabNav li a:after {
  background-color: #a0a0a0;
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.tabNav li a.c:after {
  background-color: #bf1d6c;
}

.tabContWrap .tabCont {
  visibility: hidden;
  height: 0;
}
.tabContWrap .tabCont .scheduleTabCont.c {
  display: none;
}
.tabContWrap .tabCont.c {
  visibility: visible;
  height: auto;
}
.tabContWrap .tabCont.c .scheduleTabCont.c {
  display: block;
}

.movieSlideArea {
  margin: 0 -8px 30px;
}
.movieSlideArea .movieSlideCont {
  margin: 0 8px;
  max-width: 336px;
  width: 32%;
}
.movieSlideArea .movieSlideCont a {
  display: block;
  transition: opacity 0.6s;
  text-decoration: none;
}
.movieSlideArea .movieSlideCont a:hover {
  opacity: 0.7;
}
.movieSlideArea .movieSlideCont a .pict {
  margin-bottom: 10px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movieSlideArea .movieSlideCont a p {
  font-weight: 700;
  padding-left: 10px;
}
.movieSlideArea .slick-arrow {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 20px;
  width: 12px;
  background-image: url(../img/common/arrow.png);
  cursor: pointer;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: -24px;
}
.movieSlideArea .slick-arrow.prev {
  right: auto;
  left: -24px;
  transform: scale(-1, 1);
}
@media screen and (max-width: 1120px) {
  .movieSlideArea {
    margin: 0 auto 30px;
    padding: 0 20px;
  }
  .movieSlideArea .slick-arrow {
    right: 0;
  }
  .movieSlideArea .slick-arrow.prev {
    left: 0;
  }
}

.movieRankList {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  list-style: none;
  padding-left: 0;
}
.movieRankList li {
  max-width: 195px;
  width: 18.8%;
  margin-left: 1.5%;
}
.movieRankList li:first-child {
  margin-left: 0;
}
.movieRankList li a {
  display: block;
  transition: opacity 0.6s;
  text-decoration: none;
}
.movieRankList li a:hover {
  opacity: 0.7;
}
.movieRankList li a dl dt {
  margin-bottom: 10px;
}
.movieRankList li a dl dt img {
  width: 100%;
}
.movieRankList li a dl dt span {
  background-color: #bf1d6c;
  color: #fff;
  font-weight: 700;
  display: block;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.movieRankList li a dl dt span.rank01 {
  background-color: #c6a84c;
}
.movieRankList li a dl dt span.rank02 {
  background-color: #959595;
}
.movieRankList li a dl dt span.rank03 {
  background-color: #99693a;
}
.movieRankList li a dl dd {
  font-weight: 700;
}

.staffMemo {
  background-color: #fbf3f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 35px 40px;
  position: relative;
}
.staffMemo:before {
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fbf3f7 50.5%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #fbf3f7 50.5%) no-repeat top right/50% 100%;
  content: "";
  display: block;
  height: 15px;
  width: 30px;
  margin: 0 auto;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
}
.staffMemo dt {
  color: #bf1d6c;
  font-family: Times;
  text-align: center;
  width: 12%;
}
.staffMemo dt:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 28px;
  width: 28px;
  background-image: url(../img/index/infoIcon.png);
  margin: 0 auto 12px;
}
.staffMemo dd {
  border-left: 1px solid #a0a0a0;
  box-sizing: border-box;
  padding-left: 3%;
  width: 85%;
}

.sec01 {
  background-color: #eeeeee;
}

.sec04 .secCont {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec04 h3 {
  margin: 0;
  text-align: left;
  max-width: 160px;
  width: 15.4%;
}
.sec04 .topicList {
  margin-bottom: 10px;
  max-width: 810px;
  width: 77.9%;
}
.sec04 .topicList li {
    border-top: 1px dotted #040002;
    display: flex;
    align-items: center;
}
.sec04 .topicList li:first-child {
  border-top: none;
  padding-top: 0;
}

.sec04 .topicList li .pict {
    background-color: #fff;
    width: 192px;
    margin: 12px 20px 12px 0;
    text-align: center;
}
.sec04 .topicList li dl {
    width: calc(100% - 192px);
}
.sec04 .topicList li .pict a {
  height: 128px;
  text-align: center;
  transition: opacity 0.6s;
  text-decoration: none;
}
.sec04 .topicList li .pict a:hover {
  opacity: 0.7;
}
.sec04 .topicList li .pict.nonPict a {
  background: url(../img/common/headLogo.png) no-repeat 50% 50% #fff;
  background-size: 85%;
}
.sec04 .topicList li dl dt {
  margin-bottom: 15px;
}
.sec04 .topicList li dl dt a {
  display: inline-block;
  margin-left: 15px;
  font-size: 85%;
  font-weight: 700;
}
.sec04 .topicList li dl dd {
  font-size: 120%;
  font-weight: 700;
}
.sec04 .topicList li dl dd a {
  color: #000;
  transition: opacity 0.6s;
  text-decoration: none;
}
.sec04 .topicList li dl dd a:hover {
  opacity: 0.7;
}
.sec04 .importantTopics {
  background-color: #fff;
  border: 1px solid #bf1d6c;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  width: 100%;
}
.sec04 .importantTopics dt {
  background-color: #bf1d6c;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-align: center;
  width: 13.5%;
}
.sec04 .importantTopics dd {
  box-sizing: border-box;
  color: #bf1d6c;
  padding: 10px 20px;
  width: 86.5%;
}
.sec04 .importantTopics dd a {
  display: block;
}
.sec04 .topicsSlide {
  margin: 60px auto 0;
  width: 100%;
}

.sec05 .secCont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec05 h1 {
  margin: 0;
  text-align: left;
  max-width: 160px;
  width: 15.4%;
}
.sec05 .linkBtn {
  margin-top: 40px;
}
.sec05 .serviceLink {
  margin: 0;
  max-width: 810px;
  width: 77.9%;
}
.serviceLink li {
  height: 120px;
}
.sec05 .serviceLink li {
  width: 50%;
}
.sec05 .serviceLink li:nth-child(3n+1) {
  border-left: none;
}
.sec05 .serviceLink li:nth-child(2n+1) {
  border-left: 1px solid #a0a0a0;
}

.serviceLink {  
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  list-style: none;
  padding-left: 0;
}
.serviceLink li {
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  border-top: 1px solid #a0a0a0;
  box-sizing: border-box;
  width: 33.333%;
}
.serviceLink li:nth-child(3n+1) {
  border-left: 1px solid #a0a0a0;
}
.serviceLink li:nth-child(n+4), .home .serviceLink li:nth-child(n+3) {
    border-top: none;
}
.serviceLink li a {
  box-sizing: border-box;
  color: #000;
  font-weight: 700;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 35px 30px 35px 80px;
  position: relative;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 20px 47px;
  background-size: 28px;
}

.serviceLink li a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  position: absolute;
  margin-top: -5px;
  top: 50%;
  right: 30px;
}
.serviceLink li a:hover {
  background-color: #bf1d6c;
  color: #fff;
  background-position: 20px 18px;
}
.serviceLink li a:hover:after {
  background-image: url(../img/common/arrow02.png);
}
.serviceLink li.nav03 a:before {
  background-position: -56px 0;
}
.serviceLink li.nav03 a:hover:before {
  background-position: -56px 100%;
}
.serviceLink li.nav10 a:before {
  background-position: -252px 0;
}
.serviceLink li.nav10 a:hover:before {
  background-position: -252px 100%;
}
.serviceLink li.nav11 a:before {
  background-position: -280px 0;
}
.serviceLink li.nav11 a:hover:before {
  background-position: -280px 100%;
}
.serviceLink li.nav12 a:before {
  background-position: -308px 0;
}
.serviceLink li.nav12 a:hover:before {
  background-position: -308px 100%;
}
.serviceLink li.nav15 a:before {
  background-position: -392px 0;
}
.serviceLink li.nav15 a:hover:before {
  background-position: -392px 100%;
}
.serviceLink li.nav14 a:before {
  background-position: -364px 0;
}
.serviceLink li.nav14 a:hover:before {
  background-position: -364px 100%;
}
.serviceLink li.nav08 a:before {
  background-position: -196px 0;
}
.serviceLink li.nav08 a:hover:before {
  background-position: -196px 100%;
}
.serviceLink li.nav16 a:before {
  background-position: -420px 0;
}
.serviceLink li.nav16 a:hover:before {
  background-position: -420px 100%;
}
.serviceLink li.nav13 a:before {
  background-position: -336px 0;
}
.serviceLink li.nav13 a:hover:before {
  background-position: -336px 100%;
}
.serviceLink li.nav17 a:before {
  background-position: -448px 0;
}
.serviceLink li.nav17 a:hover:before {
  background-position: -448px 100%;
}

/******** theater ********/
.theaterMvArea {
  position: relative;
}
.theaterMvArea .theaterMv img {
  width: 100%;
}
.theaterMvArea .mvNews {
  background-color: #fff;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 160px 0 25px;
  width: 1040px;
}
.theaterMvArea .film_url a {
  display: flex;
  height: 80px;
  align-items: center;
}
.theaterMvArea .film_url {
    background-color: #fff;
    position: relative;
    bottom: 0px;
    margin: 0 auto;
    width: 1040px;
    padding: 0 12px;
}
.theaterMvArea .film_url a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  margin-right: 10px;
}
.theaterMvArea .slick-arrow {
  background-color: #eeeeee;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 80px;
  margin-right: -520px;
  bottom: 0px;
  right: 50%;
  width: 80px;
  z-index: 5;
  transition: opacity 0.6s;
  text-decoration: none;
}
.theaterMvArea .slick-arrow:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 16px;
  width: 11px;
  background-image: url(../img/common/arrow03.png);
}
.theaterMvArea .slick-arrow.prev {
  margin-right: -440px;
}
.theaterMvArea .slick-arrow.prev:before {
  transform: scale(-1, 1);
}
@media screen and (max-width: 1040px) {
  .theaterMvArea .slick-arrow {
    right: 0;
    margin-right: 0 !important;
  }
  .theaterMvArea .slick-arrow.prev {
    right: 80px;
  }
}

.topicsSlide {
  display: flex;
  justify-content: space-between;
  margin: 0 -8px 30px;
}
.topicsSlide .movieSlideCont {
  margin: 0 8px;
  max-width: 336px;
  width: 32%;
}
.topicsSlide .movieSlideCont a {
  display: block;
  transition: opacity 0.6s;
  text-decoration: none;
}
.topicsSlide .movieSlideCont a:hover {
  opacity: 0.7;
}
.topicsSlide .movieSlideCont a img {
  width: 100%;
}
.topicsSlide .slick-arrow {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 20px;
  width: 12px;
  background-image: url(../img/common/arrow.png);
  cursor: pointer;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: -24px;
}
.topicsSlide .slick-arrow.prev {
  right: auto;
  left: -24px;
  transform: scale(-1, 1);
}
@media screen and (max-width: 1120px) {
  .topicsSlide {
    margin: 0 auto 30px;
    padding: 0 20px;
  }
  .topicsSlide .slick-arrow {
    right: 0;
  }
  .topicsSlide .slick-arrow.prev {
    left: 0;
  }
}

.showingMovie {
  background-position: center 82px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  padding-top: 100vh;
  position: relative;
  z-index: 20;
  overflow: hidden;
}
.showingMovie .showingMovieCont {
  background-color: #fff;
  position: relative;
}
.showingMovie .secCont {
  padding-top: 40px;
  padding-bottom: 40px;
}
.showingMovie .movieMv {
  display: none;
  width: 100%;
  z-index: 10;
}
.showingMovie .movieMv.test {
  position: fixed;
  top: 82px;
}
.showingMovie .movieMv img {
  width: 100%;
}
.showingMovie .movieInfo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.showingMovie .movieInfo .movieInfoTxt {
  width: 490px;
}
.showingMovie .movieInfo .movieInfoTxt p:last-of-type {
  margin-bottom: 0;
}
.showingMovie .movieInfo .movieInfoPict {
  display: flex;
  justify-content: space-between;
  width: 490px;
  list-style: none;
  padding-left: 0;
}
.showingMovie .movieInfo .movieInfoPict li {
  width: 160px;
  height: 107px;
}
.showingMovie .movieBtn {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
}
.showingMovie .movieBtn li {
  width: 49.808%;
}
.showingMovie .movieBtn li a {
  background-color: #a0a0a0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.6s;
}
.showingMovie .movieBtn li a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
.showingMovie .movieBtn li a:hover {
  background-color: #bf1d6c;
}
@media screen and (max-width: 960px) {
  .showingMovie .movieBtn li a {
    border-radius: 4px;
    height: 11vw;
    font-size: 110%;
  }
  .showingMovie .movieBtn li a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
.showingMovie .movieBtn li a {
  border-radius: 0;
  justify-content: flex-start;
  font-size: 120%;
  height: 52px;
  font-weight: 700;
  padding: 0 15px;
  text-align: left;
}
.showingMovie .movieBtn li a.movieScheduleBtn {
  background-color: #002664;
}
.showingMovie .movieBtn li a.movieScheduleBtn:after {
  transform: rotate(90deg);
}
.showingMovie .movieBtn li a.movieScheduleBtn:hover {
  background-color: #bf1d6c;
}
.showingMovie .movieBtn li a.movieScheduleBtn.show:after {
  transform: rotate(-90deg);
}
.showingMovie .movieSchedule {
  background-color: #eeeeee;
  opacity: 0;
  height: 0;
  transition: opacity 0.6s;
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.showingMovie .movieSchedule.show {
  visibility: visible;
  height: auto;
  opacity: 1;
  z-index: 1;
}

.movieSchedule {
  background-color: #eeeeee;
}
.movieSchedule .movieScheduleDescription {
  background-color: #fff;
  font-weight: 700;
  margin-bottom: 25px;
  padding: 5px 12px;
}
.movieSchedule .movieScheduleDescription span {
  display: inline-block;
  vertical-align: -0.1em;
}
.movieSchedule .movieScheduleDescription span.circle:before {
  height: 15px;
  width: 19px;
}
.movieSchedule .movieScheduleDescription span.triangle:before {
  background-position: -19px 0;
  height: 15px;
  width: 19px;
}
.movieSchedule .movieScheduleDescription span.border:before {
  background-position: -38px 0;
  height: 15px;
  width: 19px;
}
.movieSchedule .circle {
  display: block;
}
.movieSchedule .circle:before {
  background-repeat: no-repeat;
  background-size: 300%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 30px;
  width: 38px;
  background-image: url(../img/common/movieIcon.png);
}
.movieSchedule .triangle {
  display: block;
}
.movieSchedule .triangle:before {
  background-repeat: no-repeat;
  background-size: 300%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 30px;
  width: 38px;
  background-image: url(../img/common/movieIcon.png);
  background-position: -38px 0;
}
.movieSchedule .border {
  display: block;
}
.movieSchedule .border:before {
  background-repeat: no-repeat;
  background-size: 300%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 30px;
  width: 38px;
  background-image: url(../img/common/movieIcon.png);
  background-position: -76px 0;
}
.movieSchedule .star, .movieSchedule .star2 {
  display: block;
}
.movieSchedule .star:before, .movieSchedule .star2:before {
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  background-image: url(../img/common/movieIcon2.png);
}
.movieSchedule .star:before {
    background-position: -16px 0px;
}
.movieSchedule .star2:before {
    background-position: -46px 0px;
}
.movieSchedule .moon {
  display: block;
}
.movieSchedule .moon:before {
  background-repeat: no-repeat;
  background-size: 400%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  background-image: url(../img/common/movieIcon2.png);
  background-position: -15px 0;
}
.movieSchedule .sun {
  display: block;
}
.movieSchedule .sun:before {
  background-repeat: no-repeat;
  background-size: 400%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  background-image: url(../img/common/movieIcon2.png);
  background-position: -30px 0;
}
.movieSchedule .square {
  display: block;
}
.movieSchedule .square:before {
  background-repeat: no-repeat;
  background-size: 400%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  background-image: url(../img/common/movieIcon2.png);
  background-position: -45px 0;
}
.movieSchedule section:not(:empty) {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.movieSchedule section h2 {
  border: none;
  margin-bottom: 10px;
  padding: 0;
}
.movieSchedule .movieScheduleList {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}
.movieSchedule .movieScheduleList li {
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  box-sizing: border-box;
  margin: 0 0.48% 4px 0;
  width: 19.616%;
}
.movieSchedule .movieScheduleList li:nth-child(5n) {
  margin-right: 0;
}
.movieSchedule .movieScheduleList li a,
.movieSchedule .movieScheduleList li > span {
  background-color: #bfbfbf;
  border-radius: 4px;
  display: block;
}
.movieSchedule .movieScheduleList li a {
  background-color: #fff;
  transition: opacity 0.6s;
  text-decoration: none;
}
.movieSchedule .movieScheduleList li a:hover {
  opacity: 0.7;
}
.movieSchedule .movieScheduleList li dl {
  height: 140px;
  position: relative;
  text-align: center;
}
.movieSchedule .movieScheduleList li dl dt {
  font-size: 120%;
  margin: 0 auto 5px;
  line-height: 120%;
  padding-top: 12px;
}
.movieSchedule .movieScheduleList li dl dt strong {
  font-size: 145%;
}
.movieSchedule .movieScheduleList li dl dt span {
  font-size: 83%;
  display: block;
}
.movieSchedule .movieScheduleList li dl dd {
  margin: 0 auto;
}
.movieSchedule .movieScheduleList li dl dd span:before {
  margin: 0 auto;
}
.movieSchedule .movieScheduleList li dl dd span.movieScheduleBtn {
  border-radius: 4px;
  background-color: #bf1d6c;
  color: #fff;
  font-weight: 700;
  margin-top: 7px;
  display: inline-block;
    padding: 0 16px;
}
.movieSchedule .movieScheduleBtn2 {
    font-weight: 700;
    margin-top: 7px;
    display: inline-block;
    padding: 0 16px;
}
.movieSchedule .movieScheduleList li dl dd span.triangle + .movieScheduleBtn {
  background-color: #e78628;
}
.movieSchedule .movieScheduleList li dl dd span.border + .movieScheduleBtn {
  background-color: #bfbfbf;
  color: #000;
}
.movieSchedule .movieScheduleList li dl dd.moreInfo {
  position: absolute;
  bottom: 20px;
  right: 15px;
  width: 15px;
}
.movieSchedule .priceInfo {
  text-align: right;
}
.movieSchedule .priceInfo a {
  color: #000;
  text-decoration: none;
}
.movieSchedule .priceInfo a:hover {
  color: #bf1d6c;
  text-decoration: underline;
}
.movieSchedule .priceInfo a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  display: inline-block;
  margin-right: 10px;
}

.movieTitle {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.movieTitle dl {
  display: flex;
  margin-bottom: 25px;
}
.movieTitle dl dt {
  color: #bf1d6c;
  margin-right: 8px;
}
.movieTitle dl dt span {
  box-sizing: border-box;
  background-color: #bf1d6c;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 4px;
  padding: 2px 8px;
  text-align: center;
}
.movieTitle dl dd {
  line-height: 140%;
}
.movieTitle h1 {
  font-size: 160%;
  line-height: 140%;
  margin-bottom: 15px;
  text-align: left;
  font-weight: 700;
}
.movieTitle h1 span {
  border-radius: 2px;
  background-color: #a0a0a0;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #fff;
  font-size: 55%;
  font-weight: 500;
  display: inline-block;
  margin-left: 15px;
  padding: 2px 5px;
  line-height: 140%;
  vertical-align: middle;
}
.movieTitle p {
  margin: 0;
}

.areaInfo {
  background-color: #eeeeee;
}
.areaInfo .areaInfoLink {
  display: flex;
  margin-bottom: 10px;
  list-style: none;
  padding-left: 0;
}
.areaInfo .areaInfoLink li {
  margin: 0 3.076% 30px 0;
  padding-bottom: 36px;
  position: relative;
  width: 22.693%;
}
.areaInfo .areaInfoLink li:nth-child(4n) {
  margin-right: 0;
}
.areaInfo .areaInfoLink li a {
  display: block;
  transition: opacity 0.6s;
  text-decoration: none;
}
.areaInfo .areaInfoLink li a:hover {
  opacity: 0.8;
}
.areaInfo .areaInfoLink li .pict {
  margin-bottom: 15px;
}
.areaInfo .areaInfoLink li .pict img {
  width: 100%;
}
.areaInfo .areaInfoLink li dl dt {
  font-weight: 700;
}
.areaInfo .areaInfoLink li dl dd {
  border-top: 1px solid #a0a0a0;
  font-size: 85%;
  padding-top: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.copyArea {
  background-color: #eeeeee;
  padding: 40px 0;
}
.copyArea p {
  color: #a0a0a0;
  font-size: 75%;
  font-weight: 500;
  margin: 0 auto;
  max-width: 1040px;
  padding: 0 10px;
  line-height: 140%;
}

/******** temp ********/
.mainTitle {
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  position: relative;
}
.mainTitle:after {
  background-color: #bf1d6c;
  content: "";
  height: 3px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 40px;
}
.mainTitle h1 {
  font-size: 185%;
  font-weight: 700;
  text-align: center;
}

.titleStyle01 {
  border-left: none;
  font-size: 185%;
  margin-bottom: 30px;
  padding: 0;
}

.titleStyle02 {
  background-color: #002664;
  color: #fff;
  font-size: 120%;
  font-weight: 700;
  margin: 40px 0 25px;
  padding: 10px 15px;
}

.titleStyle03 {
  border-left: 3px solid #bf1d6c;
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 15px;
  padding-left: 10px;
  position: relative;
  margin-top: 18px;
  text-align: left;
}
.titleStyle03 .titleLink {
  font-size: 85%;
  font-weight: 500;
  position: absolute;
  top: 0px;
  right: 0px;
}

.titleStyle04 {
  border-bottom: 1px solid #d2d2d2;
  font-size: 105%;
  font-weight: 700;
  margin-bottom: 15px;
  padding-bottom: 8px;
  position: relative;
}
.titleStyle04:after {
  background-color: #bf1d6c;
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 40px;
}

section p.lead {
  margin-bottom: 35px;
  font-size: initial;
}

.pict img {
  max-width: 100%;
    max-height: 100%;
}

.pictRowArea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pictRowArea .detail {
  width: 47.1154%;
}
.pictRowArea .detail ul.tempBtn {
  justify-content: flex-start;
}
.pictRowArea .detail ul.tempBtn li {
  margin-right: 15px;
  max-width: 172px;
}
.pictRowArea .pict {
  width: 47.1154%;
}
.pictRowArea .pict img {
  width: 100%;
}
.pictRowArea.oneThird .detail {
  width: 64.424%;
}
.pictRowArea.oneThird .pict {
  width: 29.808%;
}
.pictRowArea.quarter .detail {
  width: 74.422%;
}
.pictRowArea.quarter .pict {
  width: 23.27%;
}

.rowArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.rowArea .rowCont {
  width: 31.827%;
}
.rowArea .rowCont .pict {
  margin-bottom: 25px;
}
.rowArea .rowCont .pict img {
  width: 100%;
}
.rowArea.div2 .rowCont {
  width: 47.1154%;
}
.rowArea.div2.otherWidth .rowCont {
  width: 48.654%;
}
.rowArea.div4 .rowCont {
  width: 23.27%;
}

dl.noticeArea {
  border: 4px solid #f2f2f2;
  box-sizing: border-box;
  padding: 35px 40px 32px;
}
dl.noticeArea dt {
  background-color: #f2f2f2;
  font-size: 105%;
  font-weight: 700;
  margin-bottom: 25px;
  padding: 10px;
  text-align: center;
}
dl.noticeArea.type2 {
  background-color: #fbf3f7;
  border: 1px solid #bf1d6c;
  padding: 40px 45px 40px;
}
dl.noticeArea.type2 dt {
  background-color: #bf1d6c;
  color: #fff;
}

div.noticeArea {
  border: 4px solid #f2f2f2;
  box-sizing: border-box;
  padding: 35px 40px 32px;
}
div.noticeArea.type2 {
  background-color: #fbf3f7;
  border: 1px solid #bf1d6c;
  padding: 40px 45px 40px;
}

.anchorLink {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  list-style: none;
  padding-left: 0;
}
.anchorLink li {
  border-right: 1px solid #a0a0a0;
  box-sizing: border-box;
  padding-bottom: 15px;
  position: relative;
  width: 50%;
}
.anchorLink li:first-child {
  border-left: 1px solid #a0a0a0;
}
.anchorLink li a {
  color: #000;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  line-height: 120%;
  padding: 0 15px;
  text-align: center;
  text-decoration: none;
  transition: color 0.6s;
}
.anchorLink li a:hover {
  color: #bf1d6c;
}
.anchorLink li a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: rotate(90deg);
}

ul.tempBtn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  list-style: none;
  padding-left: 0;
}
ul.tempBtn.fCenter {
  justify-content: center;
}
ul.tempBtn.fCenter li {
  margin: 0 20px;
}
ul.tempBtn li {
  width: 300px;
}
ul.tempBtn li a {
  background-color: #bf1c6c;
  border-radius: 2px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.6s;
}
ul.tempBtn li a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
ul.tempBtn li a:hover {
  background-color: #bf1d6c;
}
@media screen and (max-width: 960px) {
  ul.tempBtn li a {
    border-radius: 4px;
    height: 11vw;
    font-size: 110%;
  }
  ul.tempBtn li a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
ul.tempBtn li a.blankLink:after {
  background-image: url(../img/common/linkIcon.png);
  width: 10px;
}
ul.tempBtn li a.pdfLink:after {
  background-image: url(../img/common/pdfIcon.png);
  margin-top: -6px;
  height: 13px;
  width: 19px;
}
ul.tempBtn.type2 li a {
  background-color: #bf1d6c;
}
ul.tempBtn.type2 li a:hover {
  background-color: #a0a0a0;
}

div.tempBtn {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
div.tempBtn a {
  background-color: #a0a0a0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
  transition: background-color 0.6s;
  padding: 8px 2em 8px 10px;
}
div.tempBtn a:first-child {
    margin-right: 8px;
}
div.tempBtn a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
div.tempBtn a:hover {
  background-color: #bf1d6c;
}
@media screen and (max-width: 960px) {
  div.tempBtn a {
    border-radius: 4px;
    font-size: 110%;
  }
  div.tempBtn a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
div.tempBtn a.blankLink:after {
  background-image: url(../img/common/linkIcon.png);
  width: 10px;
}
div.tempBtn a.pdfLink:after {
  background-image: url(../img/common/pdfIcon.png);
  margin-top: -6px;
  height: 13px;
  width: 19px;
}
div.tempBtn.type2 a {
  background-color: #bf1d6c;
}
div.tempBtn.type2 a:hover {
  background-color: #a0a0a0;
}

.btnRowArea {
  display: flex;
  justify-content: center;
}
.btnRowArea .tempBtn {
  margin: 0 12px;
}

.tempBtn2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.tempBtn2 li {
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  box-sizing: border-box;
  width: 33.333%;
}
.tempBtn2 li:first-child {
  border-left: 1px solid #a0a0a0;
}
.tempBtn2 li a {
  box-sizing: border-box;
  color: #000;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 25px 40px;
  position: relative;
  text-decoration: none;
  transition: color 0.6s;
}
.tempBtn2 li a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
.tempBtn2 li a:hover {
  color: #bf1d6c;
}
.tempBtn2 li a.blankLink:after {
  background-image: url(../img/common/linkIcon2.png);
  width: 10px;
}
.tempBtn2 li a.pdfLink:after {
  background-image: url(../img/common/pdfIcon2.png);
  margin-top: -6px;
  height: 13px;
  width: 19px;
}
.tempBtn2 li a.icnBtn {
  padding-left: 80px;
}
.tempBtn2 li a.icnBtn img {
  margin-top: -19px;
  position: absolute;
  top: 50%;
  left: 25px;
  width: 38px;
}

.icnBtnArea {
  background-color: #eeeeee;
  padding: 40px 0;
}
.icnBtnArea .icnBtn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1056px;
}
.icnBtnArea .icnBtn li {
  margin: 0 0.7665% 15px;
  width: 18.467%;
}
.icnBtnArea .icnBtn li a {
  border-radius: 4px;
  background-color: #ffffff;
  box-sizing: border-box;
  height: 100%;
  color: #000;
  font-weight: 700;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 22px 20px 20px;
  text-decoration: none;
  text-align: center;
  transition: color 0.6s;
}
.icnBtnArea .icnBtn li a img {
  margin-bottom: 10px;
  width: 38px;
}
.icnBtnArea .icnBtn li a:hover {
  color: #bf1d6c;
}

a.arrowLink {
  color: #000;
  display: inline-block;
  text-decoration: none;
}
a.arrowLink:hover {
  color: #bf1d6c;
  text-decoration: underline;
}
a.arrowLink:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  display: inline-block;
  margin-right: 8px;
  vertical-align: 0.05em;
}
a.arrowLink.blankLink:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  background-image: url(../img/common/linkIcon2.png);
  display: inline-block;
  margin-left: 8px;
}
a.arrowLink.pdfLink:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 13px;
  width: 19px;
  background-image: url(../img/common/pdfIcon2.png);
  display: inline-block;
  margin-left: 8px;
}
a.cateLink {
  font-style: italic;
  font-weight: 700;
  font-size: 85%;
  margin-right: 10px;
}

span.labelInfo {
  border-radius: 2px;
  background-color: #bf1d6c;
  box-sizing: border-box;
  color: #fff;
  font-size: 85%;
  line-height: 120%;
  display: inline-block;
  margin-right: 10px;
  padding: 2px 8px;
}
span.labelInfo.gray {
  background-color: #a0a0a0;
}
span.tagInfo {
  border: 1px solid #a0a0a0;
  border-radius: 2px;
  color: #a0a0a0;
  font-size: 85%;
  line-height: 120%;
  display: inline-block;
  margin-right: 10px;
  padding: 2px 8px;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, span.labelInfo {
    padding: 4px 8px 0;
  }

  *::-ms-backdrop, span.tagInfo {
    padding: 4px 8px 0;
  }
}
table {
  margin-bottom: 20px;
}
table.tableStyle01 th {
  border-bottom: 1px solid #a0a0a0;
  padding: 20px 0;
  text-align: center;
  width: 210px;
}
table.tableStyle01 td {
  border-bottom: 1px solid #a0a0a0;
  border-left: 1px solid #a0a0a0;
  padding: 20px 30px;
}
table.tableStyle01 tr:nth-of-type(odd) th,
table.tableStyle01 tr:nth-of-type(odd) td {
  background-color: #eeeeee;
}
table.tableStyle01 tr:first-of-type th,
table.tableStyle01 tr:first-of-type td {
  border-top: 1px solid #a0a0a0;
}
table.tableStyle02 th {
  border-bottom: 1px solid #a0a0a0;
  padding: 20px 0 20px 25px;
  vertical-align: middle;
}
table.tableStyle02 td {
  border-bottom: 1px solid #a0a0a0;
  padding: 20px 25px 20px 0;
  text-align: right;
  vertical-align: middle;
  width: 180px;
}
table.tableStyle02 tr:nth-of-type(odd) th,
table.tableStyle02 tr:nth-of-type(odd) td {
  background-color: #eeeeee;
}
table.tableStyle02 tr:first-of-type th,
table.tableStyle02 tr:first-of-type td {
  border-top: 1px solid #a0a0a0;
}
table.tableStyle02.theaterFee th {
  font-size: 120%;
  line-height: 140%;
  vertical-align: top;
}
table.tableStyle02.theaterFee th span {
  font-size: 72%;
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}
table.tableStyle02.theaterFee td {
  font-size: 120%;
  line-height: 140%;
  vertical-align: top;
}
table.tableStyle02.theaterFee tr.otherColor th,
table.tableStyle02.theaterFee tr.otherColor td {
  background-color: #f2d2e2;
}
table.tableStyle03 {
  table-layout: fixed;
}
table.tableStyle03 th {
  border-bottom: 1px solid #a0a0a0;
  background-color: #eeeeee;
  padding: 15px 0;
  text-align: center;
  vertical-align: middle;
}
table.tableStyle03 td {
  border-left: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  padding: 15px 0;
  text-align: center;
  vertical-align: middle;
}
table.tableStyle03 tr:first-of-type th {
  background-color: #d2d2d2;
  border-left: 1px solid #a0a0a0;
  border-top: 1px solid #a0a0a0;
}
table.tableStyle03 tr:first-of-type th:first-of-type {
  border-left: none;
  width: 25%;
}

.pageNav {
  display: flex;
  justify-content: center;
  margin: 0 auto 45px;
}
.pageNav a {
  border: 1px solid #bf1d6c;
  box-sizing: border-box;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  text-align: center;
  text-decoration: none;
  width: 30px;
}
.pageNav a:hover {
  background-color: #bf1d6c;
  color: #fff;
}
.pageNav a.next {
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  margin: 0 0 0 30px;
  padding: 0;
}
.pageNav a.next:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
}
.pageNav a.prev {
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  margin: 0 30px 0 0;
  padding: 0;
}
.pageNav a.prev:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  transform: scale(-1, 1);
}
.pageNav span {
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #a0a0a0;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  text-align: center;
  text-decoration: none;
  width: 30px;
}
.pageNav span.current {
  border: 1px solid #bf1d6c;
  background-color: #bf1d6c;
  color: #fff;
  height: 30px;
  margin: 0 5px;
  width: 30px;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .pageNav a {
    padding: 5px 0 0;
  }

  *::-ms-backdrop, .pageNav span {
    padding: 5px 0 0;
  }
}
.searchArea {
  margin: 0 auto 40px;
  display: flex;
  justify-content: center;
}
.searchArea .txtSearch {
  border-radius: 4px;
  border: 1px solid #a0a0a0;
  box-sizing: border-box;
  margin-right: 8px;
  padding: 8px 15px;
  width: 280px;
}
.searchArea .selectArea {
  border-radius: 4px;
  border: 1px solid #a0a0a0;
  margin-right: 8px;
  position: relative;
  width: 210px;
}
.searchArea .selectArea:before {
  background-color: #a0a0a0;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  display: block;
  width: 34px;
}
.searchArea .selectArea:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  transform: rotate(90deg);
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: 13px;
}
.searchArea .selectArea select {
  box-sizing: border-box;
  padding: 8px 8px 8px 15px;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 1;
}
.searchArea .selectArea select::-ms-expand {
  display: none;
}
.searchArea button {
  border: none;
  border-radius: 4px;
  background-color: #bf1d6c;
  color: #fff;
  cursor: pointer;
  width: 60px;
}

.accordionArea dl dt {
  background-color: #e5e5e5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  height: 82px;
  align-items: center;
  padding: 25px 80px 25px 90px;
  position: relative;
  transition: all 0.6s;
}
.accordionArea dl dt:before {
  border-radius: 4px;
  background-color: #fff;
  content: "Q";
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-top: -19px;
  position: absolute;
  top: 50%;
  left: 30px;
  width: 38px;
}
.accordionArea dl dt:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  transform: rotate(90deg);
  margin-top: -3px;
  position: absolute;
  top: 50%;
  right: 30px;
  transition: all 0.6s;
}
.accordionArea dl dd {
  box-sizing: border-box;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  padding: 0 0 0 90px;
  position: relative;
  transition: all 0.6s;
}
.accordionArea dl dd:before {
  border-radius: 4px;
  background-color: #bf1d6c;
  content: "A";
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  position: absolute;
  top: 0;
  left: 30px;
  width: 38px;
  transition: all 0.6s;
}
.accordionArea dl.show dt {
  background-color: #002664;
  color: #fff;
}
.accordionArea dl.show dt:after {
  background-image: url(../img/common/arrow02.png);
  transform: rotate(-90deg);
}
.accordionArea dl.show dd {
  visibility: visible;
  height: auto;
  padding-top: 25px;
  padding-bottom: 25px;
}
.accordionArea dl.show dd:before {
  top: 28px;
}
.accordionArea.theaterFaq dl.show dt {
  background-color: #bf1d6c;
}
.accordionArea.theaterInfoAccordion dl dt {
  height: auto;
  min-height: 0;
  padding: 15px 80px 15px 20px;
}
.accordionArea.theaterInfoAccordion dl dt:before {
  display: none;
}
.accordionArea.theaterInfoAccordion dl dd {
  padding-left: 0;
}
.accordionArea.theaterInfoAccordion dl dd:before {
  display: none;
}
ul.tempList {
  margin-bottom: 25px;
}

.bannerLink li {
  margin-top: 10px;
}
.bannerLink li a {
  display: block;
  transition: opacity 0.6s;
  text-decoration: none;
}
.bannerLink li a:hover {
  opacity: 0.7;
}
.bannerLink li a img {
  width: 100%;
}

ul.indentList li {
  margin-bottom: 4px;
}

.indent {
  display: block;
}

/******** company ********/
.corporatePhilosophy {
  background: url(../img/company/bg.jpg) no-repeat 50% 0;
  background-size: 100%;
}
.corporatePhilosophy h2,
.corporatePhilosophy h3,
.corporatePhilosophy p {
  color: #fff;
}
.corporatePhilosophy .rowArea {
  margin-top: 60px;
}
.corporatePhilosophy .rowArea dl {
  background-color: #fff;
  border: 4px solid #dcdcdc;
  box-sizing: border-box;
  height: 100%;
  padding: 36px;
}
.corporatePhilosophy .rowArea dl dt {
  font-size: 120%;
  font-weight: 700;
  margin: 0 auto 12px;
  text-align: center;
}
.corporatePhilosophy .rowArea dl dd strong {
  background-color: #bf1d6c;
  color: #fff;
  display: block;
  font-size: 85%;
  margin-bottom: 10px;
  text-align: center;
}

.pictCoverArea .pict img {
  width: 100%;
}
.pictCoverArea .detail {
  background-color: #fff;
  box-sizing: border-box;
  margin: -75px auto 0;
  padding: 75px 80px 60px;
  position: relative;
  width: 80%;
  z-index: 5;
}

.mapArea {
  position: relative;
  padding-top: 320px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}
.mapArea iframe,
.mapArea object,
.mapArea embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.companyBannerArea {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  list-style: none;
  padding-left: 0;
}
.companyBannerArea li {
  margin: 0 1.53% 15px 0;
  width: 23.8462%;
}
.companyBannerArea li:nth-child(4n) {
  margin-right: 0;
}
.companyBannerArea li a {
  display: block;
}
.companyBannerArea li a img {
  width: 100%;
}

.advertisementNotice {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding-left: 0;
}
.advertisementNotice li {
  border: 1px solid #bf1d6c;
  background-color: #f1d7e3;
  box-sizing: border-box;
  font-weight: 700;
  margin: 0 0.4% 10px;
  padding: 11px 10px;
  text-align: center;
  width: 32.45%;
}

/******** service ********/
.ticketFig {
  background-color: #eeeeee;
  padding: 30px;
}
.ticketFig img {
  display: block;
  margin: 0 auto 20px;
  text-align: center;
  width: 55%;
}
.ticketFig p {
  font-weight: 700;
}

.ticketBtn {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}
.box-ticket .ticketBtn {
    width: calc(33.333% - 8px);
    margin-right: 8px;    
}
.ticketBtn a {
  background-color: #a0a0a0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.6s;
}
.ticketBtn a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
.ticketBtn a:hover {
  background-color: #bf1d6c;
}
@media screen and (max-width: 960px) {
  .ticketBtn a {
    border-radius: 4px;
    height: 11vw;
    font-size: 110%;
  }
  .ticketBtn a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
.ticketBtn a {
  background-color: #bf1d6c;
  height: 70px;
  font-weight: 700;
}
.ticketBtn a:hover {
  background-color: #a0a0a0;
}

.flowArea {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.flowArea .flowCont {
  margin-right: 3.845%;
  position: relative;
  width: 30.77%;
}
.flowArea .flowCont:after {
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #7d7d7d 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #7d7d7d 50.5%) no-repeat bottom right/100% 50%;
  content: "";
  display: block;
  height: 14px;
  width: 14px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  right: -8.5%;
}
.flowArea .flowCont.flowEnd {
  background-color: #f1dae5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
    color: #bf1d6c;
    font-size: 120%;
    font-weight: 700;
    padding: 15px 20px;
    text-align: center;
}
.flowArea .flowCont.flowEnd:after {
  display: none;
}
.flowArea .flowCont.flowEnd p {
  color: #bf1d6c;
  font-size: 120%;
  font-weight: 700;
  padding: 15px 20px;
  text-align: center;
}
.flowArea .flowCont dl {
  background-color: #eeeeee;
  height: 100%;
}
.flowArea .flowCont dl dt {
  background-color: #7d7d7d;
  color: #fff;
  font-size: 120%;
  font-weight: 700;
  padding: 15px 20px;
}
.flowArea .flowCont dl dd {
  padding: 18px 20px;
}

.stepArea .stepCont {
  margin-bottom: 20px;
  min-height: 120px;
  padding-left: 160px;
  position: relative;
  counter-increment: data-num;
}
.stepArea .stepCont:before {
  background-color: #eeeeee;
  height: 120px;
  content: "STEP" counter(data-num);
  font-size: 120%;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.stepArea .stepCont:last-of-type {
  margin-bottom: 30px;
}
.stepArea .stepCont.stepEnd:before {
  background-color: #f1dae5;
}
.stepArea .stepCont.type2 {
  display: flex;
  align-items: center;
}
.stepArea .stepCont.type2 p {
  font-weight: 700;
}
.stepArea .stepCont .circle {
  display: inline-block;
  vertical-align: -0.2em;
}
.stepArea .stepCont .circle:before {
  background-repeat: no-repeat;
  background-size: 300%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 22px;
  width: 28px;
  background-image: url(../img/common/movieIcon.png);
}
.stepArea .stepCont .triangle {
  display: inline-block;
  margin-left: 15px;
  vertical-align: -0.2em;
}
.stepArea .stepCont .triangle:before {
  background-repeat: no-repeat;
  background-size: 300%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 22px;
  width: 28px;
  background-image: url(../img/common/movieIcon.png);
  background-position: -28px 0;
}
.stepArea .stepCont .border {
  display: inline-block;
  margin-left: 20px;
  vertical-align: -0.2em;
}
.stepArea .stepCont .border:before {
  background-repeat: no-repeat;
  background-size: 300%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 22px;
  width: 28px;
  background-image: url(../img/common/movieIcon.png);
  background-position: -56px 0;
}

.bfFig .rowCont {
  position: relative;
  padding-bottom: 390px;
}
.bfFig .bfLogo {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.bfLogo {
  border: 1px solid #eee;
  padding: 28px 30px;
}
.bfLogo dt {
  text-align: center;
}
.bfLogo dt img {
  max-width: 100%;
}
.bfLogo dt span {
  font-weight: 700;
  margin: 8px auto 0;
  display: block;
}
.bfLogo dd {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 10px;
  text-align: center;
}
.bfLogo dd img {
  width: 93.5%;
}

.bfInfo {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.bfInfo dt {
  font-weight: 700;
  margin: 0 auto 25px;
  text-align: center;
  width: 100%;
}
.bfInfo dd {
  border-left: 1px solid #a0a0a0;
  box-sizing: border-box;
  text-align: center;
  width: 25%;
}
.bfInfo dd:last-of-type {
  border-right: 1px solid #a0a0a0;
}

/******** utility ********/
.livepocketLink {
  border: 4px solid #eee;
  margin: 0 auto 80px;
  width: 580px;
}
.livepocketLink a {
  color: #000;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 30px;
  position: relative;
  transition: opacity 0.6s;
  text-decoration: none;
}
.livepocketLink a:hover {
  opacity: 0.7;
}
.livepocketLink a span {
  border-right: 1px solid #eee;
  display: block;
  margin-right: 35px;
  padding: 18px 35px 18px 0;
}
.livepocketLink a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 25px;
}

ul.sitemap {
  display: flex;
  flex-wrap: wrap;
}
ul.sitemap li {
  margin: 15px 25px 0 0;
}
ul.sitemap li a {
  color: #000;
  display: inline-block;
  text-decoration: none;
}
ul.sitemap li a:hover {
  color: #bf1d6c;
  text-decoration: underline;
}
ul.sitemap li a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow.png);
  display: inline-block;
  margin-right: 8px;
  vertical-align: 0.05em;
}
ul.sitemap li a.blankLink:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  background-image: url(../img/common/linkIcon2.png);
  display: inline-block;
  margin-left: 8px;
}
ul.sitemap li a.pdfLink:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 13px;
  width: 19px;
  background-image: url(../img/common/pdfIcon2.png);
  display: inline-block;
  margin-left: 8px;
}

/******** topics ********/
.searchAreaRow {
  display: flex;
  justify-content: center;
  margin: 40px auto;
}
.searchAreaRow .searchArea {
  margin: 0 10px;
}

.topicRowList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  list-style: none;
  padding-left: 0;
}
.topicRowList li {
  border-bottom: 1px dotted #040002;
  box-sizing: border-box;
  min-height: 148px;
  margin: 0 3.844% 20px 0;
  padding: 0 0 20px 215px;
  position: relative;
  width: 48.078%;
}
.topicRowList li:nth-child(2n) {
  margin-right: 0;
}
.topicRowList li .pict {
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 192px;
}
.topicRowList li .pict a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 128px;
  text-align: center;
  transition: opacity 0.6s;
  text-decoration: none;
}
.topicRowList li .pict a:hover {
  opacity: 0.7;
}

.topicRowList li .pict.verticalPict img {
  height: 100%;
  width: auto;
}
.topicRowList li .pict.nonPict a {
  background: url(../img/common/headLogo.png) no-repeat 50% 50% #fff;
  background-size: 85%;
}
.topicRowList li dl dt a {
  display: inline-block;
  margin-left: 15px;
  font-size: 85%;
  font-weight: 700;
}
.importantLabel {
  background-color: #d70029;
  border-color: #d70029 !important;
  color: #fff !important;
  font-weight: normal;
    font-size: 0.8em;
    padding: 4px 8px;
}
.topicRowList li dl dd {
  line-height: 140%;
  margin-top: 10px;
}
.topicRowList li dl dd a {
  color: #000;
  font-weight: 700;
  transition: opacity 0.6s;
  text-decoration: none;
}
.topicRowList li dl dd a:hover {
  opacity: 0.7;
}
.topicRowList li dl dd.topicsLabel span {
  border: 1px solid #bf1d6c;
  color: #bf1d6c;
  display: inline-block;
  font-size: 93%;
  margin: 0 2px 0 0;
  padding: 1px 10px;
}
.topicRowList li dl dd.topicsLabel span.importantLabel {
  background-color: #d70029;
  border-color: #d70029;
  color: #fff;
}
.dateInfo a {
  display: inline-block;
  margin-left: 15px;
  font-size: 85%;
  font-weight: 700;
}

/******** campaign ********/
.campaignList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.campaignList li {
  border-bottom: 1px dotted #040002;
  box-sizing: border-box;
  min-height: 148px;
  margin: 0 3.844% 20px 0;
  padding: 0 0 20px 215px;
  position: relative;
  width: 48.078%;
}
.campaignList li:nth-child(2n) {
  margin-right: 0;
}
.campaignList li .pict {
  background-color: #fff;
  border: 1px solid #eee;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 192px;
}
.campaignList li .pict a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 128px;
  text-align: center;
  transition: opacity 0.6s;
  text-decoration: none;
}
.campaignList li .pict a:hover {
  opacity: 0.7;
}
.campaignList li .pict img {
  width: 100%;
}
.campaignList li .pict.verticalPict img {
  height: 100%;
  width: auto;
}
.campaignList li .pict.nonPict a {
  background: url(../img/common/headLogo.png) no-repeat 50% 50% #fff;
  background-size: 85%;
}
.campaignList li dl dt {
  font-weight: 700;
}
.campaignList li dl dd {
  line-height: 140%;
  font-size: 85%;
  margin-top: 15px;
  padding-left: 72px;
  position: relative;
}
.campaignList li dl dd span {
  border-radius: 2px;
  background-color: #a0a0a0;
  color: #fff;
  display: block;
  padding: 1px 0;
  position: absolute;
  top: -1px;
  left: 0px;
  text-align: center;
  width: 65px;
}

/******** recruit ********/
.recruitAccordion dl dt {
  padding-left: 30px;
}
.recruitAccordion dl dt:before {
  display: none;
}
.recruitAccordion dl dd {
  padding: 0 30px;
}
.recruitAccordion dl dd:before {
  display: none;
}
.recruitAccordion dl dd .recruitPict {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  list-style: none;
  padding-left: 0;
}
.recruitAccordion dl dd .recruitPict li img {
  width: 100%;
}
.recruitAccordion dl.show dt {
  background-color: #bf1d6c;
}

/******** fee ********/
.theaterBtn {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
}
.theaterBtn li {
  width: 48.655%;
}
.theaterBtn li a {
  background-color: #a0a0a0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.6s;
}
.theaterBtn li a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
.theaterBtn li a:hover {
  background-color: #bf1d6c;
}
@media screen and (max-width: 960px) {
  .theaterBtn li a {
    border-radius: 4px;
    height: 11vw;
    font-size: 110%;
  }
  .theaterBtn li a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
.theaterBtn li a {
  border: 1px solid #bf1d6c;
  background-color: #fff;
  border-radius: 4px;
  color: #bf1d6c;
  font-weight: 700;
  text-align: center;
  transition: all 0.6s;
}
.theaterBtn li a:after {
  background-image: url(../img/common/arrow.png);
}
.theaterBtn li a:hover {
  color: #fff;
}
.theaterBtn li a:hover:after {
  background-image: url(../img/common/arrow02.png);
}
.theaterBtn li.type2 a {
  background-color: #bf1d6c;
  color: #fff;
}
.theaterBtn li.type2 a:after {
  background-image: url(../img/common/arrow02.png);
}
.theaterBtn li.type2 a:hover {
  background-color: #fff;
  color: #bf1d6c;
}
.theaterBtn li.type2 a:hover:after {
  background-image: url(../img/common/arrow.png);
}
.theaterBtn li.wAll {
  width: 100%;
}

.theaterBtn2 {
  margin: 0 auto;
  width: 300px;
}
.theaterBtn2 a {
  background-color: #a0a0a0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  position: relative;
  text-decoration: none;
  transition: background-color 0.6s;
}
.theaterBtn2 a:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 6px;
  background-image: url(../img/common/arrow02.png);
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
}
.theaterBtn2 a:hover {
  background-color: #bf1d6c;
}
@media screen and (max-width: 960px) {
  .theaterBtn2 a {
    border-radius: 4px;
    height: 11vw;
    font-size: 110%;
  }
  .theaterBtn2 a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
.theaterBtn2 a {
  border: 1px solid #bf1d6c;
  background-color: #fff;
  border-radius: 4px;
  color: #bf1d6c;
  font-weight: 700;
  text-align: center;
  transition: all 0.6s;
}
.theaterBtn2 a:after {
  background-image: url(../img/common/arrow.png);
}
.theaterBtn2 a:hover {
  color: #fff;
}
.theaterBtn2 a:hover:after {
  background-image: url(../img/common/arrow02.png);
}

.earlyBirdTicket {
  display: flex;
  justify-content: space-between;
  margin-bottom: 65px;
  flex-wrap: wrap;
}
.earlyBirdTicket .pict {
  width: 14.424%;
}
.earlyBirdTicket .pict img {
  width: 100%;
}
.earlyBirdTicket .detail {
  width: 82.693%;
}

.useInfo {
  border: 4px solid #f2f2f2;
  box-sizing: border-box;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  padding: 35px 40px 32px;
  margin-top: 28px;
}
.useInfo dt {
  font-weight: 700;
  margin-bottom: 25px;
  width: 100%;
}
.useInfo dd {
  box-sizing: border-box;
  min-height: 32px;
  padding: 5px 0 5px 45px;
  position: relative;
  counter-increment: data-num;
  width: 47%;
}
.useInfo dd:before {
  background-color: #bf1d6c;
  height: 32px;
  content: counter(data-num);
  color: #fff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.useInfo dd:nth-of-type(2n) {
  margin-left: 6%;
}
.useInfo dd:nth-of-type(2n):after {
  background-color: #808080;
  content: "";
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -6%;
  width: 1px;
}

/******** food ********/
.foodSlideArea {
  margin-bottom: 60px;
  overflow: hidden;
}
.foodSlideArea.slick-initialized {
  display: block;
}
.foodSlideArea .slick-list {
  overflow: visible;
  position: relative;
}
.foodSlideArea .slick-slide {
  position: relative;
}
.foodSlideArea .slick-slide:before {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  display: block;
  opacity: 1;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 5;
  transition: opacity 0.1s, z-index 0.1s;
}
.foodSlideArea .slick-current {
  position: relative;
  z-index: 10;
}
.foodSlideArea .slick-current:before {
  opacity: 0;
  z-index: -1;
  transition: opacity 0.8s 0.5s, z-index 1.8s 0.5s;
}
.foodSlideArea .slick-arrow {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 20px;
  width: 12px;
  background-image: url(../img/common/arrow02.png);
  cursor: pointer;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 40px;
  z-index: 20;
}
.foodSlideArea .slick-arrow.prev {
  right: auto;
  left: 40px;
  transform: scale(-1, 1);
}
.foodSlideArea .foodSlide {
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px 20px 20px;
  width: 780px;
}
.foodSlideArea .foodSlide .pict {
  width: 44.445%;
}
.foodSlideArea .foodSlide .pict img {
  width: 100%;
}
.foodSlideArea .foodSlide .detail {
  width: 49.5%;
}
.foodSlideArea .foodSlide .detail h4 {
  color: #bf1d6c;
  font-size: 185%;
  font-weight: 700;
  margin-bottom: 20px;
}
.foodSlideArea .foodSlide .detail h4 span {
  background-color: #bf1d6c;
  color: #fff;
  font-size: 53%;
  font-weight: 500;
  display: block;
  line-height: 140%;
  margin-bottom: 12px;
  text-align: center;
  width: 56px;
}
.foodSlideArea .foodSlide .detail p.price {
  border-top: 1px solid #a0a0a0;
  color: #bf1d6c;
  font-weight: 700;
  padding-top: 22px;
}

.foodList {
  border-bottom: none;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
  position: relative;
  list-style: none;
  padding-left: 0;
}

.foodList li {
  box-sizing: border-box;
  padding: 30px;
  width: 33.333%;
}
.foodList li .pict {
  margin-bottom: 20px;
}
.foodList li .pict img {
  width: 100%;
}
.foodList li dl dt {
  border-bottom: 1px solid #a0a0a0;
  font-size: 105%;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 15px;
}
.foodList li dl dd {
  font-size: 85%;
  font-weight: 700;
  margin-top: 8px;
  line-height: 130%;
  position: relative;
  padding-right: 70px;
}
.foodList li dl dd span {
  color: #bf1d6c;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
}

/******** movieDetail ********/
.movieListCont .movieNav {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}
.movieListCont .movieNav li a {
  font-weight: 700;
  margin-right: 0;
}
.movieListCont .movieNav li a:hover, .movieListCont .movieNav li a.c {
  background-color: #eeeeee;
  color: #000;
  margin-right: 0;
}
.movieListCont .movieNav li.genre a:after {
  background-image: url(../img/common/genre.png);
  height: 15px;
  margin-top: -7px;
  width: 15px;
}
.movieListCont .movieNav li.genre.searchHover {
  border-bottom-color: #eee;
}
.movieListCont .movieNav li.genre.searchHover a {
  background-color: #eee;
}
.movieListCont .genreSearchArea {
  box-sizing: border-box;
  background-color: #eee;
  max-height: 0;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 0 81px;
  transition: max-height 0.3s, padding-top 0.2s, padding-bottom 0.2s;
}
.movieListCont .genreSearchArea.c {
  border: 1px solid #a0a0a0;
  border-top: none;
  max-height: 300px;
  padding: 30px 80px;
  transition: max-height 0.6s, padding-top 0.2s, padding-bottom 0.2s;
}
.movieListCont .genreSearchArea .purposeLink {
  margin: 0 auto;
}
.movieListCont .movieList {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}
.movieListCont .movieList li {
  margin: 0 16px 25px 0;
  max-width: 336px;
  width: 32%;
}
.movieListCont .movieList li:nth-child(3n) {
  margin-right: 0;
}
.movieListCont .movieList li a {
  display: block;
  transition: opacity 0.6s;
  text-decoration: none;
}
.movieListCont .movieList li a:hover {
  opacity: 0.7;
}
.movieListCont .movieList li a .pict {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.movieListCont .movieList li a p {
  font-weight: 700;
    padding-left: 15px;
    padding-right: 15px;
}
.movieListCont .movieList li .film-schedule {
    color: #bf1d6c;
    font-size: 90%;
    font-weight: normal;
    display: block;
}
.movieListCont .movieList li a p span {
  border-radius: 2px;
  background-color: #a0a0a0;
  color: #fff;
  font-size: 80%;
  font-weight: 500;
  line-height: 130%;
  display: inline-block;
  margin-left: 10px;
  padding: 3px 9px;
}

.movieDetail .keywordLink {
  margin-bottom: 25px;
  list-style: none;
  padding-left: 0;
}
.movieDetail .movieSns {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
}
.movieDetail .movieSns li {
  margin-left: 5px;
}
.movieDetail .movieSns li.facebook {
  margin-top: -4px;
}
.movieDetail .movieSnsArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.movieDetail .movieSnsArea .keywordLink {
  margin: 0;
  width: 60%;
}
.movieDetail .movieSnsArea .movieSns {
  margin-bottom: 0;
  width: 35%;
  list-style: none;
    padding-left: 0;
}
.movieDetail .pictRowArea {
  margin-bottom: 40px;
  align-items: flex-start;
}
.movieDetail .pictRowArea .movieDetailPict {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 47.1154%;
  list-style: none;
  padding-left: 0;
}
.movieDetail .pictRowArea .movieDetailPict li {
  width: 33%;
}
.movieDetail .pictRowArea .movieDetailPict li:first-child {
  margin-bottom: 10px;
  width: 100%;
}
.movieDetail .pictRowArea .movieDetailPict li:first-child img {
  height: auto;
  width: 100%;
}
.movieDetail .pictRowArea .movieDetailPict li:nth-child(n + 2) {
  height: 107px;
  display: flex;
  justify-content: center;
}
.movieDetail .pictRowArea .movieDetailPict li:nth-child(n + 2) img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.movieDetail .pictRowArea .movieDetailPict li.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  margin-top: 8px;
}
.movieDetail .pictRowArea .movieDetailPict li.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movieDetail .pictRowArea .detail .theaterData {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 20px;
  padding: 15px 0;
  list-style: none;
  padding-left: 0;
}
.movieData {
    list-style: none;
    padding-left: 0;
}
.movieDetail .pictRowArea .detail .movieData li {
  margin-bottom: 10px;
}
.movieDetail .pictRowArea .detail .movieData li span {
  border-radius: 2px;
  background-color: #a0a0a0;
  display: inline-block;
  color: #fff;
  margin-right: 15px;
  padding: 1px 8px;
}
.movieDetail .pictRowArea .detail .movieLead {
  border-top: 1px solid #bf1d6c;
  border-bottom: 1px solid #bf1d6c;
  color: #bf1d6c;
  font-size: 120%;
  padding: 15px 0;
  margin-bottom: 12px;
}
.movieDetail .pictRowArea .detail .movieLink {
  display: flex;
  margin-top: 15px;
  list-style: none;
  padding-left: 0;
}
.movieDetail .pictRowArea .detail .movieLink li {
  border: 1px solid #bf1d6c;
  border-radius: 4px;
}
.movieDetail .pictRowArea .detail .movieLink li.movieTicketLogo {
  margin-right: 10px;
}
.movieDetail .pictRowArea .detail .movieLink li.movieTicketLogo a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 5px 2px;
}
.movieDetail .pictRowArea .detail .movieLink li.earlybird a {
  display: flex;
  font-size: 85%;
  color: #bf1d6c;
  font-weight: 700;
  align-items: center;
  position: relative;
  text-decoration: none;
  padding: 2px 5px 2px 28px;
  transition: all 0.6s;
}
.movieDetail .pictRowArea .detail .movieLink li.earlybird a:before {
  background-repeat: no-repeat;
  background-size: 2000%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(../img/common/icon.png);
  position: absolute;
  margin-top: -10px;
  top: 50%;
  left: 5px;
  background-position: -180px 0;
}
.movieDetail .pictRowArea .detail .movieLink li.earlybird a:hover {
  background-color: #bf1d6c;
  color: #fff;
}
.movieDetail .pictRowArea .detail .movieLink li.earlybird a:hover:before {
  background-position: -180px 100%;
}
.movieDetail .movieCopy {
  color: #a0a0a0;
  font-size: 73%;
  margin-bottom: 40px;
}
.movieDetail div.noticeArea {
  padding: 12px 25px;
}
.movieDetail div.noticeArea p {
  color: #bf1d6c;
  font-weight: 700;
}

.theaterSchedule {
  margin-bottom: 40px;
  overflow: hidden;
}
.theaterSchedule .theaterScheduleTitle {
  max-width: 1040px;
  margin: 0 auto -40px;
  padding: 0 10px;
}
.theaterSchedule .theaterScheduleTitle h2 {
  margin: 0;
}
.theaterSchedule .secCont {
  padding-top: 10px;
  padding-bottom: 30px;
}
.dateLinkArea .dateLink a {
  position: relative;
}
.dateLinkArea .dateLink a i {
  color: #bf1d6c;
  font-size: 50%;
  margin: 0 auto;
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
}
.dateLinkArea .dateLink a span {
  margin-top: 35px;
}
.dateLinkArea .dateLink a.c i, .dateLinkArea .dateLink a:hover i {
  color: #fff;
}

.scheduleTabCont {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.scheduleTabCont.c {
  visibility: visible;
  height: auto;
}

.movieDetailInfo .movieDetailInfoBanner li {
  width: 49%;
}
.movieDetailInfo .movieDetailNewsArea .topicRowList li {
  min-height: 0;
  padding-left: 0;
}

/******** imax ********/
html.imaxIntroBg {
  height: 103%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

body.imaxIntroBg {
  height: 100%;
  overflow: hidden;
}

.imaxIntroMovie {
  background-color: #000;
  height: 103vh;
  position: fixed;
  top: 0;
  z-index: 210;
  width: 100%;
  overflow: scroll;
  transition: top 1.2s;
}
.imaxIntroMovie.hide {
  top: -120vh;
}
.imaxIntroMovie.hide #tubular-container,
.imaxIntroMovie.hide #video-overlay,
.imaxIntroMovie.hide #video-background,
.imaxIntroMovie.hide #player {
  top: -100vh !important;
  transition: top 1.2s;
}
.imaxIntroMovie .imaxIntroCont {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  z-index: 220;
}
.imaxIntroMovie .playMovie {
  margin: 0 auto;
  position: absolute;
  bottom: 150px;
  left: 0;
  right: 0;
  text-align: center;
}
.imaxIntroMovie .playMovie a {
  display: block;
  color: #fff;
  font-size: 90%;
  transition: opacity 0.6s;
  text-decoration: none;
}
.imaxIntroMovie .playMovie a:hover {
  opacity: 0.8;
}
.imaxIntroMovie .playMovie a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 62px;
  width: 62px;
  background-image: url("../img/imax/top/playMovie.png");
  margin: 0 auto 10px;
}
.imaxIntroMovie .scrollTxt {
  color: #fff;
  font-size: 80%;
  margin: 0 auto;
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  text-align: center;
}
.imaxIntroMovie .scrollTxt:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 14px;
  width: 24px;
  background-image: url("../img/imax/top/scroll.png");
  margin: 8px auto 0;
}

.imaxModal {
  display: none;
  position: fixed;
  height: 0;
  padding-bottom: 35%;
  width: 60%;
  z-index: 230;
}
.imaxModal.show {
  display: block;
}
.imaxModal .modalCont {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.imaxModal .modalCont iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#player {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.imaxMain {
  background-color: #000;
}
.imaxMain div, .imaxMain dl, .imaxMain dt, .imaxMain dd, .imaxMain ul, .imaxMain ol, .imaxMain li, .imaxMain h1, .imaxMain h2, .imaxMain h3, .imaxMain h4, .imaxMain h5, .imaxMain h6, .imaxMain pre, .imaxMain form, .imaxMain fildset, .imaxMain input, .imaxMain textarea, .imaxMain p, .imaxMain blockquote, .imaxMain table, .imaxMain th, .imaxMain td, .imaxMain address, .imaxMain textarea, .imaxMain input {
  color: #fff;
}
.imaxMain div.tempBtn a:hover {
  background-color: #002664;
}
.imaxMain .titleStyle03 {
  border-left-color: #009ad8;
}
.imaxMain a {
  color: #fff;
}
.imaxMain a:hover {
  color: #009ad8;
}
.imaxMain a.arrowLink:before {
  background-image: url("../img/imax/top/arrow_imax.png");
}
.imaxMain a.arrowLink.blankLink:after {
  background-image: url("../img/imax/top/linkIcon2_imax.png");
}
.imaxMain .mainTitle {
  background: url("../img/imax/mainBg.jpg") no-repeat 50% 0;
  background-size: cover;
  padding-top: 65px;
}
.imaxMain .mainTitle:after {
  background-color: #009ad8;
}
.imaxMain ul.tempBtn li a:hover {
  background-color: #009ad8;
  color: #fff;
}
.imaxMain .movieDetail .movieTitle dl dt {
  color: #009ad8;
}
.imaxMain .movieDetail .movieTitle dl dt span {
  background-color: #009ad8;
}
.imaxMain .movieDetail .keywordLink li a {
  color: #009ad8;
}
.imaxMain .movieDetail .keywordLink li a:hover {
  color: #fff;
}
.imaxMain .movieDetail .pictRowArea .detail .movieLead {
  border-top-color: #009ad8;
  border-bottom-color: #009ad8;
  color: #009ad8;
}
.imaxMain .movieDetail div.noticeArea {
  border-color: #009ad8;
}
.imaxMain .movieDetail div.noticeArea p {
  color: #009ad8;
}
.imaxMain .movieSchedule {
  background-color: #1e2328;
}
.imaxMain .movieSchedule .movieScheduleDescription {
  color: #000;
}
.imaxMain .movieSchedule .movieScheduleList li dl dt {
  color: #000;
}
.imaxMain .movieSchedule .priceInfo a {
  color: #fff;
}
.imaxMain .movieSchedule .priceInfo a:hover {
  color: #009ad8;
}
.imaxMain .movieSchedule .priceInfo a:before {
  background-image: url("../img/imax/top/arrow_imax.png");
}
.imaxMain .topicRowList li {
  border-bottom-color: #fff;
}
.imaxMain .topicRowList li dl dt a {
  color: #fff;
}
.imaxMain .topicRowList li dl dt a:hover {
  color: #009ad8;
}
.imaxMain .topicRowList li dl dd a {
  color: #fff;
}

nav.imaxNav {
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid #434343;
}
nav.imaxNav ul {
  display: flex;
  justify-content: space-between;
  padding: 17px 0;
}
nav.imaxNav ul li {
  border-right: 1px solid #434343;
  box-sizing: border-box;
  text-align: center;
  width: 16.66%;
}
nav.imaxNav ul li:last-child {
  border-right: none;
}
nav.imaxNav ul li a {
  color: #a0a0a0;
  display: block;
  padding: 6px 0;
  text-decoration: none;
  transition: color 0.6s;
}
nav.imaxNav ul li a:hover {
  color: #009ad8;
}

.imaxTopBg {
  background-image: url("../img/imax/top/mainBg.jpg");
  background-position: 50% 150px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.imaxTopTitleArea {
  display: flex;
  align-items: center;
  height: 718px;
  padding: 0 160px;
  position: relative;
}
.imaxTopTitleArea .scrollTxt {
  font-size: 80%;
  margin: 0 auto;
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  text-align: center;
}
.imaxTopTitleArea .scrollTxt:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 14px;
  width: 24px;
  background-image: url("../img/imax/top/scroll.png");
  margin: 8px auto 0;
}
.imaxTopTitleArea .imaxMenuBtnWrap {
  height: calc(100% - 82px);
  display: flex;
  align-items: center;
  position: fixed;
  top: 82px;
  left: 0;
  transition: left 0.6s;
  width: 1px;
  z-index: 110;
}
.imaxTopTitleArea .imaxMenuBtnWrap.show {
  left: 300px;
}
.imaxTopTitleArea .imaxMenuBtn {
  background-color: #000;
  border-radius: 0 10px 10px 0;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 85%;
  font-weight: 700;
  height: 80px;
  line-height: 1.2;
  margin-right: -65px;
  padding: 15px 0;
  text-align: center;
  width: 65px;
}
.imaxTopTitleArea .imaxMenuBtn:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 12px;
  width: 16px;
  background-image: url("../img/imax/top/imaxMenu.png");
  margin: 0 auto 12px;
}
.imaxTopTitleArea .imaxLeftMenu {
  background-color: #000;
  box-sizing: border-box;
  height: calc(100% - 82px);
  overflow-y: scroll;
  position: fixed;
  top: 82px;
  left: -300px;
  padding: 60px 12px 10px 30px;
  width: 300px;
  z-index: 110;
  transition: left 0.6s;
}
.imaxTopTitleArea .imaxLeftMenu.show {
  left: 0;
}
.imaxTopTitleArea .imaxLeftMenu ul li {
  margin-bottom: 30px;
}
.imaxTopTitleArea .imaxLeftMenu ul li a {
  display: block;
  transition: opacity 0.6s;
  text-decoration: none;
}
.imaxTopTitleArea .imaxLeftMenu ul li a:hover {
  opacity: 0.8;
}
.imaxTopTitleArea .imaxLeftMenu ul li a span {
  margin-top: 10px;
  display: block;
  font-weight: 700;
}
.imaxTopTitleArea .imaxLeftMenu ul li img {
  width: 100%;
}

.imaxTopCont {
  background-color: #000;
}
.imaxTopCont.c {
  background-color: rgba(0, 0, 0, 0.7);
}

.imaxTopAbout {
  padding: 130px 0;
}
.imaxTopAbout h2 {
  border-left: 0;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.imaxTopAbout .aboutCont {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.imaxTopAbout .aboutCont dl {
  margin: 0 3.86% 50px 0;
  width: 30.76%;
}
.imaxTopAbout .aboutCont dl:nth-of-type(3), .imaxTopAbout .aboutCont dl:last-of-type {
  margin-right: 0;
}
.imaxTopAbout .aboutCont dl dt {
  margin-bottom: 15px;
}
.imaxTopAbout .aboutCont dl dt img {
  width: 100%;
}

.imaxTopNews {
  padding: 20px 0 130px;
}
.imaxTopNews h2 {
  border-left: 0;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.imaxTopNews .topicRowList li {
  border-bottom-color: #fff;
  min-height: 0;
  padding-left: 0;
}
.imaxTopNews .topicRowList li dl dt a {
  color: #009ad8;
}
.imaxTopNews .topicRowList li dd a {
  color: #fff;
}

.imaxTopMovie {
  padding: 20px 0 130px;
}
.imaxTopMovie h2 {
  border-left: 0;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.imaxTopMovie .imaxTopMoiveList {
  display: flex;
}
.imaxTopMovie .imaxTopMoiveList li {
  margin-right: 1.93%;
  width: 23.55%;
}
.imaxTopMovie .imaxTopMoiveList li:last-child {
  margin-right: 0;
}
.imaxTopMovie .imaxTopMoiveList li a {
  display: block;
  color: #fff;
  transition: opacity 0.6s;
  text-decoration: none;
}
.imaxTopMovie .imaxTopMoiveList li a:hover {
  opacity: 0.8;
}
.imaxTopMovie .imaxTopMoiveList li a img {
  display: block;
  margin-bottom: 15px;
  width: 100%;
}
.imaxTopMovie .imaxTopMoiveList.row5 {
  margin-bottom: 40px;
}
.imaxTopMovie .imaxTopMoiveList.row5 li {
  margin-right: 0.96%;
  width: 19.23%;
}
.imaxTopMovie .imaxTopMoiveList.row5 li:last-child {
  margin-right: 0;
}

.imaxTopFee {
  padding: 20px 0 0;
}
.imaxTopFee h2 {
  border-left: 0;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.imaxTopFee .imaxFee {
  border-top: 1px solid #434343;
}
.imaxTopFee .imaxFee dl {
  border-bottom: 1px solid #434343;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
.imaxTopFee .imaxFee dl dt {
  font-weight: 700;
  line-height: 140%;
}
.imaxTopFee .imaxFee dl dt span {
  font-size: 85%;
  font-weight: 500;
}
.imaxTopFee .imaxFee dl dd {
  line-height: 140%;
}
.imaxTopFee .imaxFee .imaxFeeRow {
  display: flex;
  justify-content: space-between;
}
.imaxTopFee .imaxFee .imaxFeeRow dl {
  box-sizing: border-box;
  width: 50%;
}
.imaxTopFee .imaxFee .imaxFeeRow dl:first-of-type {
  border-right: 1px solid #434343;
}

.imaxMovieList li {
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  margin-bottom: 50px;
}
.imaxMovieList li .pict {
  width: 47.1154%;
}
.imaxMovieList li .pict a {
  display: block;
  transition: opacity 0.6s;
  text-decoration: none;
}
.imaxMovieList li .pict a:hover {
  opacity: 0.8;
}
.imaxMovieList li .pict img {
  width: 100%;
}
.imaxMovieList li .pict span {
  color: #a0a0a0;
  font-size: 73%;
  display: block;
  margin-top: 8px;
}
.imaxMovieList li .detail {
  width: 47.1154%;
}
.imaxMovieList li .detail dt {
  font-size: 160%;
  font-weight: 700;
  margin-bottom: 15px;
}
.imaxMovieList li .detail dt a {
  color: #fff;
  text-decoration: none;
}
.imaxMovieList li .detail dt a:hover {
  color: #009ad8;
}
.imaxMovieList li .detail dd span {
  background-color: #a0a0a0;
  border-radius: 2px;
  display: inline-block;
  font-size: 85%;
  margin-right: 15px;
  padding: 0 8px;
}

/******** futarium ********/
.futariumMvArea {
  margin-bottom: 80px;
}
.futariumMvArea p {
  font-size: 105%;
  font-weight: 700;
  margin: 30px auto 0;
  text-align: center;
}

.topicRowArea {
  display: flex;
  justify-content: space-between;
}
.topicRowArea .rowCont {
  width: 48.07%;
}
.topicRowArea .rowCont ul {
    list-style: none;
    padding-left: 0;
}
.topicRowArea .rowCont ul li {
  border-bottom: 1px dotted #040002;
  box-sizing: border-box;
  margin: 0 0 25px;
  padding: 0 0 20px;
}
.topicRowArea .rowCont ul li dl dt a {
  display: inline-block;
  margin-left: 15px;
  font-size: 85%;
  font-weight: 700;
}
.topicRowArea .rowCont ul li dl dt .importantLabel {
  border: 1px solid #d70029;
  background-color: #d70029;
  color: #fff;
  display: inline-block;
  font-size: 93%;
  line-height: 130%;
  margin: 0 0 0 20px;
  padding: 2px 5px;
}
.topicRowArea .rowCont ul li dl dd {
  line-height: 140%;
  margin-top: 10px;
}
.topicRowArea .rowCont ul li dl dd a {
  color: #000;
  font-weight: 700;
  transition: opacity 0.6s;
  text-decoration: none;
}
.topicRowArea .rowCont ul li dl dd a:hover {
  opacity: 0.7;
}
.topicRowArea .rowCont ul li dl dd.topicsLabel span {
  border: 1px solid #bf1d6c;
  color: #bf1d6c;
  display: inline-block;
  font-size: 93%;
  margin: 0 2px 0 0;
  padding: 1px 10px;
}
.topicRowArea .rowCont ul li dl dd.topicsLabel span.importantLabel {
  background-color: #d70029;
  border-color: #d70029;
  color: #fff;
}

.userVoiceTitleArea {
  margin: 0 auto 50px;
  text-align: center;
}
.userVoiceTitleArea h2 {
  border: none;
  color: #a32239;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 185%;
  margin: 0 auto 5px;
  padding: 0;
}
.userVoiceTitleArea h2:before {
  background-color: #a32239;
  content: "";
  height: 45px;
  display: inline-block;
  margin-right: 20px;
  transform: rotate(-45deg);
  width: 2px;
}
.userVoiceTitleArea h2:after {
  background-color: #a32239;
  content: "";
  height: 45px;
  display: inline-block;
  margin-left: 20px;
  transform: rotate(45deg);
  width: 2px;
}
.userVoiceTitleArea dl {
  margin: 0 auto;
  width: 540px;
}
.userVoiceTitleArea dl dt {
  font-size: 120%;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 20px;
  padding: 25px 76px 0;
  position: relative;
}
.userVoiceTitleArea dl dt:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 52px;
  width: 48px;
  background-image: url("../img/theater/futarium/voiceBg01.png");
  position: absolute;
  top: 0px;
  left: 0px;
}
.userVoiceTitleArea dl dt:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 52px;
  width: 48px;
  background-image: url("../img/theater/futarium/voiceBg02.png");
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.userVoiceTitleArea dl dd {
  background-color: #a32239;
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  padding: 8px 0;
}

.twitterArea img {
  width: 100%;
}

/*20190911*/
.slick-list.draggable {
    width: 100%;
}