@media (max-width: 400px) {
    header .row .title a p {
      font-size: 16px;
    }
  }
  @media (max-width: 767px) {
    .wrap {
      padding: 0 4%;
      position: relative;
  }
  }


  @media (min-width: 820px) {
    /* ーーーーーーーーーーー
      全ての要素
  ーーーーーーーーーーーー*/
  .wrap {
    margin: auto;
    max-width: 1000px;
    width: 100%;
    position: relative;
}
    .container {
      max-width: 1000px;
    }
    .ttl{
      font-size: 7vw;
    }
    /* ーーーーーーーーーーー
  
          ヘッダー
  
  ーーーーーーーーーーーー*/
    /* ーーーーーーーーーーー
      ヘッダーに背景色
  ーーーーーーーーーーーー*/
  header .primary_header.sticky {
    background: rgba(0, 0, 0, 0.7) !important;
  }
    header .primary_header {
      background-color: transparent;
    }
    header .primary_header .container {
      max-width: 1000px;
    }
    header .row {
      height: 120px;
      align-items: center;
    }
    /* ーーーーーーーーーーー
      アイコン消す
  ーーーーーーーーーーーー*/
    header .row .nav_wrraper {
      display: none;
    }
    /* ーーーーーーーーーーー
      pcメニュー
  ーーーーーーーーーーーー*/
    .pc_menu {
      display: flex;
    }
    .pc_menu li {
      display: block;
    }
    .pc_menu li a {
      display: block;
      font-size: 14px;
      padding: 5px 25px;
      position: relative;
      transition: 0.3s;
      border-bottom: 2px solid transparent;
    }
    .pc_menu li a:hover {
      color: #c78d0f;
      border-bottom: 2px solid #c78d0f;
    }
    .pc_menu li a::before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 1px;
      height: 50%;
      background: #fff;
    }
  
    /* ーーーーーーーーーーー
  
      メイン画像スライド
  
  ーーーーーーーーーーーー*/
    .main_visual_slick {
      padding-top: 85% !important;
    }
  
    /* ーーーーーーーーーーー
      main_visualタイトル
  ーーーーーーーーーーーー*/
  .main_visual .main_visual_title li .logo {
    display: table;
    width: auto;
    left: auto;
    right: 5%;
  }
  .main_visual .main_visual_title li .logo p {
    display: table;
  }
    /* ーーーーーーーーーーー
  
          About
  
  ーーーーーーーーーーーー*/


#sec1 .wrap {
    padding-top: 242px;
    text-align: center;
    position: relative;
    max-width: 100%;
}
  /* ーーーーーーーーーーー
      左の写真
  ーーーーーーーーーーーー*/
#sec1 .sec1-img3 {
  position: absolute;
  left: -355px;
  margin-left: 0;
}
#sec1 .sec1-img3 img {
  transform: translate3d(0px, -39.25px, 0px);
}
  /* ーーーーーーーーーーー
      右の写真
  ーーーーーーーーーーーー*/
#sec1 .sec1-img2 {

        margin: 0;
        position: absolute;
        top: 0;
        right: -223px;
}
#sec1 .sec1-img2 img {
  transform: translate3d(0px, -58px, 0px);
}


#sec1 h2 {
  text-align: center;
  padding-top: 100px;
  margin-top: -100px;
}

.ttl-en {
  font-size: 20px;
}

#sec1 h2 .ttl-jp {
  margin: 24px 0 60px;
}

#sec1 .ttl-jp {
  font-size: 30px;
}

.sp {
  display: none !important;
}

.pc {
  display: block !important;
}

/* 文字の下の写真*/

#sec1 .sec1-img4 {
  margin: 110px -270px 221px auto;
        width: 68.3%;
}





    /* ーーーーーーーーーーー
  
          Menu
  
  ーーーーーーーーーーーー*/

#sec5 {
    margin-bottom: 170px;
}

#sec5 .sec5-1 {
  background: #090606;
  position: relative;
  padding-bottom: 0;
}

#sec5 .sec5-1 .bg_parallax {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#sec5 .sec5-1 .wrap {
  display: block;
  margin-top: 0;
  z-index: 10;
  padding: 200px 0 200px;
}

/* 文字*/
#sec5 .sec5-1 .sec5-info {
  width: 410px;
  margin-left: auto;
  margin-right: -12px;
}

.ttl-en2 {
  font-size: 60px;
}
#sec5 .sec5-1 .ttl-jp {
  margin: 16px 0 30px;
}

.ttl-jp {
  font-size: 30px;
}


























    #MENU {
      margin-bottom: 120px;
    }
    #MENU .container {
      margin: 0 auto;
    }
    .menu_title .ttl {
      text-align: end;
    }
    #MENU .animated /* menu要素の囲い　*/ {
      display: block;
      width: 100%;
      display: flex;
    }
    .animated .drink_wrraper {
      margin-bottom: 0;
      margin-top: 20px;
  }
    /* ーーーーーーーーーーー
  
          ROOM
  
  ーーーーーーーーーーーー*/
    #ROOM {
      margin-bottom: 120px;
    }
    #ROOM .reverse {
      display: flex;
      flex-direction: row-reverse;
    }
    .room_img /* room img要素の囲い　*/ {
      display: block;
      width: 50%;
      position: relative;
    }
    .room_img figure {
      padding-top: 0;
    }
    .room_wrraper /* Poker room要素の囲い　*/ {
      padding: 94px 14px 120px;
      max-width: 600px;
      width: 50%;
    }
    .room_wrraper .ttl {
      text-align: start;
    }
    #ROOM .more a {
      margin: 0;
    }
    /* ーーーーーーーーーーー
  
          CONTACT
  
   ーーーーーーーーーーーー*/
   .parallax_1  {
    height: 450px;
   }

   .parallax_contents h2 {
    padding: 3rem;
   }
   .text-white {
    margin: 0.5em 0 1em;
   }
    /* ーーーーーーーーーーー
  
          sns
  
  ーーーーーーーーーーーー*/
  #SNS .container{
      margin: 0 auto;
  }
  }
  
  /* ーーーーーーーーーーー
  
      min_1000px
  
  ーーーーーーーーーーーー*/
  @media (min-width: 1000px) {
      .ttl{
          font-size: 70px;
          line-height: 1.4;
      }
      .main_visual {
          margin-bottom: 120px;
      }
    .main_visual_slick {
      padding-top: 0 !important;
      height: 850px !important;
    }
    /* ーーーーーーーーーーー
    
          NEWS
    
  ーーーーーーーーーーーー*/
  #NEWS {
    margin: 120px 0;
  }
    /* ーーーーーーーーーーー
  
          About
  
  ーーーーーーーーーーーー*/
    #ABOUT {
      padding: 180px 0;
    }
    #ABOUT .container {
      margin: 0 auto;
    }
    .about_wrraper /* 文字要素の囲い　*/ {
      width: 400px;
    }
      /* ーーーーーーーーーーー
  
          SERVICE
  
  ーーーーーーーーーーーー*/
  
    /* ーーーーーーーーーーー
  
          Menu
  
  ーーーーーーーーーーーー*/
  #MENU .sik {
      margin: 0 10px;
  }
  
    /* ーーーーーーーーーーー
  
          ROOM
  
  ーーーーーーーーーーーー*/
    /* ーーーーーーーーーーー
  
          sns
  
  ーーーーーーーーーーーー*/
  #SNS .ttl {
      margin-bottom: 20px;
  }
  }