/******* setting.scss *******/
/******* mixin.scss *******/
@media screen and (max-width: 1024px) {
    .showingMovie .movieInfo .movieInfoPict {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 960px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address, div {
    font-size: 2.8vw;
    line-height: 180%;
  }

  .wrapper {
    padding-top: 36.935vw;
  }

  br.sp {
    display: inline-block;
  }

  img.sp {
    display: inline-block;
  }
  img.sp + img {
    display: none;
  }

  .hmx_sp {
    display: block;
  }

  .hmx_pc {
    display: none;
  }

  /******header******/
  header {
    border-bottom: none;
  }
  header .headCont {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    position: relative;
  }
  header .headCont:after {
    background-color: #bf1d6c;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  header .headLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15.467vw;
    text-align: center;
    width: 42vw;
  }
  header .headNavBtnArea {
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    width: 100%;
  }
  header .headNavBtnArea .headSearch,
  header .headNavBtnArea .headTicket,
  header .headNavBtnArea .headTicketCheck {
    box-sizing: border-box;
    width: 33.333%;
  }
  header .headNavBtnArea .headSearch a,
  header .headNavBtnArea .headSearch span,
  header .headNavBtnArea .headTicket a,
  header .headNavBtnArea .headTicket span,
  header .headNavBtnArea .headTicketCheck a,
  header .headNavBtnArea .headTicketCheck span {
    font-size: 85%;
    flex-flow: column;
    height: 21.335vw;
    line-height: 130%;
    padding: 7vw 0 0;
  }
  header .headNavBtnArea .headSearch a:before,
  header .headNavBtnArea .headSearch span:before,
  header .headNavBtnArea .headTicket a:before,
  header .headNavBtnArea .headTicket span:before,
  header .headNavBtnArea .headTicketCheck a:before,
  header .headNavBtnArea .headTicketCheck span:before {
    top: 2.5vw;
    height: 6.7vw;
    width: 6.7vw;
  }
  header .headNavBtnArea .headSearch a:hover,
  header .headNavBtnArea .headSearch span:hover,
  header .headNavBtnArea .headTicket a:hover,
  header .headNavBtnArea .headTicket span:hover,
  header .headNavBtnArea .headTicketCheck a:hover,
  header .headNavBtnArea .headTicketCheck span:hover {
    opacity: 1;
  }
  header .headNavBtnArea .headSearch.headSearch,
  header .headNavBtnArea .headTicket.headSearch,
  header .headNavBtnArea .headTicketCheck.headSearch {
    border-left: none;
  }
  header .headNavBtnArea .headSearch.headSearch span:before,
  header .headNavBtnArea .headTicket.headSearch span:before,
  header .headNavBtnArea .headTicketCheck.headSearch span:before {
    background-position: -53.6vw 0;
  }
  header .headNavBtnArea .headSearch.headSearch.c span:after,
  header .headNavBtnArea .headTicket.headSearch.c span:after,
  header .headNavBtnArea .headTicketCheck.headSearch.c span:after {
    bottom: 1.5vw;
    height: 2.667vw;
    width: 1.6vw;
    display: none;
  }
  header .headNavBtnArea .headSearch.headTicket a:before,
  header .headNavBtnArea .headTicket.headTicket a:before,
  header .headNavBtnArea .headTicketCheck.headTicket a:before {
    background-position: -13.4vw 0;
  }
  header .headNavBtnArea .headSearch.headTicketCheck a:before,
  header .headNavBtnArea .headTicket.headTicketCheck a:before,
  header .headNavBtnArea .headTicketCheck.headTicketCheck a:before {
    background-position: -60.3vw 0;
  }
  header .headNavBtnArea .headMenuBtn {
    width: 33.333%;
  }
  header .headNavBtnArea .headMenuBtn span {
    flex-flow: column-reverse;
    height: 21.335vw;
    width: 100%;
  }
  header .headNavBtnArea .headMenuBtn span:after {
    margin-left: 0;
    margin-bottom: 1vw;
    height: 5.335vw;
    width: 6.667vw;
  }
  header .headNavBtnArea .headMenuBtn span:hover {
    opacity: 1;
  }
  header .headNavBtnArea .headLink {
    width: 33.333%;
  }
  header .headNavBtnArea .headLink a {
    flex-flow: column-reverse;
    height: 21.335vw;
    width: 100%;
  }
  header .theaterLogo {
    padding-left: 2vw;
    margin-left: 2vw;
    width: 42vw;
  }
  header .theaterLogo img {
    vertical-align: middle;
    width: 100%;
  }
  .tabContWrap #modalMovie01.tabCont, .tabContWrap #modalMovie02.tabCont {
      display: none;
  }
  .tabContWrap #modalMovie01.tabCont.c, .tabContWrap #modalMovie02.tabCont.c {
      display: block;
  }

  /******footer******/
  footer {
    padding: 0 0 4vw;
  }
  footer .footBanner {
    justify-content: flex-start;
    max-width: 92%;
    margin: 0 auto 4vw;
    padding-top: 7vw;
    padding-bottom: 10px;
  }
  footer .footBanner li {
    margin: 0 4.346% 5vw 0;
    width: 47.827%;
  }
  footer .footBanner li:nth-child(2n) {
    margin-right: 0;
  }
  footer .footCont {
    max-width: 100%;
    padding: 7vw 0 0;
  }
  footer .footLogo {
    margin: 0 auto 7vw;
    width: 50vw;
  }
  footer .footTheaterLink {
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    justify-content: space-between;
    margin-bottom: 0;
  }
  footer .footTheaterLink li {
    box-sizing: border-box;
    border-left: 1px solid #a0a0a0;
    margin: 0;
    text-align: center;
    width: 20%;
  }
  footer .footTheaterLink li:first-child {
    border-left: none;
  }
  footer .footTheaterLink li a {
    color: #000;
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    line-height: 130%;
  }
  footer .footTheaterLink li a:after {
    display: none;
  }
  footer .footNav {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  footer .footNav li {
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 0;
    width: 100%;
  }
  footer .footNav li a {
    font-weight: 700;
    display: flex;
    align-items: center;
    min-height: 0;
    height: 18vw;
    padding: 0 10vw 0 4vw;
    position: relative;
  }
  footer .footNav 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: 0px;
    width: 0px;
    background-image: url(../img/common/arrow.png);
    position: absolute;
    margin-top: -1.3vw;
    top: 50%;
    right: 4vw;
    height: 2.667vw;
    width: 1.6vw;
  }
  footer .footNav li a:hover {
    color: #000;
  }
  footer .footCopyArea {
    border-top: none;
    display: block;
    padding: 0 4vw;
    text-align: center;
  }
  footer .footCopyArea ul {
    display: block;
    margin-bottom: 8vw;
    text-align: center;
  }
  footer .footCopyArea ul li {
    margin: 0 0 3vw 0;
    width: 100%;
  }
  footer .footCopyArea ul li:nth-child(2n) {
    margin-right: 0;
  }
  footer .footCopyArea ul li a:hover {
    color: #000;
  }
  footer .footInputArea {
    border-radius: 50px;
    height: 13vw;
    margin: 0 auto 6vw;
    padding: 0 5vw 0 3vw;
    position: relative;
    bottom: auto;
    right: auto;
    width: 90%;
  }
  footer .footInputArea span {
    display: none;
  }
  footer .footInputArea input[type="text"] {
    height: 13vw;
    width: 80%;
  }
  footer .footInputArea button {
    top: 3.8vw;
    right: 2vw;
  }
  footer .footInputArea button img {
    width: 5.5vw;
  }
  footer .corporationNav {
    margin-bottom: 6vw;
  }
  footer .corporationNav dt {
    background-color: #E5E5E5;
    font-size: 85%;
    margin: 0;
    padding: 4vw;
  }
  footer .corporationNav dd {
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
    font-size: 85%;
    margin: 0;
    width: 50%;
  }
  footer .corporationNav dd:nth-child(odd) {
    border-left: 1px solid #E5E5E5;
  }
  footer .corporationNav dd a {
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 10vw;
    padding: 4vw;
  }
  footer .theaterFootLogoArea {
    border-bottom: 1px solid #a0a0a0;
    display: block;
    margin-bottom: 0;
    padding-bottom: 5vw;
    text-align: center;
  }
  footer .theaterFootLogoArea .footLogo {
    margin: 0 auto 5vw;
  }
  footer .theaterFootLogoArea .theaterLogo {
    border-left: none;
    margin: 0 auto 5vw;
    padding: 0;
  }
  footer .theaterFootLogoArea .theaterLogo img {
    width: 38vw;
  }
  footer .theaterFootLogoArea .footInputArea {
    bottom: -10px;
  }
  footer .theaterFootLinkArea {
    display: block;
    margin-bottom: 0;
  }
  footer .theaterFootLinkArea .theaterFootLink {
    padding-right: 0;
    width: 100%;
  }
  footer .theaterFootLinkArea .theaterFootLink dt {
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 0;
    width: 100%;
  }
  footer .theaterFootLinkArea .theaterFootLink dt a {
    font-weight: 700;
    display: flex;
    align-items: center;
    min-height: 0;
    height: 18vw;
    padding: 0 10vw 0 4vw;
    position: relative;
  }
  footer .theaterFootLinkArea .theaterFootLink dt 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: 0px;
    width: 0px;
    background-image: url(../img/common/arrow.png);
    position: absolute;
    margin-top: -1.3vw;
    top: 50%;
    right: 4vw;
    height: 2.667vw;
    width: 1.6vw;
    transform: rotate(90deg);
    transition: transform 0.5s ease-in-out;
  }
  footer .theaterFootLinkArea .theaterFootLink dt a:hover {
    color: #000;
  }
  footer .theaterFootLinkArea .theaterFootLink dd {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  }
  footer .theaterFootLinkArea .theaterFootLink.show dt a:after {
    transform: rotate(-90deg);
  }
  footer .theaterFootLinkArea .theaterFootLink.show dd {
    max-height: 85vw;
  }
  footer .theaterFootLinkArea .theaterFootLink ul {
    display: flex;
    flex-wrap: wrap;
  }
  footer .theaterFootLinkArea .theaterFootLink ul li {
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
    font-size: 85%;
    margin: 0;
    width: 50%;
  }
  footer .theaterFootLinkArea .theaterFootLink ul li:first-child {
    display: block;
  }
  footer .theaterFootLinkArea .theaterFootLink ul li:nth-child(even) {
    border-left: 1px solid #E5E5E5;
  }
  footer .theaterFootLinkArea .theaterFootLink ul li a {
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 10vw;
    padding: 4vw;
  }
  footer .theaterFootLinkArea .corporationNav {
    padding-right: 0;
    display: flex;
    margin: 0;
    width: 100%;
  }
  footer .theaterFootLinkArea .corporationNav dd {
    margin: 0;
  }
  footer .theaterFootLinkArea .theaterOtherLinkArea {
    width: 100%;
  }
  footer .theaterFootLinkArea .theaterOtherLinkArea .theaterOtherLink {
    margin-bottom: 8vw;
  }
  footer .theaterFootLinkArea .theaterOtherLinkArea .theaterOtherLink li {
    border-bottom: 1px solid #a0a0a0;
    font-size: 100%;
    margin-bottom: 0;
  }
  footer .theaterFootLinkArea .theaterOtherLinkArea .theaterOtherLink li a {
    font-weight: 700;
    display: flex;
    align-items: center;
    min-height: 0;
    height: 18vw;
    padding: 0 10vw 0 4vw;
    position: relative;
  }
  footer .theaterFootLinkArea .theaterOtherLinkArea .theaterOtherLink 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: 0px;
    width: 0px;
    background-image: url(../img/common/arrow.png);
    position: absolute;
    margin-top: -1.3vw;
    top: 50%;
    right: 4vw;
    height: 2.667vw;
    width: 1.6vw;
  }
  footer .theaterFootLinkArea .theaterOtherLinkArea .theaterOtherLink li a:hover {
    color: #000;
  }
  footer .theaterFootLinkArea .theaterOtherLinkArea .socialLink {
    display: flex;
    justify-content: center;
    margin: 0 auto 8vw;
  }
  footer .theaterFootLinkArea .theaterOtherLinkArea .socialLink li {
    margin: 0 4vw;
  }

  /******modalArea******/
  .modalWrap {
    padding: 0vw 0 1vw;
  }

  .modalArea {
    margin: 0 auto 5vw;
  }

  .headSearchArea.c,
  .headMenuArea.c {
    padding: 6vw 2vw;
  }

  .dateLinkArea {
    margin: 0 auto 4vw;
    padding: 0 6.5vw;
  }
  .dateLinkArea .dateLink {
    margin-right: 3px;
  }
  .dateLinkArea .dateLink a {
    padding: 1.5vw 0 0;
  }
  .dateLinkArea .dateLink a span {
    margin-top: 18px;
    padding: 1vw 0;
  }
  .dateLinkArea .slick-arrow {
    width: 6vw;
  }
  .dateLinkArea .slick-arrow:before {
    height: 2.667vw;
    width: 1.6vw;
  }

  .purposeLink {
    margin: 0 auto 4vw;
  }
  .purposeLink li {
    margin: 0 2vw 2vw 0;
    width: 31.5%;
  }
  .purposeLink li:nth-child(3), .purposeLink li:last-child {
    margin-right: 0;
  }
  .purposeLink li a {
    height: 24vw;
    padding: 15vw 4px 4px 4px;
  }
  .purposeLink li a:before {
    top: 3vw;
    height: 11.201vw;
    width: 12.535vw;
  }
  .purposeLink li a:hover {
    background-color: #bf1d6c;
    color: #fff;
  }
  .purposeLink li a.purpse01:before {
    background-position: 0vw 0;
  }
  .purposeLink li a.purpse01:hover:before {
    background-position: 0vw 100%;
  }
  .purposeLink li a.purpse02:before {
    background-position: -12.535vw 0;
  }
  .purposeLink li a.purpse02:hover:before {
    background-position: -12.535vw 100%;
  }
  .purposeLink li a.purpse03:before {
    background-position: -25.07vw 0;
  }
  .purposeLink li a.purpse03:hover:before {
    background-position: -25.07vw 100%;
  }
  .purposeLink li a.purpse04:before {
    background-position: -37.605vw 0;
  }
  .purposeLink li a.purpse04:hover:before {
    background-position: -37.605vw 100%;
  }
  .purposeLink li a.purpse05:before {
    background-position: -50.14vw 0;
  }
  .purposeLink li a.purpse05:hover:before {
    background-position: -50.14vw 100%;
  }

  .keywordLink {
    margin-bottom: 4vw;
  }
  .keywordLink li {
    font-size: 105%;
    margin: 0 2vw 1vw 0;
  }

  .headSearchBtn {
    display: block;
  }
  .headSearchBtn li {
    margin: 0;
    width: 100%;
  }
  .headSearchBtn 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;
  }
  .headSearchBtn 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;
  }
  .headSearchBtn li a:hover {
    background-color: #bf1d6c;
  }
  .serviceLink li a:hover {
      background-color: transparent;
      color: #000;
      background-position: 4% 70%;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .headSearchBtn li a {
    border-radius: 4px;
    height: 11vw;
    font-size: 110%;
  }
  .headSearchBtn li a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
}
@media screen and (max-width: 960px) {
  .headSearchBtn li.ticketLink {
    margin-top: 3vw;
  }
  .headSearchBtn li.ticketLink a {
    background-color: #bf1d6c;
  }
  .headSearchBtn li.ticketLink a:hover {
    background-color: #a0a0a0;
  }

  .gNav {
    border-top: 1px solid #a0a0a0;
    border-bottom: none;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4vw;
  }
  .gNav li {
    width: 50%;
  }
  .gNav li:nth-child(3n+1) {
    border-left: none;
  }
  .gNav li:nth-child(2n+1) {
    border-left: 1px solid #a0a0a0;
  }
  .gNav li a {
    box-sizing: border-box;
    height: 23.2vw;
    flex-flow: column;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .gNav li a:before {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    height: 6.7vw;
    width: 6.7vw;
  }
  .gNav li a:after {
    display: none;
  }
  .gNav li.nav01 a:before {
    background-position: 0vw 0;
  }
  .gNav li.nav01 a:hover:before {
    background-position: 0vw 100%;
  }
  .gNav li.nav02 a:before {
    background-position: -6.7vw 0;
  }
  .gNav li.nav02 a:hover:before {
    background-position: -6.7vw 100%;
  }
  .gNav li.nav03 a:before {
    background-position: -13.4vw 0;
  }
  .gNav li.nav03 a:hover:before {
    background-position: -13.4vw 100%;
  }
  .gNav li.nav04 a:before {
    background-position: -20.1vw 0;
  }
  .gNav li.nav04 a:hover:before {
    background-position: -20.1vw 100%;
  }
  .gNav li.nav05 a:before {
    background-position: -26.8vw 0;
  }
  .gNav li.nav05 a:hover:before {
    background-position: -26.8vw 100%;
  }
  .gNav li.nav06 a:before {
    background-position: -33.5vw 0;
  }
  .gNav li.nav06 a:hover:before {
    background-position: -33.5vw 100%;
  }
  .gNav li.nav07 a:before {
    background-position: -40.2vw 0;
  }
  .gNav li.nav07 a:hover:before {
    background-position: -40.2vw 100%;
  }
  .gNav li.nav08 a:before {
    background-position: -46.9vw 0;
  }
  .gNav li.nav08 a:hover:before {
    background-position: -46.9vw 100%;
  }
  .gNav li.nav15 a:before {
    background-position: -93.8vw 0;
  }
  .gNav li.nav15 a:hover:before {
    background-position: -93.8vw 100%;
  }
  .gNav li.nav18 a:before {
    background-position: -113.9vw 0;
  }
  .gNav li.nav18 a:hover:before {
    background-position: -113.9vw 100%;
  }
  .gNav li.nav19 a:before {
    background-position: -120.6vw 0;
  }
  .gNav li.nav19 a:hover:before {
    background-position: -120.6vw 100%;
  }
  .gNav li.nav20 a:before {
    background-position: -87.3vw 0;
  }
  .gNav li.nav20 a:hover:before {
    background-position: -87.3vw 100%;
  }

  .headMenuInfoArea {
    display: block;
  }
  .headMenuInfoArea .headSubMenu {
    margin-bottom: 3vw;
    width: 100%;
  }
  .headMenuInfoArea .headSubMenu li {
    margin: 0 4% 2vw 0;
    width: 48%;
  }
  .headMenuInfoArea .headSubMenu li:nth-child(2n) {
    margin-right: 0;
  }
  .headMenuInfoArea .headSubMenu li a:before {
    vertical-align: -0.1em;
    height: 2.667vw;
    width: 1.6vw;
  }
  .headMenuInfoArea .headTopicsArea {
    width: 100%;
  }
  .headMenuInfoArea .headTopicsArea dl dt {
    margin: 3vw 0 1vw;
  }
  .headMenuInfoArea .headTopicsArea dl dt a {
    margin-left: 2vw;
  }
  .headMenuInfoArea .headSubMenuArea {
    width: 100%;
  }
  .headMenuInfoArea .headSubMenuArea .socialLink {
    display: flex;
    justify-content: center;
    margin-bottom: 5vw;
  }
  .headMenuInfoArea .headSubMenuArea .socialLink li {
    margin: 0;
    width: 10vw;
  }
  .headMenuInfoArea .headSubMenuArea .socialLink li:nth-child(2) {
    margin: 0 4vw;
  }

  .socialLink {
    display: none;
  }

  /******landscape******/
}
@media screen and (max-width: 960px) and (orientation: landscape) {
  .wrapper {
    padding-top: 14vw;
  }

  header .headLogo {
    height: 6vw;
    width: 22vw;
  }
  header .headLogo a {
    display: flex;
    align-items: center;
  }
  header .headNavBtnArea .headSearch a,
  header .headNavBtnArea .headSearch span,
  header .headNavBtnArea .headTicket a,
  header .headNavBtnArea .headTicket span,
  header .headNavBtnArea .headTicketCheck a,
  header .headNavBtnArea .headTicketCheck span {
    justify-content: flex-start;
    height: 8vw;
    font-size: 60%;
    box-sizing: border-box;
    padding-top: 4.5vw;
  }
  header .headNavBtnArea .headSearch a br,
  header .headNavBtnArea .headSearch span br,
  header .headNavBtnArea .headTicket a br,
  header .headNavBtnArea .headTicket span br,
  header .headNavBtnArea .headTicketCheck a br,
  header .headNavBtnArea .headTicketCheck span br {
    display: none;
  }
  header .headNavBtnArea .headSearch a:before,
  header .headNavBtnArea .headSearch span:before,
  header .headNavBtnArea .headTicket a:before,
  header .headNavBtnArea .headTicket span:before,
  header .headNavBtnArea .headTicketCheck a:before,
  header .headNavBtnArea .headTicketCheck span:before {
    top: 0.5vw;
    height: 4vw;
    width: 4vw;
  }
  header .headNavBtnArea .headSearch.headSearch span:before,
  header .headNavBtnArea .headTicket.headSearch span:before,
  header .headNavBtnArea .headTicketCheck.headSearch span:before {
    background-position: -32vw 0;
  }
  header .headNavBtnArea .headSearch.headSearch.c span:after,
  header .headNavBtnArea .headTicket.headSearch.c span:after,
  header .headNavBtnArea .headTicketCheck.headSearch.c span:after {
    bottom: 0.5vw;
    height: 2.667vw;
    width: 1.2vw;
  }
  header .headNavBtnArea .headSearch.headTicket a:before,
  header .headNavBtnArea .headTicket.headTicket a:before,
  header .headNavBtnArea .headTicketCheck.headTicket a:before {
    background-position: -8vw 0;
  }
  header .headNavBtnArea .headSearch.headTicketCheck a:before,
  header .headNavBtnArea .headTicket.headTicketCheck a:before,
  header .headNavBtnArea .headTicketCheck.headTicketCheck a:before {
    background-position: -36vw 0;
  }
  header .headNavBtnArea .headMenuBtn span {
    box-sizing: border-box;
    height: 8vw;
    font-size: 60%;
    padding-top: 1vw;
  }
  header .headNavBtnArea .headMenuBtn span:after {
    height: 2.2vw;
    margin-bottom: 0;
    width: 2.7vw;
  }
  header .headNavBtnArea .headLink a {
    height: 14vw;
  }
  header .theaterLogo {
    padding-left: 5vw;
    margin-left: 5vw;
    height: 4vw;
    width: 26vw;
  }
  header .theaterLogo img {
    vertical-align: 0;
  }

  .modalWrap {
    padding-top: 0;
  }

  .headSearchArea.c, .headMenuArea.c {
    padding-top: 3vw;
  }

  .gNav li a {
    font-size: 85%;
    height: 13.4vw;
  }
  .gNav li a:before {
    height: 5vw;
    width: 5vw;
}
  .gNav li.nav01 a:before {
    background-position: 0vw 0;
  }
  .gNav li.nav01 a:hover:before {
    background-position: 0vw 100%;
  }
  .gNav li.nav02 a:before {
    background-position: -5vw 0;
  }
  .gNav li.nav02 a:hover:before {
    background-position: -5vw 100%;
  }
  .gNav li.nav03 a:before {
    background-position: -10vw 0;
  }
  .gNav li.nav03 a:hover:before {
    background-position: -10vw 100%;
  }
  .gNav li.nav04 a:before {
    background-position: -15vw 0;
  }
  .gNav li.nav04 a:hover:before {
    background-position: -15vw 100%;
  }
  .gNav li.nav05 a:before {
    background-position: -20vw 0;
  }
  .gNav li.nav05 a:hover:before {
    background-position: -20vw 100%;
  }
  .gNav li.nav06 a:before {
    background-position: -25vw 0;
  }
  .gNav li.nav06 a:hover:before {
    background-position: -25vw 100%;
  }
  .gNav li.nav07 a:before {
    background-position: -30vw 0;
  }
  .gNav li.nav07 a:hover:before {
    background-position: -30vw 100%;
  }
  .gNav li.nav08 a:before {
    background-position: -35vw 0;
  }
  .gNav li.nav08 a:hover:before {
    background-position: -35vw 100%;
  }
  .gNav li.nav18 a:before {
    background-position: -85vw 0;
  }
  .gNav li.nav18 a:hover:before {
    background-position: -85vw 100%;
  }
  .gNav li.nav19 a:before {
    background-position: -90vw 0;
  }
  .gNav li.nav19 a:hover:before {
    background-position: -90vw 100%;
  }
  .gNav li.nav20 a:before {
    background-position: -95vw 0;
  }
  .gNav li.nav20 a:hover:before {
    background-position: -95vw 100%;
  }
}
@media screen and (max-width: 960px) {
  /******main******/
  h2 {
    margin-bottom: 3vw;
    padding-left: 1vw;
  }

  section .secCont {
    max-width: 92%;
    padding: 7vw 0 4.2vw 0;
  }
  section h3 {
    margin: 0 auto 4vw !important;
  }
  section .linkBtn {
    width: 100%;
    margin-bottom: 12px;
  }

  .mb20 {
    margin-bottom: 2vw !important;
  }

  .mb30 {
    margin-bottom: 3vw !important;
  }

  .mb40 {
    margin-bottom: 4vw !important;
  }

  .mb60 {
    margin-bottom: 6vw !important;
  }

  .mb80 {
    margin-bottom: 7vw !important;
  }

  /*********index*********/
  #index {
    background: none;
  }
  #index:before {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    background-image: url(../img/index/bg_sp.jpg);
    background-size: cover;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  #index .mvArea {
    max-width: 92%;
  }
  #index .mvArea .slick-list {
    margin-bottom: 4vw;
  }
  #index .mvArea .slick-arrow {
    margin-top: -2vw;
    right: -3vw;
    height: 5.335vw;
    width: 3.2vw;
  }
  #index .mvArea .slick-arrow.prev {
    left: -3vw;
  }
  #index .mvArea .slick-dots {
    margin: 0 auto 3vw;
  }
  #index .mvArea .slick-dots li {
    margin: 0 0.7vw;
  }
  #index .mvArea .slick-dots li button {
    height: 2vw;
    width: 2vw;
  }
  #index .mvArea .mv {
    margin: 0 auto;
    width: 88vw;
  }
  #index .mvArea .mv img {
    width: 100%;
  }
  #index .mvArea .mv a {
    padding: 2vw;
  }
  #index .mvArea .mvOther {
    justify-content: space-between;
    height: 55.422vw;
    padding: 2vw;
    width: 88vw;
  }
  #index .mvArea .mvOther .mvOtherPict {
    width: 43.337%;
  }
  #index .mvArea .mvOther .mvOtherPict:after {
    margin-top: -6px;
    height: 12px;
    width: 12px;
  }
  #index .mvArea .mvOther .mvOtherPict img {
    height: auto;
    width: 100%;
  }
  #index .mvArea .mvOther dl {
    max-width: 100%;
    margin: 0;
    width: 53.5%;
  }
  #index .mvArea .mvOther dl dt {
    font-size: 95%;
  }
  #index .mvArea .mvOther dl dt a {
    font-size: 60%;
  }
  #index .mvArea .mvOther dl dd {
    font-size: 75%;
    margin-top: 2vw;
  }
  #index .mvArea .mvOther dl dd.linkBtn {
    width: 100%;
  }
  #index .theaterLinkArea .theaterLink {
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 2vw;
  }
  #index .theaterLinkArea .theaterLink dt {
    height: 10.6vw;
    margin-bottom: 2vw;
    width: 100%;
  }
  #index .theaterLinkArea .theaterLink dd {
    width: 20%;
  }
  #index .theaterLinkArea .theaterLink dd:after, #index .theaterLinkArea .theaterLink dd:before {
    display: none;
  }
  #index .theaterLinkArea .theaterLink dd:last-of-type {
    border: none;
  }
  #index .theaterLinkArea .theaterLink dd a {
    height: 13.5vw;
    line-height: 140%;
    padding: 0 3vw;
    text-align: center;
  }
  #index .theaterLinkArea .theaterLink dd a:after {
    display: none;
  }
  #index .sec02 .secCont {
    display: block;
  }
  #index .sec02 h3 {
    height: 30vw;
    margin: 0 auto 1.5vw;
    max-width: 100%;
    width: 100%;
  }
  #index .sec02 .theaterList {
    padding: 1vw 0;
    max-width: 100%;
    width: 100%;
  }
  #index .sec02 .theaterList li {
    display: block;
    padding: 6vw 5vw;
  }
  #index .sec02 .theaterList li dl {
    padding-right: 0;
    margin-bottom: 4vw;
    max-width: 100%;
    width: 100%;
  }
  #index .sec02 .theaterList li dl dt {
    margin-bottom: 3vw;
  }
  #index .sec02 .theaterList li dl dd {
    width: 38.4vw;
  }
  #index .sec02 .theaterList li dl dd a:after {
    width: 2.667vw;
  }
  #index .sec02 .theaterList li .pict {
    max-width: 100%;
    width: 100%;
  }
  #index .sec02 .theaterList li .pict img {
    width: 100%;
  }
  #index .sec03 .theaterRankLink {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #index .sec03 .theaterRankLink li {
    max-width: 48%;
    margin-bottom: 3vw;
    width: 47.9%;
  }
  #index .sec03 .theaterRankLink li:nth-of-type(2n) {
    margin-left: 4.2%;
  }
  #index .sec03 .theaterRankLink li a:after {
    width: 2.667vw;
  }
  #index .sec04 .secCont {
    padding-top: 7vw;
  }

  .tabNav {
    margin: 0 auto 3vw;
  }
  .tabNav li {
    margin: 0 0.5vw 3vw;
    width: 28vw;
  }
  .tabNav li a:after {
    margin-top: 1vw;
  }

  .movieSlideArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
  }
  .movieSlideArea .movieSlideCont {
    margin: 0 0 3vw;
    width: 33.333%;
    padding: 0 2px;
  }
  .movieSlideArea .movieSlideCont:nth-of-type(2n) {
    margin-left: 4.2%;
  }
  .movieSlideArea .movieSlideCont a .pict {
    height: 120px;
    overflow: hidden;
  }

  .movieRankList {
    display: block;
    margin-bottom: 5vw;
  }
  .movieRankList li {
    margin: 0 0 2vw;
    max-width: 100%;
    width: 100%;
  }
  .movieRankList li a dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .movieRankList li a dl dt {
    margin: 0;
    width: 35%;
  }
  .movieRankList li a dl dt span {
    padding: 1vw 0;
  }
  .movieRankList li a dl dd {
    width: 60.5%;
  }

  .staffMemo {
    display: block;
    margin-bottom: 5vw;
    padding: 4vw;
  }
  .staffMemo dt {
    margin-bottom: 1vw;
    text-align: center;
    width: 100%;
  }
  .staffMemo dt:before {
    margin: 0 auto 1vw;
    height: 7.4vw;
    width: 7.4vw;
  }
  .staffMemo dd {
    border-left: none;
    box-sizing: border-box;
    padding-left: 0;
    width: 100%;
  }

  .sec04 .secCont {
    display: block;
  }
  .sec04 h3 {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
  .sec04 .topicList {
    margin-bottom: 2vw;
    max-width: 100%;
    width: 100%;
  }  
  .sec04 .topicList li .pict {
    top: 3vw;
    width: 32vw;
  }
  .sec04 .topicList li dl {
      width: calc(100% - 32vw);
  }
  .sec04 .topicList li .pict a {
    height: 21.335vw;
  }
  .sec04 .topicList li dl dt {
    margin-bottom: 1vw;
  }
  .sec04 .topicList li dl dt a {
    display: block;
    margin: 0;
  }
  .sec04 .importantTopics {
    display: block;
  }
  .sec04 .importantTopics dt {
    padding: 1vw 0;
    width: 100%;
  }
  .sec04 .importantTopics dd {
    padding: 2vw 4vw;
    width: 100%;
  }
  .sec04 .importantTopics dd span {
    width: 30%;
  }
  .sec04 .importantTopics dd a {
    display: block;
  }
  .sec04 .topicsSlide {
    margin-top: 5vw;
  }

  .sec05 .secCont {
    display: block;
  }
  .sec05 h1 {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }

  .serviceLink {
    display: block;
    max-width: 100% !important;
    margin-top: 4vw;
    width: 100% !important;
  }
  .serviceLink li {
    border-bottom: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0 !important;
    box-sizing: border-box;
    width: 100% !important;
  }
  .serviceLink li:not(:last-child) {
    border-bottom: none;
}
.serviceLink li:nth-child(n+4), .home .serviceLink li:nth-child(n+3) {
    border-top: 1px solid #a0a0a0;
}
  .serviceLink li a {
    padding: 6vw 5vw 6vw 17vw;
    background-size: auto;
    background-position: 14px 28px;
  }
  .serviceLink li a:before {
    margin-top: -3.3vw;
    top: 50%;
    left: 5vw;
    height: 6.7vw;
    width: 6.7vw;
  }
  .serviceLink li a:after {
    margin-top: -1.3vw;
    height: 2.667vw;
    right: 3vw;
    width: 1.6vw;
  }
  .serviceLink li.nav03 a:before {
    background-position: -13.4vw 0;
  }
  .serviceLink li.nav03 a:hover:before {
    background-position: -13.4vw 100%;
  }
  .serviceLink li.nav10 a:before {
    background-position: -60.3vw 0;
  }
  .serviceLink li.nav10 a:hover:before {
    background-position: -60.3vw 100%;
  }
  .serviceLink li.nav11 a:before {
    background-position: -67vw 0;
  }
  .serviceLink li.nav11 a:hover:before {
    background-position: -67vw 100%;
  }
  .serviceLink li.nav12 a:before {
    background-position: -73.7vw 0;
  }
  .serviceLink li.nav12 a:hover:before {
    background-position: -73.7vw 100%;
  }
  .serviceLink li.nav15 a:before {
    background-position: -93.8vw 0;
  }
  .serviceLink li.nav15 a:hover:before {
    background-position: -93.8vw 100%;
  }
  .serviceLink li.nav14 a:before {
    background-position: -87.1vw 0;
  }
  .serviceLink li.nav14 a:hover:before {
    background-position: -87.1vw 100%;
  }
  .serviceLink li.nav08 a:before {
    background-position: -46.9vw 0;
  }
  .serviceLink li.nav08 a:hover:before {
    background-position: -46.9vw 100%;
  }
  .serviceLink li.nav16 a:before {
    background-position: -100.5vw 0;
  }
  .serviceLink li.nav16 a:hover:before {
    background-position: -100.5vw 100%;
  }
  .serviceLink li.nav13 a:before {
    background-position: -80.4vw 0;
  }
  .serviceLink li.nav13 a:hover:before {
    background-position: -80.4vw 100%;
  }
  .serviceLink li.nav17 a:before {
    background-position: -107.2vw 0;
  }
  .serviceLink li.nav17 a:hover:before {
    background-position: -107.2vw 100%;
  }

  /******** theater ********/
  .theaterMvArea .film_url {
      bottom: 0;
      width: 100%;
  }
  .theaterMvArea .film_url a {
    height: 16vw;
  }
  .theaterMvArea .film_url a:before {
    height: 3vw;
    width: 1.6vw;
  }
  .theaterMvArea .slick-arrow {
    height: 12vw;
    bottom: 2vh;
    width: 16vw;
  }
  .theaterMvArea .slick-arrow:before {
    height: 4.5vw;
    width: 3vw;
  }
  .theaterMvArea .slick-arrow.prev {
    right: 16vw;
  }

  .topicsSlide {
    margin: 0 auto 4vw;
  }
  .topicsSlide .movieSlideCont {
    margin: 0 8px;
    max-width: 100%;
    width: 100%;
  }
  .topicsSlide .slick-arrow {
    margin-top: -2.5vw;
    right: -1vw;
    height: 5.334vw;
    width: 3.2vw;
  }
  .topicsSlide .slick-arrow.prev {
    left: -1vw;
  }

  .showingMovie {
    background: none !important;
    padding: 0;
  }
  .showingMovie .secCont {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .showingMovie .movieMv {
    display: block;
    margin-bottom: 2vw;
  }
  .showingMovie .movieInfo {
    display: block;
    margin-bottom: 4vw;
  }
  .showingMovie .movieInfo .movieInfoTxt {
    margin-bottom: 3vw;
    width: 100%;
  }
  .showingMovie .movieInfo .movieInfoPict {
    width: 100%;
    margin-bottom: 0;
  }
  .showingMovie .movieInfo .movieInfoPict li {
    width: 32.5%;
    height: auto;
  }
  .showingMovie .movieBtn {
    display: flex;
    justify-content: space-between;
  }
  .showingMovie .movieBtn li {
    width: 48.552%;
  }
  .showingMovie .movieBtn li a {
    height: 14vw;
    padding: 0 2.5vw;
  }

  .movieSchedule .movieScheduleDescription {
    margin-bottom: 3vw;
    padding: 2vw 3vw;
  }
  .movieSchedule .movieScheduleDescription span {
    vertical-align: middle;
  }
  .movieSchedule .movieScheduleDescription span.circle:before {
    height: 4.267vw;
    width: 5.335vw;
  }
  .movieSchedule .movieScheduleDescription span.triangle:before {
    background-position: -5.335vw 0;
    height: 4.267vw;
    width: 5.335vw;
  }
  .movieSchedule .movieScheduleDescription span.border:before {
    background-position: -10.67vw 0;
    height: 4.267vw;
    width: 5.335vw;
  }
  .movieSchedule .circle:before {
    height: 8vw;
    width: 10.135vw;
  }
  .movieSchedule .triangle:before {
    background-position: -10.135vw 0;
    height: 8vw;
    width: 10.135vw;
  }
  .movieSchedule .border:before {
    background-position: -20.27vw 0;
    height: 8vw;
    width: 10.135vw;
  }  
  .movieSchedule .moon:before {
    background-position: -4.267vw 0;
    height: 4.267vw;
    width: 4.267vw;
  }
  .movieSchedule .sun:before {
    background-position: -8.534vw 0;
    height: 4.267vw;
    width: 4.267vw;
  }
  .movieSchedule .square:before {
    background-position: -12.801vw 0;
    height: 4.267vw;
    width: 4.267vw;
  }
  .movieSchedule section {
    margin-bottom: 3vw;
    padding-bottom: 3vw;
  }
  .movieSchedule section h2 {
    margin-bottom: 2vw;
  }
  .movieSchedule .movieScheduleList {
    display: block;
  }
  .movieSchedule .movieScheduleList li {
    margin: 0 0 1vw;
    width: 100%;
  }
  .movieSchedule .movieScheduleList li dl {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2vw 12vw 2vw 6vw;
  }
  .movieSchedule .movieScheduleList li dl dt {
    margin: 0;
    padding-top: 0;
  }
  .movieSchedule .movieScheduleList li dl dd {
    margin: 0;
    width: 24vw;
  }
  .movieSchedule .movieScheduleList li dl dd.moreInfo {
    top: 50%;
    margin-top: -2vw;
    right: 4vw;
    width: 4.267vw;
  }
  .movieSchedule .priceInfo a:before {
    height: 2.667vw;
    width: 1.6vw;
  }

  .movieTitle {
    padding-bottom: 3vw;
    margin-bottom: 3vw;
  }
  .movieTitle dl {
    display: block;
    margin-bottom: 3vw;
  }
  .movieTitle dl dt {
    margin-right: 0;
    margin-bottom: 2vw;
    width: 100%;
  }
  .movieTitle dl dt span {
    padding: 2px 5px;
  }
  .movieTitle dl dd {
    line-height: 140%;
    width: 100%;
  }
  .movieTitle h1 {
    margin-bottom: 1vw !important;
  }

  .areaInfo .areaInfoLink {
    display: block;
    margin-bottom: 4vw;
  }
  .areaInfo .areaInfoLink li {
    margin: 0 0 2vw;
    padding: 0;
    width: 100%;
  }
  .areaInfo .areaInfoLink li a {
    display: flex;
    justify-content: space-between;
  }
  .areaInfo .areaInfoLink li .pict {
    margin: 0;
    width: 35%;
  }
  .areaInfo .areaInfoLink li dl {
    width: 61%;
  }
  .areaInfo .areaInfoLink li dl dt {
    font-weight: 700;
  }
  .areaInfo .areaInfoLink li dl dd {
    margin-top: 1vw;
    padding-top: 1vw;
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
  }

  .copyArea {
    padding: 4vw 0;
  }
  .copyArea p {
    padding: 0;
    width: 92%;
  }

  /******** temp ********/
  .mainTitle {
    height: 32vw;
  }
  .mainTitle:after {
    width: 11vw;
  }

  .titleStyle01 {
    margin-bottom: 2vw;
  }

  .titleStyle02 {
    margin: 4vw 0 3vw;
    padding: 1.2vw 2vw;
  }

  .titleStyle03 {
    margin-bottom: 3vw;
    padding-left: 1vw;
    font-size: 100%;
  }

  .titleStyle04 {
    margin-bottom: 3vw;
    padding-bottom: 1vw;
    position: relative;
  }
  .titleStyle04:after {
    width: 11vw;
  }

  section p {
    margin-bottom: 3vw;
  }
  section p:last-of-type {
    margin-bottom: 0;
  }
  section p.lead {
    margin-bottom: 4vw;
  }

  .pictRowArea {
    display: block;
  }
  .pictRowArea .detail {
    width: 100%;
  }
  .pictRowArea .detail + .pict {
    margin: 3vw 0 0;
  }
  .pictRowArea .detail ul.tempBtn {
    display: flex;
    justify-content: space-between;
  }
  .pictRowArea .detail ul.tempBtn li {
    margin: 0;
    max-width: 50%;
    width: 48.5%;
  }
  .pictRowArea .pict {
    margin-bottom: 3vw;
    width: 100%;
  }
  .pictRowArea.oneThird {
    display: flex;
  }
  .pictRowArea.oneThird .detail {
    width: 60.87%;
  }
  .pictRowArea.oneThird .pict {
    margin: 0 !important;
    width: 33.335%;
  }
  .pictRowArea.quarter {
    display: flex;
  }
  .pictRowArea.quarter .pict, .pictRowArea.quarter .detail {
    width: 100%;
  }

  .rowArea {
    display: block;
    margin: 0;
  }
  .rowArea .rowCont {
    margin-bottom: 4vw;
    width: 100%;
  }
  .rowArea .rowCont .pict {
    margin-bottom: 3vw;
  }
  .rowArea .rowCont .pict img {
    width: 100%;
  }
  .rowArea.div2 .rowCont {
    width: 100% !important;
  }
  .rowArea.div4 {
    display: flex;
    flex-wrap: wrap;
  }
  .rowArea.div4 .rowCont {
    margin: 0 4.346% 4vw 0;
    width: 47.827%;
  }
  .rowArea.div4 .rowCont:nth-of-type(2n) {
    margin-right: 0;
  }

  dl.noticeArea {
    padding: 4vw;
  }
  dl.noticeArea dt {
    margin-bottom: 2vw;
    padding: 1vw;
  }
  dl.noticeArea.type2 {
    padding: 4.2vw;
  }

  div.noticeArea {
    padding: 4vw;
  }
  div.noticeArea.type2 {
    padding: 4.2vw;
  }

  .anchorLink {
    flex-wrap: wrap;
    margin-bottom: 4vw;
  }
  .anchorLink li {
    margin: 0 0 3vw;
    padding-bottom: 3.5vw;
    width: 50%;
  }
  .anchorLink li:nth-child(2n+1), .anchorLink li:first-child {
    border-left: 1px solid #a0a0a0;
  }
  .anchorLink li a {
    padding: 0 3vw;
  }
  .anchorLink li a:after {
    height: 2.667vw;
    width: 1.6vw;
  }

  ul.tempBtn {
    display: block;
    margin-bottom: 4vw;
  }
  ul.tempBtn li {
    margin-bottom: 3vw;
    width: 100%;
  }
  ul.tempBtn li a.blankLink:after {
    height: 2.667vw;
    width: 2.667vw;
  }
  ul.tempBtn li a.pdfLink:after {
    margin-top: -1.5vw;
    height: 3.467vw;
    right: 1.5vw;
    width: 4.935vw;
  }

  div.tempBtn {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }
  div.tempBtn a.blankLink:after {
    height: 2.667vw;
    width: 2.667vw;
  }
  div.tempBtn a.pdfLink:after {
    margin-top: -1.5vw;
    height: 3.467vw;
    right: 1.5vw;
    width: 4.935vw;
  }

  .tempBtn2 {
    border-top: 1px solid #a0a0a0;
    flex-wrap: wrap;
    margin-bottom: 4vw;
  }
  .tempBtn2 li {
    border-top: none;
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    box-sizing: border-box;
    flex: 1 1 0;
    width: 0;
  }
  .tempBtn2 li a {
    font-weight: 700;
    padding: 2vw 8vw 2vw 4vw;
  }
  .tempBtn2 li a:after {
    margin-top: -1vw;
    right: 3vw;
    height: 2.667vw;
    width: 1.6vw;
  }
  .tempBtn2 li a.blankLink:after {
    height: 2.667vw;
    width: 2.667vw;
  }
  .tempBtn2 li a.pdfLink:after {
    margin-top: -1.5vw;
    height: 3.467vw;
    right: 1.5vw;
    width: 4.935vw;
  }
  .tempBtn2 li a.icnBtn {
    padding: 15vw 8vw 2vw;
    height: 28vw;
    position: relative;
    text-align: center;
    justify-content: center;
  }
  .tempBtn2 li a.icnBtn img {
    margin: 0 auto;
    top: 4vw;
    left: 0;
    right: 0;
    width: 10vw;
  }

  .btnRowArea {
    display: block;
  }
  .btnRowArea .tempBtn {
    margin: 0 auto 3vw;
  }

  .icnBtnArea {
    padding: 7vw 0;
  }
  .icnBtnArea .icnBtn {
    max-width: 92%;
  }
  .icnBtnArea .icnBtn li {
    display: flex;
    height: 100%;
    margin: 0 0.6% 2vw;
    width: 32%;
  }
  .icnBtnArea .icnBtn li a {
    line-height: 130%;
    min-height: 28vw;
    height: auto;
    padding: 16vw 2vw 2vw;
    position: relative;
  }
  .icnBtnArea .icnBtn li a img {
    margin: 0 auto;
    position: absolute;
    top: 4vw;
    left: 0;
    right: 0;
    width: 10vw;
  }

  a.arrowLink:before {
    vertical-align: -0.05em;
    height: 2.667vw;
    width: 1.6vw;
  }
  a.arrowLink.blankLink:after {
    height: 2.667vw;
    width: 2.667vw;
  }
  a.arrowLink.pdfLink:after {
    margin-top: -1.5vw;
    height: 3.467vw;
    right: 1.5vw;
    width: 4.935vw;
  }

  table {
    margin-bottom: 3vw;
  }
  table.tableStyle01 th {
    padding: 3vw 0;
    width: 26vw;
  }
  table.tableStyle01 td {
    padding: 3vw;
  }
  table.tableStyle02 th {
    padding: 3vw 0 3vw 3vw;
  }
  table.tableStyle02 td {
    padding: 3vw 3vw 3vw 0;
    width: 25vw;
  }
  table.tableStyle03 th {
    padding: 3vw 0;
  }
  table.tableStyle03 td {
    padding: 3vw 0;
  }

  .pageNav {
    margin: 0 auto 8vw;
  }
  .pageNav a {
    height: 8.535vw;
    margin: 0 1.2vw;
    width: 8.535vw;
  }
  .pageNav a.next {
    margin: 0 0 0 5vw;
  }
  .pageNav a.next:before {
    height: 2.667vw;
    width: 1.6vw;
  }
  .pageNav a.prev {
    margin: 0 5vw 0 0;
  }
  .pageNav a.prev:before {
    height: 2.667vw;
    width: 1.6vw;
  }
  .pageNav span {
    height: 8.535vw;
    width: 8.535vw;
  }
  .pageNav span.current {
    height: 8.535vw;
    margin: 0 1.2vw;
    width: 8.535vw;
  }

  .searchArea {
    margin: 0 auto 8vw;
    justify-content: flex-start;
  }
  .searchArea .txtSearch {
    height: 11.5vw;
    padding: 0 10px;
    margin-right: 2vw;
    width: 75vw;
  }
  .searchArea .selectArea {
    margin-right: 2vw;
    position: relative;
    width: 75vw;
  }
  .searchArea .selectArea:before {
    width: 12vw;
  }
  .searchArea .selectArea:after {
    margin-top: -1vw;
    right: 5vw;
    height: 2.667vw;
    width: 1.6vw;
  }
  .searchArea .selectArea select {
    padding: 3vw 15vw 3vw 3vw;
  }
  .searchArea button {
    width: 18vw;
  }

  .accordionArea dl dt {
    height: auto;
    min-height: 20vw;
    padding: 4vw 10vw 4vw 19vw;
  }
  .accordionArea dl dt:before {
    height: 10vw;
    margin-top: -5vw;
    left: 4vw;
    width: 10vw;
  }
  .accordionArea dl dt:after {
    margin-top: -1vw;
    right: 4vw;
    height: 2.667vw;
    width: 1.6vw;
  }
  .accordionArea dl dd {
    padding: 0 0 0 19vw;
  }
  .accordionArea dl dd:before {
    height: 10vw;
    left: 4vw;
    width: 10vw;
  }
  .accordionArea dl.show dd {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .accordionArea dl.show dd:before {
    top: 4vw;
  }

  ul.tempList {
    margin-bottom: 3vw;
  }
  
  .spSlideNavArea {
      padding: 0 2vw;
      position: relative;
  }
  .spSlideNavArea .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;
      height: 6.2vw;
      width: 3.734vw;
      background-image: url(../img/common/arrow.png);
      cursor: pointer;
      margin-top: -3.1vw;
      position: absolute;
      top: 50%;
      right: -5vw;
  }
  .spSlideNavArea .slick-arrow.prev {
      right: auto;
      left: -5vw;
      transform: scale(-1, 1);
  }
  .spSlideNavArea .slick-track {
      display: flex;
  }
  .spSlideNavArea .anchorLink li {
      height: 12vw !important;
  }
  .spSlideNavArea .tabNav li {
      height: 10vw !important;
      margin-bottom: 0;
  }
  .spSlideNavArea .tabNav li a {
      padding: 0 2px 8px;
  }

  /******** company ********/
  .corporatePhilosophy {
    background-size: 300%;
  }
  .corporatePhilosophy .rowArea {
    margin-top: 5vw;
  }
  .corporatePhilosophy .rowArea dl {
    padding: 3.5vw;
  }
  .corporatePhilosophy .rowArea dl dt {
    margin: 0 auto 1.2vw;
  }
  .corporatePhilosophy .rowArea dl dd strong {
    margin-bottom: 1.2vw;
  }

  .pictCoverArea .detail {
    background-color: #fff;
    box-sizing: border-box;
    margin: -5vw auto 0;
    padding: 5vw;
    position: relative;
    width: 90%;
  }

  .mapArea {
    padding-top: 50vw;
    margin-bottom: 2vw;
  }

  .companyBannerArea {
    margin-bottom: 2vw;
  }
  .companyBannerArea li {
    margin: 0 4.346% 4vw 0;
    width: 47.827%;
  }
  .companyBannerArea li:nth-child(2n) {
    margin-right: 0;
  }

  .advertisementNotice li {
    margin: 0 0.75% 1vw;
    padding: 2vw;
    text-align: center;
    width: 48.5%;
  }

  /******** service ********/
  .ticketFig img {
    margin: 0 auto 3vw;
  }

  .ticketBtn a {
    height: 15vw;
  }

  .flowArea {
    display: block;
    margin-bottom: 8vw;
  }
  .flowArea .flowCont {
    margin: 0 0 12vw;
    position: relative;
    width: 100%;
  }
  .flowArea .flowCont:after {
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #7d7d7d 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #7d7d7d 50.5%) no-repeat top right/50% 100%;
    height: 5vw;
    width: 5vw;
    margin: 0 auto;
    top: auto;
    bottom: -8vw;
    right: 0;
    left: 0;
  }
  .flowArea .flowCont.flowEnd {
    margin-bottom: 0;
  }
  .flowArea .flowCont.flowEnd p {
    padding: 2.5vw;
  }
  .flowArea .flowCont dl dt {
    padding: 2.5vw;
  }
  .flowArea .flowCont dl dd {
    padding: 2.5vw;
  }

  .stepArea .stepCont {
    margin-bottom: 4vw;
    min-height: 24vw;
    padding-left: 28vw;
  }
  .stepArea .stepCont:before {
    height: 24vw;
    width: 24vw;
  }
  .stepArea .stepCont:last-of-type {
    margin-bottom: 5vw;
  }
  .stepArea .stepCont .circle:before {
    height: 4.267vw;
    width: 5.335vw;
  }
  .stepArea .stepCont .triangle {
    margin-left: 0;
  }
  .stepArea .stepCont .triangle:before {
    background-position: -5.335vw 0;
    height: 4.267vw;
    width: 5.335vw;
  }
  .stepArea .stepCont .border {
    margin-left: 0;
  }
  .stepArea .stepCont .border:before {
    background-position: -10.67vw 0;
    height: 4.267vw;
    width: 5.335vw;
  }

  .bfFig .rowCont {
    padding-bottom: 0;
  }
  .bfFig .bfLogo {
    position: relative;
    bottom: auto;
    left: auto;
  }

  .bfLogo {
    margin-top: 3.5vw;
    padding: 3.5vw 3vw;
  }
  .bfLogo dd {
    margin-top: 2vw;
    padding-top: 2vw;
  }

  .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 {
    width: 50%;
  }
  .bfInfo dd:nth-of-type(1) {
    margin-bottom: 4vw;
  }
  .bfInfo dd:nth-of-type(2) {
    border-right: 1px solid #a0a0a0;
    margin-bottom: 4vw;
  }

  /******** utility ********/
  .livepocketLink {
    margin: 0 auto 8vw;
    width: 90%;
  }
  .livepocketLink a {
    display: block;
    padding: 4vw 8vw 4vw 4vw;
  }
  .livepocketLink a img {
    width: 35%;
  }
  .livepocketLink a span {
    border-right: none;
    border-bottom: 1px solid #eee;
    margin: 0 0 3vw;
    padding: 0 0 3vw;
  }
  .livepocketLink a:after {
    right: 3vw;
    margin-top: -1vw;
    height: 2.667vw;
    width: 1.6vw;
  }

  ul.sitemap li {
    margin: 2vw 3vw 0 0;
  }
  ul.sitemap li a:before {
    vertical-align: -0.05em;
    height: 2.667vw;
    width: 1.6vw;
  }
  ul.sitemap li a.blankLink:after {
    height: 2.667vw;
    width: 2.667vw;
  }
  ul.sitemap li a.pdfLink:after {
    margin-top: -1.5vw;
    height: 3.467vw;
    right: 1.5vw;
    width: 4.935vw;
  }

  /******** topics ********/
  .searchAreaRow {
    display: block;
    margin: 5vw auto;
  }
  .searchAreaRow .searchArea {
    margin: 0 auto 3vw;
  }

  .topicRowList {
    display: block;
    margin-bottom: 3vw;
  }
  .topicRowList li {
    margin: 0 0 2vw;
    min-height: 24.335vw;
    padding: 0 0 3vw 36vw;
    width: 100%;
  }
  .topicRowList li .pict {
    width: 32vw;
  }
  .topicRowList li .pict a {
    height: 21.335vw;
  }
  .topicRowList li dl dt a {
    display: block;
    margin: 0;
  }
  .topicRowList li dl dt .importantLabel {
    margin: 0;
    padding: 0.5vw 1.2vw;
  }
  .topicRowList li dl dd {
    margin-top: 1vw;
  }
  .topicRowList li dl dd.topicsLabel span {
    border: 1px solid #bf1d6c;
    color: #bf1d6c;
    display: inline-block;
    font-size: 93%;
    margin: 0 0.5vw 0 0;
    padding: 0.5vw 1.2vw;
  }

  .dateInfo {
    margin: 0 0 5vw;
    padding-top: 2vw;
  }
  .dateInfo a {
    margin-left: 1.5vw;
  }

  /******** campaign ********/
  .campaignList {
    display: block;
    margin-bottom: 3vw;
  }
  .campaignList li {
    margin: 0 0 2vw;
    min-height: 24.335vw;
    padding: 0 0 3vw 36vw;
    width: 100%;
  }
  .campaignList li .pict {
    width: 32vw;
  }
  .campaignList li .pict a {
    height: 21.335vw;
  }
  .campaignList li dl dd {
    margin-top: 2vw;
    padding-left: 14vw;
  }
  .campaignList li dl dd + dd {
    margin-top: 2.2vw;
  }
  .campaignList li dl dd span {
    width: 12.5vw;
  }

  /******** recruit ********/
  .recruitAccordion dl dt {
    padding-left: 5vw;
  }
  .recruitAccordion dl dd {
    padding: 0 5vw;
  }
  .recruitAccordion dl dd .recruitPict {
    margin-bottom: 0;
  }
  .recruitAccordion dl dd .recruitPict li {
    margin-bottom: 3vw;
  }

  /******** fee ********/
  .theaterBtn {
    display: block;
  }
  .theaterBtn li {
    margin: 0 0 3vw;
    width: 100%;
  }
  .theaterBtn li.wAll {
    width: 100%;
  }
  .theaterBtn li.wAll a {
    height: 16vw;
  }

  .theaterBtn2 {
    width: 100%;
  }

  .earlyBirdTicket {
    margin-bottom: 7vw;
  }
  .earlyBirdTicket .pict, .earlyBirdTicket .detail {
      width: 100%;
      margin-top: 12px;
  }

  .useInfo {
    margin-bottom: 4vw;
    display: block;
    padding: 4vw;
  }
  .useInfo dt {
    margin-bottom: 0;
  }
  .useInfo dd {
    min-height: 0;
    margin-top: 3vw;
    padding: 0 0 0 7vw;
    width: 100%;
  }
  .useInfo dd:before {
    height: 5vw;
    width: 5vw;
  }
  .useInfo dd:nth-of-type(2n) {
    margin-left: 0;
  }
  .useInfo dd:nth-of-type(2n):after {
    display: none;
  }

  /******** food ********/
  .foodSlideArea {
    margin: 0 -4vw 8vw;
  }
  .foodSlideArea .slick-list {
    margin-bottom: 4vw;
  }
  .foodSlideArea .slick-arrow {
    margin-top: -2vw;
    right: 2vw;
    height: 5.335vw;
    width: 3.2vw;
  }
  .foodSlideArea .slick-arrow.prev {
    left: 2vw;
  }
  .foodSlideArea .foodSlide {
    display: block;
    padding: 0 4vw;
    width: 84vw;
  }
  .foodSlideArea .foodSlide .pict {
    margin: 0 auto 3vw;
    width: 45%;
  }
  .foodSlideArea .foodSlide .detail {
    width: 100%;
  }
  .foodSlideArea .foodSlide .detail h4 {
    font-size: 135%;
    margin-bottom: 1vw;
  }
  .foodSlideArea .foodSlide .detail h4 span {
    font-size: 60%;
    margin-bottom: 0.8vw;
    padding: 0.5vw 0 0;
    width: 8vw;
  }
  .foodSlideArea .foodSlide .detail p.price {
    border-top: 1px solid #a0a0a0;
    color: #bf1d6c;
    font-weight: 700;
    padding-top: 3vw;
  }

  .foodList {
    margin-bottom: 7vw;
  }
  .foodList li {
    border-top: none !important;
    padding: 3vw;
    width: 100%;
  }    
  .foodList li dl dt {
    font-size: 95%;
    line-height: 140%;
    margin-bottom: 2vw;
    padding-bottom: 2vw;
  }
  .foodList li dl dd {
    margin-top: 1vw;
    padding-right: 3.5em;
  }

  /******** movieDetail ********/
  .movieListCont .movieNav {
    margin-bottom: 0;
  }
  .movieListCont .movieNav li.genre a:after {
    height: 2.8vw;
    margin-top: -1.4vw;
    width: 2.8vw;
  }
  .movieListCont .genreSearchArea {
    margin-bottom: 5vw;
    padding: 0 2vw;
    position: relative;
  }
  .movieListCont .genreSearchArea.c {
    max-height: 55vw;
    padding: 2vw;
  }
  .movieListCont .movieList li {
    max-width: 48%;
    margin: 0 0 3vw 1.1vw;
    width: 49.1%;
    padding: 0 10px;
  }
  .movieListCont .movieList li a p span {
    padding: 0.5vw 2vw;
  }

  .movieDetail .keywordLink {
    margin-bottom: 2vw;
  }
  .movieDetail .movieSns {
    margin-bottom: 2vw;
  }
  .movieDetail .movieSns li {
    margin-left: 2vw;
  }
  .movieDetail .movieSns li.facebook {
    margin-top: -0.6vw;
  }
  .movieDetail .movieSnsArea {
    display: block;
    margin-bottom: 2vw;
  }
  .movieDetail .movieSnsArea .keywordLink {
    margin-bottom: 2vw;
    width: 100%;
  }
  .movieDetail .movieSnsArea .movieSns {
    width: 100%;
  }
  .movieDetail .pictRowArea {
    margin-bottom: 5vw;
  }
  .movieDetail .pictRowArea .movieDetailPict {
    margin-bottom: 3vw;
    width: 100%;
  }
  .movieDetail .pictRowArea .movieDetailPict li:nth-child(n + 2) {
    height: 20vw;
  }
  .movieDetail .pictRowArea .detail .theaterData {
    margin-bottom: 3vw;
    padding: 3vw 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: 2vw;
    padding: 1px 2vw;
  }
  .movieDetail .pictRowArea .detail .movieLead {
    padding: 3vw 0;
  }
  .movieDetail .pictRowArea .detail .movieLink {
    display: flex;
    margin-top: 3vw;
  }
  .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 {
    height: 7vw;
    padding: 0 2vw;
  }
  .movieDetail .pictRowArea .detail .movieLink li.earlybird a {
    height: 7vw;
    padding: 0 2vw 0 7vw;
    transition: all 0.6s;
  }
  .movieDetail .pictRowArea .detail .movieLink li.earlybird a:before {
    margin-top: -2.5vw;
    left: 1vw;
    height: 5vw;
    width: 5vw;
    background-position: -45vw 0;
  }
  .movieDetail .pictRowArea .detail .movieLink li.earlybird a:hover:before {
    background-position: -45vw 100%;
  }
  .movieDetail .movieCopy {
    color: #a0a0a0;
    font-size: 73%;
    margin-bottom: 5vw;
  }
  .movieDetail div.noticeArea {
    padding: 2vw 3vw;
  }

  .theaterSchedule {
    margin-bottom: 5vw;
  }
  .theaterSchedule .theaterScheduleTitle {
    max-width: 92%;
    margin: 0 auto 3vw;
    padding: 0;
  }
  .theaterSchedule .secCont {
    padding-top: 3vw;
    padding-bottom: 5vw;
  }

  ul.movieDetailInfoBanner {
    margin-bottom: 2vw;
    display: flex;
  }
  ul.movieDetailInfoBanner li {
    width: 100%;
  }

  .theaterInfoArea {
    padding-top: 5vw !important;
    padding-bottom: 2vw !important;
  }

  /******** imax ********/
  .imaxIntroMovie .introLogo {
    width: 60vw;
}
  .imaxIntroMovie .introLogo img {
    width: 100%;
  }
  .imaxIntroMovie .playMovie {
    bottom: 35vw;
  }
  .imaxIntroMovie .playMovie a:before {
    height: 10vw;
    width: 10vw;
  }
  .imaxIntroMovie .scrollTxt {
    bottom: 5vw;
  }
  .imaxIntroMovie .scrollTxt:after {
    width: 5vw;
  }

  .imaxModal {
    padding-bottom: 55%;
    width: 90%;
  }

  .imaxMain .mainTitle {
    padding-top: 18vw;
  }

  nav.imaxNav ul {
    flex-wrap: wrap;
    padding: 0;
  }
  nav.imaxNav ul li {
    width: 33.333%;
  }
  nav.imaxNav ul li:nth-child(-n+3) {
    border-bottom: 1px solid #434343;
  }
  nav.imaxNav ul li:nth-child(3) {
    border-right: none;
  }
  nav.imaxNav ul li a {
    padding: 2vw 0;
  }

  .imaxTopBg {
    background-image: url("../img/imax/top/mainBg_sp.jpg");
    background-position: 100% 15vw;
    background-attachment: scroll;
    background-size: contain;
  }

  .imaxTopTitleArea {
    height: 135vw;
    padding: 0 0 0 20vw;
    position: relative;
  }
  .imaxTopTitleArea h1 {
    width: 60vw;
  }
  .imaxTopTitleArea h1 img {
    width: 100%;
  }
  .imaxTopTitleArea .scrollTxt {
    bottom: 5vw;
  }
  .imaxTopTitleArea .scrollTxt:after {
    width: 5vw;
  }
  .imaxTopTitleArea .imaxMenuBtnWrap {
    top: 36.935vw;
    height: calc(100% - 36.935vw);
  }
  .imaxTopTitleArea .imaxMenuBtnWrap.show {
    left: 65vw;
  }
  .imaxTopTitleArea .imaxMenuBtn {
    height: 22vw;
    margin-right: -17vw;
    padding: 4.5vw 0;
    width: 17vw;
  }
  .imaxTopTitleArea .imaxMenuBtn:before {
    margin: 0 auto 2vw;
  }
  .imaxTopTitleArea .imaxLeftMenu {
    height: calc(100% - 36.935vw);
    top: 36.935vw;
    left: -65vw;
    padding: 10vw 5vw 0;
    width: 65vw;
  }
  .imaxTopTitleArea .imaxLeftMenu ul li {
    margin-bottom: 4vw;
  }
  .imaxTopTitleArea .imaxLeftMenu ul li a span {
    margin-top: 1vw;
  }

  .imaxTopAbout {
    padding: 13vw 0;
  }
  .imaxTopAbout h2 {
    width: 70vw;
  }
  .imaxTopAbout h2 img {
    width: 100%;
  }
  .imaxTopAbout .aboutCont {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .imaxTopAbout .aboutCont dl {
    margin: 0 4% 8vw 0;
    width: 48%;
  }
  .imaxTopAbout .aboutCont dl:nth-of-type(2n), .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: 2vw 0 13vw;
  }
  .imaxTopNews h2 {
    width: 70vw;
  }
  .imaxTopNews h2 img {
    width: 100%;
  }

  .imaxTopMovie {
    padding: 2vw 0 13vw;
  }
  .imaxTopMovie h2 {
    width: 70vw;
  }
  .imaxTopMovie h2 img {
    width: 100%;
  }
  .imaxTopMovie .imaxTopMoiveList {
    display: flex;
    flex-wrap: wrap;
  }
  .imaxTopMovie .imaxTopMoiveList li {
    margin: 0 4% 5vw 0;
    width: 48%;
  }
  .imaxTopMovie .imaxTopMoiveList li:nth-child(2n) {
    margin-right: 0;
  }
  .imaxTopMovie .imaxTopMoiveList li a img {
    margin-bottom: 2vw;
  }
  .imaxTopMovie .imaxTopMoiveList.row5 {
    margin-bottom: 0;
  }
  .imaxTopMovie .imaxTopMoiveList.row5 li {
    margin: 0 4% 5vw 0;
    width: 48%;
  }
  .imaxTopMovie .imaxTopMoiveList.row5 li:nth-child(2n) {
    margin-right: 0;
  }

  .imaxTopFee {
    padding: 2vw 0 0;
  }
  .imaxTopFee h2 {
    width: 70vw;
  }
  .imaxTopFee h2 img {
    width: 100%;
  }
  .imaxTopFee .imaxFee dl {
    padding: 1.5vw 2.5vw;
  }

  .imaxMovieList li {
    display: block;
    margin-bottom: 7vw;
  }
  .imaxMovieList li .pict {
    width: 100%;
  }
  .imaxMovieList li .detail {
    margin-bottom: 4vw;
    width: 100%;
  }
  .imaxMovieList li .detail dt {
    margin-bottom: 2vw;
  }
  .imaxMovieList li .detail dd span {
    margin-right: 2vw;
    padding: 0 1.5vw;
  }

  /******** futarium ********/
  .futariumMvArea {
    margin-bottom: 8vw;
  }
  .futariumMvArea p {
    margin: 3vw auto 0;
    text-align: left;
  }

  .topicRowArea {
    display: block;
  }
  .topicRowArea .rowCont {
    margin-bottom: 5vw;
    width: 100%;
  }
  .topicRowArea .rowCont ul li {
    margin: 0 0 2vw;
    padding: 0 0 3vw;
  }
  .topicRowArea .rowCont ul li dl dt a {
    display: block;
    margin: 0;
  }
  .topicRowArea .rowCont ul li dl dt .importantLabel {
    margin: 0;
    padding: 0.5vw 1.2vw;
  }
  .topicRowArea .rowCont ul li dl dd {
    margin-top: 1vw;
  }
  .topicRowArea .rowCont ul li dl dd.topicsLabel span {
    border: 1px solid #bf1d6c;
    color: #bf1d6c;
    display: inline-block;
    font-size: 93%;
    margin: 0 0.5vw 0 0;
    padding: 0.5vw 1.2vw;
  }

  .userVoiceTitleArea {
    margin: 0 auto 8vw;
  }
  .userVoiceTitleArea h2 {
    margin: 0 auto 5px;
    padding: 0;
  }
  .userVoiceTitleArea h2:before {
    margin-right: 5vw;
  }
  .userVoiceTitleArea h2:after {
    margin-left: 5vw;
  }
  .userVoiceTitleArea dl {
    margin: 0 auto;
    width: 100%;
  }
  .userVoiceTitleArea dl dt {
    display: block;
    margin-bottom: 20px;
    padding: 10vw 7vw 3vw;
  }
  .userVoiceTitleArea dl dt:before {
    height: 17vw;
    width: 15vw;
  }
  .userVoiceTitleArea dl dt:after {
    height: 17vw;
    width: 15vw;
  }
  .userVoiceTitleArea dl dd {
    padding: 4px 0;
  }
  footer .breadcrumbArea .breadcrumb {
      margin: 0 4px 0 12px;
  }
  .single-news h5, #page-common h5 {
      margin-top: 18px;
  }
}
@media screen and (max-width: 812px) {
    .movieDetail .movieSns li.facebook {
        margin-top: -12px;
    }
}
@media screen and (max-width: 768px) {
    .movieSlideArea .movieSlideCont:nth-of-type(2n) {
        margin-left: 0;
    }
}
@media screen and (max-width: 568px) {
    .movieDetail .movieSns li.facebook {
        margin-top: -8px;
      }
}
@media screen and (max-width: 470px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address {
    font-size: 3.4vw;
  }
  .serviceLink li a {
    background-position: 20px 47px;
    background-size: 28px;
  }
  .movieSlideArea .movieSlideCont {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
    .movieDetail .movieSns li.facebook {
        margin-top: -6px;
      }
}
@media screen and (max-width: 375px) {
    .movieDetail .movieSns li.facebook {
        margin-top: -2px;
      }
}
@media screen and (max-width: 320px) {
    .movieDetail .movieSns li.facebook {
        margin-top: 0px;
      }
}
/* 20190911*/
@media screen and (min-width: 768px) and (max-width: 1024px){
  .slick-list.draggable{
    width: 95%;
    margin: 0 auto;
  }
  .movieSlideArea .slick-arrow {
      top: 100px;
  }
  .movieSlideArea .movieSlideCont a .pict{
    height: auto;
  }
}