/* ----------------------------------------------- 共通 */
.l-contents__inner {
  padding-bottom: 0!important;
}

/* アイコンの色 */
.icon-color {
  color: var(--accent-color);
}

/* aタグに付与されるtext-decorationの指定し直し */
.no-underline a {
  text-decoration-color: #0a66c2;
  opacity: 1;
  transition: all ease 0.3s;

}

.no-underline a:hover {
  opacity: 0.7;
}

/* 固定ページタイトル */
.c-entry__title {
  display: none;
  margin: 0!important;
}

/* 固定ページ上部の余白 */
.l-contents__inner {
  margin-top: 0;
}

/* ボタン */

/* ボタン - ホバーアクション */
/* アクセントカラーボタン｜下地が紺色から白へ｜文字が白から紺色へ*/
.btn-accent a {
  filter: none!important;
  border: 2px solid transparent;
  transition: all ease 0.3s;
}

.btn-accent:hover a {
  background-color: #fff;
  border: 2px solid var(--accent-color);
}

.btn-accent span  {
  transition: all ease 0.3s;
}

.btn-accent:hover span {
  color: var(--accent-color);
}

/* サブアクセントカラーボタン｜下地が金色から白へ｜文字が白から金色へ*/
.btn-sub-accent a {
  filter: none!important;
  border: 2px solid transparent;
  transition: all ease 0.3s;
}

.btn-sub-accent:hover a {
  background-color: #fff;
  border: 2px solid var(--sub-accent-color);
}

.btn-sub-accent span  {
  transition: all ease 0.3s;
}

.btn-sub-accent:hover span {
  color: var(--sub-accent-color);
}

/* ファーストビューのボタン */
.btn-fv a {
  filter: none!important;
  transition: all ease 0.3s;
}

.btn-fv:hover a {
  background-color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.btn-fv span {
  transition: all ease 0.3s;
}

.btn-fv:hover span {
  color: #015C91;
}

/* 白枠ボタン｜下地が紺色から白へ｜文字が白から紺色へ*/
.btn-outline-light a {
  filter: none!important;
  transition: all ease 0.3s;
}

.btn-outline-light {
  transition: all ease 0.3s;
  border-radius: 5px;
}

.btn-outline-light:hover {
  background-color: #fff!important;
}

.btn-outline-light span  {
  transition: all ease 0.3s;
}

.btn-outline-light:hover span {
  color: var(--accent-color);
}

/* お問い合わせセクションのボタン */
.btn-contact a {
  filter: none!important;
  border: 2px solid #fff;
  transition: all ease 0.3s;
}

.btn-contact:hover a {
  background-color: var(--accent-color);
}

.btn-contact span {
  transition: all ease 0.3s;
}

.btn-contact:hover span {
  color: #fff;
}

/* ----------------------------------------------- ヘッダー */
/* ホバーしたらサブアクセントカラーへ */
.l-header .menu-item a:hover{
  color: var(--sub-accent-color);
}

/* ゴルフ予約メニューアイテム */
.menu-item-215 small {
  color: #fff;
  font-weight: 700!important;
  background-color: var(--sub-accent-color);
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
}

/* 電話番号メニューアイテム */
.global-menu__tel-icon {
  padding-right: 5px;
}

.menu-item-219 span {
  font-size: 1rem;
  padding: 0.4rem 0.5rem!important;
  border: 2px solid var(--accent-color);
  border-radius: 50px;
  transition: all ease 0.3s;
}

.menu-item-219 a:hover span {
  color: #fff;
  background-color: var(--accent-color);
}

@media screen and (min-width: 768px) {
  .menu-item-219 a {
    pointer-events: none;
    cursor: default;
    color: inherit; /* 青くなるのを防ぎたいとき */
  }
}
/* ----------------------------------------------- サービスセクション */
.service__icon {
  color: #0E2A47;
}

/* ゴルフカードの枠線 - 銀色グラデーション */
.service__item-golf .wp-block-group  {
  position: relative;
  background: #fff;
  border-radius: 5px;
  z-index: 1;
}

.service__item-golf .wp-block-group::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 5px; /* 枠の太さを調整 */
  border-radius: 3px;

  /* 強めのシルバー感 */
  background: linear-gradient(
    135deg,
    #cfd1d4 0%,
    #f7f7f7 20%,
    #ffffff 40%,
    #b8b8b8 60%,
    #e5e5e5 80%,
    #9fa4a8 100%
  );

  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}

/* ゴルフカードのバッジ */
.service__badge {
  position: absolute;
  top: -40px;
  right: -15px;
  z-index: 5;
}

/* ----------------------------------------------- フッターセクション */
.c-copyright {
  background-color: var(--accent-color);
}

/* ----------------------------------------------- 下層ページ */
/* ----------------------------------------------- 電話・秘書代行サービス */
.p-service__card-icon {
  color: var(--accent-color);
}

.p-service__flow-column {
  position: relative;
}

.p-service__flow-arrow {
  position: absolute;
  top: 50px;
  left: 0;
  transform: translate(-50%, -50%);
}

/* ----------------------------------------------- レンタルオフィスサービス */
.rental__feature-icon {
  color: var(--accent-color);
}

.rental__map {
  filter: grayscale(0.7);
}