@charset "UTF-8";
/**
 * Snow Monkey Blocks ボタンブロック カスタムスタイル CSS
 */
.is-style-arrow-hook .smb-btn {
  position: relative;
}

.is-style-arrow-hook .smb-btn::after {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  content: "";
  display: block;
  background: url(../img/icon_arrow-hook_right_white.svg) no-repeat center/50%;
  width: 2em;
  height: 60%;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-left: 1px solid #fff;
}

.is-style-arrow-hook .smb-btn .smb-btn__label {
  margin-right: 1.5em;
}

.is-style-arrow-hook .smb-btn:hover {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
}

.is-style-arrow-hook-outline .smb-btn {
  position: relative;
  background-color: initial;
  border: 1px solid var(--wp--preset--color--sm-accent);
  color: var(--wp--preset--color--sm-accent);
}

.is-style-arrow-hook-outline .smb-btn::after {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  content: "";
  display: block;
  background: url(../img/icon_arrow-hook_right.svg) no-repeat center/50%;
  width: 2em;
  height: 60%;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-left: 1px solid var(--wp--preset--color--sm-accent);
}

.is-style-arrow-hook-outline .smb-btn .smb-btn__label {
  margin-right: 1.5em;
  color: var(--wp--preset--color--sm-accent);
}

.is-style-arrow-hook-outline .smb-btn:hover {
  opacity: 0.8;
  background-color: rgba(55, 25, 24, 0.1);
}

/* .is-style-arrow-hook-outline .smb-btn {
	background-color: transparent !important;
	border: 2px solid currentColor;
	transition: background-color 0.3s ease, color 0.3s ease;
	color: var(--wp--preset--color--sm-accent);
} */
.u-text-link_arrow-hook::after {
  content: "";
  display: inline-block;
  background: url(../img/icon_arrow-hook_right.svg) no-repeat center/50%;
  width: 2em;
  height: 1em;
}

/* アイコン
---------------------------------------- */
.c-icon_tel::before {
  content: "";
  display: inline-block;
  background: url(../img/icon_phone.svg) no-repeat center/contain;
  width: 20px;
  height: 20px;
  margin-right: 0.25em;
}

.c-icon_mail::before {
  content: "";
  display: inline-block;
  background: url(../img/icon_mail.svg) no-repeat center/contain;
  width: 20px;
  height: 20px;
  margin-right: 0.25em;
}

.c-icon_before_white::before {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.c-btn_icon_mail .smb-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-btn_icon_mail .smb-btn::before {
  content: "";
  display: inline-block;
  background: url(../img/icon_mail.svg) no-repeat center/contain;
  width: 1.5em;
  height: 1em;
  margin-right: 0.25em;
}

.c-btn_icon_book .smb-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-btn_icon_book .smb-btn::before {
  content: "";
  display: inline-block;
  background: url(../img/icon_book.svg) no-repeat center/contain;
  width: 1.5em;
  height: 1em;
  margin-right: 0.25em;
}

.c-btn_icon_speaker .smb-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-btn_icon_speaker .smb-btn::before {
  content: "";
  display: inline-block;
  background: url(../img/icon_speaker.svg) no-repeat center/contain;
  width: 1.5em;
  height: 1em;
  margin-right: 0.25em;
}

.c-btn_icon_microphone .smb-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-btn_icon_microphone .smb-btn::before {
  content: "";
  display: inline-block;
  background: url(../img/icon_microphone.svg) no-repeat center/contain;
  width: 1.5em;
  height: 1em;
  margin-right: 0.25em;
}

.c-btn_icon_youtube .smb-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-btn_icon_youtube .smb-btn::before {
  content: "";
  display: inline-block;
  background: url(../img/icon_youtube.svg) no-repeat center/contain;
  width: 1.5em;
  height: 1em;
  margin-right: 0.25em;
}

.c-btn_icon_pen .smb-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-btn_icon_pen .smb-btn::before {
  content: "";
  display: inline-block;
  background: url(../img/icon_pen.svg) no-repeat center/contain;
  width: 1.5em;
  height: 1em;
  margin-right: 0.25em;
}

.c-btn_icon_white .smb-btn::before {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}