Garo
<br/>Garo Songs<br/>New Songs and LP 1, 2, 3 Special Edition<br/><br/><Book Type><br/>Guitar Score<br/><br/><Publication Year><br/>1973<br/><br/><Publisher><br/>Ongaku Shunju<br/><br/><Contents and Song Titles><br/>Please refer to the table of contents photo for details.<br/><br/><Markings/Writing><br/>None<br/><br/><Other Conditions><br/>There may be signs of aging, but the condition is still solid.<br/><br/>~~~~~~~~~~~~~~~~~~~~~~~~~<br/>Shipping Method<br/>1. Pack in a transparent vinyl bag for waterproof protection.<br/>2. Secure packaging with bubble wrap for drop protection (may not be possible for some sizes).<br/>3. We accommodate other preferred shipping methods whenever possible.<br/><br/>~~~~~~~~~~~~~~~~~~~~~~~~~<br/>Explanation of Terms<br/>Aging:<br/>Refers to changes in the quality of a product over time, including discoloration, stains, corner damage, cover wear, etc., in the case of books.<br/><br/>Item Number: 240820-A</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/m22070809969_1.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m22070809969_1.jpg" alt="★ Sheet music / Garo / Garo's Song / GARO / LP No.1〜No.3 / Guitar" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m22070809969_2.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m22070809969_2.jpg" alt="★ Sheet music / Garo / Garo's Song / GARO / LP No.1〜No.3 / Guitar" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m22070809969_3.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m22070809969_3.jpg" alt="★ Sheet music / Garo / Garo's Song / GARO / LP No.1〜No.3 / Guitar" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m22070809969_4.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m22070809969_4.jpg" alt="★ Sheet music / Garo / Garo's Song / GARO / LP No.1〜No.3 / Guitar" style="width:100%">
</a>
</p>
<p class="img-wrapper" style="display:inline-block; width: 49%;">
<a href="https://u-mercari-images.mercdn.net/photos/m22070809969_5.jpg" rel="lightbox">
<img class="lazyload" data-src="https://u-mercari-images.mercdn.net/photos/m22070809969_5.jpg" alt="★ Sheet music / Garo / Garo's Song / GARO / LP No.1〜No.3 / Guitar" style="width:100%">
</a>
</p>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="related-products-section">
<h3 class="related-products-header">West</h3>
<div class="related-products-grid">
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/growing-vegetables-in-drought-desert-and-dry-times-the-complete-guide-to-organic-gardening-without-wasting-water/231878995/">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/A1qJxO8PHXL._SL1500_.jpg" alt="Growing Vegetables in Drought, Desert, and Dry Times: The Complete Guide to Organic Gardening without Wasting Water" loading="lazy">
</div>
<h2 class="related-product-title">Growing Vegetables in Drought, Desert, and Dry Times: The Complete Guide to Organic Gardening without Wasting Water</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">(33)</span>
</div>
<div class="related-product-price">$7.92</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/california-home-landscaping-fourth-edition-48-landscape-designs-200-plants-flowers-best-suited-to-the-region-creative-homeowner-over-400-photos-native-plant-profiles-and-outdoor-diy-projects/231779652/">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/A1VF8D8HLZL._SL1500_.jpg" alt="California Home Landscaping, Fourth Edition: 48 Landscape Designs 200+ Plants & Flowers Best Suited to the Region (Creative Homeowner) Over 400 Photos, Native Plant Profiles, and Outdoor DIY Projects" loading="lazy">
</div>
<h2 class="related-product-title">California Home Landscaping, Fourth Edition: 48 Landscape Designs 200+ Plants & Flowers Best Suited to the Region (Creative Homeowner) Over 400 Photos, Native Plant Profiles, and Outdoor DIY Projects</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">$8.62</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/golden-gate-gardening-30th-anniversary-edition-the-complete-guide-to-year-round-food-gardening-in-the-san-francisco-bay-area-coastal-california/231887834/">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/91H7Nj+XDQL._SL1500_.jpg" alt="Golden Gate Gardening, 30th Anniversary Edition: The Complete Guide to Year-Round Food Gardening in the San Francisco Bay Area & Coastal California" loading="lazy">
</div>
<h2 class="related-product-title">Golden Gate Gardening, 30th Anniversary Edition: The Complete Guide to Year-Round Food Gardening in the San Francisco Bay Area & Coastal California</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">(17)</span>
</div>
<div class="related-product-price">$9.28</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/the-california-garden-tour-the-50-best-gardens-to-visit-in-the-golden-state/231910943/">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/A1p-5ZOuMcL._SL1500_.jpg" alt="The California Garden Tour: The 50 Best Gardens to Visit in the Golden State" loading="lazy">
</div>
<h2 class="related-product-title">The California Garden Tour: The 50 Best Gardens to Visit in the Golden State</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">(39)</span>
</div>
<div class="related-product-price">$7.43</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/the-drought-defying-california-garden-230-native-plants-for-a-lush-low-water-landscape/231878990/">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/91mLkNKq+JL._SL1500_.jpg" alt="The Drought-Defying California Garden: 230 Native Plants for a Lush, Low-Water Landscape" loading="lazy">
</div>
<h2 class="related-product-title">The Drought-Defying California Garden: 230 Native Plants for a Lush, Low-Water Landscape</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">(39)</span>
</div>
<div class="related-product-price">$2.84</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/rocky-mountain-month-by-month-gardening-what-to-do-each-month-to-have-a-beautiful-garden-all-year-colorado-idaho-montana-utah-wyoming/231891773/">
<div class="related-product-image">
<img src="https://m.media-amazon.com/images/I/A1geXUfuNNL._SL1500_.jpg" alt="Rocky Mountain Month-By-Month Gardening: What to Do Each Month to Have A Beautiful Garden All Year - Colorado, Idaho, Montana, Utah, Wyoming" loading="lazy">
</div>
<h2 class="related-product-title">Rocky Mountain Month-By-Month Gardening: What to Do Each Month to Have A Beautiful Garden All Year - Colorado, Idaho, Montana, Utah, Wyoming</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">(50)</span>
</div>
<div class="related-product-price">$7.40</div>
</a>
</div> </div>
<div class="see-more-link">
<a href="https://remaxsolutions.com.ar/products/scarpe-slip-on-micheal-kors/38177096/">See the same product from West</a>
</div>
</div>
<div class="related-products-section">
<h3 class="related-products-header">Art Books</h3>
<div class="related-products-grid">
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/barbapapas-color-play/62047623/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m76785443486_1.jpg" alt="Barbapapa's Color Play" loading="lazy">
</div>
<h2 class="related-product-title">Barbapapa's Color Play</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">$14.57</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/rare-large-format-book-nikolaus-pevsners-architectural-writings/42889938/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m63825659370_1.jpg" alt="Rare Large Format Book: Nikolaus Pevsner's Architectural Writings" loading="lazy">
</div>
<h2 class="related-product-title">Rare Large Format Book: Nikolaus Pevsner's Architectural Writings</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">(25)</span>
</div>
<div class="related-product-price">$83.20</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/pachelbel-complete-keyboard-works-vol-1-preludes-and-toccatas/36152188/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m72384563466_1.jpg" alt="Pachelbel: Complete Keyboard Works, Vol. 1: Preludes and Toccatas" loading="lazy">
</div>
<h2 class="related-product-title">Pachelbel: Complete Keyboard Works, Vol. 1: Preludes and Toccatas</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">$52.78</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/rare-masahiko-sato-the-complete-works-special-edition-of-advertising-criticism/42940470/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m95786061981_1.jpg" alt="[Rare] Masahiko Sato: The Complete Works / Special Edition of Advertising Criticism" loading="lazy">
</div>
<h2 class="related-product-title">[Rare] Masahiko Sato: The Complete Works / Special Edition of Advertising Criticism</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">(38)</span>
</div>
<div class="related-product-price">$75.11</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/1956-rockwell-nordstrom-lubricated-valves-lubricants-accessories-catalog-no-11/285280/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m52526023314_1.jpg" alt="1956 Rockwell-Nordstrom Lubricated Valves Lubricants Accessories Catalog No. 11" loading="lazy">
</div>
<h2 class="related-product-title">1956 Rockwell-Nordstrom Lubricated Valves Lubricants Accessories Catalog No. 11</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">(45)</span>
</div>
<div class="related-product-price">$21.00</div>
</a>
</div>
<div class="related-product-card">
<a href="https://remaxsolutions.com.ar/products/kasai-kaoru-1968-kaoru-kasai-collected-works/55224175/">
<div class="related-product-image">
<img src="https://u-mercari-images.mercdn.net/photos/m14072495079_1.jpg" alt="KASAI Kaoru 1968 Kaoru Kasai: Collected Works" loading="lazy">
</div>
<h2 class="related-product-title">KASAI Kaoru 1968 Kaoru Kasai: Collected Works</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">$36.62</div>
</a>
</div> </div>
<div class="see-more-link">
<a href="https://remaxsolutions.com.ar/products/scarpe-slip-on-micheal-kors/38177096/">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;
}
</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://remaxsolutions.com.ar/products/mens-urban-pipeline-max-flex-black-slim-fit-straight-leg-jea/45665415/" 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://remaxsolutions.com.ar/products/scotch-and-soda-skim-jean/58985592/">
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.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-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.2 <span>( <a href="https://remaxsolutions.com.ar/products/agolde-womens-29-folded-waistband-high-rise-ankle-wide-jeans/41276617/" class="navi-review-search-clear-button">138 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://remaxsolutions.com.ar/products/gskill-aegis-series-intel-xmp-ddr4-ram-16gb-2x8gb-3000mts-cl/200619165/" 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://remaxsolutions.com.ar/products/free-people-sugar-crush-mini-dress-in-cobalt-combo-size-smal/949737/" 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://remaxsolutions.com.ar/products/mens-urban-pipeline-max-flex-black-slim-fit-straight-leg-jea/45665415/" 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://remaxsolutions.com.ar/products/kabelka-pes-rameno/34596833/" 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://remaxsolutions.com.ar/products/champro-striped-training-softball-set-of-2/203910551/" 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://remaxsolutions.com.ar/products/nwt-staud-floral-print-sheer-lined-shirt-sleeve-hi-neck-maxi/61459242/" 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://remaxsolutions.com.ar/products/vekkia-queen-size-bed-wedge-pillow-for-headboardbed-wedge-ga/205362931/" 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://remaxsolutions.com.ar/products/kate-spade-leather-clutch-handbags/47877898/" 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://remaxsolutions.com.ar/products/master-dater/202123255/" 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://remaxsolutions.com.ar/products/32-degree-heat-jacket-mens-extra-large-dark-blue-hooded-flee/48704872/" 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://remaxsolutions.com.ar/products/rare-tortellini-the-alien-squishmallow-8-halloween-2022-gala/62921170/" 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://remaxsolutions.com.ar/products/robe-bretelles-bleue-marine-avec-empicements-fourrure-en-bas/56726981/" 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://remaxsolutions.com.ar/products/chaqueta-de-cuero/33142715/" 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://remaxsolutions.com.ar/products/black-long-dress-boho-style-smock-dres-uk-12-eu-38/51907856/" 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://remaxsolutions.com.ar/products/veste-sans-manche-zara/52239971/" 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://remaxsolutions.com.ar/products/new-elements-the-best-things-in-life-candle-holder-yankee-3/47093430/" 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://remaxsolutions.com.ar/products/mens-short-sleeve-checked-shirt/38987223/" 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://remaxsolutions.com.ar/products/3m-pad-backing-clear-machined-70-x-198-mm-os-55200/201661768/" 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://remaxsolutions.com.ar/products/ateez-jongho-fever-pt-3-mmt-pob/54361254/" 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"> 2024 remaxsolutions.com.ar. 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/m22070809969_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(`36.62`);
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.2 (138 items)
Limited Time Sale