@charset "UTF-8";
/**********************
000.変数定義
**********************/
/*カラーチャート*/
/*ステータス*/
/*商品背景*/
/**********************
01.カラム解除
**********************/
/**********************
フォント設定
**********************/
.has-small-font-size {
  font-size: 80% !important;
}

@media (max-width: 767px) {
  .has-large-font-size {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }
}
/**********************
色設定
**********************/
/*フォント*/
.has-theme-color {
  color: #d71518 !important;
}

.has-red-10-color {
  color: #f9ecef !important;
}

.has-gray-10-color {
  color: #f3f4f5 !important;
}

.has-gray-20-color {
  color: #e6e7e8 !important;
}

.has-gray-30-color {
  color: #d3d2d0 !important;
}

.has-gray-40-color {
  color: #88908f !important;
}

.has-brown-10-color {
  color: #f7f5f1 !important;
}

.has-brown-20-color {
  color: #a9976d !important;
}

.has-brown-30-color {
  color: #604115 !important;
}

.has-yellow-10-color {
  color: #faf9eb !important;
}

.has-yellow-20-color {
  color: #cec53b !important;
}

.has-yellow-30-color {
  color: #726c12 !important;
}

.has-purple-10-color {
  color: #f6f0ff !important;
}

/*背景*/
.has-theme-background-color {
  background: #d71518 !important;
}

.has-red-10-background-color {
  background: #f9ecef !important;
}

.has-gray-10-background-color {
  background: #f3f4f5 !important;
}

.has-gray-20-background-color {
  background: #e6e7e8 !important;
}

.has-gray-30-background-color {
  background: #d3d2d0 !important;
}

.has-gray-40-background-color {
  background: #88908f !important;
}

.has-brown-10-background-color {
  background: #f7f5f1 !important;
}

.has-brown-20-background-color {
  background: #a9976d !important;
}

.has-brown-30-background-color {
  background: #604115 !important;
}

.has-yellow-10-background-color {
  background: #faf9eb !important;
}

.has-yellow-20-background-color {
  background: #cec53b !important;
}

.has-yellow-30-background-color {
  background: #726c12 !important;
}

.has-purple-10-background-color {
  background: #f6f0ff !important;
}

/**********************
リンク
**********************/
.wp-block-button__link {
  display: inline-block;
  background: #d71518;
  color: #fff !important;
  border-radius: 4px;
  margin: 0 15px;
  padding: 1em 2em 1em 3em;
  line-height: 1.25;
  position: relative;
}
.wp-block-button__link::before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  top: 50%;
  left: 2em;
  transform: translate(0, -50%);
  content: "\f0a9";
  font-size: 0.9rem;
}
.wp-block-button__link:hover, .wp-block-button__link:active {
  opacity: 0.4;
  text-decoration: none;
  transition: all 0.25s;
}

/**********************
カラムのセンター化
**********************/
.wp-block-columns {
  justify-content: center;
  margin-bottom: 0;
}

/**********************
カラムの中
**********************/
.wp-block-column {
  margin-bottom: 28px;
}

/**********************
画像のキャプション
**********************/
.wp-block-image figure img {
  width: 100%;
}
.wp-block-image figure figcaption {
  text-align: left;
}
.wp-block-image figure.alignleft figcaption {
  text-align: left;
}
.wp-block-image figure.aligncenter figcaption {
  text-align: center;
}
.wp-block-image figure.alignright figcaption {
  text-align: right;
}

/**********************
iframe(Youtube)レスポンシブ
**********************/
.wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/**********************
要素のレイアウト
**********************/
.wp-block-buttons.alignleft {
  text-align: left;
}

.wp-block-buttons.aligncenter {
  text-align: center;
}

.wp-block-buttons.alignright {
  text-align: right;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}