@charset "UTF-8";
/*　変数の定義
==========================================================*/
/*　クラスの定義
==========================================================*/
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");

.center {
  text-align: center; }

.left {
  float: left; }

.right {
  float: right; }

.floatImg-left {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px; }

.floatImg-right {
  float: right;
  margin-bottom: 30px;
  margin-left: 30px; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-primary {
  color: #810d01; }

.text-default {
  color: #111; }

.text-white {
  color: white; }

.text-xs {
  font-size: 1.2rem; }

.text-sm {
  font-size: 1.4rem; }

.text-md {
  font-size: 1.6rem; }

.text-lg {
  line-height: 1;
  font-size: 2.2rem; }

.text-xl {
  line-height: 1;
  font-size: 3rem; }

.text-xxl {
  line-height: 1;
  font-size: 3.2rem; }

.margin0 {
  margin-bottom: 0; }

.marginS {
  margin-bottom: 20px; }

.marginM {
  margin-bottom: 30px; }

.marginL {
  margin-bottom: 120px; }

.paddingS {
  padding-bottom: 30px; }

.paddingM {
  padding-bottom: 60px; }

.paddingL {
  padding-bottom: 100px; }

.img_hover:hover {
  opacity: 0.7; }

.bg-light {
  background: #f0f0f0; }

.letter-spacingS {
  letter-spacing: 0.025em; }

.letter-spacingM {
  letter-spacing: 0.08em; }

.letter-spacingL {
  letter-spacing: 0.15em; }

.line-heightS {
  line-height: 1.6; }

.line-heightM {
  line-height: 1.8; }

.line-heightL {
  line-height: 2; }

/*　変数の定義
==========================================================*/
.pc-only {
  display: block; }

.sp-only {
  display: none; }

/* =================================
共通レイアウト
================================= */
* {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0; }

html {
  font-size: 62.5%; }

html, body {
  max-width: 100%;
  height: 100%;
  color: #333; }

body {
  font-family: "Noto Sans JP", sans-serif, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif !important;
  line-height: 1.75 !important;
  background-color: #fff; }

  /* a:active, a:focus, a:visited {
    color: unset !important;
  } */
  input {
    background: none !important;
  }
  input:placeholder-shown {
    line-height: unset !important;
  }
ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none !important; }

.g-footer a {
  color: inherit !important;
}
#main {
  min-width: 1050px;
  font-weight: 400;
  font-size: 100%;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #000;
  font-family: 'Noto Serif JP', serif;
  -webkit-text-size-adjust: none;
  /* =================================
  shop-slider
  ================================= */
  /* Dots */
  /* Touch Swipe
  --------------------------------------------------*/ }
  #main p {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    font-size: 1.4rem; }
  #main section {
    width: 100%; }
  #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
    margin-bottom: 0; }
  #main h4 {
    font-size: 2.4rem; }
  #main h1 {
    font-family: 'Noto Serif JP', serif;
    font-weight: 900; }
  #main a {
    color: #fff;
    text-decoration: none;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out; }
    #main a:hover {
      color: #fff;
      opacity: 0.7; }
  #main img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
  #main .clearfix:after {
    content: "";
    display: block;
    clear: both; }
  #main .contents {
    max-width: 1050px;
    margin: 0 auto; }
  #main .nowrap {
    display: inline-block; }
  #main .mv-bg {
    background: #000;
    background-size: cover;
    background-position: center 50%;
    min-height: 568px;
    max-height: 930px;
    height: 100%;
    padding: 10px 30px; }
  #main .mv-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 937px;
    min-height: 430px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  #main .mv {
    position: relative;
    min-width: 100%;
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-position: center 50%;
    width: 100%;
    min-height: 568px;
    background: #12181e; }
    #main .mv .mv-floor {
      margin-bottom: 10px; }
      #main .mv .mv-floor p {
        padding: 0 40px;
        font-size: 1.8rem;
        line-height: 1.4;
        letter-spacing: -.1px;
        display: inline;
        background: rgba(30, 33, 37, 0.15);
        font-family: 'Noto Serif JP', serif;
        font-weight: 200;
        color: #fff;
        background-clip: text;
        border: solid 1px #fff; }
    #main .mv .logo-main {
      position: absolute;
      left: 50%;
      top: 50%;
      text-align: center;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      max-width: 840px;
      width: 100%;
      z-index: 1000; }
      #main .mv .logo-main img {
        max-width: 700px; }
    #main .mv .mv-scroll {
      position: relative;
      width: 100px;
      height: auto;
      text-align: center;
      width: 100%;
      margin-top: 80px;
      font-size: 2rem; }
      #main .mv .mv-scroll a {
        font-family: 'Noto Serif JP', serif;
        font-style: normal;
        font-weight: 500; }
        #main .mv .mv-scroll a:hover {
          color: #0284ff !important;
          opacity: 1 !important; }
  #main .massage {
    font-style: normal;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 1.6;
    color: #fff;
    line-height: 2;
    font-family: 'Noto Serif JP', serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.5px;
    padding-top: 40px;
    text-shadow: 0px 0px 10px #1e2125;
    padding-top: 10px;
    border-top: solid 1px #fff;
    margin: 20px auto; }
    #main .massage h2 {
      font-size: 3rem; }
    #main .massage p {
      font-size: 1.8rem;
      font-family: 'Noto Serif JP', serif;
      font-style: normal;
      font-weight: 500; }
    #main .massage .mv-scroll {
      margin-top: -20px; }
  #main .gradation {
    position: absolute;
    bottom: -1px;
    height: 237px;
    width: 100%;
    z-index: 100;
    background: url(/enjoy/skytreeview/module/img/mv-gradation.png) repeat-x top center/contain; }
  #main .local-nav {
    color: #fff;
    background: #12181e;
    border-top: solid 1px #0284ff;
    border-bottom: solid 1px #0284ff;
    padding: 20px;
    position: -webkit-sticky;
    position: sticky; }
    #main .local-nav a, #main .local-nav a:active, #main .local-nav a:visited {
      color: #fff; }
      #main .local-nav a:hover, #main .local-nav a:active:hover, #main .local-nav a:visited:hover {
        color: #0284ff;
        text-decoration: none;
        cursor: pointer; }
    #main .local-nav ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      max-width: 768px;
      margin: 0 auto; }
      #main .local-nav ul li {
        min-width: 30%;
        padding: 0 60px;
        font-size: 2.4rem; }
        #main .local-nav ul li .middle {
          font-weight: 100;
          font-family: 'Noto Serif JP', serif;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          line-height: 1.6; }
        #main .local-nav ul li + li {
          border-left: solid 1px #fff; }
  #main .link {
    padding-top: 80px;
    margin-top: -80px;
    display: block; }
  #main .floor {
    max-width: 430px;
    color: #fff;
    line-height: 1;
    border-bottom: solid 4px #0284ff;
    padding: 120px 0 0;
    margin-right: 0; }
    #main .floor2 {
      max-width: 430px;
      color: #fff;
      line-height: 1;
      border-bottom: solid 4px #0284ff;
      padding: 78px 0 0;
      margin-right: 0; }
      #main .floor-info {
        max-width: 430px;
        color: #fff;
        line-height: 1;
        border-bottom: solid 4px #0284ff;
        padding: 98px 0 0;
        margin-right: 0; }
    #main .floor p {
      line-height: 1;
      padding: 0;
      font-size: 10rem;
      font-family: 'Noto Serif JP', serif;
      font-weight: 200;
      margin: 0 0 -7px;
      letter-spacing: -4px; }
      #main .floor2 p {
        line-height: 1;
        padding: 0;
        font-size: 10rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 200;
        margin: 0 0 -7px;
        letter-spacing: -4px; }
        #main .floor-info p {
          line-height: 1;
          padding: 0;
          font-size: 10rem;
          font-family: 'Noto Serif JP', serif;
          font-weight: 200;
          margin: 0 0 -7px;
          letter-spacing: -4px; }

  #main .shop {
    position: relative;
    margin-bottom: 100px; }
  #main .shop .row {
    display: block;
    margin-left: -20px;
    margin-right: -20px
  }
    #main .shop:last-child {
      margin-bottom: 0; }
  #main .shop-main {
    max-width: 660px;
    height: auto;
    padding-left: 0;
    padding-right: 0; }
    #main .shop-main .sp-buttons {
      position: absolute;
      bottom: 6px; }
    #main .shop-main .sp-button {
      border: 2px solid #fff; }
      #main .shop-main .sp-button.sp-selected-button {
        background-color: #fff; }
  #main .shop-description {
    padding: 40px 30px 0;
    color: #fff; }
    #main .shop-description p {
      font-family: 'Noto Serif JP', serif;
      font-style: normal;
      font-weight: 200;
      font-size: 1.6rem; }
    #main .shop-description h1 {
      font-size: 4.2rem;
      line-height: 1;
      letter-spacing: -.1px;
      margin-bottom: 20px;
      font-family: 'Noto Serif JP', serif;
      font-style: normal;
      font-weight: 200; }
      #main .shop-description h1 span {
        display: inline-block;
        padding-right: 16px; }
        #main .shop-description h1 span + span {
          padding-right: 0; }
      #main .shop-description h1 .ruby {
        font-size: 2rem;
        letter-spacing: 0; }
  #main .shop-list {
    background-image: linear-gradient(355deg, #18232e 0%, #12181e 85%);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    #main .shop-list:after {
      display: block;
      content: " ";
      width: 100%;
      height: 300px;
      background: url(/enjoy/skytreeview/module/img/bg_shop-list.png) repeat-x bottom center/contain; }
    #main .shop-list .contents {
      overflow: visible;
      padding: 120px 0 0; }
    #main .shop-list ul {
      padding-left: 0;
    }
    
  #main .shop-info {
    max-width: 430px;
    background: #fff;
    float: left;
    margin-top: -437px;
    padding: 0 32px 40px; }
    #main .shop-info .shop-logo {
      height: auto;
      margin: 20px auto; }
    #main .shop-info .shop-table {
      font-size: 1.4rem;
      margin-bottom: 20px; }
      #main .shop-info .shop-table dl {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        padding: 8px 4px; }
        #main .shop-info .shop-table dl + dl {
          border-top: none; }
        #main .shop-info .shop-table dl dt {
          width: 25%; }
          #main .shop-info .shop-table dl dt span {
            display: inline-block; }
        #main .shop-info .shop-table dl dd {
          width: 75%; }
        #main .shop-info .shop-table dl dd dl {
          width: 100%;
          border: none;
          padding: 0; }
          #main .shop-info .shop-table dl dd dl dt {
            width: 80%; }
  #main .btn-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: end;
        align-items: flex-end; }
    #main .btn-area .img-food {
      padding-right: 20px; }
    #main .btn-area .btn {
      color: #fff;
      background: #0a192b;
      border-radius: 0;
      margin: 0;
      padding: 8px; }
      #main .btn-area .btn a, #main .btn-area .btn a:active, #main .btn-area .btn a:focus, #main .btn-area .btn a:visited {
        color: #fff !important; }
        #main .btn-area .btn a:hover, #main .btn-area .btn a:active:hover, #main .btn-area .btn a:focus:hover, #main .btn-area .btn a:visited:hover {
          text-decoration: none; }
  #main .shop-right .floor {
    float: right; }
    #main .shop-right .floor p {
      text-align: right; }
      #main .shop-right .floor2 {
        float: right; }
        #main .shop-right .floor2 p {
          text-align: right; }
          #main .shop-right .floor-info {
            float: right; }
            #main .shop-right .floor-info p {
              text-align: right; }
  #main .shop-right .shop-info {
    margin-top: 0; }
  #main img.slide-arrow {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    cursor: pointer;
    opacity: 0;
    transition: .5s; }
  #main .shop-slider:hover img.slide-arrow {
    opacity: 1; }
  #main img.slide-arrow.prev-arrow {
    left: 10px; }
  #main img.slide-arrow.next-arrow {
    right: 10px; }
  #main .spot-slider, #main .spot-slider02 {
    opacity: 0;
    transition: .5s; }
  #main .spot-slider.slick-initialized,
  #main .spot-slider02.slick-initialized {
    opacity: 1; }
  #main .slider-content {
    position: relative !important; }
  #main .slider-ttl-pc {
    position: absolute;
    z-index: 999999;
    font-size: 3rem;
    right: 0px;
    bottom: 0px; }
  #main .slider-ttl-sp {
    display: none; }
  #main .slick-dots {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 40px;
    list-style: none;
    text-align: center; }
  #main .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px !important;
    height: 10px !important;
    margin: 0 5px !important;
    padding: 0;
    cursor: pointer; }
  #main .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px !important;
    height: 10px !important;
    padding: 5px;
    border-radius: 10px !important;
    cursor: pointer;
    color: transparent;
    border: solid 1px #fff !important;
    outline: none;
    background: none !important; }
  #main .slick-dots li button:hover,
  #main .slick-dots li button:focus {
    outline: none; }
  #main .slick-dots li button:hover:before,
  #main .slick-dots li button:focus:before {
    opacity: 1; }
  #main .slick-active li button {
    background-color: #fff; }
  #main .slick-dots li.slick-active button,
  #main .slick-dots li button:hover {
    background-color: #fff !important; }
  #main .view-spot {
    position: relative;
    background: #000; }
    #main .view-spot .contents {
      padding: 100px 0; }
    #main .view-spot .view-spot-ttl {
      color: #fff;
      font-weight: 100;
      font-family: 'Noto Serif JP', serif;
      font-size: 7.8rem;
      letter-spacing: -4px;
      line-height: 1;
      margin-bottom: -4px; }
      #main .view-spot .view-spot-ttl span {
        font-size: 2.8rem;
        letter-spacing: 0;
        padding-left: 4rem; }
  #main #viewspot-slide {
    /* Thumbnails
  --------------------------------------------------*/ }
    #main #viewspot-slide .sp-layer {
      position: absolute;
      bottom: 0;
      z-index: 10000;
      color: #fff;
      background-color: rgba(1, 5, 12, 0.6);
      width: 100%;
      padding: 10px 60px 0; }
      #main #viewspot-slide .sp-layer h2 {
        font-size: 2rem; }
      #main #viewspot-slide .sp-layer p {
        font-size: 1.4rem; }
    #main #viewspot-slide .sp-thumbnails-container {
      position: relative;
      overflow: visible;
      direction: ltr; }
    #main #viewspot-slide .sp-bottom-thumbnails {
      margin: 30px auto 0; }
    #main #viewspot-slide .sp-thumbnails {
      width: 100% !important;
      height: auto !important;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-left: 0;}
      #main #viewspot-slide .sp-thumbnails .sp-thumbnail-container {
        width: 25% !important;
        margin-bottom: 20px;
        padding: 0 10px;
        height: auto !important; }
    #main #viewspot-slide .sp-top-thumbnails .sp-thumbnail-container, #main #viewspot-slide .sp-bottom-thumbnails .sp-thumbnail-container {
      margin-left: 0 !important;
      margin-right: 0 !important; }
    #main #viewspot-slide .sp-thumbnail {
      opacity: .8;
      transition: .5s; }
      #main #viewspot-slide .sp-thumbnail img {
        border: solid 3px #000;
        transition: .5s; }
    #main #viewspot-slide .sp-thumbnail:hover {
      opacity: 1; }
    #main #viewspot-slide .sp-thumbnail-container:hover .sp-thumbnail img,
    #main #viewspot-slide .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail img {
      box-sizing: border-box;
      border: solid 3px #fff; }
  #main .sp-grab {
    cursor: pointer; }
  #main .sp-grabbing {
    cursor: pointer; }
  #main .sp-selectable {
    cursor: pointer; }
  #main .sp-previous-arrow:before,
  #main .sp-previous-arrow:after,
  #main .sp-next-arrow:before,
  #main .sp-next-arrow:after {
    content: '';
    position: absolute;
    width: 10%;
    height: 50%;
    background-color: #FFF; }
  #main .sp-horizontal .sp-arrows {
    top: auto;
    bottom: 50px; }

#favoriteEx {
  display: none !important; }

#loading {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 55%;
  text-align: center; }

#loading img {
  width: 40px;
  height: auto;
  margin-bottom: 12px;
  color: #0284ff !important;
  font-size: 2rem; }

#loader-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
  z-index: 999; }


  .link-btn {
    display: table;
    margin: 10rem auto 0;
    text-align: center;
    min-width: 40rem;
    height: 8rem;
    position: relative;
    border: 0.1rem solid #ffffff;
  }

  .link-btn a {
    display: table-cell;
    font-size: 1.6rem;
    position: relative;
    vertical-align: middle;
  }

  .link-btn2 {
    display: table;
    margin: 4rem auto 0;
    text-align: center;
    min-width: 40rem;
    height: 8rem;
    position: relative;
    border: 0.1rem solid #ffffff;
  }

  .link-btn2 a {
    display: table-cell;
    font-size: 1.6rem;
    position: relative;
    vertical-align: middle;
  }

@media screen and (max-width: 767px){
  .text-xl{
    line-height: 1.6;
    font-size: 2.2rem; }
  .text-xxl{
    font-size: 2.2rem; }
  .marginS{
    margin-bottom: 10px; }
  .marginM{
    margin-bottom: 15px; }
  .marginL{
    margin-bottom: 60px; }
  .paddingS{
    padding-bottom: 15px; }
  .paddingM{
    padding-bottom: 30px; }
  .paddingL{
    padding-bottom: 50px; }
  .pc-only{
    display: none; }
  .sp-only{
    display: block; }
  #main .row{
    margin: 0; }
  #main .mv-bg{
    padding: 10px 10px 0;
    background-position: right 50%; }
  #main .mv{
    height: 100%; }
  #main .massage h2{
    font-size: 2.2rem;
    line-height: 1.6;
    margin-bottom: 20px; }
  #main .massage.pc-only{
    display: block; }
  #main .massage.sp-only{
    display: none; }
  #main .gradation{
    position: absolute;
    bottom: 30px; }
  #main .local-nav ul li{
    padding: 0 20px;
    font-size: 1.6rem; }
  #main .floor{
    max-width: 100%;
    padding: 0; }
  #main .floor p{
    font-size: 5rem;
    margin: 0 10px -3px; }
  #main .floor2{
    max-width: 100%;
    padding: 0; }
  #main .floor2 p{
    font-size: 5rem;
    margin: 0 10px -3px; }
    #main .floor-info{
      max-width: 100%;
      padding: 0; }
    #main .floor-info p{
      font-size: 5rem;
      margin: 0 10px -3px; }
  #main .shop{
    margin-bottom: 0; }
  #main .shop-main{
    max-width: 100%; }
  #main .shop-description h1{
    font-size: 2.8rem;
    font-weight: 100;
    line-height: 1.2;
    letter-spacing: -.1px; }
  #main .shop-description h1 .ruby{
    font-size: 1.4rem; }
  #main .shop-description{
    padding: 20px 15px 0; }
  #main .shop-list:after{
    height: 120px;
    background-size: cover; }
  #main .shop-list .contents{
    padding-top: 60px; }
  #main .shop-info .shop-logo{
    margin: 10px auto 20px; }
  #main .shop-info .shop-table dl dt{
    width: 35%; }
  #main .shop-info .shop-table dl dt span{
    display: inline-block; }
  #main .shop-info .shop-table dl dd{
    width: 65%; }
  #main .shop-info .shop-table dl dd dl{
    width: 100%;
    border: none;
    padding: 0; }
  #main .shop-info .shop-table dl dd dl dt{
    width: 80%; }
  #main .shop-info{
    max-width: 100%;
    position: relative;
    top: 0;
    margin: 30px 10px 60px;
    padding: 20px 15px; }
  #main .btn-area .img-food{
    padding: 0;
    margin-bottom: 20px; }
  #main .btn-area{
    display: block; }
  #main .btn-area .btn{
    font-size: 1.6rem;
    padding: 12px;
    width: 100%; }
  #main .shop-right .floor{
    float: none; }
  #main .shop-right .floor2{
    float: none; }
    #main .shop-right .floor-info{
      float: none; }
  #main .shop-right .shop-info{
    margin-top: 30px; }
  #main .shop-slider:hover img.slide-arrow{
    opacity: 0; }
  #main .slick-dots{
    bottom: -20px; }
  #main .view-spot .contents{
    padding: 60px 0 120px; }
  #main .view-spot .view-spot-ttl{
    padding-left: 10px;
    font-size: 3.8rem;
    margin-bottom: 0; }
  #main .view-spot .view-spot-ttl span{
    font-size: 1.6rem; }
  #main .view-spot .col{
    padding: 0; }
  #main .view-spot .sp-thumbnails-container{
    display: none; }
  #main #viewspot-slide .sp-layer{
    position: relative;
    top: 0;
    padding: 20px 40px 0; }
  #main .sp-fade-arrows{
    opacity: 1; }
  #main .sp-horizontal .sp-next-arrow{
    right: 10px; }
  #main .sp-horizontal .sp-previous-arrow{
    left: 10px; }
  #main .shop .row {
    margin-left: 0;
    margin-right: 0;
  }
  #main .shop .col {
    width: auto;
  }
}

@media screen and (min-width: 0) and (max-width: 568px){
  #allWrap2 {
    position: relative;
    padding-top: 0 !important;
    background: #f8f6f1;
    z-index: 1;
    overflow: hidden;
  }
  .text-xxl{
    font-size: 2.2rem; }
  .marginS{
    margin-bottom: 10px; }
  .marginM{
    margin-bottom: 15px; }
  .marginL{
    margin-bottom: 60px; }
  .paddingS{
    padding-bottom: 15px; }
  .paddingM{
    padding-bottom: 30px; }
  .paddingL{
    padding-bottom: 50px; }
  .line-heightM{
    line-height: 1.6; }
  #main .vegas-slide,
    #main .vegas-slide-inner{
    background-position: 70% bottom !important; }
  #main .mv-wrap{
    max-height: 750px; }
  #main .mv .logo-main{
    top: 35%;
    width: 90%; }
  #main .massage{
    position: relative;
    top: -100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: none;
    background: url(/enjoy/skytreeview/module/img/mv-gradation.png) repeat-x top center/contain;
    padding-top: 80px;
    margin-top: -80px; }
  #main .massage.pc-only{
    display: none; }
  #main .massage.sp-only{
    display: block; }
  #main .gradation{
    display: none; }

  .link-btn {
    margin: 6rem auto 0;
    min-width: 30rem;
    height: 5rem;
  }

  .link-btn2 {
    margin: 2rem auto 0;
    min-width: 30rem;
    height: 5rem;
  }
}

@media screen and (min-width: 0px) and (max-width: 768px){
  body{
    min-width: 320px; }
  #main{
    min-width: 100%; } }

@media (min-height: 737px){
  #main .mv .mv-scroll{
    display: block;
    margin-top: 160px; }
  #main .gradation{
    bottom: 0px; } }

@media (min-height: 768px){
  #main .massage .mv-scroll{
    margin-top: 80px; } }

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