A { 
	font-size: 12pt; 
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;
	line-height:1.4;
	text-decoration:
	none; color:#3c3c3c;}
A:link{ 
	font-size: 12pt; 
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;
	line-height:1.4;
	text-decoration: none; 
	color:#3c3c3c;}
A:visited { 
	font-size: 12pt; 
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;
	line-height:1.4;
	text-decoration: none; 
	color:#3c3c3c;}
A:hover	{ 
	font-size: 12pt; 
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;
	line-height:1.4;
	text-decoration: none; 
	color:orange;}
BODY { 
	font-size: 12pt; 
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;
	line-height:1.4;
	color:#3c3c3c;}


TD { 
	font-size: 12pt; 
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;
	line-height:1.4;
	color:#3c3c3c;}


p {
margin: 0;
padding: 0;
font-size: 18pt; 
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.4;
color:#3c3c3c;
 }

.mc {
font-size: 12pt; 
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.4;
color:#969696;
 }

.mc_l {
font-size: 12pt; 
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.4;
color:#0057a3;
 }
 
.gc_s {
font-size: 11pt; 
font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;
line-height:1.4;
color:#3c3c3c;
 }

table.bottom td {
font-size: 12pt; 
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.4;
color:#3c3c3c;
 }
 
h1{ margin-top: 0; margin-bottom: 0;}

.w_height {line-height: 1.5;}

 /* --- リストエリア --- */
ol.breadcrumb {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}

/* --- リスト項目 --- */
ol.breadcrumb li {
display: inline;
}

/* --- リンク右マージン --- */
ol.breadcrumb li a {
margin-right: 8px;
}

a.line { text-decoration:underline; }


/* --- スマホアクセス 文字サイズ自動変更制御 --- */
body {
    -webkit-text-size-adjust: 100%;
}


/* --- 指定TABLE文字サイズ ---class="large"を指定 */
table.large td {
 font-size: 18pt;
 }


/* --- 画像ロールオーバー効果 ---class="rollover"を指定 2行目で透過調整 */
.rollover a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#img2, #img3, #img4, #img5 {
display:none;
}


.button_w{

height:48px;

width:300px;

font-weight:bold;

font-size: 14pt; 

font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif;

color:#3c3c3c;

}


.button{

height:48px;

width:80px;

}


.check-list {
  margin-top: 10px;
}

.check-list .item {
  position: relative;
  padding-left: 24px;
  line-height: 1.8;
  font-weight: bold;
  color: #0057a3;
}

/* □（枠） */
.check-list .item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  border: 1px solid #0057a3;
}

/* ?（チェック） */
.check-list .item::after {
  content: "\2713";
  position: absolute;
  left: 3px;
  top: -6px;
  font-size: 20px;
  font-weight: bold;
  color: #0057a3;
}

.circle-label {
  width: 100px;
  height: 100px;
  background: #3f81bb;
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
}



/* ===============================
  feeページ用レベルプラン
=============================== */

/* レベルアッププラン */
.levelup-plan{
  margin:50px 0;
  padding:25px 20px;
  background:#ebf5fa;
  border:1px solid #e0e6ed;
}

.levelup-plan h2{
  margin-bottom:20px;
}

/* LVUP帯タイトル */
.plan-title-box{
  display: inline-block;      
  position: relative;         
  padding: 24px 174px 24px 240px;
  background: #0057a3;
  color: #fff;
  font-size: 22px;
  border-radius: 3px;
  margin-top: 30px;
  margin-bottom: 15px;
  text-align: center;
}

/* LVUP帯サブタイトル */
.plan-title-box .plan-subtitle{
  font-size:14px;
  font-weight:400;
  color:#fff;
  margin-left:8px;
  background: transparent;
  padding:0;
}

/* LVUP帯メインタイトルずれ位置調整 */
.plan-main-title{
  position: relative;
  top: 2px;
  text-shadow: 3px 3px 2px rgba(0,0,0,0.2);
  font-weight: 600;
  letter-spacing: 3px;
}

/* LVUP帯アイコン */
.plan-title-box::before{
  content:"";
  position: absolute;
  left: 150px;                 
  top: 50%;
  transform: translateY(-50%);
  width: 50px;                
  height: 50px;
  background: url("../icon/levelup.png") no-repeat center/contain;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));
}

/* LVUP帯バッジ(おすすめ) */
.plan-title-box .plan-badge{
  font-size:14px;
  background:#fff;
  color:#0057a3;
  padding:10px 10px;
  margin-left:36px;
  border-radius:2px;
  letter-spacing: 1.5px;
}



/* LVUPプランカード */
.plan-list{
  margin:10px 0;
  padding-left:0;
  list-style:none;
}

.plan-list.horizontal{
  display:flex;
  justify-content:center;
  gap:30px;
  margin:15px 0;
  padding:0;
}

.plan-list.horizontal li{
  background:#fff;
  border:1px solid #d0d7de;
  padding:70px 90px;
  border-radius:4px;
  text-align:center;
  
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.plan-main{
  display:block;
  font-size:18px;
  font-weight:bold;
  color:#0057a3;
}

.plan-sub{
  display:block;
  font-size:15px;
  color:#777;
  margin-top:4px;
}



/* LVUPサブタイトル */
.plan-title-box .plan-subtitle{
  margin-left:8px;
  font-weight:400;
  color:#fff;
  letter-spacing: 2.5px;
  background: transparent;
  padding:0;
}

.plan-desc{
  margin:25px 0;
  line-height:2.5;
}

.underlinelv{
  border-bottom:1px solid #002f1e;
  padding-bottom:2px;
}



/* LVUP注意書 */
.plan-note{
  display: inline-block;
  max-width: 850px;
  text-align: left;
  line-height: 1.6;
  font-size: 14px;
  color: #555;
  margin: 0 auto;
}

.plan-note strong{
  font-weight: 600;
  color: #111; /* 少し濃くしても良い */
}



/* LVUPリンクボタン */
.plan-link{
  margin-top:15px;
  margin-bottom:30px;
}

.plan-link a{
  margin-top:14px;
  display:inline-block;
  padding:20px 100px;
  border:1px solid #0057a3;
  border-radius:30px;
  text-decoration:none;
  color:#0057a3;
  font-weight:600;
  transition:0.3s;
}

.plan-link a:hover{
  background:#0057a3;
  color:#fff;
}

.plan-link span{
  display:block;
  font-size:13px;
  color:#555;
  margin-top:5px;
}

/* キャッチ */
.lv-catch {
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin: 0px 0 20px;
  color: #0057a3;
  letter-spacing: 1px;
  margin: 10px 0 10px; /* 上10px 下20pxなどで調整 */
}



/* ===============================
   レベルアッププランページ専用
=============================== */

/* ---------- 共通レイアウト ---------- */
.content-inner{
  max-width:900px;
  margin:0 auto;
  margin-bottom:80px;
}

.lv-section{
  max-width:900px;
  margin:0 auto;
  margin-top:80px;
}

/* ---------- リード文 ---------- */
.lv-lead-text{
  text-align:center;
  font-size:22px;
  font-weight:bold;
  margin:30px 0;
  color:#0057a3;
  letter-spacing:1px;
}

.lv-detail{
  text-align:left;
  line-height:1.9;
}


.lv-flow-inline {
  white-space: nowrap; /* 1行表示 */
}

.lv-flow-inline .step {
  border-bottom: 1px solid #0057a3; /* 下線 */
  font-weight: bold;
  padding: 0 4px;
}


/* ---------- セクション余白ルール ---------- */
.lv-box,
.lv-flow,
.lv-feature,
.lv-note{
  margin-bottom:80px;
}


/* ---------- 共通タイトル ---------- */
.lv-title{
  font-size:18px;
  font-weight:bold;
  margin-bottom:22px;
  color:#0057a3;
}

/* ---------- ボックス（向いている方） ---------- */
.lv-box{
  background:#fff;
  padding:50px;
  border-radius:6px;
}

/* ---------- リスト ---------- */
.lv-list{
  list-style:none;
  padding:0;
  margin:0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2列 */
  gap: 20px 60px; /* 縦 横の間隔 */
  width: fit-content;
}

.lv-list li{
  margin-bottom:8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-left: 0;
}

.lv-list li::before{
  content:"\2714";
  color:#0057a3;
  position: static;
  flex-shrink: 0;
  font-size: 20px;
  margin-top: -6px; /*上下位置調整*/
}

/* ---------- フロー（進み方） ---------- */
.lv-flow-inner{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* カード */
.lv-step{
  width:230px;
  padding:55px 15px;
  text-align:center;
  border-radius:8px;
  background:#fff;
  border:1px solid #e0e6ed;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

/* ホバー */
.lv-step:hover{
  transform:translateY(-3px);
  transition:0.2s;
}

/* ステップ色 */
.lv-step-1{ background:#fffdf0; }
.lv-step-2{ background:#f0fbf3; }
.lv-step-3{ background:#fff6ed; }

/* タイトル */
.step-title{
  font-size:20px;
  font-weight:bold;
  color:#0057a3;
  margin-bottom:6px;
}

/* 説明 */
.step-text{
  font-size:14px;
  color:#333;
  line-height:1.6;
}

/* 矢印（三角） */
.lv-arrow{
  width:0;
  height:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:14px solid #0057a3;
  margin:0 5px;
}

/* ---------- 特徴（ピル） ---------- */
.lv-feature .lv-title{
  text-align:left;
}

.lv-feature-list{
  max-width:900px;
  margin:0 auto;
}

.lv-pill{
  background:#fff;
  border:1px solid #0057a3;
  color:#0057a3;
  padding:22px 16px; 
  border-radius:30px;
  font-size:16px; 
  margin-bottom:20px;
  text-align:center;
}

/* ---------- 注意事項 ---------- */
.lv-note{
  font-size:14px;
  color:#555;
}



/* プラン内容 */
.lv-lead-plan{
  text-align:center;
  font-size:22px;
  font-weight:bold;
  margin:30px 0;
  color:#0057a3;
  letter-spacing:1px;
}

/* プランセクション */
.lv-plan{
  margin:80px auto;
  text-align:center;
  max-width:900px;
}

/* カード並び */
.lv-plan-list{
  display:flex;
  justify-content:center;
  gap:50px;
  flex-wrap: nowrap;
  margin-bottom:30px;
}

/* カード */
.lv-plan-card{
  width:260px;
  padding:80px 80px;
  background:#fff;
  border:1px solid #e0e6ed;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
  position:relative;
}

/* おすすめ */
.lv-plan-card.recommended{
  border:2px solid #0057a3;
}

/* バッジ */
.lv-plan-badge{
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  background:#0057a3;
  color:#fff;
  font-size:16px;
  padding:4px 20px;
  border-radius:20px;
}

/* テキスト */
.lv-plan-name{
  font-size:28px;
  font-weight:700;
  color:#0057a3;
  letter-spacing:1.5px;

  display:inline-block;

  /* 下に余白を作る */
  margin-bottom:16px;

  /* 帯の位置を上げて細くする */
  padding-bottom:4px;
  background:linear-gradient(
    transparent 78%,
    rgba(0,87,163,0.18) 78%
  );

  line-height:1.4;
}

.lv-plan-title{
  font-size:20px;
  margin-bottom:20px;
}

.lv-plan-off{
  font-size:20px;
  font-weight:bold;
  margin-bottom:5px;
  color:#8b3a3a;
  letter-spacing:0.04em;
}

.lv-plan-expire{
  font-size:14px;
  color:#666;
}

/* 説明文 */
.lv-plan-desc{
  max-width:900px;
  margin:0 auto;
  text-align:left;
  line-height:1.9;
}



/* アイコン(小タイトル用) */
.with-line {
  display: flex;
  align-items: center;
  gap: 12px;
}

.with-line::before {
  content: "";
  width: 4px;
  height: 1.6em;
  background: linear-gradient(
    to bottom,
    rgba(0,87,163,0.2),  /* 薄くスタート */
    #0057a3              /* 下で締める */
  );
  border-radius: 2px;
}