@charset "utf-8";

/*---------- head ----------*/
#head {
  background-image: url(../img/access/head.jpg);
  padding-top: 172px;
  padding-bottom: 185px;
}

#head h1 {
  letter-spacing: 0.8rem;
}

#head h1 span {
  margin-left: 9px;
}

/*---------- info ----------*/
#info {
  padding-top: 152px;
  padding-bottom: 186px;
}
#info .is-pc {
  display: block;
}
#info .is-sp {
  display: none;
}
#info .wrap {
  display: flex;
}

#info .wrap .img {
  padding-top: 9px;
  width: 40%;
}

#info .wrap .text {
  padding-left: 13.3%;
  width: 60%;
}

#info .wrap .text .box {
  margin-top: 71px;
}
#info .wrap .text .box:first-of-type {
  margin-top: initial!important;
}
#info .wrap .text h2 {
  font-size: 2.4rem;
  letter-spacing: 0.2rem;
  position: relative;
  line-height: 1.5;
}
#info .wrap .text h2:before {
  content: "";
  width: 29px;
  height: 29px;
  background-image: url(../img/menu/icon.png);
  position: absolute;
  top: 6px;
  left: -43px;
}
#info .txtBox {
  margin-top: 39px;
}
#info .txtBox p,
#info .txtBox li {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.07em;
  margin-top: 14px;
}
#info .txtBox li:first-of-type,
#info .txtBox p:first-of-type {
  margin-top: initial!important;
}
/* 翻訳 */
#info .txtBox p font {
  display: block;
}
#info .box.is-post .is-flex {
  display: flex;
}
#info .box.is-post span {
  display: inline-block;
}
#info .box.is-post span:first-of-type {
  margin-right: 20px;
  white-space: nowrap;
}
#info .txtBox #map {
  padding: 34px 0 10px;
}
#info .txtBox #map iframe {
  width: 100%;
}
.box.is-reservation .qrCode {
  width: 100px;
  margin-top: 9px;
  display: inline-block;
}
.box.is-reservation a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
#info .txtBox .tel {
  line-height: 1;
  font-size: 4.2rem;
}
/* shop */
#shop {
  padding-top: 111px;
  background-image: url(../img/access/shop_bg.jpg);
  padding-bottom: 74px;
  margin-bottom: 154px;
}

#shop h2 {
  text-align: center;
  font-size: 5rem;
  font-weight: 600;
  letter-spacing: 0.4rem;
  margin-bottom: 124px;
}

#shop .wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#shop .wrap .img {
  width: 46.7%;
}

#shop .wrap .img p {
  margin-top: 18px;
  font-size: 1.9rem;
  margin-bottom: 48px;
}

#shop .wrap .img p span {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
}

/*---------- イレギュラー----------*/
@media screen and (min-width:768px) and (max-width:810px) {
  br.uncommon {
    display: none;
  }
}

/*---------- 767pxより小さい画面(スマホ)----------*/
@media screen and (max-width:767px) {

  /*---------- head ----------*/
  #head {
    background-image: url(../img/sp/access/head.jpg);
    padding-top: 15.1vw;
    padding-bottom: 16.4vw;
  }

  #head h1 {
    letter-spacing: 0.9vw;
  }

  #head h1 span {
    margin-left: 1.8vw;
  }

  /*---------- info ----------*/
  #info {
    padding-top: 15.3vw;
    padding-bottom: 19.3vw;
  }
  #info .is-pc {
    display: none;
  }
  #info .is-sp {
    display: block;
  }
  #info .wrap {
    display: block;
  }
  #info .wrap .img {
    padding-top: initial;
    width: 80.6vw;
    margin-left: -8.1vw;
    margin-top: 7vw;
  }
  #info .wrap .text {
    padding-left: 12.2vw;
    padding-right: 4.1vw;
    width: 100%;
  }
  #info .wrap .text .box {
    margin-top: 10vw;
  }
  #info .wrap .text h2 {
    font-size: 3.5vw;
    letter-spacing: 0.6vw;
    line-height: 1.5;
  }

  #info .wrap .text h2:before {
    width: 5.5vw;
    height: 5.5vw;
    top: -0.4vw;
    left: -8vw;
    background-size: 100%;
  }
  #info .txtBox {
    margin-top: 3.2vw;
  }
  #info .txtBox p,
  #info .txtBox li {
    font-size: 2.9vw;
    line-height: 1.6;
    margin-top: 1.9vw;
  }
  #info .txtBox #map {
    padding: 4.3vw 0 0 0;
    width: 111%;
    margin-left: -8.2vw;
    height: 52.3vw;
  }
  #info .txtBox #map iframe {
    height: 100%;
  }
  .box.is-reservation .qrCode {
    display: none;
  }
  #info .txtBox .tel {
    font-size: 8.3vw;
  }
  /* shop */
  #shop {
    padding-top: 14.9vw;
    background-image: url(../img/sp/access/shop_bg.jpg);
    padding-bottom: 8.1vw;
    margin-bottom: 14.2vw;
  }

  #shop h2 {
    font-size: 6.5vw;
    letter-spacing: 0.7vw;
    margin-bottom: 15.8vw;
  }

  #shop .wrap {
    display: block;
  }

  #shop .wrap .img {
    width: 100%;
  }

  #shop .wrap .img p {
    margin-top: 2.2vw;
    font-size: 3.2vw;
    margin-bottom: 10.9vw;
  }

  #shop .wrap .img p span {
    font-size: 2.5vw;
    letter-spacing: 0.2vw;
  }
}

/*翻訳追記*/



@media screen and (max-width:767px) {
}