@font-face {
  font-family: 'Camber-R';
font-weight: normal;
  src: url('./../fonts/Camber_Family/EmtypeFoundry-CamberRegularRegular.eot') format('embedded-opentype'), /* IE9 Compat Modes */
       url('./../fonts/Camber_Family/EmtypeFoundry-CamberRegularRegular.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/Camber_Family/EmtypeFoundry-CamberRegularRegular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Camber-M';
font-weight: normal;
  src: url('./../fonts/Camber_Family/EmtypeFoundry-CamberMediumRegular.eot') format('embedded-opentype'), /* IE9 Compat Modes */
       url('./../fonts/Camber_Family/EmtypeFoundry-CamberMediumRegular.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/Camber_Family/EmtypeFoundry-CamberMediumRegular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Camber-SB';
font-weight: normal;
  src: url('./../fonts/Camber_Family/EmtypeFoundry-CamberSemiBoldRegular.eot') format('embedded-opentype'), /* IE9 Compat Modes */
       url('./../fonts/Camber_Family/EmtypeFoundry-CamberSemiBoldRegular.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/Camber_Family/EmtypeFoundry-CamberSemiBoldRegular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'MVB-SolanoGothicMVB-R';
font-weight: normal;
  src: url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Rg.eot') format('embedded-opentype'), /* IE9 Compat Modes */
       url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Rg.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Rg.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'MVB-SolanoGothicMVB-B';
font-weight: normal;
  src: url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Bd.eot') format('embedded-opentype'), /* IE9 Compat Modes */
       url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Bd.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Bd.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'MVB-SolanoGothicMVB-BC';
font-weight: normal;
  src: url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-BdCap.eot') format('embedded-opentype'), /* IE9 Compat Modes */
       url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-BdCap.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-BdCap.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'MVB-SolanoGothicMVB-SB';
font-weight: normal;
  src: url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Sb.eot') format('embedded-opentype'), /* IE9 Compat Modes */
       url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Sb.woff') format('woff'), /* Modern Browsers */
       url('./../fonts/Solano_Gothic_MVB_Basic/MVB-SolanoGothicMVB-Sb.ttf') format('truetype'); /* Safari, Android, iOS */
}

html {
  font-size: 62.5%;
}
@media only screen and (min-width: 960px) {
  html {
    font-size: 70.3%;
  }
}

body {
  background-color: #141923;
  color: #F0F4FA;;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 24px;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  font-family: 'Camber-R', 'NotoSansCJKkr-M';
}
@media only screen and (min-width: 960px) {
  body {
    line-height: 30px;
  }
}

a {
  color: #AAAFB9;;
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
@media only screen and (min-width: 960px) {
  a:hover {
    color: #AAAFB9;;
  }
  a:hover img {
    opacity: .8;
  }
}

::-moz-selection {
  background-color: rgba(239, 156, 187, .2);
}

::selection {
  background-color: rgba(239, 156, 187, .2);
}

::-moz-selection {
  background-color: rgba(239, 156, 187, .2);
}

.-pc {
  display: none !important;
}
@media only screen and (min-width: 960px) {
  .-pc {
    display: block !important;
  }
}

@media only screen and (min-width: 960px) {
  .-sp {
    display: none !important;
  }
}

@media only screen and (min-width: 960px) {
  section {
    opacity: 0;
    -webkit-transition: all .6s ease-out .4s;
    transition: all .6s ease-out .4s;
    -webkit-transform: translate(0, 4px);
    -ms-transform: translate(0, 4px);
    transform: translate(0, 4px);
  }
  section.-view {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/* Top Contents
   ========================================================================== */
/* top */

/* Detail Contents
   ========================================================================== */
/* about */
.about__content {
  margin: 0 auto;
  padding: 36px 12px;
  text-align: center;
  width: 90%;
}
@media only screen and (min-width: 960px) {
  .about__content {
    padding: 72px 48px;
    width: 960px;
  }
}

.about__title {
  color: #F4A9C5;
  font-size: 2rem;
  line-height: 30px;
  padding-bottom: 24px;
  text-align: center;
  font-family: 'MVB-SolanoGothicMVB-B', 'NotoSansCJKkr-M';
  font-size:5.6rem;
  letter-spacing:0.5rem;
}

.about__text {
  font-size: 1.4rem;
  text-align: left;
}

.about__detail__title {
  border-bottom: 1px solid #F0F4FA;;
  display: inline-block;
  font-size: 2.4rem;
  font-family: 'Camber-SB', 'NotoSansCJKkr-M';
  line-height: 30px;
  margin: 1rem auto;
  width:100%;
  padding: 0.5rem;
}
@media only screen and (min-width: 960px) {
  .about__detail__title {
    margin: 2rem auto;
  }
}

.about__detail__text {
  font-size: 1.8rem;
  font-family: 'Camber-R', 'NotoSansCJKkr-M';
  line-height: 2.4rem;
  padding-bottom: 12px;
}

/* movie */

/* ticket */
.ticket {
  background-color: #141923;
}
.ticket__content {
  margin: 0 auto;
  padding: 36px 12px;
  text-align: center;
  width: 90%;
}
@media only screen and (min-width: 960px) {
  .ticket__content {
    padding: 72px 48px;
  }
}
.ticket__title {
    color: #F4A9C5;
    font-size: 2rem;
    line-height: 30px;
    padding-bottom: 24px;
    text-align: center;
    font-family: 'MVB-SolanoGothicMVB-B', 'NotoSansCJKkr-M';
    font-size:5.6rem;
    letter-spacing:0.5rem;
  }
.ticket__country .-s{
  font-size:1.2rem;
  color:#AAAFB9;
  text-align:center;
  line-height:1.8rem;

}
.ticket__country h3{
    font-size:3rem;
    padding:3rem 0 1rem;
    font-family: 'Camber-SB', 'NotoSansCJKkr-M';
    width:100%;
}
/*.ticket__country dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}*/
.ticket__country dl{
    width:90%;
    margin:0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 3.5rem 3.5rem 3.5rem 1fr;
    row-gap:1rem;
    column-gap:0.8rem;
}
.ticket__country dl.us{
  width:90%;
  margin:0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 3.5rem 1fr 3.5rem 3.5rem 1fr;
  row-gap:1rem;
  column-gap:0.8rem;
}
.ticket__country dl.THAILAND{
  margin:0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 3.5rem 3.5rem 3.5rem 3.5rem 3.5rem;
  row-gap:1rem;
  column-gap:0.8rem;
}
.ticket__country__time_title{
    grid-row: 1 ;
    grid-column: 1 / 4;
}
.ticket__country__time{
    grid-row: 2;
    grid-column: 1 / 4;
}
.ticket__country__theater_title{
    grid-row: 3;
    grid-column: 1 / 4;
}
.ticket__country__theater_1{
    grid-row: 4;
    grid-column: 1; 
}
.ticket__country__theater_2{
    grid-row: 4;
    grid-column: 2; 
}
.ticket__country__theater_3{
    grid-row: 4;
    grid-column: 3; 
}
.ticket__country__theater_4{
    grid-row: 4;
    grid-column: 1 / 4; 
}
.-s{
  grid-row: 5;
  grid-column: 1 / 4; 
}
.ticket__country dt{
    background:#AAAFB9;
    /*width:100%;*/
    padding:0.5rem;
    color:#141923;
    font-family: 'Camber-SB', 'NotoSansCJKkr-M';
}

.ticket__country dd{
    background:#F0F4FA;;
    font-family: 'Camber-SB', 'NotoSansCJKkr-M';
    color:#141923;
    padding:0.5rem;
    vertical-align:middle;
    min-height:3.5rem;
    text-align: center;
}
.ticket__country dd span{
  color:#AAAFB9;
}
.ticket__country dd.ticket__country__theater_1,
.ticket__country dd.ticket__country__theater_2,
.ticket__country dd.ticket__country__theater_3,
.ticket__country dd.ticket__country__theater_4{
    cursor:pointer;
}
.ticket__country dd.ticket__country__theater_1:hover,
.ticket__country dd.ticket__country__theater_2:hover,
.ticket__country dd.ticket__country__theater_3:hover,
.ticket__country dd.ticket__country__theater_4:hover{
    background:#C1BBDE;
}
.ticket__country dd a{
    color:#141923;
    height:100%;
    width:100%;
    text-decoration: underline;
    vertical-align:middle;
    text-align: center;
    margin:auto;
    display:flex;
    align-items: center;
    justify-content: center;
}

dd.ticket__country__time{
 /*   width:100%;*/
}
@media only screen and (min-width: 960px) {
    .ticket__country dl{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        row-gap:1rem;
        column-gap:0.8rem;
        width:760px;
    }
    .ticket__country dl.us{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr;
      row-gap:1rem;
      column-gap:0.8rem;
      width:760px;
  }
  .ticket__country dl.THAILAND{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    row-gap:1rem;
    column-gap:0.8rem;
    width:760px;
}
    .ticket__country__time_title{
        grid-row: 1 ;
        grid-column: 1;
    }
    .ticket__country__time{
        grid-row: 1;
        grid-column: 2 / 5;
    }
    .ticket__country__theater_title{
        grid-row: 2;
        grid-column: 1;
    }
    .ticket__country__theater_1{
        grid-row: 2;
        grid-column: 2; 
    }
    .ticket__country__theater_2{
        grid-row: 2;
        grid-column: 3; 
    }
    .ticket__country__theater_3{
        grid-row: 2;
        grid-column: 4; 
    }
    .ticket__country__theater_4{
        grid-row: 2;
        grid-column: 2 / 5; 
    }
    .-s{
      grid-row: 3;
      grid-column: 2/5; 
    }
}
/* contact */

/* theater */

/* caution */

/* Common Parts
   ========================================================================== */
/* main */
.main img {
  display: block;
  margin: 0 auto;
  width: 100%;
  /*max-width: 375px;*/
}
@media only screen and (min-width: 960px) {
  .main img {
    max-width: 1200px;
  }
}

/* nav */
.copy {
  background-color:  #C1BBDE;
  color:#141923;
  padding: 24px 0 18px;
  font-family: 'MVB-SolanoGothicMVB-B', 'NotoSansCJKkr-M';
  width:100%;
  font-size:3rem;
  text-align:center;
}


/* footer */
.footer__content {
  margin: 0 auto;
  padding: 36px 12px;
  text-align: center;
  width: 90%;
}
.footer__content ul{
    display:flex;
    align-items: flex-end;
    width:90%;
    margin:0 auto;
    justify-content: center;
}
.footer__content li{
    width:40%;
    margin:0 1rem;
}
.footer__bnr {
  width: 100%;
  max-width: 240px;
}
@media only screen and (min-width: 960px) {
  .footer__content {
    padding: 72px 48px;
    width: 960px;
  }
  .footer__content li{
    display:inline-block;
    width:140px;
    margin:0 2rem;
}
.footer__bnr {
    width: auto;
    max-width: 140px;
    height:60px;
  }
}


.footer__link {
  padding: 62px 48px 48px;
}
.footer__link a {
  color: #F0F4FA;;
  font-size: 3.2rem;
  padding: 0 12px;
}
@media only screen and (min-width: 960px) {
  .footer__link a:hover {
    opacity: .8;
  }
}

.footer__note {
  font-size: 1.2rem;
  opacity: .8;
}

/* Print
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    border-color: black !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  footer::after {
    content: '';
  }
}