/* .integlight_pt footer {
  background-color: #9b7091;
} */

/* タブフォーカスのスタイル */
a:focus,
.wp-block-button__link:focus {
  outline: 2px solid #424e5c;
  outline-offset: 2px;
  border-radius: 4px;
  transition: outline 0.2s ease;
}

a:focus:not(:focus-visible),
.wp-block-button__link:focus:not(:focus-visible) {
  outline: none; /* マウス操作時だけ非表示 */
}

a:focus-visible,
.wp-block-button__link:focus-visible {
  outline: 2px solid #424e5c;
  outline-offset: 2px;
  transition: outline 0.2s ease;
}

.easyLink-info-name a:focus-visible,
.easyLink-info-btn-amazon:focus-visible,
.easyLink-info-btn-rakuten:focus-visible {
  outline: 2px solid #424e5c;
  transition: outline 0.2s ease;
}

.integlight_pt button {
  background-color: #9b7091;
}


.integlight_pt .pagetop {
  background-color: #9b7091;
}

.integlight_pt p.head {
  background-color: #9b7091;
}

.integlight_pt h2::after {
  background-color: #9b7091;
}

.integlight_pt h3::after {
  background-color: #424e5c;
}

.integlight_pt .entry-footer {
  background: none;
  color: #222;
}

.integlight_pt button,
.integlight_pt input[type="button"],
.integlight_pt input[type="reset"],
.integlight_pt input[type="submit"] {
  background-color: #9b7091;
  color: #000;
}

/************ボタンアニメーション**********/
.wp-block-button__link,
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 10px 20px;
  border: 1px solid #555;
  background-color: #fff; /* 非ホバー時は白背景 */
  color: #555; /* 非ホバー時は濃いテキスト色 */
  /* border-radius: inherit; */
  box-shadow: 0 4px #000;
  cursor: pointer;
  text-align: center;
  transition: color 0.3s ease-in-out;
}

.wp-block-button__link:hover,
.wp-block-button__link:active,
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link:hover,
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link:active {
  color: #fff !important; /* ホバー時は白テキスト */
  box-shadow: none;
  transform: translateY(4px);
}

.wp-block-button__link::before,
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #9b7091;
  transition: left 0.3s ease-in-out;
  z-index: -1;
}

.wp-block-button__link:hover::before,
.wp-block-button__link:active::before,
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link:hover::before,
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link:active:before {
  left: 0;
}

#page-top:hover {
  background: #424e5c;
  border: #424e5c;
  color: #fff;
}

#page-top {
  border: 1px solid #424e5c;
  color: #424e5c; 
}

.posted-on a, .byline a, .cat-links a, .edit-link a, .tags-links a {
  color: #424e5c;
}

.post-toc {
  background-color: #f3dede;
}

/* homeのカテゴリーの色 */
.home .category-link {
  background: #f3dede;
}


.site-footer {
  background-color: #a7758c;
  color: #000;
}

.site-header {
  background-color: #ba85a7;
  background-image: linear-gradient(to bottom,
  #9b7091 0 8px,
  #424e5c 8px 11px
  );
}



ul.menu > li.menu-item-has-children > ul.sub-menu,
ul.menu li ul.sub-menu li.menu-item-has-children > ul.sub-menu {
  background-color: #a7758c;
}

/**************アイコンのホバーした時の色を変えているs***************/
.main-navigation li.menu-item-has-children > a:hover::after {
  color: #424e5c;
}

.main-navigation ul.sub-menu li.menu-item-has-children > a:hover::after {
  color: #424e5c;
}
/**************アイコンのホバーした時の色を変えているe***************/

@media screen and (max-width: 768px) {
  .main-navigation li.menu-item-has-children > a::after {
    right: 15px;
  }

  .menuToggle-containerForMenu {
    background: #a7758c;
  }
}