@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  background-color: #f7f7f7;
  color: #2f2217;
  font-size: 1.6rem;
  letter-spacing: 0.07em;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Noto Serif JP", serif;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #ff8c00;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.global-nav.fixed {
  -webkit-animation: nyu 0.2s;
          animation: nyu 0.2s;
}

@-webkit-keyframes nyu {
  0% {
    margin-top: -30px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes nyu {
  0% {
    margin-top: -30px;
  }
  100% {
    margin-top: 0;
  }
}

.fixed-c {
  position: fixed !important;
  top: 10px !important;
  right: 10% !important;
}

@media (max-width: 1000px) {
  .fixed-c {
    right: 15px !important;
  }
}

.cart.fixed-c {
  -webkit-animation: nyu-c 0.3s;
          animation: nyu-c 0.3s;
}

@-webkit-keyframes nyu-c {
  0% {
    margin-top: -30px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes nyu-c {
  0% {
    margin-top: -30px;
  }
  100% {
    margin-top: 0;
  }
}

.logo-wrap {
  position: relative;
  height: 130px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 100, 20, 0.5)), to(rgba(153, 100, 20, 0.4)));
  background: linear-gradient(to bottom, rgba(153, 100, 20, 0.5), rgba(153, 100, 20, 0.4));
}

@media (max-width: 1000px) {
  .logo-wrap {
    position: absolute;
    background: none;
  }
}

.logo-wrap .logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 65px;
}

@media (max-width: 1000px) {
  .logo-wrap .logo {
    position: fixed;
    top: 15px;
    z-index: 5;
  }
}

.logo-wrap .logo a {
  color: #fff;
  font-size: 3rem;
  letter-spacing: 10px;
}

@media (max-width: 1000px) {
  .logo-wrap .logo a {
    font-size: 2.8rem;
  }
}

@media (max-width: 540px) {
  .logo-wrap .logo a {
    font-size: 2.4rem;
  }
}

@media (max-width: 540px) {
  .logo-wrap .logo-en {
    top: 17px;
    max-width: 21rem;
    width: 100%;
    text-align: center;
  }
}

.logo-wrap .logo-en a {
  letter-spacing: 5.5px;
}

@media (max-width: 540px) {
  .logo-wrap .logo-en a {
    font-size: 2rem;
    letter-spacing: 4px;
  }
}

/*ハンバーガー*/
@media (max-width: 1000px) {
  .ham {
    position: fixed;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 100, 20, 0.5)), to(rgba(153, 100, 20, 0.3)));
    background: linear-gradient(to bottom, rgba(153, 100, 20, 0.5), rgba(153, 100, 20, 0.3));
    height: 60px;
    width: 100%;
    z-index: 4;
    top: 0;
  }
}

.ham_checkbox {
  display: none;
}

.ham_icon {
  display: none;
}

@media (max-width: 1000px) {
  .ham_icon {
    display: block;
    cursor: pointer;
    width: 55px;
    height: 50px;
    left: 0;
    z-index: 4;
    position: fixed;
  }
}

.ham_icon .icon_parts1,
.ham_icon .icon_parts2,
.ham_icon .icon_parts3 {
  background-color: #fff;
  display: block;
  width: 25px;
  height: 2px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.ham_icon .icon_parts1 {
  top: 16px;
}

.ham_icon .icon_parts3 {
  top: -16px;
}

.ham_icon .icon_name,
.ham_icon .icon_name2 {
  color: #fff;
  position: absolute;
  top: 35px;
  left: 12px;
  font-size: 1.3rem;
  letter-spacing: 0.4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ham_icon .icon_name2 {
  display: none;
}

.ham_overlay {
  background: #000;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
}

.ham_checkbox:checked ~ .ham_icon .icon_parts1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}

.ham_checkbox:checked ~ .ham_icon .icon_parts2 {
  left: 200%;
  opacity: 0;
}

.ham_checkbox:checked ~ .ham_icon .icon_parts3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
}

.ham_checkbox:checked ~ .ham_icon .icon_name {
  display: none;
}

.ham_checkbox:checked ~ .ham_icon .icon_name2 {
  display: block;
}

.ham_checkbox:checked ~ .ham_overlay {
  opacity: 0.3;
  pointer-events: auto;
}

.ham_checkbox:checked ~ .global-nav {
  left: 0;
}

.ham .global-nav,
.ham .icon_parts1,
.ham .icon_parts2,
.ham .icon_parts3,
.ham .icon_name,
.ham .icon_name2, .ham_overlay {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.global-nav {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 100, 20, 0.4)), to(rgba(153, 100, 20, 0.3)));
  background: linear-gradient(to bottom, rgba(153, 100, 20, 0.4), rgba(153, 100, 20, 0.3));
  color: #2f2217;
  z-index: 3;
  width: 100%;
  height: 60px;
}

@media (max-width: 1000px) {
  .global-nav {
    width: 200px;
    height: 100vh;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: -200px;
  }
}

.global-nav .nav-item {
  max-width: 730px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}

@media (max-width: 1000px) {
  .global-nav .nav-item {
    margin: 100px 0 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.global-nav .nav-item li {
  margin-top: 10px;
  line-height: 50px;
  height: 50px;
}

.global-nav .nav-item li a {
  color: #fff;
  position: relative;
  display: inline-block;
}

.global-nav .nav-item li a::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: 10px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  /*消え方*/
}

@media (max-width: 1000px) {
  .global-nav .nav-item li a::after {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

.global-nav .nav-item li a:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  /* 出方 */
}

.cart {
  position: absolute;
  top: 100px;
  right: 15%;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cart:hover .cart-messa {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

@media (max-width: 1000px) {
  .cart:hover .cart-messa {
    opacity: 0;
    visibility: hidden;
  }
}

@media (max-width: 1000px) {
  .cart {
    position: fixed;
    top: 10px;
    right: 15px;
  }
}

.cart img {
  width: 35px;
  height: 30px;
}

.cart span {
  font-size: 1.4rem;
  letter-spacing: 0.9px;
  color: #fff;
  position: absolute;
  top: 27px;
  left: 0;
}

.cart .cart-messa {
  position: absolute;
  top: 20px;
  left: -252px;
  width: 295px;
  padding: 5px;
  line-height: 1.8;
  font-size: 1.5rem;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #2f2217;
}

.scroll-top {
  position: fixed;
  right: 10px;
  bottom: 20px;
  cursor: pointer;
  z-index: 11;
}

.scroll-top img {
  width: 3.8rem;
}

.footer {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(153, 100, 20, 0.3)), to(rgba(153, 100, 20, 0.5)));
  background: linear-gradient(to top, rgba(153, 100, 20, 0.3), rgba(153, 100, 20, 0.5));
  color: #fff;
  position: relative;
}

.footer .back-top {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, right top, from(rgba(153, 100, 20, 0)), color-stop(rgba(153, 100, 20, 0.1)), to(rgba(153, 100, 20, 0)));
  background: linear-gradient(90deg, rgba(153, 100, 20, 0), rgba(153, 100, 20, 0.1), rgba(153, 100, 20, 0));
  text-align: center;
  height: 35px;
  line-height: 35px;
}

@media (max-width: 540px) {
  .footer .back-top {
    padding: 0 10px;
  }
}

.footer .footer-wrap {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 550px;
  margin: 90px auto 80px;
}

@media (max-width: 540px) {
  .footer .footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 315px;
    margin-bottom: 100px;
  }
}

.footer .footer-wrap .footer-left {
  position: relative;
  top: 5px;
}

.footer .footer-wrap .footer-left .footer-logo {
  position: relative;
  top: 30px;
  font-size: 2.7rem;
  letter-spacing: 10px;
  padding-left: 5px;
}

@media (max-width: 540px) {
  .footer .footer-wrap .footer-left .footer-logo {
    font-size: 2.4rem;
    top: -10px;
    text-align: center;
  }
}

.footer .footer-wrap .footer-left .footer-logo-en {
  top: 11px;
  font-size: 2rem;
  letter-spacing: 5px;
}

@media (max-width: 540px) {
  .footer .footer-wrap .footer-left .footer-logo-en {
    top: -11px;
  }
}

.footer .footer-wrap .footer-left .sns-icon {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  top: 40px;
  margin: 0 auto;
}

@media (max-width: 540px) {
  .footer .footer-wrap .footer-left .sns-icon {
    top: 5px;
  }
}

.footer .footer-wrap .footer-left .sns-icon li img {
  width: 27px;
}

@media (max-width: 540px) {
  .footer .footer-wrap .footer-address {
    position: relative;
    top: 60px;
  }
}

.footer .footer-wrap li {
  margin: 15px 0;
}

@media (max-width: 540px) {
  .footer .footer-wrap li {
    margin: 10px 0;
  }
}

.footer .footer-wrap .mobile-num,
.footer .footer-wrap .mail-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer .footer-wrap .mobile-num img,
.footer .footer-wrap .mail-add img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.footer .footer-wrap .mobile-num p {
  padding-top: 5px;
}

.footer .footer-wrap .mail-add img {
  width: 26px;
  height: 26px;
}

.footer .footer-wrap .mail-add p {
  margin-top: 4px;
  font-size: 1.4rem;
}

.footer .copyright {
  padding: 10px;
  text-align: right;
  font-size: 1.5rem;
}

.sns-icon1 {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.sns-icon2 {
  -webkit-transition: all 0.9s;
  transition: all 0.9s;
}

.sns-icon3 {
  -webkit-transition: all 1.1s;
  transition: all 1.1s;
}

.fadein-top {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

.fadein-top.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.shop-site-link {
  display: none;
}

@media (max-width: 1000px) {
  .shop-site-link {
    color: #fff !important;
    display: block;
    border-bottom: 1px solid;
    width: 135px;
    margin: 20px 0 0 20px;
  }
}

.bogo-language-switcher {
  position: absolute;
  top: 1rem;
  left: 5%;
}

.bogo-language-switcher .bogo-language-name {
  color: rgba(179, 122, 37, 0.1);
}

.bogo-language-switcher .current {
  display: none;
}

.bogo-language-switcher a {
  color: #fff;
}

@media (max-width: 1000px) {
  .bogo-language-switcher {
    position: relative;
    top: 6rem;
    left: 10%;
  }
}
/*# sourceMappingURL=izumi-inc.css.map */