/* カスタマイズ用CSS */
:root {
  --clrBodyBg: #FFFDF5;
  --clrDefault: #707070;
  --clrDefaultDark: #707070;
  --clrDefaultThin: #707070;

  --clrHeaderBgRGB: 255, 253, 245;
  --clrHeaderMenuHoverBg: #FFFDF5;
  --headerLogoHeight: 49px;
  --clrHeaderText: #6C6060;
  --clrHeaderBurger: #6C6060;
  --clrDrawerBg: #F8F2EF;
  --clrDrawerText: #6C6060;
  --clrDrawerIcon: #6C6060;
  --clrDrawerBorder: #6C6060;
  --clrDrawerBorder2: #6C6060;

  --clrFooterBg: #F8F2EF;
  --clrFooterText: #6C6060;
  --clrFooterGuideBg: #F9E3D8;
  --clrFooterGuideText: #6C6060;
  --clrFooterTitleText: #6C6060;
  --clrCalendarHolidayBg: #CCCCCC;

  --clrPageHeaderBg: #F9E3D8;
  --clrPageHeaderText: #707070;

  --clrHelpNavHover: #F9E3D8;
  --clrHelpNavActiveBg: #6C6060;

  --clrHeadInfomationBg: #F8F2EF;
  --clrHeadInfomationText: #6C6060;

}

html {
  scroll-padding-top: 50px;
}


body#page_homepage {
  background: #FFFDF5;
}

.ec-cartNavi > a {
  border-color: #6C6060;
  background-color: #6C6060;
}

.ec-headerMenu .ec-headerMenu__item > a:hover {
  color: #6C6060;
  border-color: #6C6060;
}

.ec-footerCalendar .slick-appendArrows .slick-arrow i {
  color: #ffffff;
}

.ec-newsItemRole .ec-newsItemRole__date {
  color: #836969;
}

.ec-helpRole .guide-calendar table th,
.ec-helpRole .guide-calendar table td {
  border: none;
  padding: 1px 0;
}

.guide-postage th {
  text-align: center;
  background-color: var(--clrRectHeadingBg, #f3f1eb);
}

.guide-calendar .ec-footerCalendar {
  margin-bottom: 20px;
}


@media only screen and (min-width: 1280px) {
  .scrolled .ec-headerTitle a img {
    height: 40px;
  }
  .ec-conceptRole .ec-conceptRole__contentInnerInner {
    color: #6C6060;
  }
  .ec-footerSocial .ec-footerSocial__itemList li a {
    background-color: #E6E0DD;
  }
  .ec-instagramRole .ec-instagramRole__list > * {
    width: calc((100% - 0px) / 4);
  }
  .guide-calendar .ec-footerCalendar {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .ec-headerTitle a img {
    height: 34px;
  }
  .ec-instagramRole .ec-instagramRole__list > * {
    width: calc((100% - 0px) / 2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ec-headerTitle a img {
        height: 34px;
    }
}

.products-table {
  overflow-x: auto;
  width: 100%;
  margin-bottom: 2em;
}

.products-table table {
  min-width: 700px;
}

.products-table th {
  text-align: center;
  border: solid 1px var(--clrBorderColor, #ddd);
  background-color: var(--clrRectHeadingBg, #f3f1eb);
  padding: 1em;
}

.products-table td {
  border: solid 1px var(--clrBorderColor, #ddd);
  padding: 1em;
}

.products-table .nowrap {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .products-table {
    font-size: 14px;
  }
  .products-table th,
  .products-table td {
    padding: .5em;
  }
}

.ec-footerGuide .ec-footerGuide__item {
  flex: 0 0 25%;
}

.ec-footerGuide .ec-footerGuide__item a {
  color: inherit;
}

.ec-footerGuide .ec-footerGuide__item a:hover {
  text-decoration: underline;
}

.ec-footerGuide__itemIcon.ico-01,
.ec-footerGuide__itemIcon.ico-02 {
  width: 32px;
  height: 32px;
}

@media only screen and (max-width: 767px) {
  .ec-footerGuide__itemIcon.ico-01,
  .ec-footerGuide__itemIcon.ico-02 {
    width: 38px;
    height: 38px;
  }
}

.ec-footerGuide__itemIcon.ico-01 {
  background-image: url('../img/common/ico_berry.svg');
}

.ec-footerGuide__itemIcon.ico-02 {
  background-image: url('../img/common/ico_mail.svg');
}

@media only screen and (max-width: 767px) {
  .ec-footerGuide .ec-footerGuide__item {
    flex-basis: 100%;
  }
}