body { overflow-x: hidden; }
.content { max-width: 1200px; display: block; margin: 60px auto; }
@media (max-width: 750px) { .content { margin: 30px auto; } }
section.end { margin-bottom: 200px; }
@media (max-width: 750px) { section.end { margin-bottom: 100px; } }
h2 { text-align: center; }
h3 { text-align: center; border-bottom: none; }
h4 { text-align: center; border-left: none; border-bottom: none; padding: 0; }
.accessory-news { width:90%; }
@media (max-width: 750px) { .accessory-news { margin: 0 auto; } }
.car-box-wrapper { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.car-box { flex-basis: 23%; display: flex; margin: 20px 1% 0; text-align: center; box-sizing: border-box; }
/*@media (max-width: 811px) { .car-box { flex-basis: 31%; } }*/
@media (max-width: 750px) { .car-box { flex-basis: 48%; } }
.car-box img { width: 100%; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 5px; }
.button003 { margin: 20px 0 20px 0; }
.button003 a { background: #eee; border-radius: 50px; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; max-width: 320px; padding: 10px 25px; color: #313131; transition: 0.3s ease-in-out; font-weight: 500; }
.button003 a:hover { background: #313131; color: #FFF; }
.button003 a:after { content: ''; width: 5px; height: 5px; border-top: 3px solid #313131; border-right: 3px solid #313131; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; right: 20px; border-radius: 1px; transition: 0.3s ease-in-out; }
.button003 a:hover:after { border-color: #FFF; }
.accessory-pickup { background-color: #f2f2f2; padding-bottom: 40px; }
.accessory-pickup-wrapper { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.accessory-pickup-box { flex-basis: 23%; display: flex; margin: 20px 1% 0; text-align: center; box-sizing: border-box; }
/*@media (max-width: 811px) { .accessory-pickup-box { flex-basis: 31%; } }*/
@media (max-width: 750px) { .accessory-pickup-box { flex-basis: 48%; } }
.accessory-pickup-box img { width: 100%; }
.accessory-pickup-box span { display: block; background-color: #e3e3e3; color: #1b98e0; font-size: 69%; width: 100%; padding: 7px 0; }
.accessory-link-wrapper { text-align: center; }
.accessory-link-wrapper img { max-width: 386px; width: 90%; }
.swiper-slide { padding: 10px; }
/*@media (max-width: 811px) { .swiper-slide { padding: 0; } }*/
.slide-content { max-width: 1200px; display: block; margin: 0 auto; }
.accessory-page h2 { text-align: left; font-size: 180%; color: #4d4d4d; letter-spacing: 0; margin-top: 0; padding: 0 15px 0 15px; }
@media (max-width: 811px) { .accessory-page h2 { font-size: 150%; } }
@media (max-width: 750px) { .accessory-page h2 { font-size: 120%; margin: 20px auto; } }
.accessory-page h3 { text-align: left; font-size: 80%; color: #4d4d4d; margin-bottom: 60px; padding: 0 15px 0 15px; }
@media (max-width: 811px) { .accessory-page h3 { font-size: 75%; margin-bottom: 20px; } }
@media (max-width: 750px) { .accessory-page h3 { margin: 20px auto; font-size: 69%; margin-bottom: 20px; } }
.accessory-page h3 a { text-decoration: underline; }
#caution { border: 1px solid #cccccc; border-radius: 5px; padding: 85px; color: #333333; font-size: 83%; line-height: 180%; width: 90%; }
@media (max-width: 811px) { #caution { padding: 40px; } }
@media (max-width: 750px) { #caution { padding: 30px; } }
.caution-title { font-weight: 900; font-size: 180%; text-align: center; margin-bottom: 50px; }
.caution-title img { vertical-align: text-top; }

@media (max-width: 811px) { #slide_wrapp { width: 100%; float: none; } }
@media (max-width: 811px) { #spec { width: 90%; position: relative; right: auto; margin: 20px auto 0; float: none; } }

.catalog-box-wrapper { height: 520px; }
@media (max-width: 811px) { .catalog-box-wrapper { height: auto; padding: 10px; } }


.spacia_base_yubi {position: absolute;
border: 0;
bottom: 15%;
right: 30%;}

.spacia_yubi {position: absolute;
border: 0;
bottom: 11%;
left: 1%;}
.spacia_yubi2 {position: absolute;
border: 0;
bottom: 11%;
left: 53%;}

span.banner-click { display: inline-block; width: 50%; }
span.banner-click:last-child { margin-left: 1px; width: calc(50% - 1px);}

@media (max-width: 750px) {
.spacia_yubi img { width: 38px; }
.spacia_yubi2 img { width: 38px; }}

a.wagonr_smile-href:hover { opacity: 0.7; }



/*20241119*/
div.accessory-news-wrapper b { font-size: 150%; color: #333; }
div.accessory-news-wrapper p { color: #333; font-weight: bold; font-size: 110%; }
div.accessory-news-wrapper { color: #333; font-size: 90%; max-width: 1040px; margin: 0 auto; padding: 30px; }
div.accessory-news-wrapper img { display: block; margin: 0 auto; }

div.accessory-news-wrapper table { width: 80%; margin: 20px 0 20px 0; }
div.accessory-news-wrapper table tr td { border: 1px solid #ccc; text-align: center; }
div.accessory-news-wrapper br.sp-br { display: none; }
@media (max-width: 750px) {
div.accessory-news-wrapper table { width: 100%; }
div.accessory-news-wrapper table tr td.title { width: 100px; }
div.accessory-news-wrapper table tr td { font-size: 80%; }
div.accessory-news-wrapper img { width: 100%; display: block; margin: 0 auto; }
div.accessory-news-wrapper br.sp-br { display: block; }
}

/*20250325*/
div.accessory-news-wrapper span.sp-br { display: inline; }
@media (max-width: 750px) {
div.accessory-news-wrapper span.sp-br { display: none; }
}

/*20250610*/
div.catalog-box-wrapper div#spec { overflow: hidden; }
div.catalog-box-wrapper div#spec div.box2 { margin: 0 10px;
  width: calc(50% - 20px);
  float: left; }
div.catalog-box-wrapper div#spec div.box2 a { width: 100%; }
div.catalog-box-wrapper div#spec div.box2 a img { width: 100%; }
div.catalog-box-wrapper div#spec div.box2 a.image { height: auto; width: auto; }