Categories 防寒

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#C10303 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #C10303 !important; border-color: #C10303 !important; } .text-primary, .filters_col .distance span { color: #C10303 !important; } .btn-outline-primary { color: #C10303 !important; border-color: #C10303 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #C10303 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #C10303!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#000000 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #000000 !important; border-color: #000000 !important; } .text-secondary { color: #000000 !important; } .text-secondary a { color: #000000 !important; } .btn-outline-secondary { color: #000000 !important; border-color: #000000 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #000000 !important; background-color: #000000 !important; } * { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, sans-serif; } .content { display: block; padding: 20px; } .column { margin-bottom: 20px; background-color: #f9f9f9; padding: 20px; border: 1px solid #ddd; border-radius: 8px; } h2 { font-size: 1.5rem; margin-bottom: 20px; color: #333; } h3 { font-size: 1.25rem; margin-bottom: 15px; color: #555; } p, ul, li { margin-bottom: 10px; line-height: 1.6; color: #444; } ul { padding-left: 20px; list-style-type: disc; } li { margin-bottom: 5px; } .space { margin-top: 20px } .highlight { color: #0066cc; font-weight: bold; } .blue { color: #0066cc; } .references { padding: 20px; background-color: #f1f1f1; border: 1px solid #ddd; border-radius: 8px; margin-top: 20px; } .reference-list { display: none; margin-top: 10px; } .toggle-button { display: block; margin: 10px 0; padding: 10px; background-color: #0066cc; color: white; border: none; border-radius: 5px; cursor: pointer; } .toggle-button:hover { background-color: #005bb5; } .amazon-button { margin: 20px 0; text-align: center; } .check-amazon-button { margin: 20px 0; width: 80%; min-width: 200px; max-width: 600px; padding: 10px; text-align: center; display: inline-block; background-color: #FF9900; color: white; padding: 20px 20px; border-radius: 5px; text-decoration: none; font-size: 1.5rem; font-weight: bold; } .check-amazon-button:hover { background-color: #CC7A00; } /* 「PR」表記 */ .pr-badge { margin: 50px 0; position: absolute; top: 10px; left: 10px; background-color: #ff4500; /* 明るいオレンジ色 */ color: white; font-size: 0.75rem; /* 小さめの文字サイズ */ font-weight: bold; padding: 2px 6px; border-radius: 3px; /* 角を少し丸くする */ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* 影を追加 */ z-index: 10; } /* 画像すりすり用CSS */ .scratch-viewer { position: relative; overflow: hidden; max-width: 100%; height: auto; display: block; } /* Canvasスタイル */ .scratch-viewer canvas { position: relative; width: 100%; height: auto; touch-action: none; display: block; } /* ボタンコンテナとボタンのスタイル */ .scratch-button-container { position: absolute; bottom: 20px; right: 20px; display: flex; gap: 10px; z-index: 1000; } .scratch-button { padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; }

/* 画像すりすり用 JS*/