.llp-wrap {
font-family: ‘Hiragino Kaku Gothic ProN’, ‘Meiryo’, sans-serif;
max-width: 720px;
margin: 0 auto;
color: #333;
line-height: 1.7;
}
/* ヒーロー */
.llp-hero {
background: linear-gradient(135deg, #0057b8 0%, #00aaff 100%);
color: #fff;
text-align: center;
padding: 48px 24px 40px;
border-radius: 12px;
margin-bottom: 32px;
}
.llp-hero-eyebrow {
font-size: 13px;
letter-spacing: .12em;
background: rgba(255,255,255,.2);
display: inline-block;
padding: 4px 14px;
border-radius: 20px;
margin-bottom: 16px;
}
.llp-hero h1 {
font-size: clamp(22px, 5vw, 32px);
font-weight: 900;
margin: 0 0 12px;
line-height: 1.35;
}
.llp-hero h1 span {
color: #ffe066;
}
.llp-hero-sub {
font-size: 15px;
opacity: .9;
margin-bottom: 28px;
}
.llp-btn-primary {
display: inline-block;
background: #ff6600;
color: #fff !important;
font-size: 17px;
font-weight: 700;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none !important;
box-shadow: 0 4px 16px rgba(255,102,0,.45);
transition: transform .15s, box-shadow .15s;
}
.llp-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(255,102,0,.55);
}
.llp-hero-note {
font-size: 12px;
opacity: .75;
margin-top: 12px;
}
/* 共感リード */
.llp-lead {
background: #f0f7ff;
border-left: 4px solid #0057b8;
padding: 20px 20px;
border-radius: 0 8px 8px 0;
margin-bottom: 32px;
font-size: 15px;
}
.llp-lead p { margin: 6px 0; }
/* 安心ポイント */
.llp-section-title {
font-size: 19px;
font-weight: 800;
text-align: center;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
}
.llp-section-title::after {
content: ”;
display: block;
width: 48px;
height: 3px;
background: #0057b8;
margin: 8px auto 0;
border-radius: 2px;
}
.llp-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 32px;
}
@media (max-width: 480px) {
.llp-cards { grid-template-columns: 1fr; }
}
.llp-card {
background: #fff;
border: 1px solid #dde8f5;
border-radius: 10px;
padding: 18px 16px;
box-shadow: 0 2px 8px rgba(0,87,184,.07);
}
.llp-card-icon {
font-size: 28px;
margin-bottom: 8px;
}
.llp-card-title {
font-size: 14px;
font-weight: 800;
color: #0057b8;
margin-bottom: 6px;
}
.llp-card-body {
font-size: 13px;
color: #555;
line-height: 1.6;
}
/* 料金 */
.llp-price-box {
background: #fff8f0;
border: 2px solid #ff6600;
border-radius: 12px;
padding: 24px 20px;
text-align: center;
margin-bottom: 32px;
}
.llp-price-box .label {
font-size: 13px;
color: #ff6600;
font-weight: 700;
margin-bottom: 6px;
}
.llp-price-big {
font-size: clamp(36px, 8vw, 52px);
font-weight: 900;
color: #ff6600;
line-height: 1;
}
.llp-price-big small {
font-size: 18px;
font-weight: 700;
}
.llp-price-sub {
font-size: 13px;
color: #888;
margin-top: 6px;
}
/* 実績バー */
.llp-trust {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 32px;
}
.llp-trust-badge {
background: #0057b8;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 6px 14px;
border-radius: 20px;
}
/* バナー */
.llp-banner {
text-align: center;
margin-bottom: 24px;
}
.llp-banner a img {
max-width: 100%;
height: auto;
border-radius: 6px;
}
/* CTA ボタン */
.llp-cta {
text-align: center;
margin-bottom: 16px;
}
/* 注記 */
.llp-disclaimer {
font-size: 11px;
color: #aaa;
text-align: center;
line-height: 1.6;
}
🔰 WordPressをこれから始める方へ
ブログ開設って
むずかしくないんです。
ロリポップ！なら、迷ったときも
サポートがしっかり支えてくれます。
🚀 ロリポップ！を見てみる
初期費用無料・最短1ヶ月から
「サーバーって何から選べばいいの？」
「設定でつまずいたらどうしよう…」
そんな不安、ありませんか？
ロリポップ！は、初心者が一番心配する「困ったときの対応」が充実しているサーバーです。
初心者が安心できる4つの理由
📞
電話サポートあり
ハイスピードプラン以上なら電話対応。テキストで伝えにくい疑問もすぐ解決。
✉️
24時間以内にメール返信
夜中に詰まっても安心。翌日には答えが返ってきます。
📖
豊富なマニュアル
WordPressの開設手順から設定まで、図解つきで丁寧に解説。
🏢
GMOグループ運営
プライム上場企業が運営。稼働率99.99%の安定したインフラです。
💰 圧倒的な安さ
月額99円〜
初期費用無料・最短1ヶ月から利用可能
WordPressも月額220円〜スタートできます
WordPress表示速度 国内No.1※
稼働率 99.99%
初期費用 無料
※「HostAdvice.com」調べ。国内シェア上位3サービスの同一価格帯プラン比較（2023年7月計測）
本記事はPR・広告を含みます。
毎日頑張るあなたを助けたいブログ 