@charset "utf-8";
/* CSS Document */

html{
  font-size: 16px;
}
body{
  background-color: #FFF;
  color: #0a0a1e;
}
img{
  width: 100%;
}
.sp-view{
  display: none;
}
@media(max-width: 499px){
  .sp-view{
    display: inline-block;
  }
}

.btn-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn {
  position: absolute;
  width: 84%;
}

/* LP */
.content-wrap{}

.content{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}
.tshirt-wrap {
  position: relative;
}
.btn_t-shirt {
  position: absolute;
  width: 39%;
  right: 10%;
  bottom: 31.5%;
}
.img01-2 {
  margin-top: -21%;
  position: relative;
  z-index: -1;
}
.img01-3 {
  margin-top: -25%;
  position: relative;
  z-index: -2;
}
.img02 {
  margin-top: -17%;
  position: relative;
  z-index: -3;
}
.img03-1 {
    margin-top: -29%;
    position: relative;
    z-index: -4;
}
.img04-1 {
  margin-top: -31%;
}
.btn_bbq {
  bottom: 6.5%;
}
.img05-1 {
  margin-top: -28%;
  position: relative;
  z-index: -1;
}
.btn_activity {
  bottom: 46%;
}
.img06-1 {
  margin-top: -1px;
}
.img07 {
  margin-top: -24%;
  position: relative;
  z-index: -1;
}
.btn_yoga {
  bottom: 10.5%;
}
.img_yoga {
  margin-top: -12%;
  position: relative;
  z-index: -2;
}
.img08 {
  margin-top: -26%;
  position: relative;
  z-index: -3;
}
.img09 {
  margin-top: -25%;
  position: relative;
  z-index: -4;
}
.img10 {
  margin-top: -25%;
  position: relative;
  z-index: -5;
}
.img11-1 {
  margin-top: -27%;
  position: relative;
  z-index: -6;
}
.routegb-wrap {
  position: relative;
}
.img12_qr {
  position: absolute;
  width: 15.5%;
  top: 13.5%;
  right: 15%;
}
.img12_url {
  position: absolute;
  width: 61%;
  top: 29.5%;
  left: 16%;
}
.img13-1 {
  position: relative;
  margin-top: -16%;
}
.img13-3 {
  width: 100%;
}
.img13-3wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.img13-logo {
  position: absolute;
  max-width: 25vw;
}

.position-wrap{
  position: relative;
}
.position-box{
  position: absolute;
  width: 100%;
}


/* kitchencar slider（slider-01） */
.position-12{
  bottom: 12%;
  padding: 0 3.3%;
}
.slider-01-wrap{
  position: relative;
}
.slider-01 .slick-slide {
  margin: 0;
}
.slider-01 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(0.9);
}
.slider-01 .slick-center img {
  transform: scale(1);
}
.slider-01 .slick-arrow {
  width: 3.45rem;
  height: 3.45rem;
  cursor: pointer;
  position: absolute;
  top: unset;
  bottom: -17.5%;
  z-index: 99;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.slider-01 .slick-arrow:before{
  content: none;
}
.slider-01 .slick-next {
  background-image: url("../images/kc_arrow_right.png") !important;;
  right: 8%;
}
.slider-01 .slick-prev {
  background-image: url("../images/kc_arrow_left.png") !important;;
  left: 8%;
}
.slick_count {
  padding-right: 10px;
  width: 100%;
  position: absolute;
  bottom: -11.5%;
}
.slick_count .num {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #0a0a1e;
}
.slick_count .num .nowcnt,
.slick_count .num .allcnt {
}
.slick_count .num .cnt-border{
  display: inline-block;
  width: 14%;
  height: 1px;
  background-color: #0a0a1e;
  margin: 0 0.8em;
  margin-bottom: 0.3em;
}

/* DJ&LIVE slider（slider-02） */
.position-20 {
  bottom: 13.5%;
  padding: 0;
}
.slider-02 .slick-slide {
  margin: 0 0.5rem;
  height: auto;
  position: relative;
}
.slider-02 .slick-list {
  padding: 0 2.5rem !important;
}
.slider-02 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-02 .slick-arrow {
  width: 11%;
  height: 11%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 99;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.slider-02 .slick-arrow:before{
  content: none;
}
.slider-02 .slick-next {
  background-image: url("../images/artist_arrow_right.png") !important;
  right: 0.8rem;
}
.slider-02 .slick-prev {
  background-image: url("../images/artist_arrow_left.png") !important;
  left: 0.8rem;
}

/* googlemap */
.googlemap{
  bottom: 5.5%;
  padding: 0 6%;
  width: 100%;
  aspect-ratio: 16 / 9.5;
}
.googlemap iframe{
  width: 100%;
  height: 100%;
}

@media(max-width: 500px) {
  /* kitchencar slider（slider-01） */
  .position-12{
    bottom: 26vw;
  }
  .slider-01 .slick-slide {
    width: 75vw;
  }
  .slider-01 .slick-arrow{
    width: 9vw;
    height: 9vw;
    bottom: -20vw;
  }
  .slider-01 .slick-next {
    right: 10vw;
  }
  .slider-01 .slick-prev {
    left: 10vw;
  }
  .slick_count{
    bottom: -13.5vw;
  }
  .slick_count .num{
    font-size: 4vw;
  }

  /* DJ&LIVE（slider-02） */
  .slider-02 .slick-slide {
    margin: 0 1.2vw;
  }
  .slider-02 .slick-list {
    padding: 0 7vw !important;
  }
  .slider-02 .slick-arrow {
    width: 12vw;
    height: 12vw;
  }
  .slider-02 .slick-next {
    right: 1.8vw;
  }
  .slider-02 .slick-prev {
    left: 1.8vw;
  }
}