製品/Product
こちらは未塗装商品です。お好みの塗装などをしてお楽しみください。
付属/Included
本商品に付属する内容です。
- ネジ
- ピン
- ガイドマスキング
特徴/Features
- 耐久性などを考慮したオリジナル樹脂を採用
- カチ上げ状態で固定可
製作について/Build Point
本商品は樹脂製/未塗装品です。完成にはサポート処理、仕上げ、装着などの作業が必要です。
- サポート処理が必要
- 塗装（任意）
- ボディへの装着など
おすすめの塗料/Recommended Paint
本商品は未塗装の樹脂製パーツです。以下は塗料の参考情報であり、PANDORA RCの販売商品ではありません。
- SHOW UP PCバインダーカラーシリーズ 本体カラー
- SHOW UP PCバインダーカラークリア 仕上げ（艶出し）
※塗料の購入・在庫状況は各メーカーにお問い合わせください。
実際に塗装した様子
表裏にクリアを塗装することで、画像のように透明度がアップします。
ギャラリー/Gallery
注意事項/Notice
- キズなどが気になる場合は、ペーパー掛け・塗装をしてご使用ください。
- 品質向上のため、予告なく仕様を変更する場合があります。
- サンルーフを開いた状態で、車内や直射日光が当たるところに放置すると、ガラス面（樹脂製）が変形する場合がございます。
![PANDORA RC 解説動画（YouTubeで再生
<style>
.pandora-body-template {
–pbt-black: #111111;
–pbt-gray: #666666;
–pbt-light: #f5f5f5;
–pbt-border: #dddddd;
–pbt-line: #06c755;
–pbt-max: 1080px;
–pbt-gap: 48px;
–pbt-radius: 4px;
–pbt-pad-x: 16px;
font-family: -apple-system, BlinkMacSystemFont, “Hiragino Sans”, “Hiragino Kaku Gothic ProN”, “Yu Gothic”, “Meiryo”, sans-serif;
color: var(–pbt-black);
background: #ffffff;
line-height: 1.7;
font-size: 15px;
max-width: var(–pbt-max);
margin: 0 auto;
padding: 8px var(–pbt-pad-x) 96px;
box-sizing: border-box;
position: relative;
}
.pandora-body-template *,
.pandora-body-template *::before,
.pandora-body-template *::after {
box-sizing: border-box;
}
.pandora-body-template .pbt-section–hidden,
.pandora-body-template .pbt-hidden {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
/* ライトボックス・スライド用コントロール（スマホで入力欄のように見えないよう非表示） */
.pandora-body-template .pbt-product__slide-input,
.pandora-body-template .pbt-product__lb-input,
.pandora-body-template .pbt-parts__resin-lb-input,
.pandora-body-template .pbt-included__lb-input,
.pandora-body-template .pbt-gallery__lb-input,
.pandora-body-template .pbt-paint__sample-lb-input,
.pandora-body-template .pbt-build__support-lb-input {
position: absolute !important;
left: -10000px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
opacity: 0 !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
pointer-events: none;
}
.pandora-body-template .pbt-section {
margin-bottom: var(–pbt-gap);
padding-bottom: var(–pbt-gap);
border-bottom: 1px solid var(–pbt-border);
}
.pandora-body-template .pbt-section:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.pandora-body-template .pbt-section.pbt-cta-section {
margin-top: 16px;
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.pandora-body-template .pbt-heading {
margin: 0 0 24px;
padding: 0;
border: none;
font-weight: 700;
line-height: 1.4;
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 0.35em;
}
.pandora-body-template .pbt-heading__ja {
display: inline;
font-size: 20px;
letter-spacing: 0.04em;
}
.pandora-body-template .pbt-heading__sub {
display: inline-flex;
align-items: baseline;
font-size: 11px;
letter-spacing: 0.18em;
color: var(–pbt-gray);
font-weight: 700;
}
.pandora-body-template .pbt-heading__slash {
margin-right: 0.35em;
}
.pandora-body-template .pbt-heading__en {
display: inline;
text-transform: uppercase;
}
.pandora-body-template .pbt-btn {
display: inline-block;
background: var(–pbt-black);
color: #ffffff !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.12em;
padding: 16px 32px;
border: 2px solid var(–pbt-black);
border-radius: var(–pbt-radius);
text-align: center;
transition: background 0.2s, color 0.2s;
cursor: pointer;
}
.pandora-body-template .pbt-btn:hover,
.pandora-body-template .pbt-btn:focus {
background: #ffffff;
color: var(–pbt-black) !important;
}
.pandora-body-template .pbt-btn–outline {
background: #ffffff;
color: var(–pbt-black) !important;
}
.pandora-body-template .pbt-btn–outline:hover,
.pandora-body-template .pbt-btn–outline:focus {
background: var(–pbt-black);
color: #ffffff !important;
}
.pandora-body-template .pbt-btn–line {
background: var(–pbt-line);
border-color: var(–pbt-line);
color: #ffffff !important;
}
.pandora-body-template .pbt-btn–line:hover,
.pandora-body-template .pbt-btn–line:focus {
background: #ffffff;
color: var(–pbt-line) !important;
}
.pandora-body-template .pbt-note {
margin: 16px 0 0;
font-size: 13px;
color: var(–pbt-gray);
line-height: 1.8;
}
/* [1] 製品（見出し下：リード文 / ワイド時：左画像・右に商品名・ボタン） */
.pandora-body-template .pbt-product__lead {
margin: 0 0 28px;
font-size: 14px;
line-height: 1.9;
color: var(–pbt-black);
}
.pandora-body-template .pbt-product__grid {
display: grid;
grid-template-columns: 1fr;
gap: 28px;
}
@media (min-width: 768px) {
.pandora-body-template .pbt-product__grid {
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}
.pandora-body-template .pbt-product__grid–no-visual,
.pandora-body-template .pbt-product__grid:has(.pbt-product__visual.pbt-hidden) {
grid-template-columns: 1fr;
}
.pandora-body-template .pbt-product__visual {
grid-column: 1;
grid-row: 1;
}
.pandora-body-template .pbt-product__info {
grid-column: 2;
grid-row: 1;
}
.pandora-body-template .pbt-product__grid–no-visual .pbt-product__info,
.pandora-body-template .pbt-product__grid:has(.pbt-product__visual.pbt-hidden) .pbt-product__info {
grid-column: 1;
}
}
.pandora-body-template .pbt-product__visual {
min-width: 0;
}
.pandora-body-template .pbt-product__hero {
position: relative;
background-color: #111111;
border: 1px solid var(–pbt-border);
border-radius: var(–pbt-radius);
overflow: hidden;
aspect-ratio: 3 / 2;
}
.pandora-body-template .pbt-product__slides {
position: absolute;
inset: 0;
}
.pandora-body-template .pbt-product__slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.pandora-body-template .pbt-product__slide-input:checked + .pbt-product__slide {
opacity: 1;
z-index: 1;
pointer-events: auto;
}
.pandora-body-template .pbt-product__slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.pandora-body-template .pbt-product__zoom {
display: block;
width: 100%;
height: 100%;
margin: 0;
cursor: zoom-in;
}
.pandora-body-template .pbt-product__slide:hover img {
transform: scale(1.02);
}
.pandora-body-template .pbt-product__lb {
display: none;
position: fixed;
inset: 0;
z-index: 10000;
align-items: center;
justify-content: center;
padding: 24px;
box-sizing: border-box;
}
.pandora-body-template .pbt-product__lb-input:checked + .pbt-product__lb {
display: flex;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.pandora-body-template .pbt-product__lb-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.88);
cursor: zoom-out;
}
.pandora-body-template .pbt-product__lb-img {
position: relative;
z-index: 1;
max-width: min(100%, 1200px);
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
border-radius: var(–pbt-radius);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
pointer-events: none;
}
.pandora-body-template .pbt-product__thumbs {
display: flex;
gap: 8px;
margin: 10px 0 0;
padding: 0;
list-style: none;
}
.pandora-body-template .pbt-product__thumb {
flex: 1;
min-width: 0;
max-width: 88px;
}
.pandora-body-template .pbt-product__thumb label {
display: block;
cursor: pointer;
border: 2px solid var(–pbt-border);
border-radius: 4px;
overflow: hidden;
aspect-ratio: 3 / 2;
background-color: #111111;
transition: border-color 0.2s ease;
}
.pandora-body-template .pbt-product__thumb label:hover {
border-color: var(–pbt-gray);
}
.pandora-body-template .pbt-product__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pandora-body-template .pbt-product__visual:has(#pbt-product-slide-01:checked) label[for=”pbt-product-slide-01″],
.pandora-body-template .pbt-product__visual:has(#pbt-product-slide-02:checked) label[for=”pbt-product-slide-02″],
.pandora-body-template .pbt-product__visual:has(#pbt-product-slide-03:checked) label[for=”pbt-product-slide-03″],
.pandora-body-template .pbt-product__visual:has(#pbt-product-slide-04:checked) label[for=”pbt-product-slide-04″] {
border-color: var(–pbt-line);
}
/* 画像がない場合：pbt-product__visual に pbt-hidden、grid に pbt-product__grid–no-visual */
.pandora-body-template .pbt-product__name {
margin: 0 0 16px;
font-size: 24px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.02em;
}
.pandora-body-template .pbt-product__codes {
margin: 0 0 24px;
padding: 0;
list-style: none;
display: grid;
gap: 8px;
}
.pandora-body-template .pbt-product__code {
display: grid;
grid-template-columns: 4em 1fr;
column-gap: 12px;
align-items: baseline;
margin: 0;
font-size: 13px;
line-height: 1.6;
}
.pandora-body-template .pbt-product__code-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–pbt-gray);
}
.pandora-body-template .pbt-product__code-value {
font-weight: 600;
letter-spacing: 0.04em;
text-align: left;
justify-self: start;
}
.pandora-body-template .pbt-product__price-amount {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.02em;
}
.pandora-body-template .pbt-product__price-tax {
font-size: 11px;
font-weight: 500;
color: var(–pbt-gray);
margin-left: 4px;
letter-spacing: 0.02em;
}
/* [2] 付属パーツ（タグ一覧） */
.pandora-body-template .pbt-parts__note {
margin: 0 0 16px;
font-size: 13px;
line-height: 1.7;
color: var(–pbt-gray);
}
.pandora-body-template .pbt-parts__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-parts__list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 900px) {
.pandora-body-template .pbt-parts__list {
grid-template-columns: repeat(5, 1fr);
}
}
.pandora-body-template .pbt-parts__tag {
margin: 0;
min-width: 0;
}
.pandora-body-template .pbt-parts__tag span {
display: block;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(–pbt-border);
border-radius: 100px;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
text-align: center;
background: var(–pbt-light);
color: var(–pbt-black);
letter-spacing: 0.02em;
}
.pandora-body-template .pbt-parts__sub-title {
margin: 0 0 12px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
}
.pandora-body-template .pbt-parts__remark-block {
margin: 24px 0 0;
}
.pandora-body-template .pbt-parts__remark {
margin: 0;
font-size: 12px;
line-height: 1.8;
color: var(–pbt-gray);
white-space: pre-line;
}
/* [2-B] 特徴 */
.pandora-body-template .pbt-features__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-features__list {
grid-template-columns: repeat(2, 1fr);
}
}
.pandora-body-template .pbt-features__item {
position: relative;
padding: 14px 16px 14px 40px;
border: 1px solid var(–pbt-border);
border-radius: var(–pbt-radius);
background: #ffffff;
font-size: 14px;
font-weight: 600;
line-height: 1.6;
color: var(–pbt-black);
}
.pandora-body-template .pbt-features__item::before {
content: “”;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
border-radius: 50%;
background: var(–pbt-black);
}
.pandora-body-template .pbt-parts__resin {
margin: 24px 0 0;
}
.pandora-body-template .pbt-parts__resin-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}
.pandora-body-template .pbt-parts__resin-item {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: var(–pbt-radius);
border: 1px solid var(–pbt-border);
background: var(–pbt-light);
margin: 0;
}
.pandora-body-template .pbt-parts__resin-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.pandora-body-template .pbt-parts__resin-trigger {
position: absolute;
inset: 0;
margin: 0;
cursor: zoom-in;
}
.pandora-body-template .pbt-parts__resin-item:hover img {
transform: scale(1.03);
}
.pandora-body-template .pbt-parts__resin-lb {
display: none;
position: fixed;
inset: 0;
z-index: 10000;
align-items: center;
justify-content: center;
padding: 24px;
box-sizing: border-box;
}
.pandora-body-template .pbt-parts__resin-lb-input:checked + .pbt-parts__resin-lb {
display: flex;
pointer-events: auto;
}
.pandora-body-template .pbt-parts__resin-lb-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.88);
cursor: zoom-out;
}
.pandora-body-template .pbt-parts__resin-lb-img {
position: relative;
z-index: 1;
max-width: min(100%, 1200px);
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
border-radius: var(–pbt-radius);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
pointer-events: none;
}
/* [3] 適合情報 */
.pandora-body-template .pbt-spec__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 12px;
}
.pandora-body-template .pbt-spec__item {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: 14px 16px;
background: var(–pbt-light);
border-radius: var(–pbt-radius);
border: 1px solid var(–pbt-border);
}
.pandora-body-template .pbt-spec__label {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(–pbt-gray);
}
.pandora-body-template .pbt-spec__value {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.02em;
}
.pandora-body-template .pbt-spec__comment {
margin: 32px 0 0;
padding: 16px;
border-left: 3px solid var(–pbt-black);
font-size: 14px;
line-height: 1.8;
}
.pandora-body-template .pbt-spec__sub-title {
margin: 0 0 12px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
}
.pandora-body-template .pbt-spec__remark-block {
margin: 24px 0 0;
}
.pandora-body-template .pbt-spec__remark {
margin: 0;
font-size: 12px;
line-height: 1.8;
color: var(–pbt-gray);
white-space: pre-line;
}
/* [5] 製作について */
.pandora-body-template .pbt-build__intro {
margin: 0 0 24px;
padding: 16px;
background: var(–pbt-light);
border-radius: var(–pbt-radius);
font-size: 14px;
line-height: 1.8;
}
.pandora-body-template .pbt-build__steps {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 12px;
counter-reset: pbt-build-step;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-build__steps {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 900px) {
.pandora-body-template .pbt-build__steps {
grid-template-columns: repeat(3, 1fr);
}
}
.pandora-body-template .pbt-build__step {
display: flex;
align-items: center;
gap: 12px;
padding: 16px;
border: 1px solid var(–pbt-border);
border-radius: var(–pbt-radius);
font-size: 14px;
font-weight: 600;
}
.pandora-body-template .pbt-build__step:not(.pbt-hidden) {
counter-increment: pbt-build-step;
}
.pandora-body-template .pbt-build__step-num {
flex-shrink: 0;
width: 28px;
height: 28px;
background: var(–pbt-black);
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
}
.pandora-body-template .pbt-build__step:not(.pbt-hidden) .pbt-build__step-num::before {
content: counter(pbt-build-step);
}
/* [4] 製作事例（横長画像） */
.pandora-body-template .pbt-included__cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-included__cards {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}
.pandora-body-template .pbt-included__card {
display: flex;
flex-direction: column;
border: 1px solid var(–pbt-border);
border-radius: var(–pbt-radius);
overflow: hidden;
background: #ffffff;
text-align: center;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.pandora-body-template .pbt-included__card:hover {
border-color: var(–pbt-black);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.pandora-body-template .pbt-included__photo {
aspect-ratio: 16 / 9;
background: var(–pbt-light);
overflow: hidden;
}
.pandora-body-template .pbt-included__photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.35s ease;
}
.pandora-body-template .pbt-included__card:hover .pbt-included__photo img {
transform: scale(1.06);
}
.pandora-body-template .pbt-included__trigger {
display: block;
width: 100%;
height: 100%;
margin: 0;
cursor: zoom-in;
}
.pandora-body-template .pbt-included__lb {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
box-sizing: border-box;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.pandora-body-template .pbt-included__lb-input:checked + .pbt-included__lb {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.pandora-body-template .pbt-included__lb-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.88);
cursor: zoom-out;
}
.pandora-body-template .pbt-included__lb-img {
position: relative;
z-index: 1;
max-width: min(100%, 1200px);
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
border-radius: var(–pbt-radius);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
pointer-events: none;
}
/* 写真なし：横長の空枠 */
.pandora-body-template .pbt-included__card–no-photo .pbt-included__photo {
background: var(–pbt-light);
border-bottom: 1px solid var(–pbt-border);
}
.pandora-body-template .pbt-included__card–no-photo .pbt-included__photo img {
display: none;
}
/* [5-B] 参考記事 */
.pandora-body-template .pbt-build-guide__disclaimer {
margin: 24px 0 0;
font-size: 12px;
color: var(–pbt-gray);
}
/* パーツ用：製作について・注意事項 */
.pandora-body-template .pbt-build__extra {
margin-top: 24px;
padding: 16px;
background: var(–pbt-light);
border-radius: var(–pbt-radius);
font-size: 14px;
line-height: 1.9;
color: var(–pbt-gray);
}
.pandora-body-template .pbt-build__extra p {
margin: 0;
}
.pandora-body-template .pbt-build__support {
margin-top: 24px;
}
.pandora-body-template .pbt-build__support-title {
margin: 0 0 16px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
color: var(–pbt-black);
}
.pandora-body-template .pbt-build__support-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-build__support-grid {
gap: 12px;
}
}
.pandora-body-template .pbt-build__support-grid–single {
grid-template-columns: 1fr;
width: 100%;
}
.pandora-body-template .pbt-build__support-grid–single .pbt-build__support-item {
display: block;
position: relative;
aspect-ratio: auto;
width: 100%;
max-width: 100%;
border: none;
border-radius: 0;
background: transparent;
overflow: visible;
}
.pandora-body-template .pbt-build__support-grid–single .pbt-build__support-media {
display: block;
position: static;
overflow: visible;
}
.pandora-body-template .pbt-build__support-item {
display: grid;
grid-template: 1fr / 1fr;
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: var(–pbt-radius);
border: 1px solid var(–pbt-border);
background: #ffffff;
margin: 0;
}
.pandora-body-template .pbt-build__support-media,
.pandora-body-template .pbt-build__support-trigger {
grid-area: 1 / 1;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
}
.pandora-body-template .pbt-build__support-media {
position: relative;
display: block;
overflow: hidden;
}
.pandora-body-template .pbt-build__support-item .pbt-build__support-media img {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
pointer-events: none !important;
transition: transform 0.3s ease;
}
.pandora-body-template .pbt-build__support-grid–single .pbt-build__support-item .pbt-build__support-media img {
position: static !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
object-fit: contain !important;
}
.pandora-body-template .pbt-build__support-grid–single .pbt-build__support-trigger {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.pandora-body-template .pbt-build__support-trigger {
position: relative;
z-index: 2;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
cursor: zoom-in;
display: block !important;
font-size: 0 !important;
line-height: 0 !important;
pointer-events: auto !important;
}
.pandora-body-template .pbt-build__support-item:hover img {
transform: scale(1.03);
}
.pandora-body-template .pbt-build__support-lightboxes {
position: relative;
height: 0;
width: 100%;
margin: 0;
padding: 0;
overflow: visible;
border: 0;
}
.pandora-body-template .pbt-build__support-lb {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
position: fixed;
inset: 0;
z-index: 10000;
align-items: center;
justify-content: center;
padding: 24px;
box-sizing: border-box;
}
.pandora-body-template .pbt-build__support-lb-input:checked + .pbt-build__support-lb {
display: flex !important;
visibility: visible !important;
pointer-events: auto !important;
opacity: 1 !important;
}
.pandora-body-template .pbt-build__support-lb-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.88);
cursor: zoom-out;
}
.pandora-body-template .pbt-build__support-lb-img {
position: relative;
z-index: 1;
max-width: min(100%, 1200px);
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
}
.pandora-body-template .pbt-caution__list {
list-style: none;
margin: 0;
padding: 16px;
background: var(–pbt-light);
border-radius: var(–pbt-radius);
}
.pandora-body-template .pbt-caution__item {
position: relative;
padding-left: 1.1em;
font-size: 14px;
line-height: 1.9;
color: var(–pbt-gray);
white-space: pre-line;
}
.pandora-body-template .pbt-caution__item + .pbt-caution__item {
margin-top: 8px;
}
.pandora-body-template .pbt-caution__item::before {
content: “・”;
position: absolute;
left: 0;
top: 0;
}
/* [6] マスキング型紙 */
.pandora-body-template .pbt-masking__text {
margin: 0 0 24px;
font-size: 14px;
line-height: 1.9;
}
.pandora-body-template .pbt-masking__text p {
margin: 0 0 12px;
}
.pandora-body-template .pbt-masking__text p:last-child {
margin-bottom: 0;
}
/* [4-B] 製作事例・ギャラリーで使用しているアイテム */
.pandora-body-template .pbt-used-items {
margin-top: 32px;
}
.pandora-body-template .pbt-used-items–build {
padding-bottom: var(–pbt-gap);
margin-bottom: var(–pbt-gap);
border-bottom: 1px solid var(–pbt-border);
}
.pandora-body-template .pbt-used-items__title {
margin: 0 0 16px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
color: var(–pbt-black);
}
.pandora-body-template .pbt-used-items .pbt-used__disclaimer {
margin: 24px 0 0;
font-size: 12px;
color: var(–pbt-gray);
}
/* [10] 作例で使用しているアイテム（付属パーツと同じタグデザイン） */
.pandora-body-template .pbt-parts__tag a {
display: block;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(–pbt-border);
border-radius: 100px;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
text-align: center;
background: var(–pbt-light);
color: var(–pbt-black);
letter-spacing: 0.02em;
text-decoration: none !important;
cursor: pointer;
transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.pandora-body-template .pbt-parts__tag a:hover,
.pandora-body-template .pbt-parts__tag a:focus {
background: var(–pbt-black);
border-color: var(–pbt-black);
color: #ffffff !important;
}
@media (max-width: 599px) {
.pandora-body-template .pbt-used-items .pbt-parts__tag a {
padding: 12px 16px;
font-size: 13px;
}
}
.pandora-body-template .pbt-used__disclaimer {
margin: 64px 0 0;
font-size: 12px;
color: var(–pbt-gray);
}
/* [5-B] おすすめの塗料（他社製品） */
.pandora-body-template .pbt-paint__intro {
margin: 0 0 20px;
padding: 16px;
background: var(–pbt-light);
border-radius: var(–pbt-radius);
font-size: 13px;
line-height: 1.8;
color: var(–pbt-gray);
}
.pandora-body-template .pbt-paint__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-paint__list {
grid-template-columns: repeat(2, 1fr);
}
}
.pandora-body-template .pbt-paint__item {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px 12px;
padding: 14px 16px;
border: 1px solid var(–pbt-border);
border-radius: var(–pbt-radius);
font-size: 13px;
line-height: 1.5;
background: #ffffff;
}
.pandora-body-template .pbt-paint__brand {
grid-column: 1;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(–pbt-gray);
white-space: nowrap;
}
.pandora-body-template .pbt-paint__name {
grid-column: 2;
font-weight: 700;
}
.pandora-body-template .pbt-paint__use {
grid-column: 1 / -1;
font-size: 12px;
color: var(–pbt-gray);
padding-top: 2px;
border-top: 1px solid var(–pbt-border);
margin-top: 4px;
}
.pandora-body-template .pbt-paint__sample {
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid var(–pbt-border);
}
.pandora-body-template .pbt-paint__sample-title {
margin: 0 0 16px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
color: var(–pbt-black);
}
.pandora-body-template .pbt-paint__sample-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-paint__sample-grid {
gap: 12px;
}
}
.pandora-body-template .pbt-paint__sample-grid–single {
grid-template-columns: 1fr;
width: 100%;
}
.pandora-body-template .pbt-paint__sample-grid–single .pbt-paint__sample-item {
display: block;
position: relative;
aspect-ratio: auto;
width: 100%;
max-width: 100%;
border: none;
border-radius: 0;
background: transparent;
overflow: visible;
}
.pandora-body-template .pbt-paint__sample-grid–single .pbt-paint__sample-media {
display: block;
position: static;
overflow: visible;
}
.pandora-body-template .pbt-paint__sample-grid–single .pbt-paint__sample-item .pbt-paint__sample-media img {
position: static !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
object-fit: contain !important;
}
.pandora-body-template .pbt-paint__sample-grid–single .pbt-paint__sample-trigger {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.pandora-body-template .pbt-paint__sample-item {
display: grid;
grid-template: 1fr / 1fr;
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: var(–pbt-radius);
border: 1px solid var(–pbt-border);
background: #ffffff;
margin: 0;
}
.pandora-body-template .pbt-paint__sample-media,
.pandora-body-template .pbt-paint__sample-trigger {
grid-area: 1 / 1;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
}
.pandora-body-template .pbt-paint__sample-media {
position: relative;
display: block;
overflow: hidden;
}
.pandora-body-template .pbt-paint__sample-item .pbt-paint__sample-media img {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
transition: transform 0.3s ease;
}
.pandora-body-template .pbt-paint__sample-trigger {
position: relative;
z-index: 1;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
cursor: zoom-in;
display: block !important;
font-size: 0 !important;
line-height: 0 !important;
}
.pandora-body-template .pbt-paint__sample-item:hover img {
transform: scale(1.03);
}
.pandora-body-template .pbt-paint__sample-text {
margin-top: 16px;
padding: 16px;
background: var(–pbt-light);
border-radius: var(–pbt-radius);
font-size: 14px;
line-height: 1.9;
color: var(–pbt-gray);
}
.pandora-body-template .pbt-paint__sample-text p {
margin: 0;
white-space: pre-line;
}
.pandora-body-template .pbt-paint__sample-lightboxes {
position: absolute;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.pandora-body-template .pbt-paint__sample-lb {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
position: fixed;
inset: 0;
z-index: 10000;
align-items: center;
justify-content: center;
padding: 24px;
box-sizing: border-box;
}
.pandora-body-template .pbt-paint__sample-lb-input:checked + .pbt-paint__sample-lb {
display: flex !important;
visibility: visible !important;
pointer-events: auto !important;
opacity: 1 !important;
}
.pandora-body-template .pbt-paint__sample-lb-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.88);
cursor: zoom-out;
}
.pandora-body-template .pbt-paint__sample-lb-img {
position: relative;
z-index: 1;
max-width: min(100%, 1200px);
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
}
.pandora-body-template .pbt-paint__disclaimer {
margin: 16px 0 0;
font-size: 12px;
color: var(–pbt-gray);
line-height: 1.8;
}
/* [9] ギャラリー */
.pandora-body-template .pbt-gallery__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-gallery__grid {
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
}
@media (min-width: 900px) {
.pandora-body-template .pbt-gallery__grid {
grid-template-columns: repeat(4, 1fr);
}
}
.pandora-body-template .pbt-gallery__item {
display: grid;
grid-template: 1fr / 1fr;
position: relative;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: var(–pbt-radius);
border: 1px solid var(–pbt-border);
background: #ffffff;
margin: 0;
}
.pandora-body-template .pbt-gallery__media,
.pandora-body-template .pbt-gallery__trigger {
grid-area: 1 / 1;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
}
.pandora-body-template .pbt-gallery__media {
position: relative;
display: block;
overflow: hidden;
}
.pandora-body-template .pbt-gallery__item .pbt-gallery__media img {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
pointer-events: none !important;
transition: transform 0.3s ease;
}
.pandora-body-template .pbt-gallery__trigger {
position: relative;
z-index: 2;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
cursor: zoom-in;
display: block !important;
font-size: 0 !important;
line-height: 0 !important;
pointer-events: auto !important;
}
.pandora-body-template .pbt-gallery__item:hover img {
transform: scale(1.03);
}
.pandora-body-template .pbt-gallery__lightboxes,
.pandora-body-template .pbt-page-lightboxes {
position: relative;
height: 0;
width: 100%;
margin: 0;
padding: 0;
overflow: visible;
border: 0;
}
.pandora-body-template .pbt-gallery__lb {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
position: fixed;
inset: 0;
z-index: 10000;
align-items: center;
justify-content: center;
padding: 24px;
box-sizing: border-box;
}
.pandora-body-template .pbt-gallery__lb-input:checked + .pbt-gallery__lb {
display: flex !important;
visibility: visible !important;
pointer-events: auto !important;
opacity: 1 !important;
}
.pandora-body-template .pbt-gallery__lb-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.88);
cursor: zoom-out;
}
.pandora-body-template .pbt-gallery__lb-img {
position: relative;
z-index: 1;
max-width: min(100%, 1200px);
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
border-radius: var(–pbt-radius);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
pointer-events: none;
}
/* [10] 解説動画（パーツ版：iframe 不使用・YouTubeサムネイルリンク） */
.pandora-body-template .pbt-movie__embed {
position: relative;
width: 100%;
}
.pandora-body-template .pbt-movie__poster {
display: block;
position: relative;
overflow: hidden;
border-radius: var(–pbt-radius);
border: 1px solid var(–pbt-border);
background: #000000;
line-height: 0;
}
.pandora-body-template .pbt-movie__poster img {
width: 100%;
height: auto;
display: block;
}
.pandora-body-template .pbt-movie__play {
position: absolute;
top: 50%;
left: 50%;
width: 72px;
height: 50px;
margin: -25px 0 0 -36px;
background: rgba(17, 17, 17, 0.82);
border-radius: 14px;
pointer-events: none;
}
.pandora-body-template .pbt-movie__play::before {
content: “”;
position: absolute;
top: 50%;
left: 54%;
transform: translate(-50%, -50%);
border-style: solid;
border-width: 10px 0 10px 18px;
border-color: transparent transparent transparent #ffffff;
}
.pandora-body-template .pbt-movie__note {
margin: 10px 0 0;
font-size: 13px;
color: var(–pbt-gray);
text-align: center;
line-height: 1.6;
}
/* [11] 購入導線 */
.pandora-body-template .pbt-cta {
text-align: center;
padding: 40px 24px 48px;
background: var(–pbt-light);
border-radius: var(–pbt-radius);
border: 1px solid var(–pbt-border);
}
.pandora-body-template .pbt-cta__block {
margin: 0;
padding: 0;
}
.pandora-body-template .pbt-cta__block–store {
padding-bottom: 32px;
}
.pandora-body-template .pbt-cta__block–store:last-child {
padding-bottom: 0;
}
.pandora-body-template .pbt-cta__block–line {
border-top: 1px solid var(–pbt-border);
padding-top: 32px;
}
.pandora-body-template .pbt-cta__lead {
margin: 0 0 10px;
font-size: 15px;
font-weight: 700;
color: var(–pbt-black);
line-height: 1.5;
letter-spacing: 0.06em;
}
.pandora-body-template .pbt-cta__desc {
margin: 0 auto 24px;
max-width: 400px;
font-size: 13px;
color: var(–pbt-gray);
line-height: 1.85;
}
.pandora-body-template .pbt-cta__block .pbt-btn {
display: block !important;
width: 100%;
max-width: 320px;
margin: 0 auto;
}
.pandora-body-template .pbt-cta__block–line:not(.pbt-hidden) {
display: block !important;
}
.pandora-body-template .pbt-cta__block–line:not(.pbt-hidden) .pbt-btn–line {
display: block !important;
visibility: visible !important;
}
@media (min-width: 480px) {
.pandora-body-template .pbt-cta {
padding: 48px 48px 56px;
}
.pandora-body-template .pbt-cta__block–store {
padding-bottom: 36px;
}
.pandora-body-template .pbt-cta__block–line {
padding-top: 36px;
}
}
/* [12] 関連商品 */
.pandora-body-template .pbt-related {
margin-top: 48px;
}
.pandora-body-template .pbt-related__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 600px) {
.pandora-body-template .pbt-related__list {
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
}
.pandora-body-template .pbt-related__link {
display: block;
text-decoration: none !important;
color: var(–pbt-black) !important;
border: 1px solid var(–pbt-border);
border-radius: var(–pbt-radius);
overflow: hidden;
background: #ffffff;
transition: border-color 0.2s;
}
.pandora-body-template .pbt-related__link:hover,
.pandora-body-template .pbt-related__link:focus {
border-color: var(–pbt-black);
}
.pandora-body-template .pbt-related__image {
aspect-ratio: 1 / 1;
background: var(–pbt-light);
overflow: hidden;
}
.pandora-body-template .pbt-related__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pandora-body-template .pbt-related__name {
margin: 0;
padding: 12px 10px;
font-size: 12px;
font-weight: 600;
line-height: 1.5;
text-align: center;
}
/* 狭い画面：左右余白4px・仕切り線・枠を同じ幅まで広げる */
@media (max-width: 767px) {
.pandora-body-template {
–pbt-pad-x: 4px;
}
.pandora-body-template .pbt-section,
.pandora-body-template .pbt-used-items–build {
margin-left: calc(-1 * var(–pbt-pad-x));
margin-right: calc(-1 * var(–pbt-pad-x));
padding-left: var(–pbt-pad-x);
padding-right: var(–pbt-pad-x);
}
.pandora-body-template .pbt-product__hero,
.pandora-body-template .pbt-parts__resin-grid,
.pandora-body-template .pbt-spec__list,
.pandora-body-template .pbt-spec__comment,
.pandora-body-template .pbt-build__intro,
.pandora-body-template .pbt-build__steps,
.pandora-body-template .pbt-build__support-grid,
.pandora-body-template .pbt-features__list,
.pandora-body-template .pbt-included__cards,
.pandora-body-template .pbt-paint__intro,
.pandora-body-template .pbt-paint__list,
.pandora-body-template .pbt-paint__sample-grid,
.pandora-body-template .pbt-build-guide__list,
.pandora-body-template .pbt-gallery__grid,
.pandora-body-template .pbt-movie__embed,
.pandora-body-template .pbt-related__list {
margin-left: calc(-1 * var(–pbt-pad-x));
margin-right: calc(-1 * var(–pbt-pad-x));
width: calc(100% + 2 * var(–pbt-pad-x));
}
.pandora-body-template .pbt-cta-section {
margin-left: calc(-1 * var(–pbt-pad-x));
margin-right: calc(-1 * var(–pbt-pad-x));
padding-left: 0;
padding-right: 0;
}
.pandora-body-template .pbt-cta-section .pbt-cta {
margin-left: 0;
margin-right: 0;
width: 100%;
border-radius: 0;
}
}
</style>
<div class=](https://i.ytimg.com/vi/4YrnGegqGoU/hqdefault.jpg)
