@charset "UTF-8";

#granThShinsaibashiTransfer {
  /* mv */
  /* premium */
  /* system */
  /* schedule */
  /* fee */
  /* other */
}

#granThShinsaibashiTransfer .mt20 {
  margin-top: 20px;
}

#granThShinsaibashiTransfer .mt30 {
  margin-top: 30px !important;
}

#granThShinsaibashiTransfer #CONINNER {
  background: none;
  /*margin-top: -20px;*/
}

#granThShinsaibashiTransfer #CONTENTS {
  padding-bottom: 30px;
  width: auto;
  background-color: transparent;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.75;
}

#granThShinsaibashiTransfer #CONTENTS * {
  font-family: "Noto Serif JP", serif;
  /*	text-shadow: black 0 0 5px; */
}

#granThShinsaibashiTransfer #CONTENTS .inner-950 {
  width: 950px;
  margin: 0 auto;
}

#granThShinsaibashiTransfer #CONTENTS h1 {
  color: #d3b572;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.6;
  text-align: center;
  margin: 30px 0 0;
}

#granThShinsaibashiTransfer #CONTENTS .h1__paragraph {
  font-size: 48px;
  line-height: 1.6;
  text-align: center;
  margin: 30px 0 0;
}

#granThShinsaibashiTransfer #CONTENTS h2 {
  color: #d3b572;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 30px;
}

#granThShinsaibashiTransfer #CONTENTS .ttl_white {
  color: #ffffff;
}

#granThShinsaibashiTransfer #CONINNER a {
  color: #ffffff;
}

#granThShinsaibashiTransfer .ttl_line {
  display: flex;
  align-items: center;
  justify-content: center;
}

#granThShinsaibashiTransfer .ttl_line:before,
#granThShinsaibashiTransfer .ttl_line:after {
  background: url(/_transfer/gran-theatre-shinsaibashi/images/ttl_line.png) no-repeat center center;
  background-size: cover;
  content: "";
  width: 54px;
  height: 1px;
}

#granThShinsaibashiTransfer .ttl_line:before {
  margin-right: 0.5em;
}

#granThShinsaibashiTransfer .ttl_line:after {
  margin-left: 0.5em;
}

#granThShinsaibashiTransfer #CONTENTS .note {
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}

#granThShinsaibashiTransfer #CONTENTS .note * {
  font-family: "メイリオ", sans-serif;
}

#granThShinsaibashiTransfer #CONTENTS .note li + li {
  margin: 5px 0 0;
}

#granThShinsaibashiTransfer .list_dots li {
  display: flex;
  list-style: none;
}

#granThShinsaibashiTransfer .list_dots li:before {
  content: "・";
  padding-right: 5px;
  color: #ffffff;
  speak: none;
}

#granThShinsaibashiTransfer .list_aster li,
#granThShinsaibashiTransfer .list_aster li {
  display: flex;
  list-style: none;
  margin-bottom: 3px;
}

#granThShinsaibashiTransfer .list_aster li:before {
  content: "※";
  padding-right: 3px;
  color: #ffffff;
  speak: none;
}

#granThShinsaibashiTransfer #CONTENTS .mv {
  position: relative;
  min-height: 950px;
  box-sizing: border-box;
  background: url(/_transfer/gran-theatre-shinsaibashi/images/mv_bg-pc.jpg) no-repeat #000000;
  background-attachment: fixed;
  background-size: cover;
  background-color: #000000;
  text-align: center;
  background-position: bottom center;
  background-color: #000000;
  text-align: center;
}

#granThShinsaibashiTransfer .mv__txt {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#granThShinsaibashiTransfer .mv__txt__inner {
  position: absolute;
  display: block;
  width: 100%;
  box-sizing: border-box;
  top: 60px;
  left: 50%;
  transform: translate(-50%, 0%);
}

#granThShinsaibashiTransfer #CONTENTS .premium {
  box-sizing: border-box;
  background-color: #000000;
  text-align: center;
  padding: 80px 0 0;
}

#granThShinsaibashiTransfer #CONTENTS .premium h2 {
  color: #ffffff;
  font-size: 36px;
  line-height: 1.33;
}

#granThShinsaibashiTransfer #CONTENTS .system {
  box-sizing: border-box;
  background-color: #000000;
  text-align: center;
  padding: 80px 0 0;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01 {
  position: relative;
  display: flex;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01 + .system__block01 {
  margin: 100px 0 0;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01-reverse {
  flex-flow: row-reverse;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01__img {
  flex-basis: 50%;
  line-height: 0;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01__img img {
  width: 100%;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01__txt {
  flex-basis: calc(50% + 41px);
  background-color: #181818;
  margin: 50px 0 50px -41px;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01-reverse .system__block01__txt {
  margin: 50px -41px 50px 0;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01__txt__inner {
  max-width: 516px;
  min-height: 270px;
  text-align: left;
  padding: 35px 0 40px 80px;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01__txt__inner h2 {
  text-align: left;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01-reverse .system__block01__txt__inner {
  text-align: right;
  margin-left: auto;
  padding: 35px 80px 40px 0;
  justify-content: flex-end;
}

#granThShinsaibashiTransfer #CONTENTS .system__block01-reverse .system__block01__txt__inner h2 {
  text-align: right;
}

#granThShinsaibashiTransfer #CONTENTS .system__atmos {
  display: block;
  margin: 0 auto;
}

#granThShinsaibashiTransfer #CONTENTS .system__block02 {
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
}

#granThShinsaibashiTransfer #CONTENTS .system__block02__items {
  width: 273px;
  box-sizing: border-box;
  background-color: #262626;
  margin: 20px 10px;
  padding: 10px;
}

#granThShinsaibashiTransfer #CONTENTS .system__block02__items__inner {
  border: solid 1px #d3b572;
  padding: 14px;
  text-align: left;
  line-height: 1.6;
}

#granThShinsaibashiTransfer #CONTENTS .system__block02__items h4 {
  color: #d3b572;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 14px;
}

#granThShinsaibashiTransfer #CONTENTS .schedule {
  box-sizing: border-box;
  text-align: center;
  padding: 100px 0;
  background: url(/_transfer/gran-theatre-shinsaibashi/images/schedule_bg-pc.jpg) no-repeat top center #262626;
  background-size: 100%;
}

#granThShinsaibashiTransfer #CONTENTS .schedule__block01 {
  /*
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d3b572;
    height: 297px;
    box-sizing: border-box;
    padding: 40px;
  */
}

#granThShinsaibashiTransfer #CONTENTS .fee {
  min-height: 484px;
  box-sizing: border-box;
  background-color: #000000;
  text-align: center;
  padding: 90px 0 110px;
}

#granThShinsaibashiTransfer .fee__lead {
  text-align: center;
  font-size: 24px;
}

#granThShinsaibashiTransfer .fee__fee {
  font-size: 20px;
}

#granThShinsaibashiTransfer #CONTENTS .other {
  box-sizing: border-box;
  background-color: #262626;
  padding: 80px 0 100px;
}

#granThShinsaibashiTransfer #CONTENTS .other__link {
  display: flex;
  justify-content: center;
}

#granThShinsaibashiTransfer #CONTENTS .other__link__items {
  margin: 10px 5px 0;
}

@media screen and (max-width: 640px) {
  #granThShinsaibashiTransfer #CONINNER {
    margin-top: 0;
  }

  #granThShinsaibashiTransfer #CONTENTS {
    padding-bottom: 0;
  }

  #granThShinsaibashiTransfer #CONTENTS .inner-950 {
    width: auto;
    padding: 0 4%;
  }

  #granThShinsaibashiTransfer #CONTENTS h1 {
    font-size: 24px;
    line-height: 1.6;
    margin: 20px 0 0;
  }

  #granThShinsaibashiTransfer #CONTENTS .h1__paragraph {
    font-size: 30px;
    line-height: 1.6;
    margin: 20px 0 0;
  }

  #granThShinsaibashiTransfer #CONTENTS h2 {
    font-size: 24px;
    line-height: 1.6;
    margin: 0 0 20px;
  }

  #granThShinsaibashiTransfer .theater_pageTop a {
    color: #FFF;
  }

  #granThShinsaibashiTransfer #CONTENTS .mv {
    min-height: auto;
    background: url(/_transfer/gran-theatre-shinsaibashi/images/mv_bg-sp.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0 100px;
  }

  #granThShinsaibashiTransfer .mv__txt {
    position: static;
  }

  #granThShinsaibashiTransfer .mv__txt__inner {
    position: static;
    transform: none;
  }

  #granThShinsaibashiTransfer .mv__logo {
    width: 26.6666666667vw;
  }

  #granThShinsaibashiTransfer #CONTENTS .premium {
    min-height: auto;
    text-align: left;
    padding: 40px 0;
  }

  #granThShinsaibashiTransfer #CONTENTS .premium h2 {
    font-size: 30px;
  }

  #granThShinsaibashiTransfer #CONTENTS .system {
    text-align: left;
    padding: 40px 0 0;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01 {
    display: block;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01 + .system__block01 {
    margin: 40px 0 0;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01-reverse {
    flex-flow: row-reverse;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01__img {
    flex-basis: 50%;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01__img img {
    width: 100%;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01__txt {
    margin: -4% 0 4% 4%;
    position: relative;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01-reverse .system__block01__txt {
    margin: -4% 4% 4% 0;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01__txt__inner {
    max-width: none;
    min-height: auto;
    padding: 4%;
    display: block;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01__txt__inner h2 {
    text-align: left;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01-reverse .system__block01__txt__inner {
    text-align: left;
    margin-left: 0;
    padding: 4%;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block01-reverse .system__block01__txt__inner h2 {
    text-align: left;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block02 {
    display: block;
    margin: 40px 0 0;
  }

  #granThShinsaibashiTransfer #CONTENTS .system__block02__items {
    width: auto;
    margin: 20px 10px;
    padding: 10px;
  }

  #granThShinsaibashiTransfer #CONTENTS .schedule {
    text-align: left;
    padding: 60px 0;
    background: url(/_transfer/gran-theatre-shinsaibashi/images/schedule_bg-sp.jpg) no-repeat top center #262626;
    background-size: 100%;
  }

  #granThShinsaibashiTransfer #CONTENTS .fee {
    text-align: left;
    padding: 60px 0 80px;
  }

  #granThShinsaibashiTransfer #CONTENTS .other {
    padding: 60px 0 80px;
  }

  #granThShinsaibashiTransfer #CONTENTS .other__link {
    display: block;
    text-align: center;
  }
}
/*# sourceMappingURL=../../../sourcemaps/_transfer/gran-theatre-shinsaibashi/css/granThShinsaibashi.css.map */