@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*パンくずリストに記事名まで表示させる*/
.p-breadcrumb__list {
    flex-wrap: wrap; /*記事名が長い場合は折り返す*/
}
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
    display: block!important; /*記事名の表示*/
    opacity: 1; /*記事名を半透明にしない*/
    white-space: pre-wrap;/*記事名が長い場合は折り返す*/
}

/* ヘッダー */
.l-header .l-header__inner{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 780px) {
  .l-header .l-header__inner{
  padding-left: 0;
}
}

/* 編集者の改行 */
.p-authorBox__name{
  word-break: normal;
  width: 145px;
  min-width: 145px;
  margin-inline: auto;
}
@media screen and (max-width: 780px) {
  .p-authorBox__name{
    width: 130px;
    min-width: 130px;
    text-wrap: balance;
  }
}

/* 背景色の変更 */
.l-content{
  background-color: #e6e6e6;
  min-width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
}
.l-mainContent{
  background-color: #fff;
  padding: 0 30px 30px;
}
@media screen and (max-width: 780px) {
  .l-mainContent{
    padding: 0 20px 24px;
  }
}
.p-articleMetas.-top {
  margin-top: 0em;
}
.wp-block-table{
  background-color: #fff;
}

/* テーブル下の背景調整 */
.post_content .wp-block-spacer{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background-color: #e6e6e6;
}
.post_content .wp-block-table{
  margin-bottom: 0;
}
