.product__social-list { display: flex; gap: 10px; } hr { /* デフォルトの境界線や背景をリセット */ border: none; background-color: #333; /* 線の色（例として黒を設定） */ color: #333; /* 一部のブラウザ互換性のための設定 */ /* 上下のマージンを0に設定 */ margin-top: 0; margin-bottom: 3; /* 線の高さ（基準の太さ）を設定 */ height: 1px; /* 幅を100%に設定 */ width: 90%; /* 1pxより細く見せるための処理 */ transform: scaleY(0.5); /* 縦方向のスケールを50%に縮小（0.5px相当の見た目） */ transform-origin: center; /* 縮小の基準を中央に設定 */ } strong { font-size: 1.3rem; /* 要素のフォントサイズの1.5倍 */ }