01
A-PIT Autobacs Shinonome is one of the best-known automotive lifestyle stores in Tokyo, but calling it just a car shop does not really do it justice. For many guests, it feels more like stepping into a physical space built around the world they have been following online for years.
The moment you walk in, the atmosphere is different from an ordinary retail store. There is a certain excitement in simply being surrounded by shelves of tuning parts, accessories, wheels, oils, books, apparel, and all the small details that make Japanese car culture feel so complete.
“
A-PIT feels less like a tourist stop and more like being briefly let into the everyday world of Japanese car owners.
03
The kind of place car enthusiasts naturally want to wander through
Some guests head straight for the performance parts. Others get distracted by shelves of accessories, model cars, branded items, or the little details they never expected to find. That is part of the fun. A-PIT is the kind of place where even people who say they are “just looking” usually end up spending more time than they expected.
And even if you are not planning to buy anything, it is still a satisfying stop. There is something enjoyable about simply walking through the space, taking it all in, and seeing what Japanese car culture looks like when it is translated into a real, everyday environment.
04
It’s not only about parts
COLLECTIBLES
APPAREL
ART & DESIGN
One of the reasons A-PIT stands out is that it shows car culture from more than one angle. It is not only a place for performance parts or maintenance items. As you walk further in, you start to notice the smaller things that reveal how deeply this culture reaches into everyday life.
There might be Tomica models and collectible miniature cars that immediately catch your eye, especially for guests who grew up loving Japanese cars long before they ever visited Japan. Nearby, you may find clothing and branded apparel that feel less like souvenirs and more like part of a lifestyle built around cars.
Then there are the visual details — prints, illustrations, or artwork that turn automotive passion into something more personal and expressive. Together, these corners of the store make A-PIT feel less like a simple retail stop and more like a place where car culture spills naturally into design, fashion, collecting, and memory.
05
Why it fits so well into the tour
A good JDM route benefits from contrast. Without places like A-PIT, the night would be all motion, lights, and famous locations. This stop changes the rhythm in a useful way. It gives guests a chance to step out, explore, and connect the visible side of car culture with the lifestyle behind it.
It also adds a more personal kind of excitement. Seeing a famous road is memorable, but finding a part, a brand, or even just a corner of the store that feels unexpectedly familiar can make the experience feel even more individual.
06
One of those stops that stays with real enthusiasts
Guests often remember different things here. Some remember a wall of parts from brands they have always known. Some remember the atmosphere of the store itself. Others remember the feeling of seeing, in person, the kind of products and displays that had only existed for them through videos, forums, or social media.
That is why A-PIT works so well on a JDM tour. It adds depth to the experience. It reminds guests that Japanese car culture is not just something to look at from the outside — it is something people live with, spend time on, and build their routines around.
07
A stop that makes the whole culture feel more real
By the time guests leave A-PIT, the rest of the route often feels different. The roads, the cars, and the famous spots all connect more clearly because there is now a better sense of the culture behind them.
It is not the loudest stop of the night, and it is not meant to be. But for anyone who genuinely likes cars, it is one of the stops that often feels the most rewarding.
See more than just the famous spots
Join our JDM tour and experience Tokyo’s car culture from multiple angles — from iconic night drives to the places where the passion behind them becomes real.
.spot-detail {
/* Design Tokens */
--bg: #03070b;
--bg-section: #071019;
--panel: #0c1721;
--panel-light: #111f2b;
--text-main: #f4f8fa;
--text-body: rgba(238, 247, 251, 0.82);
--text-muted: rgba(183, 199, 212, 0.72);
--accent: #0abab5;
--accent-light: #7ffaf1;
--accent-deep: #0a7ea0;
--steel-gray: #7e909d;
--border: rgba(127, 250, 241, 0.18);
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background-color: var(--bg);
color: var(--text-main);
font-family: var(--font-family);
overflow-x: hidden;
position: relative;
}
/* Scoped resets for WordPress environment compatibility */
.spot-detail * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.spot-detail h1,
.spot-detail h2,
.spot-detail p {
margin: 0;
}
/* 1. Hero Section */
.spot-detail .spot-hero {
position: relative;
height: 85svh;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 80px 60px 100px;
overflow: hidden;
border-bottom: 1px solid var(--border);
}
.spot-detail .spot-hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://wangun-og.com/wp-content/uploads/2026/03/IMG_7321-scaled.jpg');
background-size: cover;
background-position: center 35%;
z-index: 1;
}
.spot-detail .spot-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(3, 7, 11, 0.3) 0%,
rgba(3, 7, 11, 0.65) 50%,
rgba(3, 7, 11, 0.98) 100%
);
z-index: 2;
}
.spot-detail .spot-hero-container {
position: relative;
z-index: 3;
max-width: 1120px;
width: 100%;
margin: 0 auto;
}
.spot-detail .spot-hero-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 24px;
}
.spot-detail .spot-eyebrow {
font-size: 10px;
font-weight: 750;
letter-spacing: 0.18em;
color: var(--accent);
text-transform: uppercase;
padding: 5px 12px;
background: rgba(10, 186, 181, 0.08);
border: 1px solid var(--border);
border-radius: 2px;
}
.spot-detail .spot-hero-title {
font-size: clamp(36px, 5vw, 72px);
font-weight: 800;
line-height: 1.05;
letter-spacing: -0.02em;
color: var(--text-main);
margin-bottom: 28px;
max-width: 960px;
text-shadow: 0 4px 24px rgba(3, 7, 11, 0.9);
}
.spot-detail .spot-lead {
font-size: clamp(16px, 1.8vw, 19px);
line-height: 1.75;
color: var(--text-body);
max-width: 660px;
text-shadow: 0 2px 12px rgba(3, 7, 11, 0.9);
}
.spot-detail .spot-scroll-indicator {
position: absolute;
bottom: 24px;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
z-index: 3;
}
.spot-detail .spot-scroll-label {
font-size: 9px;
font-weight: 700;
letter-spacing: 0.25em;
color: var(--steel-gray);
}
.spot-detail .spot-scroll-line {
width: 1px;
height: 35px;
background: linear-gradient(to bottom, var(--accent) 50%, transparent 50%);
background-size: 100% 200%;
animation: spot-scroll-pulse 2.2s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
@keyframes spot-scroll-pulse {
0% { background-position: 0 0; }
100% { background-position: 0 -200%; }
}
/* 2. Global Section Setup */
.spot-detail .spot-section {
position: relative;
padding: 120px 60px;
display: flex;
justify-content: center;
overflow: hidden;
}
.spot-detail .spot-section-inner {
max-width: 1120px;
width: 100%;
position: relative;
z-index: 2;
}
.spot-detail .spot-section-title {
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 800;
line-height: 1.25;
letter-spacing: -0.01em;
color: var(--text-main);
margin-bottom: 50px;
}
.spot-detail .spot-bg-decor-number {
position: absolute;
top: 30px;
left: 30px;
font-size: clamp(140px, 20vw, 260px);
font-weight: 900;
color: rgba(126, 144, 157, 0.025);
line-height: 0.8;
pointer-events: none;
z-index: 1;
font-family: var(--font-family);
user-select: none;
}
/* Typography styles */
.spot-detail .spot-text-large {
font-size: clamp(17px, 2vw, 20px);
line-height: 1.85;
color: var(--text-main);
font-weight: 500;
}
.spot-detail .spot-text-normal {
font-size: 16px;
line-height: 1.95;
color: var(--text-body);
}
/* 3. Intro Section (01) */
.spot-detail .spot-intro {
background-color: var(--bg);
background-image:
linear-gradient(rgba(10, 186, 181, 0.015) 1px, transparent 1px),
linear-gradient(90deg, rgba(10, 186, 181, 0.015) 1px, transparent 1px);
background-size: 50px 50px;
background-position: center;
}
.spot-detail .spot-intro-grid {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 80px;
align-items: flex-start;
}
/* 4. More Than Shopping Section (02) */
.spot-detail .spot-more-shopping {
background-color: var(--bg-section);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.spot-detail .spot-split-grid {
display: grid;
grid-template-columns: 1.18fr 0.82fr;
gap: 72px;
align-items: center;
}
.spot-detail .spot-split-reversed {
grid-template-columns: 0.82fr 1.18fr;
}
.spot-detail .spot-split-content {
display: flex;
flex-direction: column;
gap: 28px;
}
/* Precise Industrial Image Frame */
.spot-detail .spot-frame {
position: relative;
padding: 8px;
background: var(--panel);
border: 1px solid var(--border);
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.spot-detail .spot-img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
display: block;
transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.spot-detail .spot-frame:hover .spot-img {
transform: scale(1.025);
}
/* Fine structural border styling (Tech Lines) */
.spot-detail .spot-frame-tech-lines::before,
.spot-detail .spot-frame-tech-lines::after {
content: '';
position: absolute;
border: 1px solid var(--accent);
width: 10px;
height: 10px;
pointer-events: none;
z-index: 2;
}
.spot-detail .spot-frame-tech-lines::before {
top: 12px;
left: 12px;
border-right: none;
border-bottom: none;
}
.spot-detail .spot-frame-tech-lines::after {
bottom: 12px;
right: 12px;
border-left: none;
border-top: none;
}
@media (min-width: 1200px) {
.spot-detail .spot-more-shopping .spot-split-grid {
margin-left: -50px;
}
.spot-detail .spot-wander .spot-split-grid {
margin-right: -50px;
}
}
/* 5. Spot Note Section */
.spot-detail .spot-note-wrapper {
background-color: var(--bg);
padding: 80px 60px;
}
.spot-detail .spot-quote {
position: relative;
max-width: 860px;
margin: 0 auto;
padding: 44px 50px 48px;
background: rgba(12, 23, 33, 0.65);
border: 1px solid var(--border);
border-left: 3px solid var(--accent);
border-radius: 4px;
backdrop-filter: blur(8px);
background-image:
linear-gradient(rgba(10, 186, 181, 0.01) 1px, transparent 1px),
linear-gradient(90deg, rgba(10, 186, 181, 0.01) 1px, transparent 1px);
background-size: 24px 24px;
}
.spot-detail .spot-quote-icon {
position: absolute;
top: 8px;
left: 20px;
font-size: 90px;
font-family: Georgia, serif;
color: rgba(10, 186, 181, 0.07);
line-height: 1;
pointer-events: none;
user-select: none;
}
.spot-detail .spot-quote-content {
font-size: clamp(17px, 2vw, 20px);
font-weight: 500;
line-height: 1.8;
color: var(--text-main);
position: relative;
z-index: 2;
}
/* 6. Wander Through Section (03) */
.spot-detail .spot-wander {
background-color: var(--bg);
border-top: 1px solid var(--border);
}
/* 7. It's Not Only About Parts & Asymmetric Grid (04) */
.spot-detail .spot-not-only-parts {
background-color: var(--bg-section);
border-top: 1px solid var(--border);
}
.spot-detail .spot-asymmetric-gallery {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
grid-template-rows: auto auto;
gap: 24px;
margin-bottom: 60px;
}
.spot-detail .spot-gallery-main {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.spot-detail .spot-gallery-sub-1 {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.spot-detail .spot-gallery-sub-2 {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.spot-detail .spot-gallery-item .spot-frame {
height: 100%;
}
.spot-detail .spot-gallery-main .spot-img {
aspect-ratio: 16 / 13;
height: 100%;
}
.spot-detail .spot-gallery-sub-1 .spot-img,
.spot-detail .spot-gallery-sub-2 .spot-img {
aspect-ratio: 16 / 10.5;
height: 100%;
}
/* Photo Corner Category Label */
.spot-detail .spot-category-label {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 10px;
font-weight: 750;
letter-spacing: 0.15em;
color: var(--text-main);
background: rgba(3, 7, 11, 0.85);
border: 1px solid var(--border);
padding: 6px 12px;
backdrop-filter: blur(4px);
z-index: 3;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
border-radius: 2px;
}
.spot-detail .spot-gallery-item:hover .spot-category-label {
border-color: var(--accent);
color: var(--accent-light);
box-shadow: 0 0 12px rgba(10, 186, 181, 0.25);
background: var(--panel);
}
/* Paragraph layout adjustments for parts section */
.spot-detail .spot-paragraphs {
display: flex;
flex-direction: column;
gap: 40px;
margin-top: 60px;
}
.spot-detail .spot-paragraphs-intro {
max-width: 850px;
}
.spot-detail .spot-paragraphs-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
}
.spot-detail .spot-paragraphs-footer {
max-width: 720px;
margin-left: auto;
border-right: 3px solid var(--accent);
padding-right: 28px;
}
/* 8. Why It Fits So Well Into The Tour (05) */
.spot-detail .spot-tour-fit {
background-color: var(--bg);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
position: relative;
}
/* Route timeline visual decoration */
.spot-detail .spot-tour-fit::before {
content: '';
position: absolute;
top: 0;
left: 8%;
width: 1px;
height: 100%;
background: linear-gradient(
to bottom,
rgba(127, 250, 241, 0.02) 0%,
var(--accent) 50%,
rgba(127, 250, 241, 0.02) 100%
);
opacity: 0.25;
pointer-events: none;
}
.spot-detail .spot-tour-grid {
display: grid;
grid-template-columns: 0.8fr 1.2fr;
gap: 80px;
align-items: flex-start;
}
.spot-detail .spot-tour-right {
display: flex;
flex-direction: column;
gap: 28px;
}
/* 9. One of Those Stops Stays With Real Enthusiasts (06) */
.spot-detail .spot-enthusiasts {
background-color: var(--bg-section);
border-bottom: 1px solid var(--border);
}
.spot-detail .spot-magazine-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
max-width: 980px;
margin: 0 auto;
}
/* 10. A Stop That Makes The Whole Culture Feel Real (07) */
.spot-detail .spot-culture-real {
background-color: var(--bg);
text-align: center;
padding-bottom: 120px;
}
.spot-detail .spot-culture-container {
max-width: 800px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 32px;
align-items: center;
}
.spot-detail .spot-culture-real .spot-section-title {
margin-bottom: 12px;
}
.spot-detail .spot-transition-line {
width: 1px;
height: 70px;
background: linear-gradient(to bottom, var(--accent) 0%, transparent 100%);
margin: 56px auto 0;
opacity: 0.6;
}
/* 11. Large CTA Section */
.spot-detail .spot-cta {
position: relative;
background: linear-gradient(145deg, #03070b 0%, #071019 60%, #0c1721 100%);
padding: 130px 40px;
display: flex;
justify-content: center;
border-top: 1px solid var(--border);
overflow: hidden;
}
.spot-detail .spot-cta-bg-grid {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
linear-gradient(rgba(127, 250, 241, 0.012) 1px, transparent 1px),
linear-gradient(90deg, rgba(127, 250, 241, 0.012) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 1;
}
.spot-detail .spot-cta-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 50% 50%, rgba(10, 186, 181, 0.04) 0%, transparent 60%);
z-index: 2;
}
.spot-detail .spot-cta-inner {
max-width: 800px;
width: 100%;
text-align: center;
position: relative;
z-index: 3;
}
.spot-detail .spot-cta-title {
font-size: clamp(32px, 4.5vw, 56px);
font-weight: 850;
line-height: 1.1;
color: var(--text-main);
margin-bottom: 24px;
letter-spacing: -0.02em;
}
.spot-detail .spot-cta-text {
font-size: clamp(16px, 1.8vw, 18px);
line-height: 1.8;
color: var(--text-body);
margin-bottom: 48px;
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.spot-detail .spot-cta-action {
display: flex;
justify-content: center;
}
/* Premium CTA Button */
.spot-detail .cta-button {
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 16px 44px;
background-color: var(--accent);
color: #03070b;
font-weight: 750;
font-size: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
border-radius: 4px;
border: 1px solid var(--accent-light);
overflow: hidden;
box-shadow: 0 4px 18px rgba(10, 186, 181, 0.25);
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s, box-shadow 0.3s;
}
/* Sweep shine effect */
.spot-detail .cta-button::after {
content: '';
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
transform: skewX(-25deg);
transition: left 0.75s ease-in-out;
}
.spot-detail .cta-button:hover::after {
left: 200%;
}
.spot-detail .cta-button:hover {
transform: translateY(-4px);
background-color: var(--accent-light);
box-shadow: 0 12px 28px rgba(10, 186, 181, 0.45);
}
.spot-detail .cta-button:focus-visible {
outline: 2px solid var(--accent-light);
outline-offset: 4px;
}
.spot-detail .spot-btn-arrow {
font-size: 18px;
line-height: 1;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.spot-detail .cta-button:hover .spot-btn-arrow {
transform: translateX(6px);
}
/* 12. Responsive Adjustments (Tablet & Mobile) */
@media (max-width: 991px) {
.spot-detail .spot-section {
padding: 90px 40px;
}
.spot-detail .spot-intro-grid {
gap: 48px;
}
.spot-detail .spot-split-grid {
gap: 40px;
}
.spot-detail .spot-tour-grid {
gap: 48px;
}
}
@media (max-width: 768px) {
.spot-detail .spot-hero {
height: 78svh;
padding: 40px 20px 60px;
}
.spot-detail .spot-hero-title {
font-size: clamp(30px, 7.5vw, 44px);
margin-bottom: 20px;
}
.spot-detail .spot-lead {
font-size: 15px;
line-height: 1.7;
}
.spot-detail .spot-section {
padding: 70px 20px;
}
.spot-detail .spot-bg-decor-number {
font-size: 110px;
top: 20px;
left: 15px;
}
/* Reset to 1 column layouts */
.spot-detail .spot-intro-grid,
.spot-detail .spot-split-grid,
.spot-detail .spot-split-reversed,
.spot-detail .spot-tour-grid,
.spot-detail .spot-magazine-columns,
.spot-detail .spot-paragraphs-columns {
grid-template-columns: 1fr;
gap: 36px;
}
/* Reset relative offsets of split layouts on mobile */
.spot-detail .spot-split-media,
.spot-detail .spot-split-content {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 3-column asymmetric gallery changes to stable mobile grid/stack */
.spot-detail .spot-asymmetric-gallery {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
gap: 16px;
}
.spot-detail .spot-gallery-main,
.spot-detail .spot-gallery-sub-1,
.spot-detail .spot-gallery-sub-2 {
grid-column: 1 / 2;
grid-row: auto;
}
.spot-detail .spot-gallery-main .spot-img,
.spot-detail .spot-gallery-sub-1 .spot-img,
.spot-detail .spot-gallery-sub-2 .spot-img {
aspect-ratio: 16 / 10.5;
}
/* Reset paragraph styling to fit mobile constraints */
.spot-detail .spot-paragraphs {
margin-top: 36px;
gap: 28px;
}
.spot-detail .spot-paragraphs-footer {
text-align: left;
margin-left: 0;
border-right: none;
border-left: 3px solid var(--accent);
padding-right: 0;
padding-left: 20px;
}
.spot-detail .spot-quote {
padding: 32px 24px;
}
.spot-detail .spot-quote-icon {
font-size: 60px;
top: 5px;
left: 10px;
}
.spot-detail .spot-tour-fit::before {
display: none;
}
.spot-detail .spot-cta {
padding: 90px 20px;
}
.spot-detail .cta-button {
width: 100%;
justify-content: center;
}
}
/* Accessibility: Support prefers-reduced-motion standard */
@media (prefers-reduced-motion: reduce) {
.spot-detail * {
animation: none !important;
transition: none !important;
}
}
