/*----------------------------------
  Colors
------------------------------------*/
/* Typography */
h1 a:focus, h1 a:hover,
h2 a:focus,
h2 a:hover,
h3 a:focus,
h3 a:hover,
h4 a:focus,
h4 a:hover,
h5 a:focus,
h5 a:hover,
h6 a:focus,
h6 a:hover {
  color: #95bd54;
}

em > a:hover,
li > a:hover {
  color: #95bd54;
}

/* Links */
a {
  color: #95bd54;
}

a:focus, a:hover {
  color: #95bd54;
}

/*----------------------------------
  Selection
------------------------------------*/
::selection {
  color: #fff;
  background: #95bd54;
  text-shadow: none;
}

::-webkit-selection {
  color: #fff;
  background: #95bd54;
  text-shadow: none;
}

:active,
:focus {
  outline: none;
}
.color-palette {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px; /* 説明文とカラーパレットの間に余白を追加 */
  margin-bottom: 20px; /* カラーパレットとMasonry Gridの間にも余白を追加 */
}

.color-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.color-swatch {
  width: 30px;
  height: 30px;
  border-radius: 4px;
}

.color-description {
  font-size: 12px;
  color: #333;
}

/*----------------------------------
  Button
------------------------------------*/
.s-btn--white-bg {
  color: #222324;
  background: #fff;
}

.s-btn--white-bg:focus, .s-btn--white-bg:hover {
  color: #95bd54;
  background: #fff;
}

.s-btn--dark-bg {
  color: #fff;
  background: #222324;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #222324;
}

.s-btn--dark-bg:focus, .s-btn--dark-bg:hover {
  color: #fff;
  background: #95bd54;
  border-color: #95bd54;
}

.s-btn--primary-bg {
  color: #fff;
  background: #95bd54;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #95bd54;
}

.s-btn--primary-bg:focus, .s-btn--primary-bg:hover {
  color: #fff;
  background: #95bd54;
  border-color: #95bd54;
}

.s-btn--primary-brd {
  color: #95bd54;
  background: transparent;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #95bd54;
}

.s-btn--primary-brd:focus, .s-btn--primary-brd:hover {
  color: #fff;
  background: #95bd54;
  border-color: #95bd54;
}


/*----------------------------------
  Back To Top
------------------------------------*/
.s-back-to-top {
  background: #95bd54;
}

.s-back-to-top:hover:before {
  color: #95bd54;
}

/*----------------------------------
  Cubeportfolio
------------------------------------*/
.s-portfolio__filter-v1-item.cbp-filter-item-active {
  color: #95bd54 !important;
}

/* Image Effect
------------------------------ */
.s-portfolio__img-effect:after {
  background: #95bd54;
}

/* Arrows
------------------------------ */
.s-portfolio__arrow-v1 .cbp-nav-prev, .s-portfolio__arrow-v1 .cbp-nav-next {
  background: #95bd54;
}

.s-portfolio__arrow-v1 .cbp-nav-pagination-active {
  background: #95bd54;
}

/* Tab v1
------------------------------ */
.s-tab__filter-v1.cbp-filter-item-active {
  color: #95bd54 !important;
}

/*----------------------------------
  Swiper
------------------------------------*/
.s-swiper__pagination-v1 .swiper-pagination-bullet-active {
  background: #95bd54;
}

.s-swiper__pagination-v1--white .swiper-pagination-bullet-active {
  background: #95bd54;
}

.s-swiper__pagination-v1--dark .swiper-pagination-bullet-active {
  background: #95bd54;
}

/*----------------------------------
  Border
------------------------------------*/
.g-hor-border-1__solid--primary {
  border-color: #95bd54;
}

/*----------------------------------
  Box Shadow
------------------------------------*/
.g-box-shadow__primary-v1 {
  box-shadow: 0 0.3125rem 1rem 0 rgba(197, 64, 65, 0.2);
}

/*----------------------------------
  Colors
------------------------------------*/
.g-color--primary {
  color: #95bd54 !important;
}

.g-color--text[href]:hover {
  color: #95bd54 !important;
}

.g-color--white-opacity[href]:hover {
  color: #95bd54!important;
}

.g-bg-color--primary {
  background: #95bd54 !important;
}