@charset "UTF-8";
.container {
  max-width: 1100px;
  width: 92%;
  margin: auto;
}

.large-container {
  max-width: 1200px;
  width: 92%;
  margin: auto;
}

.century {
  font-family: Century Gothic, CenturyGothic, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}

.century p, .century a {
  font-family: Century Gothic, CenturyGothic, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}

.center-title {
  text-align: center;
}

.button-top {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 1500;
  display: block;
}

.mb-halfem {
  margin: 0 0 0.5em;
}

.cookie-info-area {
  position: fixed;
  bottom: 0;
  background: rgba(92, 72, 66, 0.8);
  color: #fff;
  width: 100%;
  z-index: 900;
  -webkit-transition: 1.2s;
  transition: 1.2s;
  padding: 17px 0;
}

.cookie-container {
  max-width: 1100px;
  width: 92%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cookie-info-area .cookie-info-text {
  color: #e6e4e3;
  font-size: 12px;
  position: relative;
  z-index: 902;
  line-height: 1.5;
}

.cookie-info-area .cookie-info-text a {
  color: #e6e4e3;
  font-size: 12px;
  text-decoration: underline;
}

.cookie-info-area .cookie-info-text a:hover {
  text-decoration: none;
}

.cookie-info-area .cookie-agree-button {
  background: #fff;
  font-size: 14px;
  color: #575757;
  border-radius: 3px;
  padding: 10px 53px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 903;
  position: relative;
  word-break: initial;
}

.cookie-info-area .cookie-agree-button:hover {
  opacity: .8;
}

.cookie-info-area.is-agree {
  bottom: -100%;
}

.sp {
  display: none !important;
}

@media only screen and (max-width: 560px) {
  .cookie-container {
    display: block;
  }
  .cookie-info-area .cookie-agree-button {
    margin: 15px auto 0;
  }
  .button-top {
    bottom: 10px;
    right: 10px;
    max-width: 40px;
  }
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}

.header {
  height: 49px;
}

.header-fixed {
  position: fixed;
  top: 0;
  background: #8d807a;
  width: 100%;
  z-index: 100;
  height: 59px;
}

.header-area {
  padding: 13px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.header-link-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 69%;
  min-width: 500px;
}

.header-link {
  color: #e9e6e3;
  text-decoration: underline;
  text-underline-offset: 7px;
  font-size: 15px;
}

.header-link-onlineshop {
  color: #e9e6e3;
  border: solid 1px #e9e6e3;
  padding: 3px 8px;
}

.header-burger-menu {
  cursor: pointer;
}

.header-burger-menu-item {
  background: #8d807a;
  width: 100%;
  display: none;
  padding: 20px 0 35px;
}

.header-link-burger-area li {
  margin: 0 0 35px;
  text-align: center;
}

.header-link-burger-area li:last-of-type {
  margin: 0;
}

.header-menu-padding {
  position: relative;
  width: 18px;
  height: 17px;
  margin: 1px 0 0;
}

.header-menu-padding span {
  display: block;
  width: 100%;
  height: 2px;
  padding-top: calc(2 / 40 * 100%);
  background-color: #cdc7c5;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.header-menu-padding span:nth-child(2) {
  margin: 7px 0 0;
}

.header-menu-padding span:nth-child(3) {
  margin: 15px 0 0;
}

.is-open .header-menu-padding span:nth-child(1) {
  -webkit-transform: translateY(300%) rotate(-315deg);
  transform: translateY(300%) rotate(-315deg);
  margin-top: calc(8 / 40 * 100%);
  top: -3px;
}

.is-open .header-menu-padding span {
  width: 100%;
  left: -25%;
}

.is-open .header-menu-padding span:nth-child(2) {
  opacity: 0;
}

.is-open .header-menu-padding span:nth-child(3) {
  -webkit-transform: translateY(-300%) rotate(315deg);
  transform: translateY(-300%) rotate(315deg);
  margin-top: calc(20 / 40 * 100%);
  top: 3px;
}

@media only screen and (max-width: 560px) {
  .header {
    height: 52px;
  }
  .header-fixed {
    height: 52px;
  }
  .header-logo-area {
    max-width: 25%;
  }
  .header-link-onlineshop {
    padding: 6px 14px;
  }
}

#footer {
  background: #8d807a;
  padding: 40px 0 40px;
}

.footer-top-area {
  padding: 0 0 20px;
}

.footer-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 20px;
  max-width: 190px;
}

.footer-logo-area {
  text-align: center;
}

.footer-link-area {
  border-top: solid 1px #fff;
}

.footer-link-area a, .footer-link-area p, .footer-link-area span {
  color: #e9e6e3;
}

.footer-link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 800px;
  padding: 30px 0;
}

.footer-link-list a {
  font-size: 13px;
}

.footer-copyrights {
  text-align: center;
  font-size: 12px;
}

.footer-copyrights span {
  font-size: 12px;
}

@media only screen and (max-width: 560px) {
  #footer {
    padding: 30px 0 25px;
  }
  .footer-copyrights {
    font-size: 11px;
  }
  .footer-copyrights span {
    font-size: 11px;
  }
  .footer-link-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 25px 0;
  }
  .footer-link-list li {
    width: 47%;
    margin: 0 0 15px;
  }
  .footer-link-list a {
    font-size: 12px;
  }
  .footer-top-area {
    padding: 0 0 15px;
  }
  .footer-logo-area {
    margin: auto;
    max-width: 35%;
  }
}

#top p,
#top h3,
#top h4,
#top a {
  color: #868686;
  font-weight: 500;
  line-height: 1.5;
}

#top .top-news-text p {
  color: #575757;
}

#top .top-slider {
  margin: 10px 0 55px;
  padding: 0;
}

#top .slick-prev:before,
#top .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#top .slick-prev {
  left: 0;
}

#top .slick-next {
  right: 0;
}

#top .slick-prev,
#top .slick-next {
  z-index: 10;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: calc(50% - 23px);
  display: block;
  width: 46px;
  height: 46px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

#top .slick-next::before {
  content: url(../img/top/arrow_next.png);
}

#top .slick-prev::before {
  content: url(../img/top/arrow_prev.png);
}

#top .slick-dots {
  height: 50px;
  background: #f6f6f6;
  position: static;
}

#top .slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 20px 12px 0;
  padding: 0;
  cursor: pointer;
}

#top .slick-dots li button {
  font-size: 0;
  line-height: 0;
  border-radius: 50%;
  display: block;
  width: 8px;
  height: 8px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: solid 1px #999999;
  outline: none;
  background: #fff;
}

#top .slick-dots li button:before {
  font-family: slick;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  content: '';
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#top .slick-dots li.slick-active button {
  background: #999999;
}

#top .home_news_list {
  margin: 0 0 15px;
}

#top .home_news_list span,
#top .home_news_list a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #575757;
}

#top .home_news_list span {
  min-width: 100px;
  display: block;
}

#top .home_news_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#top-item-area {
  padding: 60px 0;
}

#top-shop-area {
  background: #f2faf8;
  padding: 40px 0 60px;
}

#top-first-area {
  padding: 60px 0 80px;
}

#top-pickup-area {
  padding: 20px 0 10px;
}

#top-news-area {
  background: #fcfcfc;
  padding: 40px 0 60px;
}

.top-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 125px;
}

.top-item:last-of-type {
  margin: 0;
}

.top-item-detail {
  width: 45%;
}

.top-item-image {
  width: 45%;
}

.top-item-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.top-link-icon {
  margin: 0 0 0 25px;
}

.top-item-detail hr {
  border: none;
  border-top: solid 1px #eeeeee;
  margin: 20px 0;
}

.top-item-japanesename {
  font-size: 14px;
  margin: 0 0 10px;
}

.top-item-name {
  font-size: 33px;
  line-height: 1.5;
}

.top-item-name-shop {
  font-size: 33px;
}

.top-item-name-about {
  font-size: 33px;
}

.top-item-text {
  font-size: 17px;
}

.top-shop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 25px 0 0;
}

.top-shop-list li {
  margin: 0 1.2em 0 0;
}

.top-shop-list li:last-of-type {
  margin: 0;
}

.top-shop-list a {
  text-decoration: underline;
  font-size: 17px;
}

.top-aboutus-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.top-aboutus-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f9f7f6;
  padding: 40px 4%;
  width: 100%;
  min-width: 100%;
}

.top-aboutus-image {
  width: 32%;
  margin: -66px 0 0;
}

.top-aboutus-detail {
  width: 64%;
}

.top-v-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-pickup-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.top-pickup-list li {
  width: 48.5%;
  margin: 0 0 30px;
}

.top-pickup-item {
  background: #fcfcfc;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 8%;
  min-height: 300px;
}

.top-pickup-text p {
  font-size: 14px;
  margin: 0 0 20px;
}

.top-pickup-text h4 {
  font-size: 24px;
}

.top-title {
  font-size: 27px;
  margin: 0 0 50px;
}

.top-news-item {
  margin: 0 0 15px;
}

.top-news-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.top-news-text p {
  font-size: 14px;
}

.top-news-date {
  min-width: 100px;
}

@media only screen and (max-width: 1240px) {
  .top-with-icon {
    max-width: calc(100% - 34px);
  }
  .top-aboutus-area {
    min-width: auto;
  }
}

@media only screen and (max-width: 560px) {
  #top .slick-dots {
    height: 40px;
  }
  #top .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 12px 12px 0;
  }
  #top .top-item-text {
    line-height: 1.6;
  }
  #top .slick-prev,
  #top .slick-next {
    width: 30px;
    height: 30px;
  }
  #top .slick-next::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../img/top/arrow_next.png);
    background-size: contain;
    vertical-align: middle;
  }
  #top .slick-prev::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../img/top/arrow_prev.png);
    background-size: contain;
    vertical-align: middle;
  }
  #top-item-area {
    padding: 15px 0 40px;
  }
  #top-first-area {
    padding: 40px 0;
  }
  .top-link-icon {
    display: none;
  }
  .top-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 40px;
  }
  .top-item-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .top-item-detail {
    width: 100%;
  }
  .top-item-image {
    width: 100%;
  }
  .top-item-japanesename {
    font-size: 13px;
    margin: 25px 0 0;
  }
  .top-item-name {
    font-size: 24px;
    color: #8f8f8f;
  }
  .top-item-name-shop {
    font-size: 13px;
    margin: 25px 0 0;
  }
  .top-item-text {
    font-size: 12px;
  }
  .top-shop-list a {
    font-size: 13px;
  }
  .top-v-center div {
    width: 100%;
  }
  .top-pickup-list li {
    width: 100%;
  }
  .top-title {
    font-size: 20px;
    margin: 0 0 30px;
  }
  .top-pickup-text p {
    font-size: 12px;
    margin: 0 0 5px;
  }
  .top-pickup-text h4 {
    font-size: 17px;
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  }
  .top-pickup-item {
    min-height: auto;
  }
  .top-pickup-image {
    max-width: 35%;
    margin: 0 1% 0 0;
  }
  .top-pickup-arrow {
    max-width: 8%;
  }
  .top-news-text {
    display: block;
  }
  .top-news-text p {
    font-size: 13px;
  }
  .top-news-date {
    min-width: auto;
    margin: 0 0 10px;
  }
  .top-aboutus-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-aboutus-area {
    min-width: auto;
    padding: 20px 4% 20px 8%;
  }
  .top-aboutus-detail {
    width: 100%;
  }
  .top-item-name-about {
    font-size: 14px;
  }
  .top-aboutus-title-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-aboutus-title-image {
    max-width: 30%;
  }
  .top-aboutus-wrap {
    background: #f9f7f6;
  }
  .top-with-icon {
    max-width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */