@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.button-container {
  text-align: center;
  margin-top: 20px; /* Optional: Adjust as needed */
}

.custom-swell-block-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 0.5em 6em; /* Adjust width */
  border-radius: 5px; /* Rounded edges */
  background: transparent;
  border: 2px solid #007bff; /* Blue outline border */
  color: #007bff; /* Blue text color */
  font-weight: bold; /* Make text bold */
  position: relative;
  box-shadow: none;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
  animation: pulse 3s infinite; /* Add pulse animation */
}

.custom-swell-block-button:hover {
  background: #007bff; /* Blue background on hover */
  color: white;
  transform: translateY(-2px);
}

.custom-swell-block-button:active {
  top: 4px;
  box-shadow: none;
}

.custom-swell-block-button__link {
  display: inline-flex;
  align-items: center;
}

.custom-icon {
  margin-left: 0.5em;
}

@keyframes pulse {
  0%, 100% {
    background-color: transparent;
    color: #FF6614;
  }
  50% {
    background-color: #FF6614; /* Darker blue tint */
    color: white; /* Text color becomes white */
  }
}

/* テーブル用カスタムボタン */
.table-custom-swell-block-button {
  display: inline-block; /* コンテンツの幅に合わせる */
  box-sizing: border-box; /* 幅計算にパディングとボーダーを含む */
  text-align: center;
  text-decoration: none;
  padding: 0.5em 1em; /* 上下のパディングを縮小 */
  border-radius: 0; /* 角を直角に */
  background: #F74A4A; /* 青色の背景 */
  border: 5px solid #000000; /* 青色のアウトラインボーダー */
  color: white; /* テキストの色を白に */
  font-weight: bold; /* テキストを太字に */
  position: relative;
  overflow: hidden; /* オーバーフロー部分を隠す */
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.table-custom-swell-block-button:hover {
  color: white;
  transform: translateY(-2px); /* ホバー時に少し上へ移動 */
}

.table-custom-swell-block-button:active {
  top: 4px; /* クリック時に下へ移動 */
  box-shadow: none; /* 影をなくす */
}

.table-custom-swell-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ▼ 投稿ID=123 のみ 非表示にする */
.postid-2186 nav[aria-label="breadcrumb"],   /* パンくず（SWELLはここが多い） */
.postid-2186 .p-breadcrumb,                  /* 予備セレクタ */
.postid-2186 .c-breadcrumb,                  /* 予備セレクタ */
.postid-2186 h1.entry-title,                 /* タイトル（WP汎用） */
.postid-2186 .p-postTitle,                   /* SWELL系タイトル候補 */
.postid-2186 .c-postTitle,                   /* SWELL系タイトル候補 */
.postid-2186 .p-entry__meta,                 /* 投稿日・著者などのメタ */
.postid-2186 .p-article__meta,
.postid-2186 .c-postMeta,
.postid-2186 time.c-postTimes__posted,
.postid-2186 time.c-postTitle__date,
.postid-2186 #breadcrumb,
.postid-2186 .p-breadcrumb,
.postid-2186 .posted-on {
  display: none !important;
}