@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL PLUS
    Theme URI: https://manuon.com/swell_plus/
    Description: SWELLを機能拡張する子テーマ
    Version: 1.3.0
    Author: suya(suyasite)@manuon.com
    Author URI: https://manuon.com/
*/

#swell_plus_floating_button {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 98;
    bottom: -60px;
    transition: bottom .4s;
    margin-bottom: 0.5em;
}

[data-scrolled=true] #swell_plus_floating_button {
    display: block;
    bottom: 0;
}

/*.p-fixBtnWrap {
    bottom: calc(50px + 1.25em);
}*/

footer {
    padding-bottom: 50px;
}

/* =========================================================
   電報コンシェルジュ UI v4
   商品カード精度改善 / 最小フォントサイズ対応
   Link color: #0055b7
   ========================================================= */

/* ---------------------------------------------------------
   コンテンツ内リンク
   --------------------------------------------------------- */

body .post_content a,
body .entry-content a{
  color:#0055b7;
}

body .post_content a:hover,
body .entry-content a:hover{
  opacity:.82;
}

/* CTAなど白文字リンクは下で上書き */

/* ---------------------------------------------------------
   比較表
   --------------------------------------------------------- */

.denpo-table-wrap{
  margin:18px 0 30px;
  max-width:100%;
  font-size:14px;
}

.denpo-table-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid #dedede;
  border-radius:8px;
  background:#fff;
}

.denpo-data-table{
  width:100%;
  margin:0!important;
  border-collapse:separate;
  border-spacing:0;
  font-size:14px!important;
  line-height:1.6;
}

.denpo-table-wrap--scroll .denpo-data-table{
  min-width:760px;
}

.denpo-data-table th,
.denpo-data-table td{
  padding:12px 13px!important;
  vertical-align:top;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  font-size:14px!important;
}

.denpo-data-table th{
  font-weight:700;
  text-align:left;
  white-space:nowrap;
}

.denpo-data-table td:first-child,
.denpo-data-table th:first-child{
  min-width:150px;
}

.denpo-data-table a{
  color:#0055b7!important;
  font-size:14px!important;
  line-height:1.5;
}

.denpo-table-product{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:190px;
}

.denpo-table-thumb{
  width:58px;
  height:58px;
  flex:0 0 58px;
  object-fit:contain;
  border:1px solid #ececec;
  border-radius:6px;
  background:#fafafa;
}

/* ---------------------------------------------------------
   商品グリッド
   PC 3列 / Tablet 2列 / Mobile 1列
   --------------------------------------------------------- */

body .post_content .denpo-product-grid,
body .entry-content .denpo-product-grid,
body .denpo-product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
  margin:20px 0 30px!important;
  padding:0!important;
  align-items:stretch!important;
}

/* ---------------------------------------------------------
   商品カード
   --------------------------------------------------------- */

body .denpo-product-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  margin:0!important;
  padding:14px!important;
  overflow:hidden!important;
  border:1px solid #d9d9d9!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(0,0,0,.04)!important;
}

body .denpo-product-card:hover{
  border-color:#c6c6c6!important;
  box-shadow:0 5px 18px rgba(0,0,0,.07)!important;
}

/* ---------------------------------------------------------
   商品画像
   カード内の独立した画像ボックス
   --------------------------------------------------------- */

body .denpo-product-card__media{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 14px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  align-self:flex-start!important;
}

body .denpo-product-card__media-link{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-decoration:none!important;
}

body .denpo-product-card__img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:initial!important;
  background:transparent!important;
}

body .denpo-product-card__img--empty{
  width:100%!important;
  aspect-ratio:4/3;
  background:#f5f5f5!important;
}

/* ---------------------------------------------------------
   商品カード本文
   --------------------------------------------------------- */

body .denpo-product-card__body{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:0!important;
}

/* サービス名・カテゴリ＝補助情報 */
body .denpo-product-card__eyebrow{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 0 7px!important;
  padding:0!important;
  color:#777!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.45!important;
}

body .denpo-product-card__service,
body .denpo-product-card__category,
body .denpo-product-card__eyebrow-sep{
  margin:0!important;
  padding:0!important;
  color:#777!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.45!important;
}

/* 商品名＝最重要 */
body .denpo-product-card__title{
  margin:0 0 8px!important;
  padding:0!important;
  color:#222!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.5!important;
}

body .denpo-product-card__title a{
  color:#0055b7!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.5!important;
  text-decoration:none!important;
}

body .denpo-product-card__title a:hover{
  text-decoration:underline!important;
  opacity:1!important;
}

/* 価格＝商品名に次ぐ強さ */
body .denpo-product-card__price{
  margin:0 0 8px!important;
  padding:0!important;
  color:#222!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

/* サイズ・補足 */
body .denpo-product-card__meta{
  margin:0!important;
  padding:0!important;
  color:#555!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
}

/* タグ */
body .denpo-product-card__chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:10px 0 0!important;
  padding:0!important;
}

body .denpo-product-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  margin:0!important;
  padding:4px 9px!important;
  border:1px solid #e2e2e2!important;
  border-radius:999px!important;
  background:#f7f7f7!important;
  color:#555!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.3!important;
}

/* ---------------------------------------------------------
   商品CTA
   --------------------------------------------------------- */

body .denpo-product-card__detail{
  margin-top:auto!important;
  padding-top:14px!important;
}

body .denpo-product-card__detail a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid #0055b7!important;
  border-radius:6px!important;
  background:#0055b7!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-align:center!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}

body .denpo-product-card__detail a:hover{
  background:#003f8a!important;
  border-color:#003f8a!important;
  color:#fff!important;
  opacity:1!important;
}

/* ---------------------------------------------------------
   さらに商品を見る
   --------------------------------------------------------- */

.denpo-product-more{
  margin:6px 0 34px;
}

.denpo-product-more > summary{
  cursor:pointer;
  list-style:none;
  min-height:46px;
  padding:12px 16px;
  border:1px solid #d5d5d5;
  border-radius:7px;
  background:#fff;
  color:#333;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  text-align:center;
}

.denpo-product-more > summary::-webkit-details-marker{
  display:none;
}

.denpo-product-more[open] > summary{
  margin-bottom:18px;
}

/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media (max-width:991px) and (min-width:768px){

  body .post_content .denpo-product-grid,
  body .entry-content .denpo-product-grid,
  body .denpo-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }

}

/* ---------------------------------------------------------
   Mobile
   最小フォントサイズ13px
   --------------------------------------------------------- */

@media (max-width:767px){

  .denpo-table-wrap{
    font-size:13px!important;
  }

  .denpo-table-wrap--scroll:before{
    content:"横にスクロールできます →";
    display:block;
    margin:0 0 7px;
    color:#666;
    font-size:13px;
    line-height:1.4;
    text-align:right;
  }

  .denpo-table-wrap--scroll .denpo-data-table{
    min-width:700px;
    font-size:13px!important;
  }

  .denpo-data-table th,
  .denpo-data-table td{
    padding:9px 10px!important;
    font-size:13px!important;
  }

  .denpo-data-table a{
    color:#0055b7!important;
    font-size:13px!important;
  }

  .denpo-data-table td:first-child,
  .denpo-data-table th:first-child{
    position:sticky;
    left:0;
    z-index:2;
    min-width:145px;
    background:#fff;
    box-shadow:1px 0 0 #e5e5e5;
  }

  .denpo-data-table thead th:first-child{
    z-index:3;
  }

  .denpo-table-wrap--compact .denpo-table-scroll{
    overflow:visible;
  }

  .denpo-table-wrap--compact .denpo-data-table{
    min-width:0;
    table-layout:fixed;
    font-size:13px!important;
  }

  .denpo-table-wrap--compact .denpo-data-table td:first-child,
  .denpo-table-wrap--compact .denpo-data-table th:first-child{
    position:static;
    width:40%;
    min-width:0;
    box-shadow:none;
  }

  body .post_content .denpo-product-grid,
  body .entry-content .denpo-product-grid,
  body .denpo-product-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:14px 0 24px!important;
  }

  /* カード全体が1つのボックス。
     画像と本文の間に縦罫線は入れない。 */
  body .denpo-product-card{
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    column-gap:12px!important;
    min-height:0!important;
    padding:12px!important;
    border:1px solid #d8d8d8!important;
    border-radius:9px!important;
    background:#fff!important;
  }

  body .denpo-product-card__media{
    align-self:start!important;
    width:108px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  body .denpo-product-card__media-link{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
  }

  body .denpo-product-card__img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    border:0!important;
    object-fit:initial!important;
    background:transparent!important;
  }

  body .denpo-product-card__body{
    min-width:0!important;
    padding:0!important;
  }

  body .denpo-product-card__eyebrow{
    gap:4px!important;
    margin-bottom:4px!important;
    font-size:13px!important;
    line-height:1.4!important;
  }

  body .denpo-product-card__service,
  body .denpo-product-card__category,
  body .denpo-product-card__eyebrow-sep{
    font-size:13px!important;
    line-height:1.4!important;
  }

  body .denpo-product-card__title{
    margin-bottom:5px!important;
    font-size:15px!important;
    line-height:1.45!important;
  }

  body .denpo-product-card__title a{
    color:#0055b7!important;
    font-size:15px!important;
    line-height:1.45!important;
  }

  body .denpo-product-card__price{
    margin-bottom:5px!important;
    font-size:18px!important;
  }

  body .denpo-product-card__meta{
    font-size:13px!important;
    line-height:1.5!important;
  }

  body .denpo-product-card__chips{
    gap:4px!important;
    margin-top:7px!important;
  }

  body .denpo-product-chip{
    min-height:24px!important;
    padding:3px 7px!important;
    font-size:13px!important;
  }

  body .denpo-product-card__detail{
    grid-column:auto!important;
    padding-top:9px!important;
  }

  body .denpo-product-card__detail a{
    min-height:40px!important;
    padding:8px 10px!important;
    background:#0055b7!important;
    border-color:#0055b7!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.35!important;
  }

  .denpo-product-more > summary{
    min-height:44px;
    padding:11px 13px;
    font-size:13px;
  }
}

/* =========================================================
   v5 追加調整
   1) 「さらに商品を見る」は展開後に非表示
   2) スマホ比較表の左上ヘッダー背景を修正
   ========================================================= */

/* 展開後は「さらに商品を見る」ボタンを消す */
.denpo-product-more[open] > summary{
  display:none!important;
}

/* 開いた後の追加商品グリッド上部余白を整える */
.denpo-product-more[open] > .denpo-product-grid{
  margin-top:0!important;
}

/* スマホ：固定列の背景はtbodyだけ白にする */
@media (max-width:767px){

  .denpo-data-table tbody td:first-child{
    background:#fff!important;
  }

  /* 左上ヘッダーだけ白くなる問題を解消。
     SWELLのメインカラーを優先し、未定義時は現在のゴールド系を使用。 */
  .denpo-data-table thead th:first-child{
    background:var(--color_main, #a88900)!important;
    color:#fff!important;
  }
}

/* =========================================================
   v6 共通追加
   TOP制作時に追加したうち、他ページの商品カードでも使用するもの
   ========================================================= */

/* 商品価格の「（税込）」表記 */
body .denpo-product-card__tax{
  margin-left:3px;
  font-size:14px!important;
  font-weight:400!important;
  line-height:inherit!important;
}

@media (max-width:767px){
  body .denpo-product-card__tax{
    font-size:13px!important;
  }
}
/* =========================================================
   v7 共通コンポーネント
   今後の固定ページで共通利用するUI
   ページ固有CSSは、ここで表現できないものだけ追加する
   ========================================================= */

/* ---------------------------------------------------------
   1) 冒頭サマリー / 結論ボックス
   --------------------------------------------------------- */

.denpo-summary{
  margin:18px 0 28px;
  padding:18px 20px;
  border:1px solid #ddd8ca;
  border-radius:10px;
  background:#faf8f3;
}

.denpo-summary__title{
  display:block;
  margin:0 0 8px;
  color:#222;
  font-size:16px;
  font-weight:700;
  line-height:1.5;
}

.denpo-summary__text{
  margin:0!important;
  color:#444;
  font-size:14px;
  line-height:1.75;
}


/* ---------------------------------------------------------
   2) 注意・補足ボックス
   --------------------------------------------------------- */

.denpo-note{
  margin:16px 0 28px;
  padding:14px 16px;
  border-left:4px solid #a88900;
  background:#faf8f2;
  color:#333;
  font-size:14px;
  line-height:1.75;
}

.denpo-note p{
  margin:0!important;
}

.denpo-note--info{
  border-left-color:#0055b7;
  background:#f5f8fc;
}

.denpo-note--plain{
  border:1px solid #e1e1e1;
  border-left-width:1px;
  border-radius:8px;
  background:#fafafa;
}


/* ---------------------------------------------------------
   3) 用途・目的から選ぶクイックナビ
   --------------------------------------------------------- */

.denpo-quick-nav{
  margin:20px 0 30px;
  padding:18px 20px 20px;
  border:1px solid #ddd8ca;
  border-radius:10px;
  background:#faf8f3;
}

.denpo-quick-nav__title{
  display:block;
  margin:0 0 12px;
  color:#222;
  font-size:16px;
  font-weight:700;
  line-height:1.5;
}

.denpo-quick-nav__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.denpo-quick-nav__item{
  display:flex!important;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:13px 14px;
  border:1px solid #e2dfd6;
  border-radius:8px;
  background:#fff;
  color:#222!important;
  text-decoration:none!important;
}

.denpo-quick-nav__item:hover{
  border-color:#0055b7;
  opacity:1!important;
}

.denpo-quick-nav__item strong{
  color:#0055b7;
  font-size:14px;
  line-height:1.4;
}

.denpo-quick-nav__item span{
  color:#555;
  font-size:12px;
  line-height:1.6;
}


/* ---------------------------------------------------------
   4) 汎用カードグリッド
   --------------------------------------------------------- */

.denpo-card-grid{
  display:grid;
  gap:12px;
  margin:18px 0 30px;
}

.denpo-card-grid--2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.denpo-card-grid--3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.denpo-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:17px 18px;
  border:1px solid #ddd;
  border-radius:9px;
  background:#fff;
}

a.denpo-card{
  color:#222!important;
  text-decoration:none!important;
}

a.denpo-card:hover{
  border-color:#0055b7;
  opacity:1!important;
}

.denpo-card__title{
  display:block;
  margin:0 0 6px;
  color:#222;
  font-size:15px;
  font-weight:700;
  line-height:1.5;
}

a.denpo-card .denpo-card__title{
  color:#0055b7;
}

.denpo-card__text{
  margin:0!important;
  color:#555;
  font-size:13px;
  line-height:1.7;
}


/* ---------------------------------------------------------
   5) チェックリスト
   --------------------------------------------------------- */

.denpo-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  margin:16px 0 28px;
}

.denpo-check-item{
  position:relative;
  min-width:0;
  padding:13px 14px 13px 45px;
  border:1px solid #e1e1e1;
  border-radius:8px;
  background:#fff;
  color:#333;
  font-size:14px;
  line-height:1.65;
}

.denpo-check-item::before{
  content:"✓";
  position:absolute;
  left:14px;
  top:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#a88900;
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1;
}

.denpo-check-item strong{
  display:block;
  margin-bottom:3px;
  color:#222;
  font-size:14px;
  line-height:1.5;
}


/* ---------------------------------------------------------
   6) STEP / 手順
   --------------------------------------------------------- */

.denpo-step-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 28px;
}

.denpo-step-item{
  position:relative;
  min-width:0;
  padding:16px 15px 15px 48px;
  border:1px solid #e1e1e1;
  border-radius:9px;
  background:#fff;
}

.denpo-step-num{
  position:absolute;
  left:14px;
  top:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#a88900;
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1;
}

.denpo-step-item__title{
  display:block;
  margin:0 0 5px;
  color:#222;
  font-size:14px;
  font-weight:700;
  line-height:1.5;
}

.denpo-step-item__text{
  margin:0!important;
  color:#555;
  font-size:13px;
  line-height:1.65;
}


/* ---------------------------------------------------------
   7) 関連ページカード
   --------------------------------------------------------- */

.denpo-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:22px 0 30px;
}

.denpo-related-card{
  display:flex!important;
  flex-direction:column;
  gap:6px;
  min-width:0;
  padding:15px 16px;
  border:1px solid #ddd;
  border-radius:9px;
  background:#fff;
  color:#222!important;
  text-decoration:none!important;
}

.denpo-related-card:hover{
  border-color:#0055b7;
  opacity:1!important;
}

.denpo-related-card strong{
  color:#0055b7;
  font-size:15px;
  line-height:1.5;
}

.denpo-related-card span{
  color:#555;
  font-size:13px;
  line-height:1.65;
}


/* ---------------------------------------------------------
   8) 例文カード
   --------------------------------------------------------- */

.denpo-example-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0 22px;
}

.denpo-example-card{
  padding:16px 17px;
  border:1px solid #dedede;
  border-radius:9px;
  background:#fff;
}

.denpo-example-card__label{
  display:inline-block;
  margin:0 0 9px;
  padding:3px 8px;
  border-radius:999px;
  background:#f2efe5;
  color:#665719;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
}

.denpo-example-card__text{
  margin:0!important;
  color:#333;
  font-size:14px;
  line-height:1.8;
}


/* ---------------------------------------------------------
   9) 小さなタグ / ステータス
   商品カード以外でも共通利用
   --------------------------------------------------------- */

.denpo-tag-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0 0;
  padding:0;
}

.denpo-tag{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 9px;
  border:1px solid #e2e2e2;
  border-radius:999px;
  background:#f7f7f7;
  color:#555;
  font-size:13px;
  font-weight:400;
  line-height:1.3;
}

.denpo-tag--accent{
  border-color:#d9cfaa;
  background:#f7f2df;
  color:#665719;
}


/* ---------------------------------------------------------
   10) 汎用CTA
   --------------------------------------------------------- */

.denpo-cta{
  margin:22px 0 30px;
  text-align:center;
}

body .post_content .denpo-cta a,
body .entry-content .denpo-cta a,
body .denpo-cta a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:220px;
  min-height:46px;
  padding:11px 20px!important;
  border:1px solid #0055b7!important;
  border-radius:7px!important;
  background:#0055b7!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-align:center!important;
  text-decoration:none!important;
}

body .post_content .denpo-cta a:hover,
body .entry-content .denpo-cta a:hover,
body .denpo-cta a:hover{
  background:#003f8a!important;
  border-color:#003f8a!important;
  color:#fff!important;
  opacity:1!important;
}


/* ---------------------------------------------------------
   11) 共通レスポンシブ
   --------------------------------------------------------- */

@media (max-width:991px) and (min-width:768px){

  .denpo-quick-nav__grid,
  .denpo-card-grid--3,
  .denpo-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .denpo-step-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


@media (max-width:767px){

  .denpo-summary{
    margin:14px 0 24px;
    padding:15px 16px;
  }

  .denpo-summary__title{
    font-size:15px;
  }

  .denpo-summary__text{
    font-size:13px;
  }

  .denpo-note{
    margin:14px 0 24px;
    padding:13px 14px;
    font-size:13px;
  }

  .denpo-quick-nav{
    margin:16px 0 24px;
    padding:15px 16px 17px;
  }

  .denpo-quick-nav__title{
    font-size:15px;
  }

  .denpo-quick-nav__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .denpo-quick-nav__item{
    padding:12px;
  }

  .denpo-quick-nav__item strong{
    font-size:13px;
  }

  .denpo-card-grid--2,
  .denpo-card-grid--3,
  .denpo-check-grid,
  .denpo-step-list,
  .denpo-related-grid,
  .denpo-example-grid{
    grid-template-columns:1fr;
  }

  .denpo-card{
    padding:15px 16px;
  }

  .denpo-check-item{
    padding:12px 13px 12px 43px;
    font-size:13px;
  }

  .denpo-check-item::before{
    left:13px;
    top:12px;
  }

  .denpo-step-item{
    padding:15px 14px 14px 46px;
  }

  .denpo-step-num{
    left:13px;
    top:15px;
  }

  .denpo-related-card{
    padding:14px 15px;
  }

  .denpo-example-card{
    padding:14px 15px;
  }

  .denpo-example-card__text{
    font-size:13px;
  }

  .denpo-tag{
    min-height:24px;
    padding:3px 7px;
    font-size:13px;
  }

  body .post_content .denpo-cta a,
  body .entry-content .denpo-cta a,
  body .denpo-cta a{
    width:100%;
    min-width:0;
    min-height:44px;
    padding:10px 14px!important;
    font-size:13px!important;
  }
}