@charset "utf-8";

/* ==========================================================================
   1. 基本フォント・ブラウザ設定
   ========================================================================== */
html {
  /* 日本語を美しく、デバイスによる勝手なサイズ変更を防止 */
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* ==========================================================================
   2. 記事・LP共通の読みやすさ設定
   ========================================================================== */
/* 段落の余白と行間（読みやすさ重視） */
article p, p {
  margin-top: 0;
  margin-bottom: 1.8em;
  line-height: 1.8;
}

/* 目次の箇条書き記号を非表示（Easy Table of Contents用） */
#ez-toc-container li:before {
  content: none !important;
}

/* ==========================================================================
   3. LP専用：こだわりの全幅（フルワイド）表示
   クラシックエディタの画像やdivに「alignfull」クラスを指定して使用
   ========================================================================== */

/* --- PCサイズ (980px以上) --- */
@media only screen and (min-width: 980px) {
  .lp .entry-content .alignfull {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    max-width: none !important;
  }
}

/* --- スマホサイズ (979px以下) --- */
@media only screen and (max-width: 979px) {
  .lp .entry-content .alignfull {
    margin-left: -0.9em !important;
    margin-right: -0.9em !important;
    min-width: calc(100% + 1.8em) !important;
    width: auto !important;
  }
}

/* 画像自体の角丸解除とリサイズ設定 */
.lp .entry-content img.alignfull {
  border-radius: 0;
  height: auto;
  display: block;
}