@charset "utf-8";
/* ==========================================================================
   base.css — LINE友だち登録LP
   .cp-lp スコープ内のリセット。既存サイトCSSと衝突させないため、
   必ず .cp-lp 配下のみを対象にする。
   ========================================================================== */

.cp-lp,
.cp-lp * {
  box-sizing: border-box;
}

.cp-lp {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial,
               "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
               Meiryo, メイリオ, sans-serif !important;
  color: #333;
  font-size: 10px;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
}

.cp-lp h3,
.cp-lp h4,
.cp-lp h5,
.cp-lp p,
.cp-lp ul,
.cp-lp ol,
.cp-lp dl,
.cp-lp dt,
.cp-lp dd,
.cp-lp figure {
  margin: 0;
  padding: 0;
}

.cp-lp ul,
.cp-lp ol {
  list-style: none;
}

.cp-lp img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border: 0;
}

.cp-lp a {
  color: #333;
}

.cp-lp a:hover {
  opacity: .8;
}

.cp-lp button {
  font-family: inherit;
  border: 0;
  cursor: pointer;
}

/* --- 表示出し分け（既存サイト踏襲） --- */
.cp-lp .pc_only { display: inline; }
.cp-lp .sp_only { display: none; }
.cp-lp img.pc_only { display: inline-block; }
.cp-lp img.sp_only { display: none; }

/* --- 揃え --- */
.cp-lp .taC { text-align: center; }
.cp-lp .pc_taC { text-align: center; }

/* --- 余白ユーティリティ（既存サイト踏襲・実値指定） --- */
.cp-lp .mb0  { margin-bottom: 0 !important; }
.cp-lp .mb20 { margin-bottom: 20px !important; }
.cp-lp .mb40 { margin-bottom: 40px !important; }
.cp-lp .mb50 { margin-bottom: 50px !important; }
.cp-lp .mt20 { margin-top: 20px !important; }

/* --- 文字サイズ・色ユーティリティ --- */
.cp-lp .fz20 { font-size: 20px; }
.cp-lp .fz36 { font-size: 36px; }
.cp-lp .red  { color: #FF5A44; }