/* =======================================
 reset
======================================= */
body {
  background: #000;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

#tinytan {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;
  font-size: 16px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, p {
  margin: 0;
  padding: 0;
}

#tinytan * {
  box-sizing: border-box;
}
#tinytan ul, #tinytan li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#tinytan img {
  vertical-align: bottom;
  width: 100%;
}
#tinytan a {
  color: #fff;
  text-decoration: none;
}

@media only screen and (min-width: 800px) {
  #tinytan {
    min-width: 900px;
  }
  #tinytan a:hover img {
    opacity: 0.8;
  }
  #tinytan .nonePC {
    display: none !important;
  }
  #tinytan a[href*="tel:"] {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
  }
}
@media only screen and (max-width: 799px) {
  #tinytan .noneSP {
    display: none !important;
  }
}
/* =======================================
 style
======================================= */
.inner {
  width: 790px;
  margin: 0 auto;
  position: relative;
}

#kv {
  background: #30261d;
  background: linear-gradient(to right, #30261d 50%, #d2c0a4 50%);
}
#kv .kv_image {
  width: 750px;
  margin: 0 auto;
}

#announce {
  background: url(../img/announce_bg.png) repeat center 0;
  padding: 32px 0 50px;
  text-align: center;
}
#announce .inner {
  background: #30261D;
  padding: 25px 0 26px;
  color: #fff;
  position: relative;
}
#announce .inner::before, #announce .inner::after {
  content: "";
  display: block;
  width: 10px;
  height: 310px;
  border: 2px solid #FFF;
  position: absolute;
  top: -3px;
}
#announce .inner::before {
  left: -51px;
  border-right: none;
}
#announce .inner::after {
  right: -51px;
  border-left: none;
}
#announce .inner h3 {
  font-size: 26px;
}
#announce .inner h4 {
  font-size: 27px;
  margin: 13px 0 10px;
}
#announce .inner h4 strong {
  font-size: 37px;
}
#announce .inner p {
  font-size: 23px;
  font-weight: bold;
}
#announce .note {
  color: #fff;
  line-height: 24px;
  margin: 18px 0 0;
}
#announce .note strong {
  color: #ff0;
  font-weight: normal;
}

#products .info {
  padding-top: 20px;
  height: 70px;
  background: #30261D;
  text-align: center;
  color: #fff;
  font-size: 34px;
  letter-spacing: 0.14em;
}
#products .products_inner {
  background: url(../img/bg.png) repeat center 0;
  padding: 45px 0 85px;
}
#products .item_wrap {
  width: 800px;
  position: relative;
}
#products .desc {
  position: absolute;
  width: 570px;
  background: #30261D;
  color: #EAE1D6;
  padding: 46px 36px 30px;
}
#products .desc .price {
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 0 36px;
  padding: 0 0 18px;
  font-weight: 700;
  text-align: center;
  font-size: 21px;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #EAE1D6;
}
#products .desc li {
  display: -webkit-flex;
  display: flex;
  font-size: 18px;
  line-height: 32px;
}

#item_a {
  margin: 0 auto 50px;
}
#item_a .desc {
  left: 44px;
  bottom: 68px;
  height: 230px;
}

#item_b {
  margin: 0 auto;
}
#item_b .desc {
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 68px;
  height: 260px;
}

#shop {
  background: #333;
  color: #fff;
  height: 300px;
  padding: 78px 0 0;
  text-align: center;
}
#shop .btn {
  width: 440px;
  margin: 0 auto 40px;
}

#online {
  background: #EAE1D6;
  color: #333;
  text-align: center;
  padding: 70px 0 83px;
}
#online h2 {
  font-size: 26px;
  line-height: 46px;
  letter-spacing: 0.06em;
}
#online .online_bnr {
  margin: 25px auto 0;
  width: 750px;
}

#contact {
  text-align: center;
  background: #DF854F;
  color: #fff;
  padding: 55px 0 60px;
}
#contact .contact_title {
  font-size: 20px;
  letter-spacing: 0.06em;
  font-weight: 500;
  margin-bottom: 12px;
}
#contact .tel {
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.06em;
  margin-bottom: 33px;
}
#contact .caution strong {
  color: #ff0;
  font-weight: normal;
}
#contact .caution {
  line-height: 28px;
}

@media only screen and (max-width: 799px) {
  #tinytan {
    font-size: 3.7333333333vw;
  }
  .inner {
    width: 100%;
  }
  #kv .kv_image {
    width: 100%;
  }
  #announce {
    background: url(../img/announce_bg.png) repeat center 0/266.6666666667vw;
    padding: 9.6vw 0 6.6666666667vw;
  }
  #announce .inner {
    width: 80vw;
    padding: 3.7333333333vw 0 3.4666666667vw;
  }
  #announce .inner::before, #announce .inner::after {
    width: 1.3333333333vw;
    height: 56vw;
    top: -0.4vw;
  }
  #announce .inner::before {
    left: -4.9333333333vw;
  }
  #announce .inner::after {
    right: -4.9333333333vw;
  }
  #announce .inner h3 {
    font-size: 4vw;
  }
  #announce .inner h4 {
    font-size: 4.4vw;
    margin: 1.0666666667vw 0 1.8666666667vw;
  }
  #announce .inner h4 strong {
    font-size: 6.1333333333vw;
  }
  #announce .inner p {
    font-size: 3.7333333333vw;
  }
  #announce .note {
    font-size: 2.6666666667vw;
    line-height: 5.3333333333vw;
    margin: 3.7333333333vw 0 0;
  }
  #products .info {
    padding-top: 2.6666666667vw;
    height: 9.3333333333vw;
    font-size: 4.8vw;
  }
  #products .products_inner {
    background: url(../img/bg.png) repeat center 0/266.6666666667vw;
    padding: 6.9333333333vw 0 11.6vw;
  }
  #products .item_wrap {
    width: 92vw;
  }
  #products .desc {
    position: absolute;
    width: 84vw;
    padding: 5.3333333333vw 0 4vw;
  }
  #products .desc .price {
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 0 4.8vw 3.4666666667vw;
    padding: 0 0 2.4vw 1.3333333333vw;
    font-weight: 700;
    text-align: center;
    font-size: 3.4666666667vw;
    letter-spacing: 0.06em;
    white-space: nowrap;
  }
  #products .desc .price span {
    font-size: 3.2vw;
  }
  #products .desc ul {
    margin: 0 0 0 6.6666666667vw;
  }
  #products .desc li {
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
  }
  #item_a {
    margin: 0 auto 6.6666666667vw;
  }
  #item_a .desc {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 8.2666666667vw;
    height: 37.3333333333vw;
  }
  #item_b .desc {
    bottom: 7.3333333333vw;
    height: 37.3333333333vw;
  }
  #item_b .desc .price {
    margin-bottom: 2.6666666667vw;
  }
  #shop {
    height: 45.3333333333vw;
    padding: 10vw 0 0;
  }
  #shop .btn {
    width: 88.1333333333vw;
    margin: 0 auto 4.2666666667vw;
  }
  #shop .shop_note {
    font-size: 2.6666666667vw;
  }
  #online {
    padding: 9.3333333333vw 0 9.6vw;
  }
  #online h2 {
    font-size: 3.8666666667vw;
    line-height: 5.6vw;
  }
  #online .online_bnr {
    margin: 3.7333333333vw auto 0;
    width: 90.2666666667vw;
  }
  #contact {
    padding: 10.1333333333vw 0 9.3333333333vw;
  }
  #contact .contact_title {
    font-size: 3.7333333333vw;
    letter-spacing: 0.06em;
    font-weight: 500;
    margin-bottom: 1.6vw;
  }
  #contact .tel {
    font-size: 3.7333333333vw;
    line-height: 6.9333333333vw;
    letter-spacing: 0.06em;
    margin-bottom: 2.6666666667vw;
  }
  #contact .caution {
    font-size: 2.6666666667vw;
    line-height: 2em;
  }
}/*# sourceMappingURL=style.css.map */