/* CSS Document */
/*.bg2 { background: url(../img/product_bg.png) no-repeat center; background-size: cover; width: 100%;
	h1 { font-size: 0px; }
}*/
.bg2 img { height: 40vw; max-height: 508px; width: 100%; object-fit: cover; }
@media (min-width: 768px) { .bg2 img { height: 25vw; } }
@media (min-width: 1921px) { .bg2 img { object-fit: contain; } }

.models .img { text-align: center; font-family: Oswald, 'Robot', "sans-serif"; font-weight: 400; font-size: initial; }
.models .img img { width: 100%; height: auto; }

.detail h3 { font-size: 4.0rem; font-weight: 700; display: flex; align-items: center; }
.detail h3 span { font-size: 2.0rem; }
.detail p { font-size: initial; }

.spec { font-weight: 400; font-size: initial; background-color: #F7F8F8; }
.spec h4 { font-weight: 700; }
.spec table { width: 100%; }
.spec table tr th, .spec table tr td { border-bottom: solid 1px #000; padding: 0.25rem 0; }
.spec table tbody tr th { width: 55%; }
.spec table tbody tr td { width: 45%; }
.spec table tbody th { color: #D30012; }
.spec table thead th { color: #000; }

@media (min-width: 768px) { .spec table tbody tr th { width: 40%; }
  .spec table tbody tr td { width: 60%; } }
.variation { background: #595757; color: #FEFEFE; font-size: initial; }
.variation table { margin: 0 auto; width: 100%; }
.variation table tr th { width: 100%; border-bottom: solid 1px #FEFEFE; }
.variation table tr th h4 { font-weight: 500; display: flex; align-items: center; font-size: initial; }
.variation table tr th span { font-size: 1.8em; }
.variation table tr td { width: 100%; font-weight: 400; }