/* ========== core/button ========== */

/* --------------------
name: 'wide-download-btn',
label: '幅広: ダウンロードボタン'
-------------------- */
.wp-block-button.is-style-wide-download-btn {
  width: 100%;
}
.wp-block-button.is-style-wide-download-btn .wp-block-button__link {
  position: relative;
  width: 100%;
  margin: 5px 0;
  padding: 1.5em 3.0em;
  background-color: rgb(246, 246, 246);
  border-radius: 5px;
  text-align: left;
  color: black;
}
.wp-block-button.is-style-wide-download-btn .wp-block-button__link:hover {
  text-decoration: underline;
  background-color: rgb(240, 240, 240);
}
.wp-block-button.is-style-wide-download-btn .wp-block-button__link::after {
  content: '';
  display: block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 50%;
  right: 1.5em;
  /* background-color: red; */
  background-image: url(../assets/icon/download.svg);
  --my-transform:  translateY(-50%);
  transform: var(--my-transform);
  -webkit-transform: var(--my-transform);
  -ms-transform: var(--my-transform);
}

/* --------------------
name: 'wide-external-btn',
label: '幅広: 外部リンクボタン'
-------------------- */
.wp-block-button.is-style-wide-external-btn {
  width: 100%;
}
.wp-block-button.is-style-wide-external-btn .wp-block-button__link {
  position: relative;
  width: 100%;
  margin: 5px 0;
  padding: 1.5em 3.0em;
  background-color: rgb(246, 246, 246);
  border-radius: 5px;
  text-align: left;
  color: black;
}
.wp-block-button.is-style-wide-external-btn .wp-block-button__link:hover {
  text-decoration: underline;
  background-color: rgb(240, 240, 240);
}
.wp-block-button.is-style-wide-external-btn .wp-block-button__link::after {
  content: '';
  display: block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 50%;
  right: 1.5em;
  background-image: url(../assets/icon/external.svg);
  --my-transform:  translateY(-50%);
  transform: var(--my-transform);
  -webkit-transform: var(--my-transform);
  -ms-transform: var(--my-transform);
}

/* --------------------
name: 'wide-link-btn',
label: '幅広: リンクボタン'
-------------------- */
.wp-block-button.is-style-wide-link-btn {
  width: 100%;
}
.wp-block-button.is-style-wide-link-btn .wp-block-button__link {
  position: relative;
  width: 100%;
  margin: 5px 0;
  padding: 1.5em 3.0em;
  background-color: rgb(246, 246, 246);
  border-radius: 5px;
  text-align: left;
  color: black;
}
.wp-block-button.is-style-wide-link-btn .wp-block-button__link::after {
  content: '';
  display: block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 50%;
  right: 1.5em;
  background-image: url(../assets/icon/chevron-right.svg);
  --my-transform:  translateY(-50%);
  transform: var(--my-transform);
  -webkit-transform: var(--my-transform);
  -ms-transform: var(--my-transform);
}



/* ========== core/table ========== */

.wp-block-table {
  display: flex;
  flex-direction: column;
}
.wp-block-table table {
  width: fit-content;
  order: 2;
}
.wp-block-table .wp-element-caption {
  order: 1;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-family: var(--font-mincho);
  font-weight: normal;
  font-size: 1.5rem;
}
.wp-block-table tr td:first-child ,
.wp-block-table tr td:first-child > * {
  padding-left: unset;
  white-space: nowrap !important;
  /* font-weight: bold; */
}

/* --------------------
name: 'line-only',
label: '枠線つき'
-------------------- */
.is-style-line-only table {
  border-top: 1px solid var(--color--border);
  border-left: 1px solid var(--color--border);
}
.is-style-line-only table tr {
  border-bottom: 1px solid var(--color--border);
}
.is-style-line-only table th ,
.is-style-line-only table td {
  padding: 0.5em 1.0em;
  border-right: 1px solid var(--color--border);
}
.wp-block-table.is-style-auto-width table {
  width: auto;
}
/* ---- is-style-sp-break ---- */
/* @media only screen and (max-width: 767px) {
  .wp-block-table.is-style-sp-break table,
  .wp-block-table.is-style-sp-break tbody,
  .wp-block-table.is-style-sp-break tr {
    display: block;
  }
  .wp-block-table.is-style-sp-break tr {
    padding: 0.2em 0.5em;
  }
  .wp-block-table.is-style-sp-break th,
  .wp-block-table.is-style-sp-break td {
    display: inline-block;
    padding: 0;
  }
  .wp-block-table.is-style-sp-break th:not(:last-child),
  .wp-block-table.is-style-sp-break td:not(:last-child) {
    margin-right: 1.0em;
  }
} */
ul ,
ol {
  padding-inline-start: 1.5em;
}
ul.is-style-no-marker {
  list-style: none;
  padding: 0;
}
ul.is-style-kome-marker {
  list-style: none;
  padding-inline-start: 1.5em;
}
ul.is-style-kome-marker li {
  position: relative;
}
ul.is-style-kome-marker li::before {
  content: '※';
  position: absolute;
  top: 0;
  left: -1.2em;
}
ol.is-style-ol-parentheses {
  list-style: none;
  padding-inline-start: 2.0em;
}
ol.is-style-ol-parentheses li {
  position: relative;
  counter-increment: cnt;
}
ol.is-style-ol-parentheses li::before {
  content: '(' counter(cnt) ')';
  position: absolute;
  top: 0;
  left: -1.8em;
}
ol.is-style-ol-parentheses-closing {
  list-style: none;
  padding-inline-start: 2.0em;
  /* padding: 0; */
}
ol.is-style-ol-parentheses-closing li {
  position: relative;
  counter-increment: cnt;
  /* padding-left: 2.0em; */
}
ol.is-style-ol-parentheses-closing li::before {
  content: counter(cnt) ' )';
  position: absolute;
  top: 0;
  /* left: 0; */
  left: -1.8em;
}

/* .has-lightgreen-background-color {
  background-color: #DDEDEA;
}
.has-darkgreen-background-color {
  background-color: #589086;
}
.has-lightred-background-color {
  background-color: #eddddd;
}
.has-darkred-background-color {
  background-color: #b00000;
} */

/* .wpcf7 {
  font-size: 1.0rem;
}
.wpcf7 input[type=”text”] {
  outline: 2px solid yellow;
  padding: 0.5em 1.0em;
} */