/* 最小化できませんでした。最小化されていないコンテンツを返します。 (2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,21): run-time error CSS1039: Token not allowed after unary operator: '-layout-width' (67,21): run-time error CSS1039: Token not allowed after unary operator: '-layout-width' (68,21): run-time error CSS1039: Token not allowed after unary operator: '-layout-width' (71,21): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (72,23): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (73,23): run-time error CSS1039: Token not allowed after unary operator: '-lh-normal' (114,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-soft-2' (119,19): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (157,19): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (164,17): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (199,28): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (212,28): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (228,28): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (250,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (323,50): run-time error CSS1039: Token not allowed after unary operator: '-color-navy-mid' (323,76): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (323,99): run-time error CSS1039: Token not allowed after unary operator: '-color-navy-hover' (349,25): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (350,27): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (353,27): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (355,27): run-time error CSS1039: Token not allowed after unary operator: '-font-brand' (359,25): run-time error CSS1039: Token not allowed after unary operator: '-text-brand' (360,27): run-time error CSS1039: Token not allowed after unary operator: '-fw-black' (363,27): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (364,27): run-time error CSS1039: Token not allowed after unary operator: '-font-brand' (374,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (384,23): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (385,25): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (386,27): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (397,23): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (397,38): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (400,25): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (401,27): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (402,27): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (414,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (428,25): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (430,27): run-time error CSS1039: Token not allowed after unary operator: '-lh-ui' (481,32): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-soft' (559,32): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (567,32): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (575,32): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (597,25): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (608,25): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (635,29): run-time error CSS1039: Token not allowed after unary operator: '-text-lg' (636,31): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (637,31): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (742,29): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (846,24): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (847,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-soft' (862,23): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (882,35): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (896,23): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (897,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-soft' (993,21): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (1105,33): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (1146,33): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (1304,39): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (1381,29): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (1385,29): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (1464,31): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1498,37): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1499,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1504,37): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1505,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1509,37): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1510,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1514,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1539,37): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1540,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1557,25): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1567,37): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1568,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1578,35): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1579,37): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1580,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1588,35): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1589,37): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1590,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1598,35): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1599,37): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1600,38): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1637,31): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-soft-2' (1665,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1889,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (1890,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-soft' (1909,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1910,35): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1970,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (1999,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (2042,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border' (2044,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-soft' (2053,35): run-time error CSS1039: Token not allowed after unary operator: '-color-amber' (2502,22): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (2533,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-card-hover' (2534,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (2542,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (2569,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (2608,22): run-time error CSS1039: Token not allowed after unary operator: '-color-navy' (2630,22): run-time error CSS1039: Token not allowed after unary operator: '-color-navy-hover' (2639,34): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (2645,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg' (2670,31): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (2670,51): run-time error CSS1039: Token not allowed after unary operator: '-space-4' (2675,34): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (2677,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (2678,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2684,33): run-time error CSS1039: Token not allowed after unary operator: '-text-2xl' (2685,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-snug' (2692,33): run-time error CSS1039: Token not allowed after unary operator: '-text-2xl' (2693,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-snug' (2698,37): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (2700,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (2701,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-normal' (2702,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2708,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (2709,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-normal' (2710,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2719,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (2720,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2721,33): run-time error CSS1039: Token not allowed after unary operator: '-text-lg' (2723,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (2732,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-pill' (2759,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-pill' (2760,31): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (2760,46): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (2760,61): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (2761,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (2762,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2763,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (2785,34): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (2799,27): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (2800,34): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (2807,33): run-time error CSS1039: Token not allowed after unary operator: '-text-xl' (2808,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2809,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (2812,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-snug' (2817,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (2818,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2819,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (2834,27): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (2862,27): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (2904,31): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (2906,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (2910,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (2941,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2947,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (2948,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2949,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-snug' (2967,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (2968,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2973,33): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (2974,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-normal' (2982,33): run-time error CSS1039: Token not allowed after unary operator: '-text-xs' (2983,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (2984,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (2988,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2993,34): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (2994,31): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (2998,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3003,34): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3004,31): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3008,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3011,34): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3016,34): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3018,33): run-time error CSS1039: Token not allowed after unary operator: '-text-xl' (3019,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3020,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3023,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-snug' (3028,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3029,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular' (3030,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3032,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-normal' (3044,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3065,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3074,27): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3076,34): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3083,31): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3087,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3092,27): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3093,34): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3105,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (3106,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3107,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3113,33): run-time error CSS1039: Token not allowed after unary operator: '-text-lg' (3114,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3115,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3117,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (3122,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3123,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular' (3124,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3126,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-normal' (3129,34): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3131,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3132,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular' (3133,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3135,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-normal' (3144,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3145,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3146,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (3148,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3186,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3187,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3188,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3190,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-snug' (3197,27): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3205,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3209,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3232,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3233,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3234,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (3245,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (3246,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular' (3247,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (3254,34): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3255,31): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3259,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3262,34): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3267,34): run-time error CSS1039: Token not allowed after unary operator: '-space-1' (3269,33): run-time error CSS1039: Token not allowed after unary operator: '-text-xl' (3270,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3271,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3274,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-snug' (3279,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3280,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular' (3281,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3283,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-normal' (3287,27): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3296,31): run-time error CSS1039: Token not allowed after unary operator: '-space-3' (3299,34): run-time error CSS1039: Token not allowed after unary operator: '-surface-card' (3300,40): run-time error CSS1039: Token not allowed after unary operator: '-border-card' (3301,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3302,45): run-time error CSS1039: Token not allowed after unary operator: '-transition-ui' (3302,80): run-time error CSS1039: Token not allowed after unary operator: '-transition-ui' (3302,113): run-time error CSS1039: Token not allowed after unary operator: '-transition-ui' (3313,34): run-time error CSS1039: Token not allowed after unary operator: '-surface-card-hover' (3314,36): run-time error CSS1039: Token not allowed after unary operator: '-border-card-hover' (3315,34): run-time error CSS1039: Token not allowed after unary operator: '-shadow-card-hover' (3338,27): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3339,34): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3354,33): run-time error CSS1039: Token not allowed after unary operator: '-text-lg' (3355,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3356,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3358,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-snug' (3363,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3364,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular' (3365,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3367,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-normal' (3368,34): run-time error CSS1039: Token not allowed after unary operator: '-space-2' (3372,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (3373,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3374,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3377,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (3393,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3394,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3396,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3397,45): run-time error CSS1039: Token not allowed after unary operator: '-transition-ui' (3397,80): run-time error CSS1039: Token not allowed after unary operator: '-transition-ui' (3397,108): run-time error CSS1039: Token not allowed after unary operator: '-transition-ui' (3426,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3427,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3428,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3429,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3430,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3431,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3446,34): run-time error CSS1039: Token not allowed after unary operator: '-fb-bg' (3447,40): run-time error CSS1039: Token not allowed after unary operator: '-fb-border' (3448,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3449,29): run-time error CSS1039: Token not allowed after unary operator: '-fb-line' (3464,29): run-time error CSS1039: Token not allowed after unary operator: '-fb-icon' (3480,33): run-time error CSS1039: Token not allowed after unary operator: '-text-lg' (3481,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3482,29): run-time error CSS1039: Token not allowed after unary operator: '-fb-title' (3483,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (3485,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3497,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3498,29): run-time error CSS1039: Token not allowed after unary operator: '-fb-line' (3499,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-ui' (3500,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular' (3501,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3513,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3519,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3537,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (3538,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3539,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-ui' (3547,33): run-time error CSS1039: Token not allowed after unary operator: '-text-xl' (3548,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3549,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (3556,33): run-time error CSS1039: Token not allowed after unary operator: '-text-sm' (3557,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3558,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-ui' (3571,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3574,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3613,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3614,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3615,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-ui' (3638,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3639,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (3643,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3672,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3681,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3682,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight' (3696,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3698,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3711,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3775,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3906,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3908,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3915,33): run-time error CSS1039: Token not allowed after unary operator: '-text-md' (3916,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (3917,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3918,35): run-time error CSS1039: Token not allowed after unary operator: '-lh-ui' (3921,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3931,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-md' (3935,35): run-time error CSS1039: Token not allowed after unary operator: '-font-sans' (3985,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (4023,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (4035,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-normal' (4047,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold' (4053,35): run-time error CSS1039: Token not allowed after unary operator: '-fw-normal' */ :root { --font-sans: "Yu Gothic UI", "Yu Gothic", "游ゴシック", YuGothic, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif; --font-brand: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif; --text-xs: 11px; --text-sm: 12px; --text-md: 14px; --text-lg: 16px; --text-xl: 18px; --text-2xl: 20px; --text-brand: 38px; --fw-regular: 400; --fw-bold: 700; --fw-black: 900; --lh-tight: 1.25; --lh-ui: 1.35; --lh-snug: 1.4; --lh-normal: 1.6; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-pill: 999px; --surface-card: #fff; --surface-card-hover: #f8fbff; --border-card: #c5d0e0; --border-card-hover: #1f4f9a; --shadow-card-hover: 0 4px 12px rgba(31, 79, 154, 0.12); --transition-ui: 0.15s ease; /* ブランド色（カラーパレット指針：信頼＝紺／親しみ＝橙） */ --color-navy: #1f4f9a; --color-navy-hover: #173d7a; --color-navy-mid: #2a6db0; --color-orange: #f07812; --color-amber: #c85a10; --color-sky: #5b8fd4; --color-bg-soft: #f7f9fc; --color-bg-soft-2: #eef3fa; --color-bg-soft-3: #f5f7fb; --color-border: #c5d0e0; --color-border-soft: #e0e5ef; /* レイアウト幅（デザイン統一指針：狭い窓は横スクロールで崩れ防止） */ --layout-width: 1000px; } html { background-color: #fff; margin: 0; padding: 0; min-width: var(--layout-width); } body { background-color: #fff; min-width: var(--layout-width); max-width: var(--layout-width); border-top: solid 5px #fff; color: #333; font-size: var(--text-md); font-family: var(--font-sans); line-height: var(--lh-normal); padding: 0; margin: 0 auto; } a { color: #333; outline: none; padding-left: 3px; padding-right: 3px; text-decoration: underline; } a:link, a:visited, a:active { color: #333; } a > img { transition: opacity 0.15s ease; } a:hover > img { opacity: 0.85; } header, footer, hgroup, nav, section { display: block; } img { margin: 0px; vertical-align:text-bottom; border-style:none; } li { list-style: none; } mark { background-color: var(--color-bg-soft-2); padding-left: 5px; padding-right: 5px; } .red {color: var(--color-amber);} .blue {color:blue;} .brown {color:brown} .float-left { float: left; } .float-right { float: right; } .clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } h1 { font-size: 1.8em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } h5 a:link, h5 a:visited, h5 a:active { padding: 0; text-decoration: none; } .RED {color: var(--color-amber);} .BOLD {font-weight:bold;} .em08 {font-size: 0.8em;} .em16 {font-size: 1.6em;} .nogoods { width:810px; color: var(--color-amber); font-size:1.4em; font-weight:bold; padding-top:3px; padding-bottom:3px; text-align:center; } .BTN_sakujyo { border-radius: 10px; /* CSS3 */ -webkit-border-radius: 10px; /* Chrome */ -moz-border-radius: 10px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ height:19px; font-size:1.1em; font-weight:bold; background-color:#cccccc; padding:1px; vertical-align:central; } button.BTN_sakujyo { border: none; cursor: pointer; font-family: inherit; } .BTN_order { border-radius: 8px; /* CSS3 */ -webkit-border-radius: 8px; /* Chrome */ -moz-border-radius: 8px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ width:300px; height:40px; font-size:1.3em; font-weight:bold; color:#fff; background-color: var(--color-orange); padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; vertical-align:central; margin:0 auto; } .BTN_order_annai { width:240px; height:40px; font-size:1.4em; font-weight:bold; background-color: var(--color-orange); border-style:solid; border-width:1px; vertical-align:central; margin:0 auto; } .BTN_next { border-radius: 8px; /* CSS3 */ -webkit-border-radius: 8px; /* Chrome */ -moz-border-radius: 8px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ width:160px; height:35px; font-size:1.3em; font-weight:bold; color:#fff; background-color: var(--color-orange); padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; vertical-align:central; margin:0 auto; } .BTN_narrow { box-sizing: border-box; border-radius: 8px; /* CSS3 */ -webkit-border-radius: 8px; /* Chrome */ -moz-border-radius: 8px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ width: auto; min-width: 100px; height: auto; min-height: 32px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.35; background-color: var(--color-navy); padding: 6px 16px; vertical-align: middle; margin: 0; border: none; cursor: pointer; } /* header */ .header-wrapper { background-color: #fff; max-width: 1000px; margin: 0 auto; } .clear { clear: both; height: 0; } .clear hr { display:none; } .header-image { background-color: #fff; max-width: 1000px; padding:0; margin: 0 auto; } .header-image a { margin:0; padding:0; } .header-left { width: 800px; float:left; padding:0; margin: 0 auto; display:block; } .header-middle_box { width: 180px; float:left; padding:0; margin: 0 auto; display:block; } .header-middle_box img{ width: 180px; padding:0; margin: 0 auto; display:block; } .header-right { width: 20px; padding:0; margin: 0 auto; float:left; display:block; } /* トップ区画（案Dレイアウト＋指針ネイビーグラデ・コンパクト・CTA横並び） */ .site-top-bar { display: flex; align-items: center; justify-content: flex-start; gap: 12px; min-height: 72px; padding: 5px 12px 5px 16px; max-width: 1000px; margin: 0 auto; background: linear-gradient(180deg, var(--color-navy-mid) 0%, var(--color-navy) 55%, var(--color-navy-hover) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); } a.site-top-brand { flex: 0 1 auto; min-width: 0; text-decoration: none; color: #fff; display: block; padding: 2px 0; background: transparent; } /* 店名はホバーしても白のまま */ a.site-top-brand:hover, a.site-top-brand :hover, a.site-top-brand:hover .brand-name, a.site-top-brand:hover .brand-tagline { background: transparent !important; background-color: transparent !important; color: #fff !important; } a.site-top-brand:hover .brand-name { opacity: .95; } .site-top-brand .brand-tagline { display: block; font-size: var(--text-sm); font-weight: var(--fw-bold); color: #fff; letter-spacing: 0.02em; line-height: var(--lh-tight); margin-bottom: 1px; font-family: var(--font-brand); } .site-top-brand .brand-name { display: block; font-size: var(--text-brand); font-weight: var(--fw-black); color: #fff; letter-spacing: 0.01em; line-height: var(--lh-tight); font-family: var(--font-brand); text-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 3px rgba(0,0,0,.12); } .site-top-search { flex: 1 1 auto; min-width: 0; max-width: 240px; margin: 0 auto; display: flex; border: 1px solid #c5d0e0; border-radius: var(--radius-md); overflow: hidden; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); } .site-top-search input[type="search"] { flex: 1 1 auto; min-width: 0; border: none; margin: 0; padding: var(--space-2) 10px; font-size: var(--text-md); font-family: var(--font-sans); color: #333; background: #fff; outline: none; -webkit-appearance: none; } .site-top-search input[type="search"]::placeholder { color: #888; } .site-top-search button { flex: 0 0 auto; border: none; margin: 0; padding: var(--space-2) var(--space-3); background: #1f4f9a; color: #fff; font-size: var(--text-md); font-weight: var(--fw-bold); font-family: var(--font-sans); cursor: pointer; line-height: 1; } .site-top-search button:hover { background: #173d7a; } .site-top-actions { flex: 0 0 auto; } .site-top-cta-panel { display: flex; align-items: stretch; background: #fff; border-radius: var(--radius-md); overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,.16); min-height: 56px; } a.site-top-cta-tel, a.site-top-cta-cart { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px 12px; text-decoration: none; font-weight: bold; font-size: var(--text-xs); text-align: center; line-height: var(--lh-ui); } a.site-top-cta-tel { flex: 1 1 auto; min-width: 118px; color: #333; border-right: 1px solid #e6e8f0; } a.site-top-cta-tel:hover { background: #fff8f0; text-decoration: none; color: #333; } a.site-top-cta-tel .num { font-size: 13px; font-weight: 800; color: #c85a10; margin-top: 1px; letter-spacing: 0.02em; } a.site-top-cta-cart { flex: 0 0 auto; min-width: 88px; color: #1f4f9a; } a.site-top-cta-cart:hover { background: #f0f4fc; text-decoration: none; color: #1f4f9a; } .site-top-cta-cart .cart-badge { background: #f07812; color: #fff; font-size: 10px; min-width: 16px; height: 16px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; padding: 0 4px; margin-left: 3px; vertical-align: middle; } .header-login { width: 187px; height:116px; float:right; text-align:center; background-color: var(--color-bg-soft); } .header-login-cartview { margin-left:5px; margin-top:40px; } .header-login-order { margin-top:5px; padding:0; color:#808080; font-size:1.0em; font-weight:200; } .header-menu { background-color: white; padding-top: 3px; } ul#menu { font-size: 1.3em; font-weight: bold; margin: 0 0 5px; padding: 0; text-align: center; color: #000; } ul#menu li { display: inline; list-style: none; padding-left: 5px; } ul#menu li a { background: none; text-decoration: none; } ul#menu li img { height:31px; } ul#menu li a :hover { text-decoration: none; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); } /* ------------------------- */ /* content */ content-wrapper { margin: 0 auto; max-width: 820px; } .SubMenuBox { float:left; } .SubMenu { border-radius: 10px; /* CSS3 */ -webkit-border-radius: 10px; /* Chrome */ -moz-border-radius: 10px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ width: 170px; text-align: left; background-color: #fff; border:double; padding-top: 5px; padding-bottom: 5px; } .element:hover { background-color: var(--color-border); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .element_little:hover { background-color: var(--color-border); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .title { background-color: var(--color-border); text-align:center; font-size: 1.1em; font-weight:bold; border-top-style:solid; border-top-width:2px; border-top-color:#000000; border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#000000; margin-top:5px; margin-bottom:5px; } .element { width:160px; padding-left: 10px; word-break:break-all; margin-bottom:5px; } .element a { font-size: 1em; color: var(--color-navy); text-decoration: none; } .element_little { width:160px; padding-left: 10px; word-break:break-all; margin-bottom:5px; } .element_little a { font-size: 0.9em; color: var(--color-navy); text-decoration:none; } .SubMenuAdd { width:170px; margin-top:5px; } .index_main { float:right; width:820px; background-color: #fff; } .main_main { float:left; width:600px; } .contents { width:600px; margin-bottom:5px; } .contents_sentence { width:600px; padding:0; margin:0; margin-left:5px; font-size: var(--text-lg); font-weight: var(--fw-bold); font-family: var(--font-sans); } .contents_message { width:580px; padding:10px; margin:0; font-size:medium; font-weight:bold; } .contents_left { width:290px; height:auto; float:left; margin-top:5px; margin-bottom:5px; } .contents_right { width:290px; height:auto; float:right; margin-top:5px; margin-bottom:5px; } .contents_box { width:558px; border-style:solid; border-width:1px; padding-left:40px; padding-top:5px; padding-bottom:5px; font-size: 1.1em; font-weight:bold; text-decoration:underline; text-decoration-style:wavy; text-decoration-color: red; margin-bottom:5px; } .main_sub { float:right; width:210px; } .boxlogin { width:190px; height:150px; border-style: solid; border-width: 3px; padding:5px; margin-bottom:5px; } .logintitle { font-size: 1.5em; font-weight:bold; margin-left:10px; margin-bottom:5px; } .logincaption { font-size: 1.0em; font-weight:500; margin-left:5px; } .logintextbox { font-size: 1.0em; font-weight:500; margin-left:20px; } .loginoffer { font-size: 1.5em; font-weight:bold; margin-top:5px; margin-left:10px; } .box { width:190px; height:190px; border-style: solid; border-width: 3px; padding:5px; margin-bottom:5px; } .boxpicture { } .box img { width: 190px; } .boxOS { font-size: 1.4em; font-weight:bold; position:relative; left:5px; bottom:70px; } .boxMaker { font-size: 1.0em; font-weight:500; color:#000; } .boxGoosName { font-size: 1.0em; font-weight:500; color:#000; } .boxPrice { font-size: 1.2em; font-weight:bold; font-style:italic; color: var(--color-amber); text-align:right; } /* -------------------------- */ /* footer */ .footer-wrapper { text-align: center; } .footer-wrapper > p { margin: 0; text-align: center; } /* 精査B-6: フッター店舗情報＋リンクをコンパクトに */ .ft-store-nap { margin: 8px auto 0; max-width: 520px; padding: 10px 12px 0; border-top: 1px solid #c5d0e0; font-size: 12px; color: #555; line-height: 1.55; text-align: center; } .ft-store-nap p { margin: 0 0 2px; } .ft-store-nap-tel { color: #555; font-weight: 400; } .ft-store-nap-hours { color: #666; } ul#menu2 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 14px; box-sizing: border-box; max-width: 640px; margin: 0 auto 8px; padding: 10px 16px 0; list-style: none; text-align: center; } ul#menu2 li { display: inline; list-style: none; margin: 0; padding: 0; } ul#menu2 li a { background: none; color: #808080; font-size: 12px; text-decoration: underline; } ul#menu2 li a:hover { color: #333; text-decoration: none; } /* main */ .main { float:right; width:810px; background-color: #fff; padding:5px; } body.checkout-focus .main { float: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; } body.checkout-focus .cart_box, body.checkout-focus .cart_table, body.checkout-focus .cart_confirm_box, body.checkout-focus .order_box, body.checkout-focus .order_title_box, body.checkout-focus .order_input_box, body.checkout-focus .order_chuii, body.checkout-focus .goriyou_annai_box { width: 100% !important; max-width: 100% !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; } .titlebar { width:auto; border-radius: 5px; /* CSS3 */ -webkit-border-radius: 5px; /* Chrome */ -moz-border-radius: 5px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ border:solid; border-color: var(--color-navy); background-color: var(--color-bg-soft); text-align:center; vertical-align:middle; font-size:1.75em; color:#000; font-weight:bold; } .content { width:auto; border-radius: 1px; /* CSS3 */ -webkit-border-radius: 1px; /* Chrome */ -moz-border-radius: 1px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ border:solid; border-color:var(--color-border); margin-top:5px; padding:10px; } .content #UserName, #Password{ width:250px; margin-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .shousai_kensaku_list { width:810px; min-height:0; height:auto; margin-top:6px; border: none; border-bottom: 1px solid var(--color-border); padding-bottom: 8px; box-sizing: border-box; overflow: hidden; } .order_price { text-align:right; } .kensaku_title_square { width:810px; border:solid; border-width:2px; border-color:var(--color-border); background-color: var(--color-bg-soft); font-size:1.0em; font-weight:bold; padding-top:3px; padding-bottom:3px; } .title_picture { margin-left:50px; } .title_maker { margin-left:90px; } .title_price { margin-left:350px; } .list_picture { float:left; width: 200px; position: relative; } .list_picture_pile_CPU{ position:absolute; top:127px; left:4px; } .list_picture_pile_RAM{ position:absolute; top:127px; left:70px; } .list_picture_pile_DRIVE{ position:absolute; top:127px; left:136px; } .list_Office_img { margin-left:10px; width: 200px; } .list_data { width:600px; height:auto; min-height:0; float:right; vertical-align:top; } .list_maker { float:left; font-size:1.3em; font-weight:bold; } .list_ID { float:right; font-size:1.0em; } .list_name { font-size:1.0em; font-size:1.3em; font-weight:bold; } .list_spec { font-size:1.0em; height:auto; min-height:0; } .list_WindowsBox { float:left; width:180px; height:50px; font-size:1.0em; padding-left:3px; margin:0; text-align:center; } .list_windowsname { font-size:1.6em; font-weight:bold; } .list_editionname { font-size:1.2em; font-weight:bold; line-height:10px; } .list_page_price_Box { float:right; width:410px; } .list_link { float:left; font-size:1.3em; margin-top:25px; } .list_price_noTAX { float:right; font-size:2.1em; color: var(--color-amber); } .list_price { float:right; font-size:1.0em; color:black; } .shousai_kensaku_shousai_1st_BOX { width:810px; height:auto; margin:0; } .shousai_kensaku_shousai_pic_box { width:410px; float:left; } .shousai_kensaku_shousai_picture { width:400px; height:auto; } .shousai_kensaku_shousai_picture img{ width:400px; height:auto; } .shousai_kensaku_shousai_widows_box { float:left; width:400px; height:35px; margin:0; text-align:center; vertical-align:middle; margin-top:5px; margin-bottom:5px; } .windows { font-size:1.7em; color:#000; font-weight:bold; } .edition { font-size:1.0em; color:#000; } .shousai_kensaku_shousai_officeimg_box { width:360px; height:105px; } .shousai_kensaku_shousai_officeimg_box img { width:360px; height:105px; } .shousai_kensaku_shousai_youtube_box { width:385px; height:250px; margin-left:8px; } .shousai_kensaku_shousai_kitoffice_box img{ width:400px; height:90px; } .shousai_kensaku_shousai_shoukai_box { width:400px; float:right; } .shousai_kensaku_shousai_shoukai_shousai_box { } .shousai_kensaku_shousai_maker_box { width:250px; float:left; } .shousai_kensaku_shousai_maker { font-size:1.3em; color:#000; font-weight:bold; text-align:left; } .shousai_kensaku_shousai_id_box { width:150px; float:right; text-align:right; } .shousai_kensaku_shousai_id { font-size:1.0em; color:#000; } .shousai_kensaku_shousai_name { font-size:1.3em; color:#000; font-weight:bold; text-align:left; } .shousai_kensaku_shousai_support_price_box { width:400px; float:right; } .shousai_kensaku_shousai_support_box { width:170px; float:left; } .shousai_kensaku_shousai_price_box { width:230px; float:right; } .shousai_kensaku_shousai_zaiko { text-align:left; margin-top:10px; font-size:1.3em; font-weight:bold; color: var(--color-amber); } a.grv { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 4px 8px; font-size: 12px; font-weight: normal; line-height: 1.3; color: #222 !important; text-decoration: none !important; background: #fff; border: 1px solid #c5d0e0; border-radius: 8px; transition: border-color 0.15s, background-color 0.15s; } a.grv:hover { border-color: #1f4f9a; background: #f8fbff; color: #222 !important; } a.grv span { white-space: nowrap; } a.grv .grv-src, a.grv .grv-src:hover { color: #555 !important; } a.grv .grv-stars, a.grv .grv-stars:hover { color: #f07812 !important; letter-spacing: 1px; font-size: 13px; } a.grv .grv-num, a.grv .grv-count, a.grv .grv-num:hover, a.grv .grv-count:hover { color: #222 !important; } a.grv .grv-num { font-weight: bold; } .grv-wrap { margin: 0 0 16px 0; } .grv-wrap a.grv { padding: 8px 12px; font-size: 14px; } .grv-wrap a.grv .grv-stars { font-size: 16px; } .shousai_kensaku_shousai_price { text-align:right; font-size:1.0em; color:black; } .shousai_kensaku_shousai_price_noTAX { text-align:right; margin-top:5px; font-size:2.2em; font-weight:bold; color: var(--color-amber); } .shousai_kensaku_shousai_explain_box { width:400px; } .shousai_kensaku_shousai_explain { width:300px; float:right; text-align:left; font-size:0.9em; color:#000; margin-top:10px; } .shousai_kensaku_shousai_option { width:400px; text-align:left; } .shousai_kensaku_shousai_option img{ margin-top:10px; float:left; } .shousai_kensaku_shousai_option_list_office{ width:240px; margin-top:25px; float:left; } .shousai_kensaku_shousai_option_check{ width:380px; text-align:left; font-size:1.0em; font-weight:bold; float:left; } .housai_kensaku_shousai_option_cartin { text-align:right; } .shousai_kensaku_shousai_2nd_BOX { width:810px; height:auto; margin:0; margin-top:30px; } .shousai_kensaku_shousai_table_BOX { width:480px; margin:0; float:left; } .shousai_kensaku_shousai_table { } .shousai_kensaku_shousai_table table{ width:480px; border:1px solid #c5d0e0; border-collapse:collapse; table-layout:fixed; } .shousai_kensaku_shousai_table th{ border:1px solid #c5d0e0; width:120px; height:auto; margin:0; padding:6px 8px; background-color:#f7f9fc; color:#333; font-size:1.0em; font-weight:700; text-align:left; } .shousai_kensaku_shousai_table td{ border:1px solid #c5d0e0; width:320px; margin:0; padding:6px 8px; background-color:#fff; font-size:1.0em; text-align:left; word-break:break-all; } .shousai_kensaku_shousai_table_similar_midashi { font-size:18px; font-weight:700; text-align:left; margin-top:16px; margin-bottom:8px; color:#1f4f9a; border-bottom:2px solid #1f4f9a; padding-bottom:4px; } .shousai_kensaku_shousai_table_similar_BOX { width:480px; margin:0; float:left; } .shousai_kensaku_shousai_table_similar_separeteBOX { width:107px; margin:0; border:ridge; border-width:thin; float:left; margin-right:3px; padding:3px; } .shousai_kensaku_shousai_table_similar_name { font-size:0.8em; } .shousai_kensaku_shousai_table_similar_price { font-size:0.9em; } .shousai_kensaku_shousai_table_similar_BOX a { color: #1f4f9a; text-decoration: none; } .shousai_kensaku_shousai_table_similar_BOX a:hover { text-decoration: underline; } .shousai_kensaku_shousai_table_similar_name { color: #1f4f9a; } .shousai_kensaku_shousai_table_similar_price { color: #c85a10; font-weight: 700; } .shousai_kensaku_shousai_senden_BOX { width:300px; margin:0; margin-right:10px; float:right; } .shousai_kensaku_shousai_senden { border:ridge; border-width:thin; text-align:center; padding-bottom:30px; } .shousai_kensaku_shousai_senden_moji { font-size:1.2em; padding:2px; margin-top:15px; } .shousai_kensaku_shousai_senden_pic { width:255px; margin:10px; margin-left:25px; text-align:left; } .shousai_kensaku_shousai_senden_pic_title { font-size:1.4em; font-weight:bold; margin-left:5px; } .shousai_kensaku_shousai_senden_pic2 { width:255px; height:60px; margin-left:10px; margin-top:30px; padding-top:30px; padding-bottom:10px; padding-left:15px; background-color:var(--color-border); color:#fff; text-align:left; font-size:2.1em; line-height:1.3; background: -prefix-linear-gradient(top, blue, white); background: linear-gradient(to right, black, white); } .goriyou_annai_box { box-sizing:border-box; width:810px; height:auto; margin-top:20px; padding:0 5px 8px; border:1px solid #c5d0e0; } .goriyou_annai_title { width:auto; height:auto; background:transparent; color: #1f4f9a; text-align:left; margin:16px 0 12px 0; padding:0 0 4px 0; font-size:18px; font-weight:700; border-bottom:2px solid #1f4f9a; } .goriyou_annai_contens_box_left { box-sizing:border-box; width:100%; height:auto; float:none; margin:0 0 8px 0; padding:0 10px; text-align:left; } .goriyou_annai_contens_box_right { box-sizing:border-box; width:100%; height:auto; float:none; margin:0; padding:0 10px; text-align:left; } .goriyou_annai_contens_title { width:auto; max-width:100%; height:auto; margin-top:12px; margin-left:0; margin-bottom:6px; padding:0 0 2px 0; background:transparent; color:#1f4f9a; font-size:16px; font-weight:700; border-bottom:1px solid #c5d0e0; } .goriyou_annai_contens_midashi { font-size:1.1em; margin-left:10px; font-weight:bold; } .goriyou_annai_contens_contens { font-size:0.9em; margin-bottom:3px; margin-left:20px; } .goriyou_annai_contens_contens2 { font-size:0.9em; margin-bottom:5px; margin-left:40px; } .goriyou_annai_contens_contens .red{ color: var(--color-amber); font-weight:bold; } .goriyou_annai_contens_contens .red_strike{ color: var(--color-amber); font-weight:bold; text-decoration:line-through; } .goriyou_annai_contens_link { text-align:left; font-size:14px; margin:4px 0 8px 0; font-weight:400; } .goriyou_annai_contens_link a { color:#1f4f9a; text-decoration:none; font-weight:700; } .goriyou_annai_contens_link a:hover { text-decoration:underline; } .goriyou_annai_contens_yajirushi { text-align:left; font-size:1.8em; margin-left:250px; font-weight:bold; } .goriyou_annai_contens_space { height:10px; } .goriyou_annai_contens_furikomi_box { width:340px; border-style:solid; border-width:thin; margin-left:50px; margin-top:15px; margin-bottom:15px; padding-left:20px; padding-top:5px; padding-bottom:5px; font-size:1.2em; font-weight:bold; } .goriyou_annai_contens_daibiki_box { margin-top:15px; margin-bottom:15px; margin-left:50px; } .goriyou_annai_contens_daibiki_box table { text-align:center; border-collapse:collapse; } .goriyou_annai_contens_daibiki_box table th { color:#000; font-size:0.9em; background-color:#fff; border-style:solid; border-width:thin; padding:2px; } .goriyou_annai_contens_daibiki_box table td { color:#000; font-size:0.9em; background-color:#fff; border-style:solid; border-width:thin; padding:2px; } .cart_box { width:810px; text-align:center; padding:0; margin:0; border-collapse:collapse; } .cart_table{ width:810px; text-align:center; border-collapse:collapse; border:3px solid var(--color-navy); padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .cart_box th{ color:#1f4f9a; font-size:16px; font-weight:700; background:transparent; text-align:left; padding:8px 4px 6px 4px; border-bottom:2px solid #1f4f9a; } .cart_box td a { color:#1f4f9a; text-decoration:none; font-weight:700; } .cart_box td a:hover { text-decoration:underline; } .cart_title { color:#000; font-size:0.9em; font-weight:bold; background:#fff; } .cart_detail { color:#000; font-size:0.9em; background:#fff; } .cart_picid { width:210px; border-right:1px solid var(--color-navy); border-bottom:1px solid var(--color-navy); } .cart_namespec { width:450px; vertical-align:top; border-right:1px solid var(--color-navy); border-bottom:1px solid var(--color-navy); } .cart_price { width:90px; border-right:1px solid var(--color-navy); border-bottom:1px solid var(--color-navy); } .cart_buttom { width:60px; border-bottom:1px solid var(--color-navy); margin:0 auto; } .cart_buttom a { text-decoration:none; } .cart_info { text-align:left; margin-top:5px; } .cart_info_title { width:50px; } .cart_info_picture { width:200px; } .cart_info_name { text-align:left; padding-left:20px; font-size:1.2em; font-weight:bold; } .cart_info_price { font-size:1.1em; font-weight:bold; border-right:1px solid var(--color-navy); border-bottom:1px solid var(--color-navy); vertical-align: middle; } .cart_price_main { line-height: 1.3; } .cart_price_sub { margin-top: 2px; font-size: 11px; font-weight: normal; color: #666; line-height: 1.3; } .cart_endline { margin:0; padding:0; height:4px; background:var(--color-navy); } .cart_info_footer { width:450px; padding-top:4px; padding-right:10px; text-align:right; vertical-align:top; font-size:1.1em; font-weight:bold; border-right:1px solid var(--color-navy); border-bottom:1px solid var(--color-navy); } .cart_info_footer_LittleSum { width:450px; padding-top:4px; padding-right:10px; text-align:right; vertical-align:top; font-size:1.1em; font-weight:bold; border-top:6px solid var(--color-navy); border-right:1px solid var(--color-navy); border-bottom:1px solid var(--color-navy); } .cart_info_footer_price{ width:150px; text-align:center; vertical-align:top; font-size:1.3em; font-weight:bold; border-top:1px solid var(--color-navy); border-right:1px solid var(--color-navy); border-bottom:1px solid var(--color-navy); } .cart_info_footer_price_LittleSum { width:150px; text-align:center; vertical-align:top; font-size:1.3em; font-weight:bold; border-top:6px solid var(--color-navy); border-right:1px solid var(--color-navy); border-bottom:1px solid var(--color-navy); } .cart_confirm_box { width:810px; margin-top:20px; } .cart_confirm_box a { text-decoration:none; } .cart_confirm_left { padding-right:80px; } .order_box { width:810px; text-align:center; padding:0; margin:0; } .order_title_box { width:800px; height:25px; text-align:center; padding:5px; margin:0; margin-top:30px; margin-bottom:30px; border:solid; border-radius: 10px; /* CSS3 */ -webkit-border-radius: 10px; /* Chrome */ -moz-border-radius: 10px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ } .order_title { font-size:1.3em; } .order_title_current { font-size:1.3em; background-color:var(--color-bg-soft-2); padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; } .order_chuii { width:800px; height:auto; text-align:center; padding-left:20px; margin-top:10px; font-size:0.9em; } .order_annai_button { width:810px; margin-top:30px; margin-bottom:20px; } .order_annai button { margin-right:15px; margin-left:15px; } .order_annai_box { width: 810px; height:auto; border-style:solid; border-width:2px; border-color: var(--color-navy); text-align:left; } .order_annai_contens_box_left { width:395px; height:900px; float:left; border:none; margin-left:3px; padding-top:5px; padding-bottom:5px; padding-left:5px; text-align:left; } .order_annai_contens_box_right { width:395px; height:900px; float:right; border:none; margin-right:3px; padding-top:5px; padding-bottom:5px; padding-left:5px; text-align:left; } .order_input_box { width:810px; padding:0; margin:0; font-size:1.0em; margin-top:20px; border-collapse:collapse; } .order_input_bclub_box { float:right; width:700px; border-top:solid thin; border-left:solid thin; border-right:solid thin; border-bottom:solid thin; border-collapse:collapse; margin-bottom:3px; } .order_input_bclub_box_caption { float:left; width:70px; height:40px; border-right:solid thin; text-align:center; line-height:40px; } .order_input_bclub_box_IDPass { float:right; width:619px; height:40px; padding-left:10px; line-height:40px; text-align:left; } .order_input_input_box { width:808px; height:800px; text-align:center; border:solid thin; border-collapse:collapse; } .order_input_input_box_table { border-collapse: collapse; } .order_input_input_box_left { width:150px; border:solid thin; text-align:center; font-size:1.2em; } .order_input_input_box_right { width:652px; padding-left:5px; padding-top:5px; padding-bottom:5px; border-top:solid thin; border-right:solid thin; border-bottom:solid thin; text-align:left; font-size:1.0em; margin-left:10px; } .order_input_input_box_BClubID { width: 200px; margin:3px; } .order_input_input_box_BClubPASS { width: 200px; margin:3px; } .order_input_input_box_Haitatsu { width: 150px; margin:3px; } .order_input_input_box_Name { width: 200px; margin:3px; } .order_input_input_box_Company { width: 500px; margin:3px; } .order_input_input_box_TEL { width: 140px; margin:3px; margin-left:10px; } .order_input_input_box_PostalCode { width: 100px; margin:3px; margin-left:10px; } .order_input_input_box_Prefectal { width: 80px; margin:3px; margin-left:10px; } .order_input_input_box_Address { width: 350px; margin:3px; margin-left:10px; } .order_input_input_box_Mail { width: 350px; margin:3px; margin-left:10px; } .order_input_input_box_Request { width: 500px; height:100px; margin:3px; margin-left:10px; } .order_confirm_confirm_explain { font-size: 1.2em; margin-bottom:15px; } .order_finish_explain { font-size:1.2em; font-weight:bold; color:black; } .kaitori_douisho_caption { width:540px; text-align:center; } .kaitori_douisho_box { width:610px; padding:10px; margin:0px; border:solid; border-width:1px; } .kaitori_douisho_input_box { width:600px; padding:2px; margin:0px; border:solid; border-width:3px; } .kaitori_douisho_input_cell { width:590px; padding:2px; margin:0px; border:solid; border-width:2px; vertical-align:top; } .kaitori_douisho_input_cell2_caption { width:80px; padding:2px; margin:0px; border:solid; border-width:2px; vertical-align:middle; text-align:center; } .kaitori_douisho_input_cell2_data { width:510px; padding:2px; margin:0px; border:solid; border-width:2px; vertical-align:middle; } .kaitori_douisho_input_cell3_data { width:350px; padding:2px; margin:0px; border:solid; border-width:2px; vertical-align:middle; } .kaitori_douisho_input_cell4_data { padding:2px; margin:0px; border:solid; border-width:2px; vertical-align:middle; } .kaitori_douisho_shopinput_box { width:600px; border:solid; border-width:1px; } .kaitori_douisho_shopinput_caption { border-bottom-style:solid; border-bottom-width:1px; } .narrowing_pc_box { box-sizing: border-box; width: 810px; /* 一覧・見出し行と右端揃え */ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; behavior: url(../js/PIE.htc); /* IE8 */ border: 2px solid var(--color-border); background-color: var(--color-bg-soft); margin: 8px 0 12px 0; padding: 12px 16px; } .narrowing_pc_head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 0 0 12px 0; } .narrowing_pc_caption { display: inline-block; width: auto; margin: 0; padding: 0 0 4px 4px; font-size: 14px; font-weight: 700; line-height: 1.35; color: var(--color-navy); border-bottom: 2px solid var(--color-navy); } .narrowing_pc_link { flex: 0 0 auto; margin: 0 0 2px 0; padding: 0; font-size: 13px; font-weight: 700; line-height: 1.35; white-space: nowrap; text-align: right; } .list_page_head { display: flex; justify-content: flex-end; margin: 0 0 8px 0; } .narrowing_pc_fields { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: center; } .narrowing_pc_field { display: flex; align-items: center; gap: 8px; box-sizing: border-box; flex: 0 0 calc(50% - 12px); min-width: 300px; } .narrowing_pc_field--wide { flex: 0 0 100%; min-width: 0; } .narrowing_pc_range { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .narrowing_pc_range-sep { color: #333; font-size: 14px; line-height: 1.35; } .narrowing_pc_input--size, .narrowing_pc_range .narrowing_pc_input { width: auto; max-width: 140px; min-width: 110px; } .narrowing_pc_label { flex: 0 0 7.5em; width: auto; margin: 0; padding: 0; font-size: 14px; font-weight: 700; line-height: 1.35; color: var(--color-navy); text-align: right; white-space: nowrap; } .narrowing_pc_label label { margin: 0; font-size: inherit; font-weight: inherit; color: inherit; white-space: nowrap; } .narrowing_pc_control { flex: 1 1 auto; min-width: 0; } .narrowing_pc_input, .narrowing_pc_control select, .narrowing_pc_control input[type="text"], .narrowing_pc_selectbox select, .narrowing_pc_selectbox input[type="text"] { box-sizing: border-box; width: 100%; max-width: 220px; height: 32px; margin: 0; padding: 4px 8px; font-size: 14px; line-height: 1.35; color: #222; border: 1px solid var(--color-border); border-radius: 4px; background: #fff; vertical-align: middle; } .narrowing_pc_actions, .narrowing_pc_buttom { display: flex; align-items: center; justify-content: flex-end; gap: 12px; width: auto; margin-top: 12px; padding: 0; } /* 旧tableレイアウト（モニター絞り込み等） */ .narrowing_pc_box > table { width: 100%; border-collapse: collapse; } .narrowing_pc_box > table td { vertical-align: middle; padding: 4px 8px; } .narrowing_pc_box > table .narrowing_pc_label { width: 7.5em; padding-left: 0; padding-right: 8px; } .narrowing_pc_selectbox { width: auto; } .narrowing_pc_space { width: 16px; padding: 0; } /* 中古パーツ一覧：フリーキーワード検索（narrowing_pc の固定幅を使わない） */ .usedparts-search-box { box-sizing: border-box; width: 790px; margin: 5px 0 10px 0; padding: 12px 16px; border: 2px solid var(--color-border); border-radius: 8px; background-color: var(--color-bg-soft); } .usedparts-search-caption { display: inline-block; margin: 0 0 12px 0; padding: 0 0 2px 4px; font-size: 14px; font-weight: bold; white-space: nowrap; border-bottom: 3px solid var(--color-amber); } .usedparts-search-row { display: flex; align-items: center; gap: 12px; } .usedparts-search-label { flex: 0 0 auto; font-size: 14px; font-weight: bold; white-space: nowrap; color: #1f4f9a; } .usedparts-search-input { box-sizing: border-box; flex: 1 1 auto; min-width: 200px; max-width: 420px; height: 35px; padding: 4px 8px; font-size: 14px; border: 1px solid #c5d0e0; } .usedparts-search-btn { flex: 0 0 auto; margin: 0; } .static_title1 { width: 770px; text-align:center; color:red; } .static_title2 { width: 770px; text-align:center; margin-bottom:10px; } .static_picture { width:750px; text-align:center; margin-bottom:5px; margin-bottom:5px; } .static_kajyou1 { margin-left:15px; margin-bottom:5px; } .static_kajyou2 { margin-left:30px; font-weight:300; margin-bottom:2px; } .static_kajyou3 { margin-left:45px; font-weight:300; } .order_repair_box { width: 780px; height:auto; border-style:solid; border-width:8px; border-color:#ffd700; text-align:left; padding:10px; border-radius: 10px; /* CSS3 */ -webkit-border-radius: 10px; /* Chrome */ -moz-border-radius: 10px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ } .order_support_box { width: 780px; height:auto; border-style:solid; border-width:8px; border-color:#191970; text-align:left; padding:10px; border-radius: 10px; /* CSS3 */ -webkit-border-radius: 10px; /* Chrome */ -moz-border-radius: 10px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ } .order_kaisekikun_box { width: 780px; height:auto; border-style:solid; border-width:8px; border-color:#191970; text-align:left; padding:10px; border-radius: 10px; /* CSS3 */ -webkit-border-radius: 10px; /* Chrome */ -moz-border-radius: 10px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ } .order_kaisekikun_img { text-align:center; } .explain_title { width:810px; height:30px; padding-left:5px; padding-top:2px; } .explain_title_box { width:805px; height:28px; padding-left:5px; padding-top:2px; background-color:blue; font-size:large; font-weight:bold; vertical-align:middle; color:white; display:block; margin:auto 0; } .tenpo_map_box { float:left; padding-top:10px; } .tenpo_map { padding-top:20px; padding-bottom:20px; margin-left:5px; } .tenpo_map_explain { width:400px; height:auto; margin-left:5px; text-align:left; } .tenpo_explain { float:left; padding-top:10px; text-align:left; padding-left:60px; } .tenpo_explain_buttom { border-radius: 10px; /* CSS3 */ -webkit-border-radius: 10px; /* Chrome */ -moz-border-radius: 10px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ width:120px; height:24px; font-size:1.2em; font-weight:bold; background-color:#ff9a66; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; text-align:center; color:black; } .tenpo_picture_box { width:780px; padding-top:20px; padding-bottom:20px; margin-left:20px; } .tenpo_picture { padding-left:30px; } .tenpo_footer_box { width: 652px; height:auto; text-align:left; padding:10px; margin-left:50px; } /* ページ末尾の連絡先（_soudan.ascx）— 枠＋横並び。文言はテキスト統一 */ .soudann_box { box-sizing: border-box; width: 760px; max-width: 100%; margin: 8px 0 0 0; padding: 12px 14px; background: #fff; border: 2px solid #1f4f9a; border-radius: 8px; overflow: hidden; display: table; table-layout: fixed; font-family: "Yu Gothic UI", "Yu Gothic", "游ゴシック", YuGothic, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif; font-size: 14px; line-height: 1.6; color: #222; } /* サービスページ内では本文ボックスと同じ幅・左端に揃える */ .svc-page .soudann_box { width: 100%; margin: 16px 0 0 0; } .soudann_box > .soudan_img { display: table-cell; float: none; vertical-align: middle; width: 120px; margin: 0; padding: 0 10px 0 0; } .soudann_box > .soudan_img img { display: block; max-width: 110px; height: auto; } .soudann_box > .soudan_explain { display: table-cell; float: none; vertical-align: middle; text-align: left; margin: 0; width: auto; } .soudann_box .soudan_lead { display: block; margin: 0 0 4px 0; padding: 0; font-family: inherit; line-height: 1.45; } .soudann_box .soudan_lead { margin-bottom: 8px; font-size: 14px; font-weight: 700; color: #1f4f9a; } .soudann_box .soudan_telmail_box { width: auto; max-width: 100%; margin: 0; text-align: left; font-size: 14px; line-height: 1.55; color: #222; } .soudann_box .soudan-tel-row, .soudann_box .soudan-mail-row { margin: 0 0 2px 0; } .soudann_box .soudan-tel-label, .soudann_box .soudan-mail-label { font-weight: 400; color: #222; } .soudann_box a.soudan-tel:link, .soudann_box a.soudan-tel:visited, .soudann_box a.soudan-tel:active, .soudann_box a.soudan-tel:hover { color: #c85a10; font-weight: 700; text-decoration: none; } .soudann_box a.soudan-mail:link, .soudann_box a.soudan-mail:visited, .soudann_box a.soudan-mail:active, .soudann_box a.soudan-mail:hover { color: #1f4f9a; font-weight: 700; text-decoration: underline; } .soudann_box .soudan-hours { margin-left: 4px; font-size: 12px; font-weight: 400; color: #555; } .soudann_box .clear-fix { display: none; } /* キャラなし（店舗案内以外）— 本文（svc-page 810px）幅に揃え、中身は中央にまとめる */ .soudann_box--no-chara { display: block; box-sizing: border-box; width: 810px; max-width: 100%; margin: 16px 0 0 0; table-layout: auto; text-align: center; } .svc-page .soudann_box--no-chara, .main .order_finish_explain .soudann_box--no-chara { width: 100%; margin: 16px 0 0 0; } .soudann_box--no-chara > .soudan_explain { display: inline-block; width: auto; max-width: 100%; text-align: left; vertical-align: top; } .soudann_box--no-chara .soudan_telmail_box { text-align: left; } .explain_yellow_box { width: 740px; height:auto; border-style:solid; border-width:0px; background:#f9edd3; text-align:left; padding:10px; padding-left:20px; padding-right:20px; border-radius: 10px; /* CSS3 */ -webkit-border-radius: 10px; /* Chrome */ -moz-border-radius: 10px; /* Firefox */ behavior: url(../js/PIE.htc); /* IE8 */ margin-left:15px; } .exlpanin_yellow_box_float { float:left; margin-left:10px; } .service_midashi { margin-left:15px; } .service_daimoku_box{ width: 760px; height:auto; margin-left:20px; margin-right:20px; border-style:none; } .servece_honbun { margin-left:10px; font-weight:300; margin-bottom:2px; } .service_black_list{ width: 760px; height:auto; margin-left:15px; padding:10px; border-style:solid; border-width:2px; border-top-color:#cccccc; border-left-color:#cccccc; border-right-color:#cccccc; border-bottom-color:#cccccc; } .service_black_list img{ margin-top:5px; margin-left:5px; margin-bottom:5px; } .service_invisible_list { width: 760px; height: auto; margin-left: 15px; padding: 10px; border-style: none; } .service_invisible_list_img { margin-top:5px; margin-left:5px; margin-bottom:10px; } .service_left_260 { width:260px; float:left; } .service_left_500 { width:500px; float:left; } .service_left_620 { width:620px; float:left; } .service_left_140 { width:140px; float:left; } .service_left_180 { width:180px; float:left; } .service_left_580 { width:580px; float:left; } .service_left_120 { width:120px; float:left; } .service_left_640 { width:640px; float:left; } .service_left_150 { width:150px; float:left; } .service_left_610 { width:610px; float:left; } .service_left_245 { width:245px; float:left; } .service_left_5 { width:10px; float:left; } .service_center { text-align:center;} .shougatu_blue_large { color:blue; font-size:large; font-weight:bold; } .shougatu_red_large { color:red; font-size:large; font-weight:bold; } .shougatu_black_medium { color:black; font-size:medium; } /* ----- レフト商品カテゴリ新デザイン（index_test） ----- */ .cat-menu { width: 170px; margin-bottom: 8px; background: #fff; border: 1px solid #d8dae6; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.04); text-align: left; } .cat-menu__head { background: var(--color-navy); color: #fff; font-size: 13px; font-weight: bold; padding: 10px 12px; } .cat-menu__list { list-style: none; margin: 0; padding: 0; } .cat-menu__list > li + li { border-top: 1px solid #e8e8ee; } .cat-menu__item { display: block; padding: 9px 10px; color: #333; text-decoration: none; font-size: 12px; line-height: 1.35; zoom: 1; } .cat-menu__item:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .cat-menu__item:hover { background: var(--surface-card-hover); color: var(--color-navy); text-decoration: none; } .cat-menu__icon { float: left; width: 18px; height: 18px; margin-right: 6px; color: var(--color-navy); line-height: 18px; text-align: center; } .cat-menu__icon svg { width: 16px; height: 16px; vertical-align: top; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .cat-menu__label { display: block; margin-right: 14px; overflow: hidden; } .cat-menu__chevron { float: right; color: #b0b4c8; font-size: 14px; font-weight: bold; line-height: 18px; } .cat-menu__item:hover .cat-menu__chevron { color: var(--color-navy); } .cat-menu__sub { list-style: none; margin: 0; padding: 0; background: #fafbfd; border-top: 1px solid #e8e8ee; } .cat-menu__sub .cat-menu__item { padding: 7px 10px 7px 14px; font-size: 11px; color: #555; } .cat-menu__sub li + li { border-top: 1px solid #e8e8ee; } .cat-menu__branch:before { content: "┗"; color: #7b84d4; font-size: 11px; } .cat-menu__sub .cat-menu__icon svg { display: none; } /* ----- レフト折りたたみブロック（スペック／最新入荷分・T2・2026-08-14） ----- */ details.cat-menu-fold { width: 170px; margin-bottom: 8px; background: #fff; border: 1px solid #d8dae6; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.04); } details.cat-menu-fold summary { list-style: none; cursor: pointer; background: var(--color-navy); color: #fff; font-size: 13px; font-weight: bold; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; } details.cat-menu-fold summary::-webkit-details-marker { display: none; } details.cat-menu-fold summary:after { content: "▶"; font-size: 10px; margin-left: 6px; transition: transform .15s ease; } details.cat-menu-fold[open] summary:after { transform: rotate(90deg); } details.cat-menu-fold summary:hover { background: var(--color-navy-hover); } /* トップページ（Views/Home/Index.aspx）専用 */ /* force-reload: 2026-08-06 topic-band-vcenter */ /* ヒーローセクション — デザイン統一指針 */ .hero-section { width: 600px; margin: 0 0 var(--space-2) 0; padding: 0; box-sizing: border-box; position: relative; overflow: hidden; border: 1px solid #e5e9f0; border-radius: var(--radius-lg); background: radial-gradient(ellipse 85% 70% at 8% 0%, #ffffff 0%, transparent 50%), radial-gradient(ellipse 60% 55% at 95% 100%, rgba(255, 196, 140, 0.28) 0%, transparent 55%), linear-gradient(160deg, #f7f9fc 0%, #eef3fa 40%, #f8f6f3 100%); box-shadow: 0 2px 10px rgba(40, 60, 100, 0.06); color: #334155; } .hero-section:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: radial-gradient(circle at 16% 28%, rgba(255,255,255,.9) 0 2px, transparent 3px), radial-gradient(circle at 82% 20%, rgba(255,255,255,.65) 0 1.5px, transparent 2.5px), radial-gradient(circle at 48% 76%, rgba(255,255,255,.75) 0 2px, transparent 3px); pointer-events: none; } @keyframes hero-rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .hero-section .hero-inner { position: relative; z-index: 1; padding: var(--space-4) 18px var(--space-4); text-align: center; animation: hero-rise 0.4s ease-out both; } .hero-section .hero-title { margin: 0 0 var(--space-2); padding: 0; font-family: var(--font-sans); font-weight: var(--fw-bold); color: #1a2333; -webkit-font-smoothing: antialiased; } .hero-section .hero-line1 { display: block; font-size: var(--text-2xl); line-height: var(--lh-snug); letter-spacing: 0.02em; margin-bottom: 2px; color: #1f4f9a; } .hero-section .hero-line2 { display: block; font-size: var(--text-2xl); line-height: var(--lh-snug); letter-spacing: 0.01em; color: #1a2333; } .hero-section .hero-proof { margin: 0 auto var(--space-2); max-width: 540px; font-size: var(--text-md); line-height: var(--lh-normal); font-weight: var(--fw-bold); color: #1f4f9a; } .hero-section .hero-sub { margin: 0 auto; max-width: 540px; font-size: var(--text-md); line-height: var(--lh-normal); font-weight: var(--fw-bold); color: #333b4a; } .hero-section .hero-ctas { margin-bottom: 10px; } .hero-section .hero-ctas a { display: inline-block; text-decoration: none; font-family: var(--font-sans); font-weight: var(--fw-bold); font-size: var(--text-lg); padding: 10px 22px; border-radius: var(--radius-md); margin: 0 5px 4px; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; vertical-align: middle; } .hero-section .btn-primary { background: #f07812; color: #fff; border: 2px solid #f07812; border-radius: var(--radius-pill); box-shadow: 0 2px 8px rgba(240, 120, 18, 0.3); } .hero-section .btn-primary:hover { background: #de6a08; border-color: #de6a08; color: #fff; } .hero-section .btn-secondary { background: #fff; color: #1f4f9a; border: 2px solid #1f4f9a; } .hero-section .btn-secondary:hover { background: #eef4fb; color: #173d7a; border-color: #173d7a; } .hero-section .hero-badges { margin: 0; padding: 0; list-style: none; } .hero-section .hero-badges li { display: inline-block; background: #fff; border: 1px solid #cfd7e6; border-radius: var(--radius-pill); padding: var(--space-1) var(--space-3) var(--space-1) 7px; font-size: var(--text-sm); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #2a3a52; margin: 0 5px 4px; vertical-align: middle; } .hero-section .badge-icon { display: inline-block; width: 18px; height: 18px; margin-right: 6px; vertical-align: middle; line-height: 0; } .hero-section .badge-icon svg { width: 18px; height: 18px; vertical-align: middle; } /* ヒーロー直下：新着3台（T1・コンパクト） */ .new-arrivals { width: 600px; margin: 0 0 var(--space-3) 0; padding: 0; box-sizing: border-box; } .new-arrivals-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--space-2); margin: 0 0 var(--space-2) 0; padding: 0 2px 0 8px; border-left: 3px solid #1f4f9a; } .new-arrivals-heading { margin: 0; padding: 0; font-size: var(--text-xl); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #1f4f9a; letter-spacing: 0.02em; line-height: var(--lh-snug); } a.new-arrivals-more, a.new-arrivals-more:link, a.new-arrivals-more:visited { font-size: var(--text-sm); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #1f4f9a !important; text-decoration: none !important; white-space: nowrap; } a.new-arrivals-more:hover { color: #173d7a !important; text-decoration: underline !important; background: transparent !important; } .new-arrivals-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 8px 1fr 8px 1fr; grid-template-columns: 1fr 1fr 1fr; gap: var(--space-2); } .new-arrivals-rail { position: relative; } .new-arrivals-viewport { overflow: hidden; width: 100%; } .new-arrivals-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform 0.35s ease; transition: transform 0.35s ease; will-change: transform; } .new-arrivals-page { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; box-sizing: border-box; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 8px 1fr 8px 1fr; grid-template-columns: 1fr 1fr 1fr; gap: var(--space-2); padding: 0 2px; } button.new-arrivals-nav { position: absolute; top: 50%; z-index: 2; width: 36px; height: 36px; margin-top: -18px; padding: 0; border: 0; border-radius: 50%; background: rgba(31, 79, 154, 0.42); color: #fff; font-size: 24px; font-weight: bold; line-height: 34px; text-align: center; cursor: pointer; -webkit-appearance: none; appearance: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); } button.new-arrivals-nav--prev { left: 2px; } button.new-arrivals-nav--next { right: 2px; } button.new-arrivals-nav:hover { background: rgba(31, 79, 154, 0.62); } button.new-arrivals-nav.is-disabled, button.new-arrivals-nav:disabled { opacity: 0.28; pointer-events: none; cursor: default; } a.new-card { display: block; min-width: 0; padding: var(--space-2) !important; border: 1px solid #c5d0e0; border-radius: var(--radius-md); background: #fff; text-decoration: none !important; color: #1a2333 !important; font-family: var(--font-sans); cursor: pointer; outline: none; position: relative; -webkit-transition: border-color 0.15s ease, background 0.15s ease; transition: border-color 0.15s ease, background 0.15s ease; } a.new-card:link, a.new-card:visited, a.new-card:active { color: #1a2333 !important; text-decoration: none !important; background: #fff; } a.new-card:hover, a.new-card:focus { border-color: #1f4f9a !important; background: #f8fbff !important; color: #1a2333 !important; text-decoration: none !important; } a.new-card:hover .new-card-name, a.new-card:focus .new-card-name { color: #1f4f9a !important; background: transparent !important; } .new-card-img { display: block; width: 100%; height: auto; object-fit: contain; border-radius: var(--radius-sm); background: #f5f7fb; } .new-card-name { display: block; margin: 6px 0 2px; font-size: var(--text-sm); font-weight: var(--fw-bold); line-height: var(--lh-snug); color: #1a2333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-name-full { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .new-card-price { display: block; font-size: var(--text-md); font-weight: var(--fw-bold); color: #c85a10; } .new-card-price-ex { display: block; font-size: var(--text-xs); font-weight: var(--fw-normal); color: #666; line-height: 1.3; } .new-card-os { display: inline-block; margin: 2px 0 0; padding: 2px 6px; font-size: var(--text-xs); font-weight: var(--fw-bold); line-height: var(--lh-tight); color: #1f4f9a !important; background: #eef3fa; border: 1px solid #c5d0e0; border-radius: var(--radius-sm); } /* T4: 用途から探すを独立セクション化（新着の直下） */ .why-used-quick-section { width: 600px; margin: 0 0 var(--space-3) 0; padding: var(--space-3); box-sizing: border-box; background: #fff; border: 1px solid #c5d0e0; border-radius: var(--radius-md); } /* 中古PCメリット（ヒーロー直後） */ .why-used-section { width: 600px; margin: 0 0 var(--space-2) 0; padding: var(--space-3); box-sizing: border-box; background: #fff; border: 1px solid #c5d0e0; border-radius: var(--radius-md); } .why-used-section .why-used-intro { margin: 0 0 var(--space-3) 0; padding: 0 0 0 10px; border-left: 3px solid #1f4f9a; } .why-used-section .why-used-heading { margin: 0 0 var(--space-1) 0; padding: 0; font-size: var(--text-xl); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #1f4f9a; letter-spacing: 0.02em; line-height: var(--lh-snug); } .why-used-section .why-used-lead { margin: 0; padding: 0; font-size: var(--text-md); font-weight: var(--fw-regular); font-family: var(--font-sans); color: #333; line-height: var(--lh-normal); } .google-review-badge { display: inline-flex; align-items: center; gap: 6px; margin: 10px 0 0 0; padding: 4px 12px 4px 10px; border: 1px solid #e0c060; border-radius: 999px; background: #fffaf0; text-decoration: none !important; font-family: var(--font-sans); } .google-review-badge:hover { background: #fff3dc; } .google-review-badge:hover .grb-score { color: #333 !important; } .google-review-badge:hover .grb-count { color: #666 !important; } .google-review-badge:hover .grb-star { color: #f0a500 !important; } .google-review-badge .grb-star { color: #f0a500; font-size: 15px; line-height: 1; } .google-review-badge .grb-score { font-size: 14px; font-weight: var(--fw-bold); color: #333; } .google-review-badge .grb-count { font-size: 12px; color: #666; } .why-used-grid { display: flex; gap: var(--space-2); width: 100%; margin: 0 0 var(--space-3) 0; } .why-used-section .why-card { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; padding: var(--space-3); box-sizing: border-box; background: #f7f9fc; border: 1px solid #c5d0e0; border-radius: var(--radius-md); } .why-used-section .why-card-head { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-2) 0; } .why-used-section .why-card-num { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%; background: #5b8fd4; color: #fff; font-size: var(--text-sm); font-weight: var(--fw-bold); font-family: var(--font-sans); line-height: 1; } .why-used-section .why-card-label { margin: 0; padding: 0; font-size: var(--text-lg); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #1f4f9a; line-height: var(--lh-tight); } .why-used-section .why-card-desc { margin: 0; padding: 0; font-size: var(--text-md); font-weight: var(--fw-regular); font-family: var(--font-sans); color: #333; line-height: var(--lh-normal); } .why-used-section .why-used-note { margin: 0 0 var(--space-3) 0; padding: 0; font-size: var(--text-md); font-weight: var(--fw-regular); font-family: var(--font-sans); color: #1a2333; line-height: var(--lh-normal); text-align: center; } .why-used-section .why-used-ctas { text-align: center; } .why-used-section .why-used-ctas a { display: inline-block; text-decoration: none; font-family: var(--font-sans); font-weight: var(--fw-bold); font-size: var(--text-sm); padding: 6px 12px; border-radius: var(--radius-md); margin: 0 4px 4px; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; vertical-align: middle; } .why-used-section .why-used-ctas .btn-primary { background: #f07812; color: #fff; border: 1px solid #f07812; } .why-used-section .why-used-ctas .btn-primary:hover { background: #de6a08; border-color: #de6a08; color: #fff; } .why-used-section .why-used-ctas .btn-secondary { background: #fff; color: #1f4f9a; border: 1px solid #1f4f9a; } .why-used-section .why-used-ctas .btn-secondary:hover { background: #f8fbff; color: #173d7a; border-color: #173d7a; } /* T3/T4: 用途は1行4枚・独立セクションの余白は親カードで確保済み */ .why-used-quick-section .why-used-quick { margin: 0; padding: 0; background: transparent; border: none; box-sizing: border-box; } .why-used-quick-section .why-used-quick-label { display: block; margin: 0 0 6px; padding: 0 0 0 8px; border-left: 3px solid #1f4f9a; font-size: var(--text-md); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #1f4f9a; line-height: var(--lh-snug); } .why-used-tiles { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: var(--space-2); } a.why-used-tile { display: block; min-width: 0; padding: 8px 10px !important; border: 1px solid #c5d0e0; border-left: 3px solid #1f4f9a; border-radius: var(--radius-md); background: #fff; text-decoration: none !important; color: #1a2333 !important; font-family: var(--font-sans); cursor: pointer; outline: none; -webkit-transition: border-color 0.15s ease, background 0.15s ease; transition: border-color 0.15s ease, background 0.15s ease; } a.why-used-tile:link, a.why-used-tile:visited, a.why-used-tile:active { color: #1a2333 !important; text-decoration: none !important; background: #fff; } a.why-used-tile:hover, a.why-used-tile:focus { border-color: #1f4f9a !important; border-left-color: #1f4f9a !important; background: #f8fbff !important; color: #1a2333 !important; text-decoration: none !important; } .why-used-tile-name { display: block; font-size: var(--text-md); font-weight: var(--fw-bold); line-height: var(--lh-tight); color: #1f4f9a; } a.why-used-tile:hover .why-used-tile-name, a.why-used-tile:focus .why-used-tile-name { color: #173d7a !important; background: transparent !important; } .why-used-tile-sub { display: block; margin-top: 2px; font-size: var(--text-sm); font-weight: var(--fw-regular); line-height: var(--lh-tight); color: #333; } /* サービス一覧（3枚）— 2.2 案A・デザイン統一指針 §インタラクション */ .services-section { width: 600px; margin: 0 0 var(--space-2) 0; padding: var(--space-3); box-sizing: border-box; background: #f7f9fc; border: 1px solid #c5d0e0; border-radius: var(--radius-md); } .services-section .services-intro { margin: 0 0 var(--space-3) 0; padding: 0 0 0 10px; border-left: 3px solid #1f4f9a; } .services-section .services-heading { margin: 0 0 var(--space-1) 0; padding: 0; font-size: var(--text-xl); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #1f4f9a; letter-spacing: 0.02em; line-height: var(--lh-snug); } .services-section .services-lead { margin: 0; padding: 0; font-size: var(--text-md); font-weight: var(--fw-regular); font-family: var(--font-sans); color: #444; line-height: var(--lh-normal); } .services-grid { display: flex; gap: var(--space-2); width: 100%; } a.service-card, .service-card--dual { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; padding: var(--space-3); box-sizing: border-box; color: inherit !important; background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-md); transition: background var(--transition-ui), border-color var(--transition-ui), box-shadow var(--transition-ui); } a.service-card { text-decoration: none !important; } a.service-card:link, a.service-card:visited { color: inherit !important; text-decoration: none !important; } a.service-card:hover { background: var(--surface-card-hover) !important; border-color: var(--border-card-hover) !important; box-shadow: var(--shadow-card-hover); color: inherit !important; text-decoration: none !important; } a.service-card * { pointer-events: none; } a.service-card :hover, a.service-card:hover * { text-decoration: none !important; } a.service-card:hover .service-card-title { color: #1f4f9a !important; } a.service-card:hover .service-card-desc { color: #444 !important; } a.service-card:hover .service-card-arrow { color: #c85a10 !important; } .service-card .service-card-head { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-2) 0; } .service-card .service-card-icon { width: 22px; height: 22px; color: #1f4f9a; flex-shrink: 0; line-height: 0; } .service-card .service-card-icon svg { width: 22px; height: 22px; display: block; } .service-card .service-card-title { font-size: var(--text-lg); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #1f4f9a; line-height: var(--lh-snug); margin: 0; } .service-card .service-card-desc { display: block; font-size: var(--text-md); font-weight: var(--fw-regular); font-family: var(--font-sans); color: #444; line-height: var(--lh-normal); margin: 0 0 var(--space-2) 0; } .service-card .service-card-arrow { margin-top: auto; font-size: var(--text-sm); font-weight: var(--fw-bold); font-family: var(--font-sans); color: #c85a10; text-align: right; line-height: var(--lh-tight); } /* 3枚目・2段CTA（試行） */ .service-card--dual .service-card-ctas { display: flex; flex-direction: column; gap: 6px; margin-top: auto; } .service-card--dual .service-card-cta { display: block; box-sizing: border-box; padding: 5px 6px; text-align: center; text-decoration: none !important; font-size: 12px; font-weight: var(--fw-bold); font-family: var(--font-sans); line-height: 1.3; border-radius: var(--radius-md); transition: background var(--transition-ui), border-color var(--transition-ui), color var(--transition-ui); } .service-card--dual .service-card-cta-primary { background: #fff; color: #1f4f9a !important; border: 1px solid #1f4f9a; } .service-card--dual .service-card-cta-primary:hover { background: #f8fbff; border-color: #1f4f9a; color: #1f4f9a !important; text-decoration: none !important; } .service-card--dual .service-card-cta-secondary { background: #fff; color: #1f4f9a !important; border: 1px solid #1f4f9a; } .service-card--dual .service-card-cta-secondary:hover { background: #f8fbff; color: #173d7a !important; border-color: #173d7a; text-decoration: none !important; } /* バナーセクション：特徴4枠（2x2）①画像 ②タイトル ③詳細） 色寄せ 2026-08-03（紺トーン）。戻すときは下の --fb-* を「旧」値に差し替え。 旧: bg #f3f4f6 / border #d8dce3 / title #111 / line #222 / icon #555 / icon-fill #f3f4f6 */ .feature-banner-grid { --fb-bg: #f7f9fc; --fb-border: #c5d0e0; --fb-title: #1f4f9a; --fb-line: #333b4a; --fb-icon: #1f4f9a; --fb-icon-fill: #eef3fa; width: 600px; border-collapse: separate; border-spacing: 3px; margin: 0 0 4px 0; } .feature-banner-grid td { width: 296px; padding: 0; vertical-align: top; } .feature-banner { width: 100%; box-sizing: border-box; padding: 7px 9px; background: var(--fb-bg); border: 1px solid var(--fb-border); border-radius: var(--radius-md); color: var(--fb-line); display: block; } .feature-banner .fb-inner { display: flex; align-items: flex-start; width: 100%; } .feature-banner .fb-icon { flex: 0 0 30px; display: flex; align-items: center; justify-content: center; margin-top: 1px; padding-right: 5px; color: var(--fb-icon); } .feature-banner .fb-icon svg { width: 28px; height: 28px; display: block; } .feature-banner .fb-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .feature-banner .fb-title { display: block; font-size: var(--text-lg); font-weight: var(--fw-bold); color: var(--fb-title); line-height: var(--lh-tight); margin: 0; font-family: var(--font-sans); -webkit-font-smoothing: antialiased; word-break: keep-all; overflow-wrap: normal; } .feature-banner .fb-sub { display: flex; flex-direction: column; gap: 2px; } .feature-banner .fb-line { display: block; font-size: var(--text-md); color: var(--fb-line); line-height: var(--lh-ui); font-weight: var(--fw-regular); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; word-break: keep-all; overflow-wrap: normal; } /* ライトサイドバナー：本日発送（正午まで・HTML／紺＋橙） */ a.ship-today { display: block; width: 206px; box-sizing: border-box; margin: 0 0 6px 0; border: 1px solid #1f4f9a; border-radius: var(--radius-md); overflow: hidden; background: #1f4f9a; text-decoration: none; color: #fff; text-align: center; font-family: var(--font-sans); } a.ship-today:hover { background: #173d7a; color: #fff; text-decoration: none; } a.ship-today:hover .ship-today-main { background: #fff !important; color: #de6a08; } a.ship-today:hover .ship-today-cond, a.ship-today:hover .ship-today-sub { color: #fff !important; } .ship-today-cond { display: block; padding: 6px 8px 4px; font-size: var(--text-sm); font-weight: var(--fw-bold); line-height: var(--lh-ui); color: #fff; } .ship-today-main { display: block; background: #fff; margin: 0; padding: 8px 8px 7px; font-size: var(--text-xl); font-weight: var(--fw-bold); line-height: var(--lh-tight); letter-spacing: 0.04em; color: #f07812; } .ship-today-sub { display: block; padding: 5px 8px 7px; font-size: var(--text-sm); font-weight: var(--fw-bold); line-height: var(--lh-ui); color: #fff; } /* ライトサイドバナー：お支払方法（一目で分かるリスト） */ /* 幅: .box と同じ外寸（190 + padding10 + border6 = 206） */ /* 店頭お支払いはリンク外（クリック不可） */ .pay-methods { display: block; width: 206px; box-sizing: border-box; margin: 0 0 6px 0; padding: 0 !important; border: 2px solid #1f4f9a; border-radius: var(--radius-md); background: #fff; color: #1a2333; font-family: var(--font-sans); overflow: hidden; } a.pay-methods-link { display: block; margin: 0 !important; padding: 0 !important; border: 0; text-decoration: none; color: inherit; transition: background 0.15s ease; } a.pay-methods-link:hover { background-color: #f8fbff; color: #1a2333; text-decoration: none; } a.pay-methods-link * { pointer-events: none; } a.pay-methods-link :hover, a.pay-methods-link:hover .pay-methods-item, a.pay-methods-link:hover .pay-methods-title { text-decoration: none; } a.pay-methods-link:hover .pay-methods-title { background-color: #173d7a; color: #fff; } a.pay-methods-link:hover .pay-methods-item { background-color: #fff; border-color: #1f4f9a; color: #1a2333; } .pay-methods-title { display: block; box-sizing: border-box; width: auto; text-align: center; font-size: var(--text-md); font-weight: var(--fw-bold); line-height: var(--lh-ui); /* 外枠(2px)に密着：負マージンで白隙間を消す */ margin: -2px -2px 0 -2px !important; padding: 10px 10px 8px; border: 0; border-radius: 0; background: #1f4f9a; color: #fff; letter-spacing: 0.04em; } .pay-methods-list { list-style: none; margin: 0; padding: 8px 8px 4px; } .pay-methods-item { display: flex; align-items: center; gap: 8px; background: #f7f9fc; color: #1a2333; text-align: left; font-size: 12px; font-weight: var(--fw-bold); line-height: var(--lh-tight); padding: 7px 8px; margin: 0 0 6px 0; border: 1px solid #c5d0e0; border-radius: var(--radius-md); transition: background 0.15s ease, border-color 0.15s ease; } .pay-methods-ico { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%; background: #5b8fd4; color: #fff; line-height: 0; } .pay-methods-ico svg { width: 14px; height: 14px; display: block; } .pay-methods-label { flex: 1 1 auto; min-width: 0; } .pay-methods-store { margin: 0 8px 8px; padding: 8px; background: #eef3fa; border: 1px solid #c5d0e0; border-radius: var(--radius-md); text-align: left; cursor: default; } .pay-methods-store-label { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: var(--fw-bold); line-height: var(--lh-tight); margin: 0 0 6px 0; color: #1f4f9a; } .pay-methods-chips { display: flex; flex-wrap: wrap; gap: 4px; } .pay-methods-chip { display: inline-block; background: #fff; color: #1a2333; border: 1px solid #c5d0e0; border-radius: var(--radius-md); font-size: 11px; font-weight: var(--fw-bold); line-height: 1.25; padding: 4px 6px; } /* 2.4 Phase C — Windows 10→Windows 11 移行告知帯（トップ中央） */ .win11-ikou-band { width: 600px; box-sizing: border-box; margin: 0 0 12px 0; padding: 14px 16px 16px; background: #f7f9fc; border: 2px solid #1f4f9a; border-radius: 8px; font-family: var(--font-sans); font-size: 14px; line-height: 1.7; color: #222; } .win11-ikou-band p { margin: 0 0 8px 0; } .win11-ikou-band p:last-of-type { margin-bottom: 12px; } .win11-ikou-band .wib-ctas { display: flex; flex-wrap: wrap; gap: 8px; } .win11-ikou-band a.wib-cta-primary { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; background: #fff; border: 2px solid #1f4f9a; color: #1f4f9a !important; font-size: 14px; font-weight: 700; text-decoration: none !important; border-radius: 8px; line-height: 1; box-sizing: border-box; } .win11-ikou-band a.wib-cta-primary:hover { background: #f8fbff !important; color: #1f4f9a !important; } .win11-ikou-band a.wib-cta-secondary { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; background: #fff; color: #1f4f9a !important; font-size: 14px; font-weight: 700; text-decoration: none !important; border: 2px solid #1f4f9a; border-radius: 8px; line-height: 1; box-sizing: border-box; } .win11-ikou-band a.wib-cta-secondary:hover { background: #f8fbff !important; color: #173d7a !important; } /* 中央テキスト帯（初回=NAS）— 信頼＝紺のみ。Win11（橙CTA・2px告知）と差別化 */ .topic-text-band { width: 600px; box-sizing: border-box; margin: 0 0 12px 0; padding: 14px 16px 14px 16px; background: #eef3fa; border: 1px solid #1f4f9a; border-left: 4px solid #1f4f9a; border-radius: 8px; font-family: var(--font-sans); font-size: 14px; line-height: 1.7; color: #222; } .topic-text-band .ttb-label { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 8px 0; padding: 4px 8px; background: #1f4f9a; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: 0.04em; border-radius: 4px; box-sizing: border-box; } .topic-text-band .ttb-title { margin: 0 0 6px 0; font-size: 15px; font-weight: 700; color: #1f4f9a; line-height: 1.4; } .topic-text-band .ttb-body { margin: 0 0 12px 0; color: #333; } .topic-text-band .ttb-links { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; } .topic-text-band a.ttb-link-primary { display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; background: #fff; color: #1f4f9a !important; font-size: 14px; font-weight: 700; text-decoration: none !important; border: 2px solid #1f4f9a; border-radius: 8px; line-height: 1; box-sizing: border-box; } .topic-text-band a.ttb-link-primary:hover { background: #f8fbff !important; border-color: #1f4f9a; color: #1f4f9a !important; } .topic-text-band a.ttb-link { display: inline; padding: 0; background: transparent; color: #1f4f9a !important; font-size: 14px; font-weight: 700; text-decoration: underline !important; border: none; border-radius: 0; line-height: 1.6; } .topic-text-band a.ttb-link:hover { background: transparent !important; color: #173d7a !important; } /* 下段トピック帯スライド（横にぬるっと） */ .topic-slide-wrap { width: 600px; box-sizing: border-box; margin: 0 0 12px 0; } .topic-slide-viewport { overflow: hidden; width: 100%; } .topic-slide-track { display: flex; width: 100%; transition: transform 0.55s ease-in-out; will-change: transform; } .topic-slide-wrap .topic-slide { flex: 0 0 100%; width: 100%; box-sizing: border-box; margin: 0; } .topic-slide-wrap .topic-text-band { width: 100%; margin: 0; box-sizing: border-box; } .topic-slide-dots { display: flex; gap: 8px; justify-content: center; align-items: center; margin: 8px 0 0 0; } .topic-slide-dots button { width: 8px; height: 8px; padding: 0; border-radius: 50%; border: 1px solid #1f4f9a; background: #fff; cursor: pointer; box-sizing: border-box; } .topic-slide-dots button.is-active { background: #1f4f9a; } .topic-slide-dots button:focus { outline: 2px solid #1f4f9a; outline-offset: 2px; } /* 右カラム：事務用・予算別3択（Q63）— 見出し〜3台を紺枠で一塊に */ .main_sub .pop-picks { width: 206px; box-sizing: border-box; margin: 0 0 8px; padding: 8px; border: 2px solid #1f4f9a; border-radius: var(--radius-md); background: #f7f9fc; font-family: var(--font-sans); } .main_sub .pop-picks-title { width: 100%; box-sizing: border-box; margin: 0 0 8px; padding: 8px 10px; font-size: var(--text-md); font-weight: var(--fw-bold); font-family: var(--font-sans); line-height: var(--lh-ui); color: #fff; background: #1f4f9a; border-radius: var(--radius-md); text-align: center; } a.pop-card { display: block; width: 100%; box-sizing: border-box; margin: 0 0 8px; padding: 8px !important; border: 1px solid #c5d0e0; border-radius: var(--radius-md); background: #fff; text-decoration: none !important; color: #1a2333 !important; font-family: var(--font-sans); cursor: pointer; outline: none; position: relative; transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; } a.pop-card:link, a.pop-card:visited, a.pop-card:active { color: #1a2333 !important; text-decoration: none !important; background: #fff; } a.pop-card:hover, a.pop-card:focus { border-color: #1f4f9a !important; background: #f8fbff !important; color: #1a2333 !important; box-shadow: 0 4px 12px rgba(31, 79, 154, 0.12); text-decoration: none !important; } a.pop-card:hover .pop-card-name, a.pop-card:focus .pop-card-name { color: #1f4f9a !important; background: transparent !important; } a.pop-card:hover .pop-card-price, a.pop-card:focus .pop-card-price, a.pop-card:hover .pop-card-meta, a.pop-card:focus .pop-card-meta { background: transparent !important; } a.pop-card:hover .pop-card-reason, a.pop-card:focus .pop-card-reason { color: #555 !important; background: transparent !important; } a.pop-card:hover .pop-card-img, a.pop-card:focus .pop-card-img { background: #f5f7fb !important; opacity: 1; } .main_sub .pop-picks a.pop-card:last-child { margin-bottom: 0; } .pop-card-tier { display: inline-block; margin: 0 0 6px; padding: 2px 8px; font-size: 11px; font-weight: var(--fw-bold); line-height: 1.3; color: #1f4f9a; background: #eef3fa; border: 1px solid #c5d0e0; border-radius: 4px; } .pop-card-row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pop-card-img { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 56px; flex: 0 0 56px; width: 56px; height: 42px; object-fit: cover; border-radius: 4px; background: #f5f7fb; border: 1px solid #c5d0e0; } .pop-card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .pop-card-name { display: block; margin: 0 0 2px; font-size: 12px; font-weight: var(--fw-bold); line-height: 1.3; color: #1a2333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pop-card-reason { display: block; margin: 0 0 4px; padding: 0; font-size: 11px; font-weight: var(--fw-normal); line-height: 1.35; color: #555; background: transparent; border-radius: 0; } .pop-card-meta { display: block; margin: 0; } .pop-card-price { font-size: 14px; font-weight: var(--fw-bold); color: #c85a10; } .pop-card-price-ex { display: block; font-size: 10px; font-weight: var(--fw-normal); color: #666; line-height: 1.3; }