/* ==================================================
   PCサポートLSP
   Gutenberg 独自ブロック
================================================== */


/* ==================================================
   共通
================================================== */

.lsp-titled-box-free,
.lsp-titled-box-table {

  width:
    100%;

  box-sizing:
    border-box;
}



/* ==================================================
   LSP 見出しBOX（フリー）
================================================== */

.lsp-titled-box-free {

  margin:
    20px
    0;

  border:
    1px solid #cfcfcf;

  background:
    #ffffff;
}



/* ==================================================
   フリーBOX タイトル
================================================== */

.lsp-titled-box-free__title {

  margin:
    0 !important;

  padding:
    10px
    16px;

  background:
    #19448e;

  color:
    #ffffff;

  font-size:
    16px;

  font-weight:
    700;

  line-height:
    1.5;

  box-sizing:
    border-box;
}



/* ==================================================
   フリーBOX 本文
================================================== */

.lsp-titled-box-free__content {

  margin:
    0 !important;

  padding:
    18px
    20px;

  background:
    #ffffff;

  color:
    #333333;

  box-sizing:
    border-box;
}



.lsp-titled-box-free__content
> :first-child {

  margin-top:
    0;
}


.lsp-titled-box-free__content
> :last-child {

  margin-bottom:
    0;
}



/* ==================================================
   LSP 見出しBOX（表）
================================================== */

.lsp-titled-box-table {

  margin:
    20px
    0;

  border:
    0;

  overflow:
    hidden;

  background:
    #ffffff;
}



/* ==================================================
   表BOX タイトル
================================================== */

.lsp-titled-box-table__title {

  width:
    100%;

  margin:
    0 !important;

  padding:
    12px
    16px;

  border:
    1px solid #cfcfcf;

  border-bottom:
    0;

  background:
    #19448e;

  color:
    #ffffff;

  font-size:
    16px;

  font-weight:
    700;

  line-height:
    1.4;

  text-align:
    center;

  box-sizing:
    border-box;
}



/* ==================================================
   Gutenberg標準テーブル figure
================================================== */

.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table {

  width:
    100%;

  margin:
    0 !important;

  margin-top:
    0 !important;

  margin-bottom:
    0 !important;

  margin-block-start:
    0 !important;

  margin-block-end:
    0 !important;

  padding:
    0;

  overflow-x:
    auto;

  background:
    #ffffff;

  box-sizing:
    border-box;
}



/* ==================================================
   Gutenberg標準テーブル table
================================================== */

.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
table {

  width:
    100%;

  margin:
    0 !important;

  margin-top:
    0 !important;

  margin-bottom:
    0 !important;

  margin-block-start:
    0 !important;

  margin-block-end:
    0 !important;

  padding:
    0;

  border:
    1px solid #cfcfcf !important;

  border-collapse:
    collapse;

  border-spacing:
    0;

  table-layout:
    fixed;

  background:
    #ffffff;

  box-sizing:
    border-box;
}



/* ==================================================
   表セル
================================================== */

.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
th,

.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
td {

  margin:
    0;

  padding:
    11px
    14px;

  border:
    1px solid #cfcfcf !important;

  color:
    #333333;

  font-size:
    15px;

  line-height:
    1.5;

  vertical-align:
    middle;

  text-align:
    center;

  box-sizing:
    border-box;

  overflow-wrap:
    anywhere;

  word-break:
    normal;
}



.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
tr
> th:first-child,

.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
tr
> td:first-child {

  font-weight:
    700;
}



.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
tbody
tr:nth-child(odd)
th,

.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
tbody
tr:nth-child(odd)
td {

  background:
    #ffffff;
}



.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
tbody
tr:nth-child(even)
th,

.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
tbody
tr:nth-child(even)
td {

  background:
    #f4f4f4;
}



.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
thead
th {

  background:
    #f4f4f4;

  font-weight:
    700;
}



.lsp-titled-box-table
.wp-block-table.lsp-titled-box-table__core-table
tfoot
td {

  background:
    #f4f4f4;
}



/* ==================================================
   LSP アイコン＋テキスト

   アイコンは paragraph の ::before に表示。
   auto時は 1em なので文字サイズへ自動追従。
================================================== */

.lsp-icon-text {

  width:
    100%;

  margin:
    12px
    0;

  box-sizing:
    border-box;
}


.lsp-icon-text__text {

  width:
    100%;

  min-width:
    0;

  margin:
    0 !important;
}


.lsp-icon-text__text::before {

  content:
    "";

  display:
    inline-block;

  width:
    var(
      --lsp-icon-text-size,
      1em
    );

  height:
    var(
      --lsp-icon-text-size,
      1em
    );

  margin-right:
    0.45em;

  vertical-align:
    -0.12em;

  background-color:
    var(
      --lsp-icon-text-color,
      #19448e
    );

  -webkit-mask-image:
    var(--lsp-icon-mask);

  mask-image:
    var(--lsp-icon-mask);

  -webkit-mask-repeat:
    no-repeat;

  mask-repeat:
    no-repeat;

  -webkit-mask-position:
    center;

  mask-position:
    center;

  -webkit-mask-size:
    contain;

  mask-size:
    contain;
}