/* =============================================
   プラレール親ページ固有スタイル（.lp-plarail のみ）
   =============================================
   共通スタイルは lp-common.css に記載。
   このファイルには .lp-plarail 専用の差分のみ記載。
   ============================================= */

/* 大阪ページへのリンクバナー */
.lp-plarail .oc-osaka-link {
  background: #fff8e1;
  border: 2px solid #f9a825;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 24px 0 32px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.lp-plarail .oc-osaka-link .oc-ol-icon { font-size: 2em; flex-shrink: 0; }
.lp-plarail .oc-osaka-link .oc-ol-text { flex: 1; font-size: 0.9em; }
.lp-plarail .oc-osaka-link .oc-ol-text strong {
  display: block;
  color: #b34700;
  font-size: 1.05em;
  margin-bottom: 3px;
}
.lp-plarail .oc-osaka-link .oc-btn-osaka {
  display: inline-block;
  background: #e65100;
  color: #fff;
  padding: 9px 20px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 0.88em;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}

/* エリアタグのグレーバリアント（全国宅配タグ） */
.lp-plarail .oc-area-tag.gray { background: #78909c; }

/* 口コミ（プラレール版） */
.lp-plarail .oc-voice {
  background: #fff;
  border: 1px solid #dde6f5;
  border-radius: 10px;
  padding: 16px 18px;
  box-shadow: 0 2px 8px rgba(37,99,176,0.05);
}
.lp-plarail .oc-voice-q { color: #f9a825; font-size: 0.9em; margin-bottom: 6px; }
.lp-plarail .oc-voice p { font-size: 0.85em; line-height: 1.7; margin: 0 0 8px; }

/* 店舗紹介（about）ブロック */
.lp-plarail .oc-about-wrap { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 0; }
.lp-plarail .oc-about-img { flex-shrink: 0; width: 200px; }
.lp-plarail .oc-about-img img { width: 100%; border-radius: 6px; }
.lp-plarail .oc-about-text { flex: 1; }
@media (max-width: 600px) {
  .lp-plarail .oc-about-wrap { flex-direction: column; }
  .lp-plarail .oc-about-img  { width: 70%; }
}