Chrono Trigger (CHRONO TRIGGER)
<br/>Played on the Electone<br/><br/><Book Type><br/>Electone<br/><br/><Year Published><br/>1995<br/><br/><Publisher><br/>Yamaha<br/><br/><Contents/Song List><br/>Please see the table of contents photo.<br/><br/><Writing><br/>None<br/><br/><Other Condition><br/>There is some wear and tear due to aging, but the condition is solid.<br/>FD operation confirmed.<br/><br/>~~~~~~~~~~~~~~~~~~~~ Other Information ~~~~~~~~~~~~~~~~~~~~<br/>Shipping Method<br/>1. To prevent water damage, it will be packaged in a clear plastic bag.<br/>2. To prevent drops, it will be wrapped in bubble wrap (bubble wrap may not be possible depending on the shipping size).<br/>3. We will accommodate other desired shipping methods as much as possible.<br/><br/>~~~~~~~~~~~~~~~~~~~~ Terminology Explanation ~~~~~~~~~~~~~~~~~~~~<br/>Aging refers to<br/>Changes in product quality over time. In the case of books,<br/>This collectively refers to discoloration, stains, corner damage, and cover damage.<br/><br/>Tablature<br/>Musical notation expressed with numbers for guitar and bass.<br/><br/>Management Number 【250814】</p><table border='1'><tbody><tr><th><b>Category</b></th><th>Books > Nonfiction Books > Art Books</th></tr><tr><th><b>Size</b></th><th>N/A</th></tr><tr><th><b>Brand</b></th><th>None</th></tr><tr><th><b>Condition</b></th><th>Good</th></tr></tbody></table> </div>
<div class="product-detail-ex">
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m40263855970_1.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m40263855970_1.jpg" alt="★ Sheet Music / Includes FD / Chrono Trigger / Electone / CHRONO TRIGGER" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m40263855970_2.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m40263855970_2.jpg" alt="★ Sheet Music / Includes FD / Chrono Trigger / Electone / CHRONO TRIGGER" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m40263855970_3.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m40263855970_3.jpg" alt="★ Sheet Music / Includes FD / Chrono Trigger / Electone / CHRONO TRIGGER" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m40263855970_4.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m40263855970_4.jpg" alt="★ Sheet Music / Includes FD / Chrono Trigger / Electone / CHRONO TRIGGER" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m40263855970_5.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m40263855970_5.jpg" alt="★ Sheet Music / Includes FD / Chrono Trigger / Electone / CHRONO TRIGGER" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m40263855970_6.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m40263855970_6.jpg" alt="★ Sheet Music / Includes FD / Chrono Trigger / Electone / CHRONO TRIGGER" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m40263855970_7.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m40263855970_7.jpg" alt="★ Sheet Music / Includes FD / Chrono Trigger / Electone / CHRONO TRIGGER" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m40263855970_8.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m40263855970_8.jpg" alt="★ Sheet Music / Includes FD / Chrono Trigger / Electone / CHRONO TRIGGER" style="width:100%">
</a>
</p>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="related-products-section">
<h2 class="mt-5 mgnB12" style="color:#000;font-size:1.25rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid #dee2e6;">Bestseller ranking</h2>
<h3 class="related-products-header">Electronics</h3>
<div class="related-products-grid">
<div class="related-product-card" style="position:relative;">
<span class="rank-badge rank-1">1</span>
<a href="https://www.qssisolutions.com/products/2004-50a-smart-ems-upgrade-kit-760/?srsltid=218208929">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/51GXshKPelL._AC_SL1000_.jpg" alt="2004 50A Smart EMS Upgrade KIT 760" loading="lazy">
</div>
<h2 class="related-product-title">2004 50A Smart EMS Upgrade KIT 760</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(32)</span>
</div>
<div class="related-product-price">$154.58</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<span class="rank-badge rank-2">2</span>
<a href="https://www.qssisolutions.com/products/3314082000-rv-thermostat-multi-zone-comfort-control-center-10-button-fit-for-dometic-air-conditioner-series-579-595-600-6308-520-6218xx-457915-compatible-with-dometic-ccc2/?srsltid=218208974">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/61HsfJgC-JL._AC_SL1500_.jpg" alt="3314082.000 RV Thermostat, Multi-Zone Comfort Control Center 10 Button Fit for Dometic Air Conditioner Series 579 595 600 6308 520 6218xx 457915, Compatible with Dometic CCC2" loading="lazy">
</div>
<h2 class="related-product-title">3314082.000 RV Thermostat, Multi-Zone Comfort Control Center 10 Button Fit for Dometic Air Conditioner Series 579 595 600 6308 520 6218xx 457915, Compatible with Dometic CCC2</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(15)</span>
</div>
<div class="related-product-price">$24.00</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<span class="rank-badge rank-3">3</span>
<a href="https://www.qssisolutions.com/products/miady-30-amp-125-volt-rv-power-outlet-box-enclosed-lockable-weatherproof-outdoor-electrical-nema-tt-30r-receptacle-panel-for-rv-camper-travel-trailer-motorhome-electric-car-generator/?srsltid=218208981">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/611r-h8kSqL._AC_SL1500_.jpg" alt="Miady 30 Amp 125 Volt RV Power Outlet Box, Enclosed Lockable Weatherproof Outdoor Electrical NEMA TT-30R Receptacle Panel, for RV Camper Travel Trailer Motorhome Electric Car Generator" loading="lazy">
</div>
<h2 class="related-product-title">Miady 30 Amp 125 Volt RV Power Outlet Box, Enclosed Lockable Weatherproof Outdoor Electrical NEMA TT-30R Receptacle Panel, for RV Camper Travel Trailer Motorhome Electric Car Generator</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(48)</span>
</div>
<div class="related-product-price">$14.40</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<span class="rank-badge rank-4">4</span>
<a href="https://www.qssisolutions.com/products/gm-oe-audio-amplifier-audio-system-amp-sound-booster-restored-to-oem-compatible-with-2014-2019-chevrolet-impala/?srsltid=218208928">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/51O+vte1YhL._AC_SL1000_.jpg" alt="GM OE Audio Amplifier | Audio System Amp | Sound Booster | Restored to OEM | Compatible with 2014-2019 Chevrolet Impala" loading="lazy">
</div>
<h2 class="related-product-title">GM OE Audio Amplifier | Audio System Amp | Sound Booster | Restored to OEM | Compatible with 2014-2019 Chevrolet Impala</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(41)</span>
</div>
<div class="related-product-price">$171.09</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<span class="rank-badge rank-5">5</span>
<a href="https://www.qssisolutions.com/products/winegard-rv-halo-security-sensor-pack-contact-closure-water-detection-pirmotion-detection-and-temphumidity-detection/?srsltid=218208889">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/61S6DskPVhL._AC_SL1500_.jpg" alt="Winegard RV Halo Security Sensor Pack - Contact Closure, Water Detection, PIR/Motion Detection, and Temp/Humidity Detection" loading="lazy">
</div>
<h2 class="related-product-title">Winegard RV Halo Security Sensor Pack - Contact Closure, Water Detection, PIR/Motion Detection, and Temp/Humidity Detection</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(22)</span>
</div>
<div class="related-product-price">$91.60</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<span class="rank-badge rank-6">6</span>
<a href="https://www.qssisolutions.com/products/camco-power-grip-18-rv-50-amp-circuit-analyzer-dogbone-features-integrated-surge-protection-fault-indication-50-amp-male-to-30-amp-female-125v-3750w-55563/?srsltid=218208895">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/71IShp7hC1L._AC_SL1500_.jpg" alt="Camco Power Grip 18" RV 50-Amp Circuit Analyzer Dogbone - Features Integrated Surge Protection & Fault Indication, 50-Amp Male to 30-Amp Female, 125V / 3750W (55563)" loading="lazy">
</div>
<h2 class="related-product-title">Camco Power Grip 18" RV 50-Amp Circuit Analyzer Dogbone - Features Integrated Surge Protection & Fault Indication, 50-Amp Male to 30-Amp Female, 125V / 3750W (55563)</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(42)</span>
</div>
<div class="related-product-price">$30.97</div>
</a>
</div> </div>
<div class="see-more-link">
<a href="https://www.qssisolutions.com/products/nwt-xss-victorias-secret-very-sexy-navy-eyelash-nude-brallet/?srsltid=15362648">See the same product from Electronics</a>
</div>
</div>
<div class="related-products-section">
<h2 class="mt-5 mgnB12" style="color:#000;font-size:1.25rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid #dee2e6;">Customers who viewed this product also viewed</h2>
<h3 class="related-products-header">Art Books</h3>
<div class="related-products-grid">
<div class="related-product-card" style="position:relative;">
<a href="https://www.qssisolutions.com/products/david-hockney-a-bigger-exhibition-by-richard-benefield-sealed-hardcover-book/?srsltid=18654812">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m72326452365_1.jpg" alt="David Hockney: A Bigger Exhibition by Richard Benefield (SEALED) Hardcover Book" loading="lazy">
</div>
<h2 class="related-product-title">David Hockney: A Bigger Exhibition by Richard Benefield (SEALED) Hardcover Book</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(32)</span>
</div>
<div class="related-product-price">$22.80</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<a href="https://www.qssisolutions.com/products/illustrated-catalogcollection-rosanjin-kitaoji-and-seika-suda-ceramicspottery-rare-book/?srsltid=54648941">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m79693601550_1.jpg" alt="Illustrated Catalog/Collection: Rosanjin Kitaoji and Seika Suda - Ceramics/Pottery - Rare Book" loading="lazy">
</div>
<h2 class="related-product-title">Illustrated Catalog/Collection: Rosanjin Kitaoji and Seika Suda - Ceramics/Pottery - Rare Book</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(29)</span>
</div>
<div class="related-product-price">$29.78</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<a href="https://www.qssisolutions.com/products/score-steenhammar-excelsior-op-13/?srsltid=54646401">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m14249674803_1.jpg" alt="Score Steenhammar Excelsior! Op. 13" loading="lazy">
</div>
<h2 class="related-product-title">Score Steenhammar Excelsior! Op. 13</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(49)</span>
</div>
<div class="related-product-price">$29.90</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<a href="https://www.qssisolutions.com/products/the-official-art-and-setting-collection-of-the-legend-of-luo-xiaohei/?srsltid=30218536">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m56887975830_1.jpg" alt="The Official Art and Setting Collection of "The Legend of Luo Xiaohei"" loading="lazy">
</div>
<h2 class="related-product-title">The Official Art and Setting Collection of "The Legend of Luo Xiaohei"</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(44)</span>
</div>
<div class="related-product-price">$52.63</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<a href="https://www.qssisolutions.com/products/background-lesson-digital-illustration-coloring-making-of-tutorial-lets-draw-with-copic/?srsltid=54796165">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m77788725436_1.jpg" alt="Background Lesson: Digital Illustration Coloring Making-of Tutorial & Let's Draw with Copic!" loading="lazy">
</div>
<h2 class="related-product-title">Background Lesson: Digital Illustration Coloring Making-of Tutorial & Let's Draw with Copic!</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span>
<span class="count">(20)</span>
</div>
<div class="related-product-price">$31.14</div>
</a>
</div>
<div class="related-product-card" style="position:relative;">
<a href="https://www.qssisolutions.com/products/hiroyuki-maruyama-design-works-ultraman-nexus-if-only/?srsltid=60692701">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m34326516770_1.jpg" alt="Hiroyuki Maruyama Design Works: Ultraman Nexus IF ONLY" loading="lazy">
</div>
<h2 class="related-product-title">Hiroyuki Maruyama Design Works: Ultraman Nexus IF ONLY</h2>
<div class="related-product-rating">
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">☆</span><span class="star">☆</span>
<span class="count">(26)</span>
</div>
<div class="related-product-price">$51.41</div>
</a>
</div> </div>
<div class="see-more-link">
<a href="https://www.qssisolutions.com/products/nwt-xss-victorias-secret-very-sexy-navy-eyelash-nude-brallet/?srsltid=15362648">See all the same products</a>
</div>
</div>
<style>
.related-products-section {
margin-top: 40px;
}
.related-products-header {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 20px;
}
.related-products-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 16px;
}
@media (max-width: 1200px) {
.related-products-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.related-products-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 576px) {
.related-products-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.related-product-card {
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 16px;
text-align: center;
transition: box-shadow 0.2s ease-in-out;
}
.related-product-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.related-product-card a {
text-decoration: none;
color: #111827;
}
.related-product-image img {
width: 100%;
height: 160px;
object-fit: contain;
margin-bottom: 16px;
}
.related-product-title {
font-size: 1rem;
line-height: 1.4;
font-weight: 400;
height: 2.8em; /* Clamp to 2 lines */
overflow: hidden;
margin-bottom: 10px;
}
.related-product-rating {
font-size: 0.9rem;
display: flex;
justify-content: center;
align-items: center;
}
.related-product-rating .star {
color: #f59e0b;
}
.related-product-rating .count {
color: #6b7280;
margin-left: 8px;
}
.related-product-price {
font-size: 1.125rem;
font-weight: 600;
color: #ef4444;
margin-top: 12px;
}
.see-more-link {
text-align: right;
margin-top: 16px;
}
.see-more-link a {
color: #337ab7;
text-decoration: underline;
}
.rank-badge {
position:absolute;top:8px;left:8px;width:24px;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:700;border-radius:4px;z-index:1;color:#fff;border:1px solid #ccc;background:#ccc;
}
.rank-1{background:#f5a623;border-color:#f5a623;}
.rank-2{background:#8c8c8c;border-color:#8c8c8c;}
.rank-3{background:#b87333;border-color:#b87333;}
.rank-badge.rank-4,.rank-badge.rank-5{background:#fff;color:#666;border-color:#ccc;}
</style>
</div>
</div>
<div class="row"><div class="col-12"><h3 class="h3_header mt-3 mgnB12 border-top pt-4">Correction of product information</h3><p>If you notice any omissions or errors in the product information on this page, please use the correction request form below.</p><a href="https://www.qssisolutions.com/products/mew-vmax-pikachu-vmax-ultra-rare-lost-origins-solagaleo-gx-p/?srsltid=25039047" class="btn btn-gray btn-icon padT4 padB4 product_edit_btn"><i class="bi bi-pencil-square top3"></i>Correction Request Form</a></div></div>
<div class="row mgnB10 border-top pt-4 mt-5">
<div class="col-md-12">
<h3 class="h3_header mt-3 mgnB12">Product Review</h3>
<a class="mt-3 mb-3 link_underline d-block" style="margin-bottom: 15px !important;" href="https://www.qssisolutions.com/products/2014-2015-honda-95-generation-civic-rear-spoiler-gloss-black/?srsltid=28212527">
You must be logged in to post a review
</a>
<div id="naviplus-review-list-4" style="">
<div class="navi-review-wrapper">
<div class="navi-review-header">
<ul class="navi-review-header-ul">
<li class="navi-review-item">
<div class="navi-review-item-detail">
<div class="navi-review-item-image-title-rate">
<p class="navi-review-average-star">
<span class="navi-review-rate" data-rate="4.1">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png"> <img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png"> </span>
4.1 <span>( <a href="https://www.qssisolutions.com/products/water-pak-jenna/?srsltid=56558517" class="navi-review-search-clear-button">79 items</a> )</span>
</p>
</div>
</div>
</li>
<li class="navi-review-graph">
<div class="navi-review-graph-inner">
<ul class="navi-review-graph-ul">
<li>
<table>
<tbody>
<tr>
<th>
<span class="navi-review-rate" data-rate="5">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 65.217391304348%"></span>
</div>
<a href="https://www.qssisolutions.com/products/reloj-skyline-cuarzo/?srsltid=32908949" class="navi-review-number-link">15 items</a>
</td>
</tr>
<tr>
<th>
<span class="navi-review-rate" data-rate="4">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 21.739130434783%"></span>
</div>
<a href="https://www.qssisolutions.com/products/anibabepins-valentines-power-csm-enamel-pin/?srsltid=42333443" class="navi-review-number-link">5 items</a>
</td>
</tr>
<tr>
<th>
<span class="navi-review-rate" data-rate="3">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 8.695652173913%"></span>
</div>
<a href="https://www.qssisolutions.com/products/mew-vmax-pikachu-vmax-ultra-rare-lost-origins-solagaleo-gx-p/?srsltid=25039047" class="navi-review-number-link">2 items</a>
</td>
</tr>
<tr>
<th>
<span class="navi-review-rate" data-rate="2">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 4.3478260869565%"></span>
</div>
<a href="https://www.qssisolutions.com/products/bolso-negro-asa/?srsltid=50617453" class="navi-review-number-link">1 items</a>
</td>
</tr>
<tr>
<th>
<span class="navi-review-rate" data-rate="1">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-on.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
<img alt="star" src="https://rvw.snva.jp/images/widget/star-off.png">
</span>
</th>
<td>
<div class="navi-review-graph-part">
<span class="navi-review-bar" style="width: 0%"></span>
</div>
<a href="https://www.qssisolutions.com/products/fantail-tortoise-green-mirror-580g/?srsltid=204115343" class="navi-review-number-link">0 items</a>
</td>
</tr>
</tbody>
</table>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="navi-review-sort-search">
<table>
<tbody>
<tr>
<th>Sort</th>
<td>
<div class="navi-review-sort">
<div class="navi-review-sort-button-group" data-toggle="buttons">
<button type="button" class="navi-review-sort-button navi-review-sort-button-active disabled">Newest</button>
<button type="button" class="navi-review-sort-button navi-review-link">Highest rating</button>
<button type="button" class="navi-review-sort-button navi-review-link">Usefulness</button>
</div>
</div>
</td>
</tr>
<tr>
<th>keyword</th>
<td>
<div class="navi-review-search">
<form class="navi-review-search-form">
<input type="text" name="text" class="navi-review-search-input">
<button type="submit" class="navi-review-search-button">search</button>
<button type="submit" class="navi-review-search-clear-button">Clear</button>
</form>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="navi-review-no-result">There are currently no product reviews.</p>
</div>
</div>
</div>
</div>
<style>
.navi-review-wrapper {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
padding: 0;
width: 100%;
max-width: 990px;
margin: 0 auto;
color: #333;
}
.navi-review-header {
margin-bottom: 10px;
border: 1px solid #ccc;
background: #f8f8f8;
}
.navi-review-header-ul {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.navi-review-header-ul > li {
display: table-cell;
vertical-align: middle;
padding: 20px;
}
.navi-review-item {
width: 45%;
}
.navi-review-item-detail {
margin: 0;
}
.navi-review-item-image-title-rate {
font-size: 16px;
line-height: 1.5;
}
.navi-review-average-star {
font-size: 20px;
}
.navi-review-rate img {
vertical-align: middle;
width: 18px;
height: 18px;
}
.navi-review-graph {
border-left: 1px solid #ccc;
}
.navi-review-graph-ul {
list-style: none;
padding: 0;
margin: 0;
}
.navi-review-graph-ul table {
width: 100%;
}
.navi-review-graph-ul th {
padding-right: 15px;
text-align: right;
font-weight: normal;
vertical-align: middle;
}
.navi-review-graph-ul td {
display: flex;
align-items: center;
}
.navi-review-graph-part {
background-color: #f0f0f0;
height: 10px;
width: 60%;
flex-shrink: 0;
}
.navi-review-bar {
display: block;
height: 100%;
background-color: #f8c146;
}
a.navi-review-number-link {
color: #004098;
text-decoration: underline;
font-size: 13px;
margin-left: 10px;
white-space: nowrap;
}
.navi-review-sort-search {
border: 1px solid #ccc;
background: #f8f8f8;
padding: 10px;
}
.navi-review-sort-search table {
width: 100%;
}
.navi-review-sort-search th {
font-weight: bold;
text-align: right;
padding-right: 10px;
width: 80px;
}
.navi-review-sort-button-group {
display: inline-block;
}
.navi-review-sort-button {
background: #fff;
border: 1px solid #ccc;
padding: 5px 15px;
margin: 0 2px;
cursor: pointer;
color: #337ab7;
border-radius: 3px;
}
.navi-review-sort-button.disabled {
background: #337ab7;
color: #fff;
border-color: #2e6da4;
}
.navi-review-search-input {
width: 250px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
.navi-review-search-button, .navi-review-search-clear-button {
padding: 5px 15px;
margin-left: 5px;
border: 1px solid #ccc;
background: #fff;
color: #333;
border-radius: 3px;
}
.navi-review-search-button {
background: #337ab7;
color: #fff;
border-color: #2e6da4;
}
.navi-review-no-result {
margin-top: 20px;
padding: 20px;
text-align: center;
border: 1px solid #ddd;
background: #fff;
}
</style>
</div>
</div>
<div class="modal fade" id="quantityModal" tabindex="-1" role="dialog" aria-labelledby="quantityModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="quantityModalLabel">Select Quantity</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="modalQuantity">Quantity:</label>
<input type="number" class="form-control" id="modalQuantity" min="1" max="10" value="1">
</div>
<div class="alert alert-info">
<small>Maximum quantity available: <span id="maxQuantity">1</span></small>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" onclick="confirmQuantity()">Confirm</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="shippingModal" tabindex="-1" role="dialog" aria-labelledby="shippingModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="shippingModalLabel">Shipping Information</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h6>Shipping Rates</h6>
<table class="table table-striped">
<thead>
<tr>
<th>Order Amount</th>
<th>Shipping Fee</th>
<th>Handling Fee</th>
</tr>
</thead>
<tbody>
<tr>
<td>Under $99</td>
<td>$12.99</td>
<td>$24.00</td>
</tr>
<tr>
<td>$99 - $499</td>
<td>FREE</td>
<td>$24.00</td>
</tr>
<tr>
<td>$500 and above</td>
<td>FREE</td>
<td>FREE</td>
</tr>
</tbody>
</table>
<h6 class="mt-4">Delivery Time</h6>
<ul>
<li><strong>Standard Shipping:</strong> 5-7 business days</li>
<li><strong>Express Shipping:</strong> 2-3 business days (additional $15)</li>
<li><strong>Overnight Shipping:</strong> Next business day (additional $35)</li>
</ul>
<h6 class="mt-4">Available Regions</h6>
<p>We ship to all 50 US states, Canada, and select international destinations through our partner Neokyo.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Got it</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="sizeGuideModal" tabindex="-1" role="dialog" aria-labelledby="sizeGuideModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="sizeGuideModalLabel">Product Size Guide</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<h6>Pool Dimensions</h6>
<table class="table table-bordered">
<tr>
<td>Diameter</td>
<td>12 feet (3.66m)</td>
</tr>
<tr>
<td>Height</td>
<td>30 inches (76cm)</td>
</tr>
<tr>
<td>Water Capacity</td>
<td>1,718 gallons (6,500L)</td>
</tr>
<tr>
<td>Weight (Empty)</td>
<td>42 lbs (19kg)</td>
</tr>
</table>
</div>
<div class="col-md-6">
<h6>Space Requirements</h6>
<ul>
<li>Minimum area: 14 x 14 feet</li>
<li>Level ground required</li>
<li>Clear overhead space: 8 feet</li>
<li>Access to water source</li>
<li>Access to electrical outlet for pump</li>
</ul>
<h6 class="mt-3">Included Components</h6>
<ul>
<li>Metal frame pool</li>
<li>Filter pump (330 GPH)</li>
<li>Pool liner</li>
<li>Setup instructions</li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="messageModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="messageModalLabel">Message</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div id="messageContent">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="imageZoomModal" tabindex="-1" role="dialog" aria-labelledby="imageZoomModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="imageZoomModalLabel">Product Image</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<img id="zoomedImage" src="" alt="Product Image" class="img-fluid">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
function showMessage(title, content, type = 'info') {
document.getElementById('messageModalLabel').textContent = title;
var alertClass = 'alert-info';
if (type === 'success') alertClass = 'alert-success';
if (type === 'error') alertClass = 'alert-danger';
if (type === 'warning') alertClass = 'alert-warning';
document.getElementById('messageContent').innerHTML =
'<div class="alert ' + alertClass + '">' + content + '</div>';
$('#messageModal').modal('show');
}
function confirmQuantity() {
var quantity = document.getElementById('modalQuantity').value;
var mainQuantityInput = document.querySelector('.cart_count');
if (mainQuantityInput) {
mainQuantityInput.value = quantity;
}
$('#quantityModal').modal('hide');
}
function showShippingInfo() {
$('#shippingModal').modal('show');
}
function showSizeGuide() {
$('#sizeGuideModal').modal('show');
}
function showImageZoom(imageSrc) {
document.getElementById('zoomedImage').src = imageSrc;
$('#imageZoomModal').modal('show');
}
function showNeokyoBanner() {
$('#neokyoModal').modal('show');
}
document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
var isInternational = Math.random() > 0.7;
if (isInternational) {
showNeokyoBanner();
}
}, 3000);
});
</script>
<style>
.modal-content {
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.modal-header {
background: #f8f9fa;
border-bottom: 1px solid #dee2e6;
border-radius: 8px 8px 0 0;
}
.modal-title {
font-weight: 600;
color: #333;
}
.modal-body {
padding: 20px;
}
.modal-footer {
background: #f8f9fa;
border-top: 1px solid #dee2e6;
border-radius: 0 0 8px 8px;
}
#zoomedImage {
max-width: 100%;
max-height: 80vh;
object-fit: contain;
}
.table th {
background: #f8f9fa;
font-weight: 600;
}
.alert {
margin-bottom: 0;
}
#modalQuantity {
width: 100px;
display: inline-block;
}
.neokyo-features {
background: #f8f9fa;
padding: 15px;
border-radius: 5px;
margin: 15px 0;
}
.neokyo-features h6 {
color: #007bff;
margin-bottom: 10px;
}
.neokyo-features ul {
margin-bottom: 0;
}
</style>
<footer>
<div class="container_suru padB40">
<div class="row">
<div class="col-12 d-flex justify-content-center mgnT16">
<div class="padB12 footer_social_icon" style=" ">
<h4 style="font-size: 17px;" class="text-center mgnT4 mgnB20 text-gray-dark">Official SNS</h4>
<div class="d-flex justify-content-center" style="font-weight: bold;">
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://www.qssisolutions.com/products/sheer-cross-print-blouse-womens-size-medium-faith-inspired-p/?srsltid=46370879" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://cdn.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="50px" height="50px"></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://www.qssisolutions.com/products/mcfarlane-dc-direct-superman/?srsltid=24914534" onclick="gtag('event', 'footer', {'event_category': 'external link','event_label': this.href});">
<img src="https://cdn.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="50px" height="50px"><span style="font-size: 10px; padding-top: 5px; font-family: Arial, 'Noto Sans', sans-serif;">Hobby Updates</span></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://www.qssisolutions.com/products/orlane-body-slimming-intense-soin-minceur-2pc-box-set/?srsltid=7816531" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://cdn.suruga-ya.jp/pics_webp/Instagram_Glyph_Gradient.png.webp" loading="lazy" width="50px" height="50px"></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://www.qssisolutions.com/products/eternal-champions-challenge-from-the-dark-side-sega-cd-compl/?srsltid=41181739" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://cdn.suruga-ya.jp/pics/common/pc/social_facebook.svg" loading="lazy" width="50px" height="50px"></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://www.qssisolutions.com/products/just-don-x-mitchell-ness-nfl-super-bowl-new-york-jets-hat/?srsltid=4284762" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://cdn.suruga-ya.jp/pics/common/pc/social_youtube.svg" loading="lazy" width="50px" height="50px"></a>
</div>
<div class="item-social ">
<a class="d-flex flex-column justify-content-center align-items-center" href="https://www.qssisolutions.com/products/starbucks-plum-tumblers-set-of-2/?srsltid=22052593" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer','eventLabel':this.href});">
<img src="https://cdn.suruga-ya.jp/pics/bluesky-1.svg" loading="lazy" width="50px" height="50px"></a>
</div>
</div>
</div>
</div>
<div class="col-12 nav_footer mgnT32">
<ul class="list-iine d-flex justify-content-center">
<li class="list-inline-item"><a href="https://www.qssisolutions.com/products/vtech-medvdek/?srsltid=56516363" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Sign In</a></li>
<li class="list-inline-item"><a href="https://www.qssisolutions.com/products/bellzi-2024-halloween-patch-phanti-limited-edition/?srsltid=23874727" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">help</a></li>
<li class="list-inline-item"><a href="https://www.qssisolutions.com/products/redone-70s-ultra-high-rise-stove-pipe-washed-chocolate-strai/?srsltid=40697229" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">inquiry</a></li>
<li class="list-inline-item"><a href="https://www.qssisolutions.com/products/poduszka-ciowa-xl/?srsltid=44603317" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Corporate Intelligence</a></li>
<li class="list-inline-item"><a href="https://www.qssisolutions.com/products/nwt-sz-s-anthropologie-sunday-in-brooklyn-mairead-mock-neck/?srsltid=48131789" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Recruitment Information</a></li>
<li class="list-inline-item"><a href="https://www.qssisolutions.com/products/cuckoo-clock/?srsltid=22390076" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Product Archives</a></li>
<li class="list-inline-item"><a href="https://www.qssisolutions.com/products/michael-kors-large-bag/?srsltid=60876616" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Terms and Policies</a></li>
<li class="list-inline-item"><a href="https://www.qssisolutions.com/products/tocca-embroidered-dress-over-50-off-perfect-for-school-visit/?srsltid=17657061" onclick="dataLayer.push({'event': 'action_click','eventCategory':'external link','eventAction':'footer_CT','eventLabel':this.href});">Affiliate (for PC)</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="footer_bottom">
<div class="mx-auto">
<p class="mgnB4"> 2026 www.qssisolutions.com. All rights reserved.</p>
</div>
</div>
</footer>
<style>
footer {
color: inherit !important;
}
footer a:hover, footer a:focus{
color: #ff0000 !important;
text-decoration: underline;
}
.nav_footer {
border-top: 1px solid #ccc;
padding-top: 20px;
}
.nav_footer ul {
padding-left: 0;
list-style: none;
flex-wrap: wrap;
}
.nav_footer .list-inline-item {
margin-right: 1.5rem;
margin-bottom: 1rem;
}
.footer_bottom {
background: #e6e6e6;
padding: 20px 0;
text-align: center;
}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lightbox2@2.11.3/dist/js/lightbox.min.js"></script>
<script src="https://cdn.suruga-ya.jp/styles/js/lazysizes.min.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
// Custom dataLayer events
function htmlDecode(value) {
return $('<div/>').html(value).text();
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
if (typeof endtime_campaign !== 'undefined') {
var countDownDate = new Date(endtime_campaign).getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
if (distance > 0) {
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.querySelector('.hours').innerHTML = String(hours).padStart(2, '0');
document.querySelector('.minutes').innerHTML = String(minutes).padStart(2, '0');
document.querySelector('.seconds').innerHTML = String(seconds).padStart(2, '0');
} else {
clearInterval(x);
document.querySelector('.flash_sale').style.display = 'none';
}
}, 1000);
}
});
</script>
<script>
$(document).ready(function() {
$('#sidebarCollapse').on('click', function() {
$('#sidebar_menu').toggleClass('active');
$('.overlay').toggleClass('active');
});
$('#dismiss, .overlay').on('click', function() {
$('#sidebar_menu').removeClass('active');
$('.overlay').removeClass('active');
});
$('.dropdown-toggle').on('click', function() {
var target = $(this).data('target');
$(target).collapse('toggle');
$(this).toggleClass('collapsed');
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
if (document.querySelector('.zoom_product_thumnail')) {
window.swiperThumbnail = new Swiper('.zoom_product_thumnail', {
slidesPerView: 4,
spaceBetween: 5,
loop: false,
navigation: {
nextEl: '.thumnail-swiper-button-next',
prevEl: '.thumnail-swiper-button-prev',
},
breakpoints: {
320: { slidesPerView: 2, spaceBetween: 5 },
640: { slidesPerView: 3, spaceBetween: 5 },
768: { slidesPerView: 4, spaceBetween: 5 },
}
});
}
document.querySelectorAll('.main-pro-lightbox').forEach(function(link) {
link.addEventListener('click', function(e) {
e.preventDefault();
showImageZoom(this.href);
});
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var searchForm = document.querySelector('.search-form-top');
if (searchForm) {
searchForm.addEventListener('submit', function(e) {
var searchInput = this.querySelector('#txt-search');
var categorySelect = this.querySelector('#cat-search');
dataLayer.push({
'event': 'search',
'eventCategory': 'site search',
'eventAction': 'search',
'eventLabel': searchInput.value,
'searchCategory': categorySelect.value
});
});
}
// Auto-complete simulation
var searchInput = document.querySelector('#txt-search');
if (searchInput) {
searchInput.addEventListener('input', function() {
var query = this.value;
if (query.length >= 3) {
console.log('Search suggestion for:', query);
}
});
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
loadNotifications();
document.querySelector('.read-all-message')?.addEventListener('click', function() {
markAllNotificationsAsRead();
});
});
function loadNotifications() {
var notifications = new Array(
{
id: 1,
title: 'Order Shipped',
message: 'Your order #12345 has been shipped!',
time: '2 hours ago',
read: false
},
{
id: 2,
title: 'New Arrivals',
message: 'Check out our latest pool accessories!',
time: '1 day ago',
read: true
}
);
var notificationList = document.querySelector('#messages');
var notificationCount = document.querySelector('.lbl_count');
if (notificationList && notificationCount) {
var unreadCount = notifications.filter(n => !n.read).length;
notificationCount.textContent = unreadCount;
notificationList.innerHTML = notifications.map(notification => `
<li class="notification-item ${notification.read ? 'read' : 'unread'}">
<div class="notification-content">
<h6>${notification.title}</h6>
<p>${notification.message}</p>
<small>${notification.time}</small>
</div>
</li>
`).join('');
}
}
function markAllNotificationsAsRead() {
document.querySelectorAll('.notification-item').forEach(function(item) {
item.classList.remove('unread');
item.classList.add('read');
});
document.querySelector('.lbl_count').textContent = '0';
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
updateCartCount();
document.querySelectorAll('input[name="grade"]').forEach(function(radio) {
radio.addEventListener('change', function() {
var zaiko = JSON.parse(this.dataset.zaiko);
updatePrice(zaiko);
});
});
});
function updateCartCount() {
var cartCount = localStorage.getItem('cartCount') || '0';
document.querySelectorAll('.cart-number').forEach(function(element) {
element.textContent = cartCount;
});
}
function updatePrice(zaiko) {
var priceElement = document.querySelector('.price-buy');
var noteElement = document.querySelector('.product_note');
if (priceElement && zaiko) {
priceElement.textContent = '$' + zaiko.baika + ' (tax included)';
var stockElement = document.querySelector('.tag_product.blue-light span');
if (stockElement) {
stockElement.textContent = 'Number of stocks: ' + zaiko.zaiko;
}
}
}
function addToCartWithAnimation() {
var cartIcon = document.querySelector('.sidebar_cart');
var productImage = document.querySelector('.main-pro-img');
if (cartIcon && productImage) {
var flyingImage = productImage.cloneNode(true);
flyingImage.style.position = 'fixed';
flyingImage.style.zIndex = '9999';
flyingImage.style.width = '50px';
flyingImage.style.height = '50px';
flyingImage.style.transition = 'all 1s ease-in-out';
document.body.appendChild(flyingImage);
var productRect = productImage.getBoundingClientRect();
var cartRect = cartIcon.getBoundingClientRect();
flyingImage.style.left = productRect.left + 'px';
flyingImage.style.top = productRect.top + 'px';
setTimeout(function() {
flyingImage.style.left = cartRect.left + 'px';
flyingImage.style.top = cartRect.top + 'px';
flyingImage.style.opacity = '0';
flyingImage.style.transform = 'scale(0.1)';
}, 100);
setTimeout(function() {
document.body.removeChild(flyingImage);
var currentCount = parseInt(localStorage.getItem('cartCount') || '0');
localStorage.setItem('cartCount', currentCount + 1);
updateCartCount();
showMessage('Success', 'Item added to cart successfully!', 'success');
}, 1100);
}
}
</script>
<script>
window.pages = {
product_detail: {
tweet: function(title, description, url, productUrl, width, height) {
var tweetText = encodeURIComponent(title + ' ' + productUrl);
var tweetUrl = 'https://twitter.com/intent/tweet?text=' + tweetText;
window.open(tweetUrl, 'twitter-share', 'width=600,height=400');
dataLayer.push({
'event': 'social_share',
'eventCategory': 'social',
'eventAction': 'twitter_share',
'eventLabel': title
});
}
}
};
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var forms = document.querySelectorAll('form');
forms.forEach(function(form) {
form.addEventListener('submit', function(e) {
if (!validateForm(this)) {
e.preventDefault();
}
});
});
var numberInputs = document.querySelectorAll('input[type="number"]');
numberInputs.forEach(function(input) {
input.addEventListener('input', function() {
var value = parseInt(this.value);
var min = parseInt(this.getAttribute('min')) || 1;
var max = parseInt(this.getAttribute('max')) || 999;
if (value < min) this.value = min;
if (value > max) this.value = max;
});
});
});
function validateForm(form) {
var isValid = true;
var requiredFields = form.querySelectorAll('[required]');
requiredFields.forEach(function(field) {
if (!field.value.trim()) {
field.classList.add('is-invalid');
isValid = false;
} else {
field.classList.remove('is-invalid');
}
});
return isValid;
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
if ('IntersectionObserver' in window) {
var imageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var img = entry.target;
if (img.dataset.src) {
img.src = img.dataset.src;
img.classList.add('loaded');
observer.unobserve(img);
}
}
});
});
document.querySelectorAll('img[data-src]').forEach(function(img) {
imageObserver.observe(img);
});
}
var criticalImages = new Array(
'https://u-mercari-images.mercdn.net/photos/m40263855970_1.jpg',
'https://cdn.suruga-ya.jp/pics/common/pc/user_black.svg',
'https://cdn.suruga-ya.jp/pics/common/pc/cart_black.svg'
].filter(Boolean);
criticalImages.forEach(function(src) {
var link = document.createElement('link');
link.rel = 'preload';
link.as = 'image';
link.href = src;
document.head.appendChild(link);
});
});
</script>
<script>
window.addEventListener('error', function(e) {
console.error('JavaScript Error:', e.error);
if (typeof gtag === 'function') {
gtag('event', 'exception', {
'description': e.error.toString(),
'fatal': false
});
}
});
window.addEventListener('unhandledrejection', function(e) {
console.error('Unhandled Promise Rejection:', e.reason);
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
$('.modal').modal('hide');
$('#sidebar_menu').removeClass('active');
$('.overlay').removeClass('active');
}
if (e.key === 'Tab') {
var focusableElements = document.querySelectorAll(
'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'
);
document.addEventListener('focusin', function(e) {
e.target.classList.add('keyboard-focused');
});
document.addEventListener('focusout', function(e) {
e.target.classList.remove('keyboard-focused');
});
}
});
var buttons = document.querySelectorAll('button:not([aria-label])');
buttons.forEach(function(button) {
if (button.textContent.trim()) {
button.setAttribute('aria-label', button.textContent.trim());
}
});
});
</script>
<style>
.keyboard-focused {
outline: 2px solid #007bff !important;
outline-offset: 2px !important;
}
.notification-item {
padding: 10px;
border-bottom: 1px solid #eee;
transition: background-color 0.3s ease;
}
.notification-item:hover {
background-color: #f8f9fa;
}
.notification-item.unread {
background-color: #e3f2fd;
border-left: 3px solid #2196f3;
}
.notification-item h6 {
margin: 0 0 5px 0;
font-size: 14px;
font-weight: 600;
}
.notification-item p {
margin: 0 0 5px 0;
font-size: 13px;
color: #666;
}
.notification-item small {
color: #999;
font-size: 11px;
}
.is-invalid {
border-color: #dc3545 !important;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
@keyframes flyToCart {
to {
transform: translateX(100px) translateY(-50px) scale(0.1);
opacity: 0;
}
}
.flying-to-cart {
animation: flyToCart 1s ease-in-out forwards;
}
/* Loading states */
.loading {
position: relative;
pointer-events: none;
}
.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid transparent;
border-top: 2px solid #007bff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Image loading states */
img[data-src]:not([src]) {
opacity: 0;
transition: opacity 0.3s ease;
}
img[data-src].loaded {
opacity: 1;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const hoursElem = document.getElementById('countdown-hours');
const minutesElem = document.getElementById('countdown-minutes');
const secondsElem = document.getElementById('countdown-seconds');
if (hoursElem && minutesElem && secondsElem) {
let totalSeconds =
parseInt(hoursElem.textContent, 10) * 3600 +
parseInt(minutesElem.textContent, 10) * 60 +
parseInt(secondsElem.textContent, 10);
if (totalSeconds > 0) {
const countdownInterval = setInterval(function() {
if (totalSeconds <= 0) {
clearInterval(countdownInterval);
hoursElem.textContent = '00';
minutesElem.textContent = '00';
secondsElem.textContent = '00';
return;
}
totalSeconds--;
let hours = Math.floor(totalSeconds / 3600);
let minutes = Math.floor((totalSeconds % 3600) / 60);
let seconds = totalSeconds % 60;
hoursElem.textContent = String(hours).padStart(2, '0');
minutesElem.textContent = String(minutes).padStart(2, '0');
secondsElem.textContent = String(seconds).padStart(2, '0');
}, 1000);
}
}
// --- Dynamic Price Update Logic ---
const priceDisplayPanel = document.querySelector('.selected_price .price-buy');
const priceLabelPanel = document.querySelector('.selected_price');
const priceRadios = document.querySelectorAll('input[name="grade"]');
const priceDifferenceDisplay = document.querySelector('.product_note.mgnB0 p');
// Store original values for price difference calculation
const newPriceValue = parseFloat(``);
const usedPriceValue = parseFloat(`51.41`);
function updatePrice(event) {
const selectedRadio = event.target;
const priceLabel = selectedRadio.getAttribute('data-price-label');
const priceValue = selectedRadio.getAttribute('data-price-value');
if (priceDisplayPanel && priceLabelPanel) {
priceDisplayPanel.textContent = `${priceValue} (tax included)`;
// Update the "New" or "Used" label text
priceLabelPanel.firstChild.nodeValue = `${priceLabel} `;
}
// Update the "cheaper than" message
if (priceDifferenceDisplay) {
let difference = 0;
if (priceLabel === 'Used') {
difference = newPriceValue - usedPriceValue;
}
// You can add logic for other labels if needed.
// If 'New' is selected, the message should probably be hidden.
if (difference > 0) {
priceDifferenceDisplay.textContent = `$${difference.toFixed(2)} cheaper than the new price!!`;
priceDifferenceDisplay.parentElement.style.display = 'block';
} else {
priceDifferenceDisplay.parentElement.style.display = 'none';
}
}
}
priceRadios.forEach(radio => radio.addEventListener('change', updatePrice));
// Set initial state for the "cheaper than" message
const initialSelectedRadio = document.querySelector('input[name="grade"]:checked');
if (initialSelectedRadio && initialSelectedRadio.getAttribute('data-price-label') !== 'Used') {
if(priceDifferenceDisplay) {
priceDifferenceDisplay.parentElement.style.display = 'none';
}
}
});
</script>
</div>
</body>
</html>
4.1 (79 items)
Limited Time Sale