@charset "utf-8";

/* 共通CSSはindex.jspで /pc/css/pc_lineup_common.css を読み込み、ここではタブレット固有差分だけを定義する。 */

.pc_tablet_page .pc_lineup_hero { background-image: url("/pc/desktop/images/bg.jpg"); margin-bottom: 30px; }
.pc_tablet_page .pc_lineup_hero_products { right: 4%; width: 235px; }
.pc_tablet_page .pc_lineup_hero_product_kv { width: auto; max-width: 235px; height: auto; max-height: 157px; object-fit: contain; }
.pc_tablet_page .pc_lineup_hero_points { gap: 8px; width: 63%; }
.pc_tablet_page .pc_lineup_point { min-height: 116px; padding: 0 10px 12px; }
.pc_tablet_page .pc_lineup_point p { font-size: clamp(13px, 1.25vw, 15px); line-height: 1.65; }
.pc_tablet_page .pc_lineup_point .pc_lineup_point_label { margin-bottom: 8px; }
.pc_tablet_page .pc_category_placeholder_panel { min-height: 180px; }
.pc_tablet_page .pc_lineup_recommend_card > a { margin-top: 16px; }
.pc_lineup_point_annotation {font-size: 13px;}

@media (max-width: 991.98px) {
  .pc_tablet_page .pc_lineup_hero_products { right: 4%; width: 235px; max-width: 92%; }
  .pc_tablet_page .pc_lineup_hero_points { gap: 16px; width: auto; }
  .pc_tablet_page .pc_lineup_point { min-height: 104px; padding: 0 16px 12px; }
  .pc_tablet_page .pc_lineup_point p { font-size: 16px; line-height: 1.55; }
}