@charset "UTF-8";

/* ==========================================================================
   Setting
========================================================================== */
:root {
  --white: #f0f0e9;
  --l-gray: #FFFFFF;
  --l-gray2: #F9F9F9;
  --l-gray3: #ebebe7;
  --gray: #bdc1c7;
  --d-gray: #8d8c8c;
  --black: #333;
  --border1: #b5b5b5;
  --color1: #333;
  --color1-h: #333;
  --color2: #B79C46;
  --color2-h: #A38836;
  --color3: #839B5C;
  --color3-h: #6E8449;
  --base: #4f6480;
  --base-h: #3f5471;
  --red: #dd301d;

  --font1: "Libre Baskerville", sans-serif;
  --gothic: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --mincho: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* ==========================================================================
   Header
========================================================================== */
.gNav nav .main-nav li a:before {
  background-image: url(../img/arrow-3.svg);
}
.gNav nav .sub-menu li a:hover:before {
  background-image: url(../img/arrow-3b.svg);
}

/* ==========================================================================
   Footer
========================================================================== */
#siteFooter {
  --color1: #839B5C;
}


/* ==========================================================================
   Typography
========================================================================== */
/*
p {
  font-family: var(--gothic);
}
.ttl {
  font-family: var(--mincho);
}
*/

/* ==========================================================================
   Button
========================================================================== */
.btn {
  --color1: #839B5C;
  --color1-h: #6E8449;
}
.more-btn:before {
  background-image: url(../img/arrow-3.svg);
}
.more-btn:hover:before,
a:hover .more-btn:before {
  background-image: url(../img/arrow-3b.svg);
}

/* ==========================================================================
   Accordion
========================================================================== */
.acc_btn:before {
  background-image: url(../img/arrow-3.svg);
}

/* ==========================================================================
   Tab
========================================================================== */
.tabs {
  --color1: #839B5C;
}
.tabs .tab span {
  color: var(--black);
}
.tabs .tab.active span {
  background-color: var(--color1);
  color: var(--white);
}

/* ==========================================================================
   Archive menu
========================================================================== */
.category-search-list {
  --color1: #839B5C;
}
.category-search-list li select {
  background-image: url(../img/arrow-down-3.svg);
}

/* ==========================================================================
   Accordion
========================================================================== */
.acc .acc_body .faq__a {
  --color1: #839B5C;
}

/* ==========================================================================
   Modal
========================================================================== */
.iziModal-overlay {
  background-color: rgba(0,0,0,.75)!important;
}

/* ==========================================================================
   Slick.js
========================================================================== */
.carousel-wrapper .slick-prev:before,
.carousel-wrapper .slick-next:before {
  background-image: url(../img/arrow-3.svg);
}
.carousel320-wrapper .slick-prev:before,
.carousel320-wrapper .slick-next:before {
  background-image: url(../img/arrow-3.svg);
}
.carousel276-wrapper .slick-prev:before,
.carousel276-wrapper .slick-next:before {
  background-image: url(../img/arrow-3.svg);
}
.card-carousel-wrapper .slick-prev:before,
.card-carousel-wrapper .slick-next:before {
  background-image: url(../img/arrow-3.svg);
}
.card-carousel2-wrapper .slick-prev:before,
.card-carousel2-wrapper .slick-next:before {
  background-image: url(../img/arrow-3.svg);
}
.card-carousel3-wrapper .slick-prev:before,
.card-carousel3-wrapper .slick-next:before {
  background-image: url(../img/arrow-3.svg);
}
.card-carousel4-wrapper .slick-prev:before,
.card-carousel4-wrapper .slick-next:before {
  background-image: url(../img/arrow-3.svg);
}