/* base
---------------------------------------------------- */
html {
  scroll-behavior: smooth;
  font-size: 0.8747949699vw;
}
@media screen and (min-width: 1830px) {
  html {
    font-size: 16px;
  }
}

body {
  position: relative;
  color: #222;
  background-color: initial;
  background-repeat: repeat;
  font-family: "Pangolin", "Kiwi Maru", serif;
  font-feature-settings: "palt";
  font-weight: 500;
  line-break: strict;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
body.__noscroll {
  overflow: hidden;
  height: 100%;
}
body#home {
  background-image: url(../images/bg-pattern_red.png);
}
body#blog {
  background-image: url(../images/bg-pattern_green.png);
}
body#blog-detail {
  background-image: url(../images/bg-pattern_lgreen.png);
}
body#products {
  background-image: url(../images/bg-pattern_orange.png);
}
body#products-detail {
  background-image: url(../images/bg-pattern_yellow.png);
}
body#shopinfo {
  background-image: url(../images/bg-pattern_blue.png);
}
body#service {
  background-image: url(../images/bg-pattern_pink.png);
}
body#guide {
  background-image: url(../images/bg-pattern_purple.png);
}
body#contact {
  background-image: url(../images/bg-pattern_red.png);
}

main {
  position: relative;
}

section {
  position: relative;
  z-index: 2;
}

img {
  display: block;
}

a {
  display: block;
}

em {
  font-style: normal;
}

/* fontstyle
---------------------------------------------------- */
.__f-fa02 {
  font-family: "Pangolin", cursive;
  font-weight: 400;
}

.__f-siz_56 {
  font-size: 3.5rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_56 {
    font-size: 39.2px;
  }
}
@media screen and (max-width: 991px) {
  .__f-siz_56 {
    font-size: 36.4px;
  }
}
@media screen and (max-width: 767px) {
  .__f-siz_56 {
    font-size: 30.8px;
  }
}

.__f-siz_54 {
  font-size: 3.375rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_54 {
    font-size: 37.8px;
  }
}
@media screen and (max-width: 991px) {
  .__f-siz_54 {
    font-size: 35.1px;
  }
}
@media screen and (max-width: 767px) {
  .__f-siz_54 {
    font-size: 29.7px;
  }
}

.__f-siz_48 {
  font-size: 3rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_48 {
    font-size: 33.6px;
  }
}
@media screen and (max-width: 991px) {
  .__f-siz_48 {
    font-size: 31.2px;
  }
}
@media screen and (max-width: 767px) {
  .__f-siz_48 {
    font-size: 26.4px;
  }
}

.__f-siz_40 {
  font-size: 2.5rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_40 {
    font-size: 28px;
  }
}
@media screen and (max-width: 991px) {
  .__f-siz_40 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .__f-siz_40 {
    font-size: 20px;
  }
}

.__f-siz_36 {
  font-size: 2.25rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_36 {
    font-size: 25.2px;
  }
}
@media screen and (max-width: 991px) {
  .__f-siz_36 {
    font-size: 21.6px;
  }
}
@media screen and (max-width: 767px) {
  .__f-siz_36 {
    font-size: 18px;
  }
}

.__f-siz_32 {
  font-size: 2rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_32 {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 767px) {
  .__f-siz_32 {
    font-size: 1.25em;
  }
}

.__f-siz_27 {
  font-size: 1.6875rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_27 {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 991px) {
  .__f-siz_27 {
    font-size: 1.2em;
  }
}

.__f-siz_24 {
  font-size: 1.5rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_24 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 991px) {
  .__f-siz_24 {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  .__f-siz_24 {
    font-size: 1em;
  }
}

.__f-siz_22 {
  font-size: 1.375rem;
}
@media screen and (max-width: 1199px) {
  .__f-siz_22 {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 991px) {
  .__f-siz_22 {
    font-size: 1em;
  }
}

.__f-siz_20 {
  font-size: 1.25rem;
}
@media screen and (max-width: 1599px) {
  .__f-siz_20 {
    font-size: 1em;
  }
}

.__f-siz_17 {
  font-size: 0.95em;
}
@media screen and (max-width: 767px) {
  .__f-siz_17 {
    font-size: 1em;
  }
}

.__f-siz_16 {
  font-size: 0.9em;
}
@media screen and (max-width: 991px) {
  .__f-siz_16 {
    font-size: 0.85em;
  }
}

.__f-siz_15 {
  font-size: 0.8em;
}

/* forResponsive
---------------------------------------------------- */
.__notopc {
  display: none;
}

.__sp {
  display: none;
}

.__tb {
  display: none;
}

.__pc {
  display: block;
}

@media screen and (max-width: 1199px) {
  .__pc {
    display: none;
  }
  .__tb {
    display: none;
  }
  .__sp {
    display: none;
  }
  .__notopc {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .__pc {
    display: none;
  }
  .__notopc {
    display: none;
  }
  .__sp {
    display: none;
  }
  .__tb {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .__pc {
    display: none;
  }
  .__notopc {
    display: none;
  }
  .__tb {
    display: none;
  }
  .__sp {
    display: block;
  }
}
/* fontsize
---------------------------------------------------- */
p, li, a, div, dt, dd {
  font-size: 18px;
}
@media screen and (max-width: 1599px) {
  p, li, a, div, dt, dd {
    font-size: 16.2px;
  }
}
@media screen and (max-width: 1199px) {
  p, li, a, div, dt, dd {
    font-size: 15.75px;
  }
}
@media screen and (max-width: 991px) {
  p, li, a, div, dt, dd {
    font-size: 15.3px;
  }
}
@media screen and (max-width: 767px) {
  p, li, a, div, dt, dd {
    font-size: 14.4px;
  }
}

span.__nowrap {
  display: inline-block;
}/*# sourceMappingURL=base.css.map */