@charset "utf-8";
/* =========================================================
   WordPress ボタンブロック補完CSS
   global-styles-inline-css が出ない環境向け
========================================================= */
/* ---------------------------------
   ボタン基本
--------------------------------- */
.wp-block-button__link, .wp-element-button {
  display: inline-block;
  color: #fff;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
  line-height: 1.2;
  border: none;
  transition: opacity .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.wp-block-button__link:hover, .wp-element-button:hover {
  text-decoration: none;
  opacity: 0.9;
}
.wp-block-button__link:focus, .wp-element-button:focus {
  outline: 2px solid rgba(0, 0, 0, .25);
  outline-offset: 2px;
}
/* ---------------------------------
   背景色：WordPress標準プリセット
--------------------------------- */
.wp-block-button__link.has-black-background-color, .wp-element-button.has-black-background-color {
  background-color: #000000;
}
.wp-block-button__link.has-cyan-bluish-gray-background-color, .wp-element-button.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3;
}
.wp-block-button__link.has-white-background-color, .wp-element-button.has-white-background-color {
  background-color: #ffffff;
}
.wp-block-button__link.has-pale-pink-background-color, .wp-element-button.has-pale-pink-background-color {
  background-color: #f78da7;
}
.wp-block-button__link.has-vivid-red-background-color, .wp-element-button.has-vivid-red-background-color {
  background-color: #cf2e2e;
}
.wp-block-button__link.has-luminous-vivid-orange-background-color, .wp-element-button.has-luminous-vivid-orange-background-color {
  background-color: #ff6900;
}
.wp-block-button__link.has-luminous-vivid-amber-background-color, .wp-element-button.has-luminous-vivid-amber-background-color {
  background-color: #fcb900;
}
.wp-block-button__link.has-light-green-cyan-background-color, .wp-element-button.has-light-green-cyan-background-color {
  background-color: #7bdcb5;
}
.wp-block-button__link.has-vivid-green-cyan-background-color, .wp-element-button.has-vivid-green-cyan-background-color {
  background-color: #00d084;
}
.wp-block-button__link.has-pale-cyan-blue-background-color, .wp-element-button.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc;
}
.wp-block-button__link.has-vivid-cyan-blue-background-color, .wp-element-button.has-vivid-cyan-blue-background-color {
  background-color: #0693e3;
}
.wp-block-button__link.has-vivid-purple-background-color, .wp-element-button.has-vivid-purple-background-color {
  background-color: #9b51e0;
}
/* ---------------------------------
   文字色：WordPress標準プリセット
--------------------------------- */
.wp-block-button__link.has-black-color, .wp-element-button.has-black-color {
  color: #000000;
}
.wp-block-button__link.has-cyan-bluish-gray-color, .wp-element-button.has-cyan-bluish-gray-color {
  color: #abb8c3;
}
.wp-block-button__link.has-white-color, .wp-element-button.has-white-color {
  color: #ffffff;
}
.wp-block-button__link.has-pale-pink-color, .wp-element-button.has-pale-pink-color {
  color: #f78da7;
}
.wp-block-button__link.has-vivid-red-color, .wp-element-button.has-vivid-red-color {
  color: #cf2e2e;
}
.wp-block-button__link.has-luminous-vivid-orange-color, .wp-element-button.has-luminous-vivid-orange-color {
  color: #ff6900;
}
.wp-block-button__link.has-luminous-vivid-amber-color, .wp-element-button.has-luminous-vivid-amber-color {
  color: #fcb900;
}
.wp-block-button__link.has-light-green-cyan-color, .wp-element-button.has-light-green-cyan-color {
  color: #7bdcb5;
}
.wp-block-button__link.has-vivid-green-cyan-color, .wp-element-button.has-vivid-green-cyan-color {
  color: #00d084;
}
.wp-block-button__link.has-pale-cyan-blue-color, .wp-element-button.has-pale-cyan-blue-color {
  color: #8ed1fc;
}
.wp-block-button__link.has-vivid-cyan-blue-color, .wp-element-button.has-vivid-cyan-blue-color {
  color: #0693e3;
}
.wp-block-button__link.has-vivid-purple-color, .wp-element-button.has-vivid-purple-color {
  color: #9b51e0;
}
/* ---------------------------------
   リンク色指定（has-link-color）
   ※ ボタン内リンク色が継承されないテーマ対策
--------------------------------- */
.wp-block-button__link.has-link-color, .wp-element-button.has-link-color {
  /*color: inherit;*/
}
/* ---------------------------------
   白背景など見えづらい色の補助
--------------------------------- */
.wp-block-button__link.has-white-background-color, .wp-element-button.has-white-background-color, .wp-block-button__link.has-pale-cyan-blue-background-color, .wp-element-button.has-pale-cyan-blue-background-color, .wp-block-button__link.has-light-green-cyan-background-color, .wp-element-button.has-light-green-cyan-background-color, .wp-block-button__link.has-luminous-vivid-amber-background-color, .wp-element-button.has-luminous-vivid-amber-background-color {
  border: 1px solid rgba(0, 0, 0, .15);
}
/* ---------------------------------
   文字色が未指定で背景が明るい場合の補助
   必要なければ削除可
--------------------------------- */
.wp-block-button__link.has-white-background-color:not(.has-text-color), .wp-element-button.has-white-background-color:not(.has-text-color), .wp-block-button__link.has-pale-cyan-blue-background-color:not(.has-text-color), .wp-element-button.has-pale-cyan-blue-background-color:not(.has-text-color), .wp-block-button__link.has-light-green-cyan-background-color:not(.has-text-color), .wp-element-button.has-light-green-cyan-background-color:not(.has-text-color), .wp-block-button__link.has-luminous-vivid-amber-background-color:not(.has-text-color), .wp-element-button.has-luminous-vivid-amber-background-color:not(.has-text-color) {
  color: #222222;
}
/* ---------------------------------
   グラデーション：WordPress標準プリセット
   ※ バージョンやテーマによってクラス名差異あり
--------------------------------- */
/* Vivid cyan blue to vivid purple */
.wp-block-button__link.has-vivid-cyan-blue-to-vivid-purple-gradient-background, .wp-element-button.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);
}
/* Light green cyan to vivid green cyan */
.wp-block-button__link.has-light-green-cyan-to-vivid-green-cyan-gradient-background, .wp-element-button.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
}
/* Luminous vivid amber to luminous vivid orange */
.wp-block-button__link.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background, .wp-element-button.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);
}
/* Luminous vivid orange to vivid red */
.wp-block-button__link.has-luminous-vivid-orange-to-vivid-red-gradient-background, .wp-element-button.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);
}
/* Very light gray to cyan bluish gray */
.wp-block-button__link.has-very-light-gray-to-cyan-bluish-gray-gradient-background, .wp-element-button.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);
}
/* Cool to warm spectrum */
.wp-block-button__link.has-cool-to-warm-spectrum-gradient-background, .wp-element-button.has-cool-to-warm-spectrum-gradient-background {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 20%, #4facfe 40%, #a166ff 60%, #f093fb 80%, #ff6b6b 100%);
}
/* Blush light purple */
.wp-block-button__link.has-blush-light-purple-gradient-background, .wp-element-button.has-blush-light-purple-gradient-background {
  background: linear-gradient(135deg, #ffb3c1 0%, #b28dff 100%);
}
/* Blush bordeaux */
.wp-block-button__link.has-blush-bordeaux-gradient-background, .wp-element-button.has-blush-bordeaux-gradient-background {
  background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
}
/* Luminous dusk */
.wp-block-button__link.has-luminous-dusk-gradient-background, .wp-element-button.has-luminous-dusk-gradient-background {
  background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
}
/* Pale ocean */
.wp-block-button__link.has-pale-ocean-gradient-background, .wp-element-button.has-pale-ocean-gradient-background {
  background: linear-gradient(135deg, #ffffff 0%, #a1c4fd 100%);
}
/* Electric grass */
.wp-block-button__link.has-electric-grass-gradient-background, .wp-element-button.has-electric-grass-gradient-background {
  background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
}
/* Midnight */
.wp-block-button__link.has-midnight-gradient-background, .wp-element-button.has-midnight-gradient-background {
  background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
}
/* ---------------------------------
   Outlineスタイル対策
   ※ テーマによって is-style-outline が効かない場合用
--------------------------------- */
.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-element-button {
  background: transparent;
  border: 2px solid currentColor;
}
/* 背景色クラス付きのoutline時は、背景なし・枠線だけ */
.wp-block-button.is-style-outline .wp-block-button__link.has-black-background-color, .wp-block-button.is-style-outline .wp-element-button.has-black-background-color {
  background: transparent;
  border-color: #000000;
  color: #000000;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-cyan-bluish-gray-background-color, .wp-block-button.is-style-outline .wp-element-button.has-cyan-bluish-gray-background-color {
  background: transparent;
  border-color: #abb8c3;
  color: #abb8c3;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-white-background-color, .wp-block-button.is-style-outline .wp-element-button.has-white-background-color {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-pale-pink-background-color, .wp-block-button.is-style-outline .wp-element-button.has-pale-pink-background-color {
  background: transparent;
  border-color: #f78da7;
  color: #f78da7;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-vivid-red-background-color, .wp-block-button.is-style-outline .wp-element-button.has-vivid-red-background-color {
  background: transparent;
  border-color: #cf2e2e;
  color: #cf2e2e;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-luminous-vivid-orange-background-color, .wp-block-button.is-style-outline .wp-element-button.has-luminous-vivid-orange-background-color {
  background: transparent;
  border-color: #ff6900;
  color: #ff6900;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-luminous-vivid-amber-background-color, .wp-block-button.is-style-outline .wp-element-button.has-luminous-vivid-amber-background-color {
  background: transparent;
  border-color: #fcb900;
  color: #fcb900;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-light-green-cyan-background-color, .wp-block-button.is-style-outline .wp-element-button.has-light-green-cyan-background-color {
  background: transparent;
  border-color: #7bdcb5;
  color: #7bdcb5;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-vivid-green-cyan-background-color, .wp-block-button.is-style-outline .wp-element-button.has-vivid-green-cyan-background-color {
  background: transparent;
  border-color: #00d084;
  color: #00d084;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-pale-cyan-blue-background-color, .wp-block-button.is-style-outline .wp-element-button.has-pale-cyan-blue-background-color {
  background: transparent;
  border-color: #8ed1fc;
  color: #8ed1fc;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-vivid-cyan-blue-background-color, .wp-block-button.is-style-outline .wp-element-button.has-vivid-cyan-blue-background-color {
  background: transparent;
  border-color: #0693e3;
  color: #0693e3;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-vivid-purple-background-color, .wp-block-button.is-style-outline .wp-element-button.has-vivid-purple-background-color {
  background: transparent;
  border-color: #9b51e0;
  color: #9b51e0;
}
/* ---------------------------------
   角丸なし・四角ボタンにしたい時の互換
   ブロックエディター側で角丸変更時の補助
--------------------------------- */
.wp-block-button__link[style*="border-radius"], .wp-element-button[style*="border-radius"] {
  overflow: hidden;
}
/* ---------------------------------
   旧テーマの a 全体指定対策
--------------------------------- */
.wp-block-button__link:visited, .wp-block-button__link:hover, .wp-block-button__link:active, .wp-element-button:visited, .wp-element-button:hover, .wp-element-button:active {
  color: inherit;
}