/* ========================================
   本文スタイル
   利用箇所: 固定ページ本文 / お知らせ本文 / 商品本文
   内容: WordPress本文の見出し・段落・画像・表の基本見た目
======================================== */

img {
  display: inline-block;
  max-width: 100%;
  height: auto !important;
  vertical-align: middle;
  line-height: 1;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.col {
  box-sizing: border-box;
}

.editor-row {
  margin-bottom: 8px;
}

.editor-row img {
  margin-bottom: 4px;
}

.editor h2,
.editor h3,
.editor h4 {
  margin: 0 0 12px;
  line-height: 1.5;
}

.editor p,
.editor li {
  line-height: 1.9;
}

.img-left img {
  float: left;
  margin: 0 12px 8px 0;
}

.img-right img {
  float: right;
  margin: 0 0 8px 12px;
}

.img-full img,
.two-column div img:first-child,
.three-column div img:first-child {
  width: 100%;
}

.two-column-left,
.two-column-right {
  float: left;
  width: 49%;
}

.two-column-left {
  margin-right: 2%;
}

.three-column-left,
.three-column-middle,
.three-column-right {
  float: left;
  width: 32%;
}

.three-column-left,
.three-column-middle {
  margin-right: 2%;
}

.table-area {
  overflow: auto;
}

.table-area table,
.table-area td {
  border: 1px solid #d6d0c7;
  border-collapse: collapse;
}

.table-area td {
  padding: 8px 10px;
}

/* ========================================
   非採用メモ
   利用箇所: なし
   内容: 4〜6カラムの旧本文レイアウトは現状未使用のため停止
======================================== */

/*
.four-column-1,
.four-column-2,
.five-column-1,
.six-column-1 {
  float: left;
}
*/

@media screen and (max-width: 767px) {
  .two-column-left,
  .two-column-right,
  .three-column-left,
  .three-column-middle,
  .three-column-right {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }

  .img-left img,
  .img-right img {
    float: none;
    margin: 0 0 12px;
  }
}