/* .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のカテゴリーの色 */
.blog .category-link,
.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 {

  background-image: url('data:image/svg+xml;utf8,<svg  fill="%23424e5c" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM305 441C295.6 450.4 280.4 450.4 271.1 441C261.8 431.6 261.7 416.4 271.1 407.1L358.1 320.1L271.1 233.1C261.7 223.7 261.7 208.5 271.1 199.2C280.5 189.9 295.7 189.8 305 199.2L409 303C418.4 312.4 418.4 327.6 409 336.9L305 441z"/></svg>');

}
/**************アイコンのホバーした時の色を変えているe***************/

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

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