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


/* タブフォーカスのスタイル */
a:focus,
.wp-block-button__link:focus {
  outline: 2px solid #c9c9c9;
  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 #c9c9c9;
  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 #c9c9c9;
  transition: outline 0.2s ease;
}


.integlight_pt button {
  background-color: #555;
}


.integlight_pt .pagetop {
  background-color: #555;
}

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

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

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

.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: #555;
  color: #fff;
}


/************ボタンアニメーション**********/
.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: #555;
  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: #555;
  border: #555;
  color: #fff;
}

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

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

.site-header {
  background-color: #000;
  background-image: linear-gradient(to bottom,
  #555 0 8px,
  #eee 8px 11px
  );
}




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