@charset "UTF-8";
/*focus*/
a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,checkbox:focus-visible,radio:focus-visible,div[tabindex]:focus-visible {
  outline: 2px solid #332020!important;
  border-radius: 2px!important;
}
/*slick*/
.slick-slide a {
  display: inline-block;
}
.slick-dots li,.slick-dots li button {
  width: 22px;
  height: 22px;
}
/*link*/
a[href$=".pdf"] {
  text-decoration: underline;
  color: #288192;
}
a[href$=".pdf"]::before {
  content: "";
  width: 1.80556vw;
  height: 1.80556vw;
  margin-right: .69444vw;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/ico_pdf.svg) no-repeat;
}
/* 共有アイテム内のaタグ（ボタン）の基本設定 */
.shared-item a.js-share-copy {
  position: relative; /* ツールチップの絶対位置指定の基準 */
  display: block; 
  /* その他のスタイル（幅、高さなど） */
}
/* コピー完了メッセージ（ツールチップ）の初期設定 */
.shared-item a.js-share-copy .copy-success-message {
  /* 絶対位置指定でアイコンの上に重ねる */
  position: absolute;
  top: -30px; /* アイコンの上側に配置（必要に応じて調整） */
  left: 50%;
  transform: translateX(-50%); /* 中央寄せ */
  
  /* 見た目のスタイル */
  background: rgba(0, 0, 0, 0.85); /* 黒背景 */
  color: #fff; /* 白文字 */
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap; /* テキストの折り返しを防ぐ */
  z-index: 10; /* 他の要素より手前に表示 */
  
  /* 初期状態は非表示 */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, top 0.3s; /* アニメーション */
}
/* コピー成功時にメッセージを表示 */
.shared-item a.js-share-copy.is-copied .copy-success-message {
  opacity: 1;
  visibility: visible;
  top: -40px; /* 少し上に移動するアニメーション（必要に応じて調整） */
}
/* ★ オプション: 吹き出し（ポインター）を追加する場合 ★ */
.shared-item a.js-share-copy .copy-success-message::after {
  content: '';
  position: absolute;
  bottom: -5px; /* メッセージの下端 */
  left: 50%;
  transform: translateX(-50%);
  border-top: 5px solid rgba(0, 0, 0, .85);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}