$73.90
Toyama is the capital city of Toyama Prefecture, Japan, located on the coast of the Sea of Japan in the Chūbu region on central Honshū, about 200 km
body { font-family: “Market Sans”, Arial, sans-serif; }
html {
padding: 0;
}
body {
font-family: “Arial”, Helvetica, Sans-serif;
color: #333;
margin: 0;
}
#main__wrap {
width: 100%;
}
.container__wrap {
max-width: 1130px;
margin: 0 auto;
}
/*** Header ***/
header { margin: 20px 0; }
.header__logo img {
display: block;
margin: 0 auto;
max-width: 450px;
width: 90%;
}
.menu__list-link span {
display: block;
}
.logo__desc img {
position: relative;
text-align: center;
margin: 0 auto 0 auto;
align-items: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
top: 35%;
/* transform: translateY(-50%); */
/* margin: 0 0 10px 0; */
}
/***Menu & Banner***/
.menu__main-list img {
display: block;
margin: 0 auto;
max-width: 440px;
width: 100%;
}
.content__banner-border__line {
position: relative;
border: 5px #ff8137 solid;
height: auto;
width: 60%;
z-index: 1000;
border-radius: 10px;
margin: 0 auto;
bottom: 120px;
z-index: 1;
}
ul.header__list {
display: flex;
align-items: flex-start;
text-align: center;
justify-content: center;
padding: 0;
margin: 0;
position: relative;
z-index: 1000;
}
ul.header__list li {
display: inline-block;
padding: 0 40px;
}
a.menu__list-link {
font-size: 18px;
text-decoration: none;
color: #445063;
pointer-events: none;
font-weight: lighter;
font-style: italic;
}
a.menu__list-link img {
max-width: 155px;
}
a.desc__link {
color: #113679;
text-decoration: none;
}
a.desc__link:hover {
color: #184699;
}
.desc__highlight {
color: #113679;
}
.link__desc {
line-height: 18px;
}
#content__banner {
width: 55%;
}
#content__right {
padding: 0 0 0 40px;
}
.content__image {
}
.content__image img {
width: 100%;
}
/******css slider*******/
.cpw-container__slider {
max-width: 1130px;
margin: 0 auto 35px auto;
}
.slider {
position: relative;
max-width: 100%;
max-height: auto;
margin: 0 auto;
}
.slider:hover .slider__radiobox-label–prev, .slider:hover .slider__radiobox-label–next {
opacity: 1;
}
.slider:hover .slider__radiobox-label–prev {
left: 4%;
}
.slider:hover .slider__radiobox-label–next {
right: 4%;
}
.slider–full {
width: 1130px;
height: 380px;
}
.slider__inner {
position: relative;
margin: 0 auto;
overflow: hidden;
background: #fff;
}
.slider–full .slider__inner {
width: 100%;
height: 100%;
}
.slider__radiobox-label {
display: block;
position: absolute;
z-index: 2;
cursor: pointer;
}
.slider__radiobox-label–item {
bottom: 6%;
left: 95%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 6px;
border-radius: 50%;
background: black;
opacity: 0.2;
transition: opacity 0.2s;
}
.slider__radiobox-label–item:hover {
opacity: 0.8;
}
.slider__radiobox-label–prev, .slider__radiobox-label–next {
display: none;
top: 50%;
height: 0;
border: 18px solid #ff8137;
border-top-color: transparent;
border-bottom-color: transparent;
opacity: 0;
transition: left 0.2s, right 0.2s, opacity 0.2s;
}
.slider__radiobox-label–prev, .slider__radiobox-label–next:hover {
opacity: 0.5
}
.slider__radiobox-label–prev {
left: -6%;
border-left: 0;
border-right-width: 17px;
}
.slider__radiobox-label–next {
right: -6%;
border-right: 0;
border-left-width: 17px;
}
.slider__radiobox {
display: none;
}
.cpw-container__slider-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
/*** Bottom Content ***/
h1 {
color: #002868;
font-size: 32px;
line-height: 2.4rem;
margin: 0;
}
h2.heading {
font-size: 24px;
color: #333333;
text-transform: uppercase;
margin: 0;
padding: 30px 0 0;
width: 100%;
position: relative;
clear: both;
}
h2.heading span {
background: #fff;
position: relative;
}
h2.heading span:nth-child(1) {
padding: 0 5px 0 10px;
top: 5px;
}
h2.heading span:nth-child(2) {
padding: 0 10px 0 0;
}
h3 {
font-size: 20px;
color: #00407B;
text-transform: uppercase;
}
h4 {
margin: 0;
font-size: 17px;
}
h5 {
font-size: 15px;
}
.cpw-content__center {
text-align: center;
}
p {
font-size: 14px;
line-height: 20px;
}
p.desc__list { margin-bottom: 40px; }
p.desc__list a {
font-size: 14px;
font-weight: 300;
color: #0661B5;
text-decoration: none;
}
p.desc__list span {
padding: 0 8px;
}
ul.content__list li {
font-size: 14px;
line-height: 20px;
}
.content__wrap {
background: none scroll no-repeat 0 0 #ffffff;
}
#content__top {
display: flex;
}
#content__bottom {
padding: 40px 0;
}
.content__table-wrap {
display: flex;
margin: 0 0 45px 0;
}
.content__table-list {
width: 100%;
}
.hide__column {
color: #F1F1F1;
}
#content__bottom table {
border-collapse: collapse;
overflow: hidden;
width: 100%;
}
#content__bottom table tr td:nth-child(1), #content__bottom table tr td:nth-child(3) {
font-weight: bold;
}
#content__bottom table tr:nth-child(odd) {
background: none no-repeat 0 0 scroll #F1F1F1;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 10px;
}
#content__bottom table tr {
width: 100%;
}
#content__bottom table tr td {
font-size: 14px;
padding: 5px;
}
.item__list {
display: flex;
}
.items__list–content:nth-child(2) {
padding: 0 0 0 15px;
}
.items__list–content h5 {
margin: 15px 0 0 0;
}
.items__list–content ul {
font-size: 14px;
margin: 0 0 15px 0;
}
.items__list–content ul li {
line-height: 15px;
margin: 0 0 7px 0;
}
/*** MEDIA QUERIES ***/
@media screen and (max-width: 1279px) {
.container__wrap {
margin: 0 40px;
}
.slider–full {
height: 340px;
}
}
@media screen and (max-width: 1124px) {
ul.header__list li {
padding: 0 10px;
}
.content__banner-border__line {
width: 50%;
}
}
@media screen and (max-width: 1047px) {
.logo__desc {
width: 55%;
}
#content__middle {
display: flex;
}
#content__middle .content__image {
width: 50%;
margin-right: 20px;
height: auto;
}
#content__middle .content__wrap {
width: 50%;
}
#content__middle .content__image img {
width: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
}
ul.header__list li:nth-child(1) {
-webkit-transform-style: inherit !important;
-moz-transform-style: inherit !important;
transform-style: inherit !important;
/* width: 100%; */
}
}
@media screen and (max-width: 1023px) {
header { margin: 20px 0 0; }
.container__wrap { margin: 0 20px; }
#content__top { display: block; }
#content__banner { width: auto; }
#content__right { padding: 40px 0 0; }
#content__bottom { padding: 0; }
}
@media screen and (max-width: 835px) {
#content__bottom table tr td {
padding: 6px;
}
}
@media screen and (max-width: 795px) {
.content__table-wrap {
display: block;
}
.content__table-list {
width: 100%;
}
.content__table-wrap div.content__table-list:nth-child(2) tr:nth-child(odd) {
background: none no-repeat 0 0 scroll #ffffff !important;
border-top: 0 !important;
padding: 10px;
}
.content__table-wrap div.content__table-list:nth-child(2) tr:nth-child(even) {
background: none no-repeat 0 0 scroll #F1F1F1;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 10px;
}
}
@media screen and (max-width: 767px) {
/*******slider*******/
.slider__slide {
background-size: cover;
}
.slider–full {
height: 300px;
}
/***end of slider***/
.header__wrap {
display: block;
}
.logo__desc {
width: 100%;
margin: 20px auto;
}
.item__list {
display: block;
}
.items__list–content:nth-child(2) {
padding: 0;
}
h1 {
font-size: 28px;
line-height: 2.1rem;
}
h2.heading {
font-size: 22px;
}
}
@media screen and (max-width: 580px) {
.container__slider {
margin: 20px auto 40px;
}
.slider–full {
height: 220px;
}
.logo__desc {
width: 100%;
}
.logo__desc img {
max-width:50%;
height: auto;
}
ul.header__list {
justify-content: center;
grid-template-columns: center;
}
ul.header__list li img {
width: 100%;
}
#content__bottom {
display: block;
}
#content__bottom .content__image {
width: 97%;
margin: 0 auto 35px auto;
}
#content__bottom .content__wrap {
width: auto;
}
.content__table-list tr {
display: flex;
flex-wrap: wrap;
padding: 0;
width: 100%;
}
#content__bottom table tr:nth-child(2n+1) {
/* background: none no-repeat 0 0 scroll transparent; */
background: transparent;
border-top: none;
border-bottom: none;
padding: 0;
}
.content__table-list tr td {
width: 47%;
}
.content__table-list tr td:nth-child(-n+2) {
background: none no-repeat 0 0 scroll #F1F1F1;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
}
@media screen and (max-width: 480px) {
ul.header__list {
justify-content: center;
}
ul.header__list li {
padding: 0 5px;
}
.content__banner-border__line {
bottom: 110px;
border: 3px #ff8137 solid;
}
.content__table-list tr td {
width: 46%;
}
}
@media screen and (max-width: 360px) {
.content__banner-border__line {
bottom: 110px;
border: 2px #ff8137 solid;
width: 100%;
}
.content__table-list tr td {
width: 46%;
}
}
@media screen and (max-width: 340px) {
.content__table-list tr td {
width: 45%;
}
}
@media screen and (max-width: 319px) {
.content__table-list tr td {
width: 100%;
}
.content__table-list tr td:nth-child(-n+2) {
background: transparent;
border-top: none;
border-bottom: none;
}
.content__table-list tr td:nth-child(odd) {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
width: 100%;
}
.content__table-list tr td:nth-child(1), .content__table-list tr td:nth-child(3) {
background: none no-repeat 0 0 scroll #F1F1F1;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
}
.slider__slides {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 600%;
height: 100%;
overflow-y: hidden;
transition: margin-left 0.4s;
}
.slider__slide {
display: block;
float: left;
position: relative;
width: 16.666666666666668%;
height: 100%;
/** background-image method */
background: no-repeat 50% 50%;
background-size: cover;
/** inline image method */
}
.slider__radiobox-label–item–6 {
margin-left: -1px;
}
.slider__radiobox-label–item–5 {
margin-left: -21px;
}
.slider__radiobox-label–item–4 {
margin-left: -41px;
}
.slider__radiobox-label–item–3 {
margin-left: -61px;
}
.slider__radiobox-label–item–2 {
margin-left: -81px;
}
.slider__radiobox-label–item–1 {
margin-left: -101px;
}
.slider__radiobox–1:checked ~ .slider__slides {
margin-left: 0%;
}
.slider__radiobox–1:checked + .slider__radiobox-label–item–1 {
opacity: 1;
}
.slider__radiobox–1:checked ~ .slider__radiobox-label–next–2 {
display: block;
}
.slider__radiobox–2:checked ~ .slider__slides {
margin-left: -100%;
}
.slider__radiobox–2:checked + .slider__radiobox-label–item–2 {
opacity: 1;
}
.slider__radiobox–2:checked ~ .slider__radiobox-label–prev–1 {
display: block;
}
.slider__radiobox–2:checked ~ .slider__radiobox-label–next–3 {
display: block;
}
.slider__radiobox–3:checked ~ .slider__slides {
margin-left: -200%;
}
.slider__radiobox–3:checked + .slider__radiobox-label–item–3 {
opacity: 1;
}
.slider__radiobox–3:checked ~ .slider__radiobox-label–prev–2 {
display: block;
}
.slider__radiobox–3:checked ~ .slider__radiobox-label–next–4 {
display: block;
}
.slider__radiobox–4:checked ~ .slider__slides {
margin-left: -300%;
}
.slider__radiobox–4:checked + .slider__radiobox-label–item–4 {
opacity: 1;
}
.slider__radiobox–4:checked ~ .slider__radiobox-label–prev–3 {
display: block;
}
.slider__radiobox–4:checked ~ .slider__radiobox-label–next–5 {
display: block;
}
.slider__radiobox–5:checked ~ .slider__slides {
margin-left: -400%;
}
.slider__radiobox–5:checked + .slider__radiobox-label–item–5 {
opacity: 1;
}
.slider__radiobox–5:checked ~ .slider__radiobox-label–prev–4 {
display: block;
}
.slider__radiobox–5:checked ~ .slider__radiobox-label–next–6 {
display: block;
}
.slider__radiobox–6:checked ~ .slider__slides {
margin-left: -500%;
}
.slider__radiobox–6:checked + .slider__radiobox-label–item–6 {
opacity: 1;
}
.slider__radiobox–6:checked ~ .slider__radiobox-label–prev–5 {
display: block;
}
/***end of css slider***/
Grille Grill for Mazda 3 Sport 2017-2018
Terms of Use | Warranty Coverage Policy
Use existing emblem for this item.
REPLACEMENT GRILLE ASSEMBLY
Has the front end of your vehicle become an eyesore after a collision? If you’re searching for a factory look at a great value, choose a Replacement grille assembly for your next repair job. Replacement grille assemblies come in a variety of premium finishes and offer easy installation with their perfect fit – all at a price that’s far less than original equipment.
Features & Benefits:
Easy to Install
Premium Look, Enduring Protection
State-of-the-Art Manufacturing Process
One-Year Unlimited Mileage Warranty
Mexico Built Vehicle
Brand New in the Box –
Fit and Quality Guaranteed!
Material | Plastic | Type | Grille Cover |
Anticipated Ship Out Time | Same day – 1 business day | Quantity Sold | Sold individually |
Replaces OE Number | BANE50033A51 | Color/Finish | Black |
Recommended Use | OE Replacement | Replaces Partslink Number | MA1201102 |
Interchange Part Number | BANE50033A51, MA1201102 | Prop 65 Warning | WARNING: This product can expose you to chemical which is known to the State of California to cause cancer and birth defects or other reproductive harm. For more information go to www.P65Warnings.ca.gov. |
Returns Policy | 60-Day Return Policy |