{"product_id":"spring-journey-to-night-cherry-blossoms-nemophila-northern-port-towns","title":"Spring Journey to Night Cherry Blossoms, Nemophila \u0026 Northern Port Towns","description":"\u003cstyle\u003e\n    \/* CSS สำหรับกำหนดสไตล์ของหน้าเว็บเพจ *\/\n    .cruise-promo-container {\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n        \/* max-width: 1000px; *\/\n        margin: 0 auto;\n        color: #333;\n        background-color: #f9f9f9;\n        line-height: 1.6;\n    }\n\n    \/* ส่วนหัว Header *\/\n    .cruise-header {\n        text-align: center;\n        padding: 30px 20px;\n        background-color: #f0f4f8;\n    }\n    .cruise-header h4 {\n        color: #555;\n        letter-spacing: 2px;\n        margin-bottom: 5px;\n    }\n    .cruise-header h1 {\n        color: #2b4b7c;\n        font-size: 2.2em;\n        margin: 10px 0;\n        font-weight: normal;\n    }\n    .cruise-header p {\n        color: #777;\n        font-size: 1.1em;\n    }\n\n    \/* รูปภาพหลัก *\/\n    .hero-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\n\n    \/* โครงสร้างส่วนเนื้อหาตารางและแผนที่ *\/\n    .content-section {\n        padding: 20px;\n        background-color: #fff;\n    }\n    .section-title {\n        color: #2b4b7c;\n        font-size: 1.8em;\n        margin-bottom: 10px;\n        border-bottom: 2px solid #eaeaea;\n        padding-bottom: 10px;\n    }\n    \n    .itinerary-container {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        margin-top: 20px;\n    }\n\n    \/* ตารางการเดินทาง *\/\n    .itinerary-table-wrapper {\n        flex: 1.5;\n        min-width: 300px;\n    }\n    table.itinerary-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-bottom: 10px;\n    }\n    .itinerary-table th {\n        background-color: #fde4e4;\n        color: #333;\n        padding: 10px;\n        border: 1px solid #ddd;\n    }\n    .itinerary-table td {\n        padding: 10px;\n        border: 1px solid #ddd;\n        text-align: center;\n    }\n    .itinerary-table td:nth-child(2) {\n        text-align: left; \/* ให้ชื่อเมืองชิดซ้าย *\/\n    }\n    .notes {\n        font-size: 0.85em;\n        color: #666;\n    }\n\n    \/* แผนที่ *\/\n    .map-wrapper {\n        flex: 1;\n        min-width: 250px;\n        background-color: transparent;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 1px solid #ddd;\n    }\n    .map-wrapper img {\n        max-width: 100%;\n        height: auto;\n    }\n\n    \/* โครงสร้าง Layout ด้านล่าง (แบ่งซ้าย-ขวา) *\/\n    .bottom-layout {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 30px;\n        margin-top: 40px;\n    }\n    .bottom-left {\n        flex: 1.5;\n        min-width: 300px;\n    }\n    .bottom-right {\n        flex: 1;\n        min-width: 300px;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* ส่วนไฮไลท์ *\/\n    .highlights-container {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n    .highlight-item {\n        flex: 1;\n        min-width: 200px;\n    }\n    .highlight-item img {\n        width: 100%;\n        height: auto;\n        margin-bottom: 10px;\n    }\n    .highlight-item h3 {\n        color: #2b4b7c;\n        margin: 5px 0;\n        font-size: 1.1em;\n    }\n    .highlight-item p {\n        font-size: 0.9em;\n    }\n\n    \/* ส่วน Port Excursions *\/\n    .port-excursions {\n        margin-top: 25px;\n        padding-top: 15px;\n        border-top: 1px dashed #ccc;\n    }\n    .port-title-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 10px;\n    }\n    .port-title-wrapper h3 {\n        color: #2b4b7c;\n        margin: 0;\n        font-size: 1.2em;\n        letter-spacing: 1px;\n    }\n    .port-icon {\n        width: 35px; \/* ขนาดไอคอนเรือ *\/\n        height: auto;\n    }\n    .port-list {\n        list-style-type: none;\n        padding: 0;\n        margin: 0;\n        font-size: 0.9em;\n        color: #004b7b;\n    }\n    .port-list li {\n        margin-bottom: 5px;\n    }\n    \n    .terms-text {\n        font-size: 0.7em;\n        color: #888;\n        margin-top: 15px;\n        line-height: 1.2;\n    }\n\n    \/* ส่วนภาพห้องพัก *\/\n    .cabin-image-wrapper img {\n        width: 100%;\n        height: auto;\n        display: block;\n        margin-bottom: 15px;\n    }\n\n    \/* ส่วนราคาและ Footer *\/\n    .footer-section {\n        background-color: #f0f4f8;\n        padding: 20px;\n        border-radius: 5px;\n    }\n    .price-info p {\n        margin: 0;\n        color: #555;\n    }\n    .price-info h2 {\n        font-size: 2.2em;\n        color: #333;\n        margin: 5px 0;\n    }\n    .price-info .small-text {\n        font-size: 0.4em;\n        font-weight: normal;\n    }\n    .contact-info {\n        margin-top: 20px;\n        padding-top: 15px;\n        border-top: 1px solid #ddd;\n    }\n    .contact-info h3 {\n        margin: 0 0 5px 0;\n        color: #666;\n        font-size: 1em;\n    }\n    .contact-info h2 {\n        margin: 0 0 5px 0;\n        font-size: 1.8em;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"cruise-promo-container\"\u003e\n    \u003c!-- Hero Image Section --\u003e\n    \u003cdiv class=\"hero-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0681\/0897\/6327\/files\/AdobeStock_145299399_Night-Sakura-web.jpg?v=1790232751\" alt=\"AOMORI Hirosaki Park Night Cherry Blossoms\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Content Section --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eSpring Journey: Muroran, Tohoku \u0026amp; Hitachinaka\u003c\/h2\u003e\n        \u003cp\u003eAPRIL 22 (THU) - APRIL 29 (THU), 2027 | 8 DAYS\u003c\/p\u003e\n\n        \u003cdiv class=\"itinerary-container\"\u003e\n            \u003c!-- Table Content --\u003e\n            \u003cdiv class=\"itinerary-table-wrapper\"\u003e\n                \u003ctable class=\"itinerary-table\"\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eDATE\u003c\/th\u003e\n                        \u003cth\u003eDESTINATION\u003c\/th\u003e\n                        \u003cth\u003eARRIVAL\u003c\/th\u003e\n                        \u003cth\u003eDEPARTURE\u003c\/th\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eApr 22\u003c\/td\u003e\n                        \u003ctd\u003eYokohama\u003c\/td\u003e\n                        \u003ctd\u003e-\u003c\/td\u003e\n                        \u003ctd\u003e17:00\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eApr 23\u003c\/td\u003e\n                        \u003ctd\u003eCruising\u003c\/td\u003e\n                        \u003ctd\u003e-\u003c\/td\u003e\n                        \u003ctd\u003e-\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eApr 24\u003c\/td\u003e\n                        \u003ctd\u003eMuroran\u003c\/td\u003e\n                        \u003ctd\u003e09:00\u003c\/td\u003e\n                        \u003ctd\u003e16:00\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eApr 25\u003c\/td\u003e\n                        \u003ctd\u003eSakata\u003c\/td\u003e\n                        \u003ctd\u003e10:00\u003c\/td\u003e\n                        \u003ctd\u003e18:00\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eApr 26\u003c\/td\u003e\n                        \u003ctd\u003eAomori\u003c\/td\u003e\n                        \u003ctd\u003e08:00\u003c\/td\u003e\n                        \u003ctd\u003e22:00\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eApr 27\u003c\/td\u003e\n                        \u003ctd\u003eCruising\u003c\/td\u003e\n                        \u003ctd\u003e-\u003c\/td\u003e\n                        \u003ctd\u003e-\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eApr 28\u003c\/td\u003e\n                        \u003ctd\u003eHitachinaka\u003c\/td\u003e\n                        \u003ctd\u003e08:00\u003c\/td\u003e\n                        \u003ctd\u003e17:00\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eApr 29\u003c\/td\u003e\n                        \u003ctd\u003eYokohama\u003c\/td\u003e\n                        \u003ctd\u003e09:00\u003c\/td\u003e\n                        \u003ctd\u003e-\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/table\u003e\n                \u003cdiv class=\"notes\"\u003e\n                    \u003cp\u003e*Boarding reception begins at approximately 15:00 on 22 April.\u003c\/p\u003e\n                    \u003cp\u003eMeals: 7 breakfasts, 6 lunches \u0026amp; 7 dinners\u003cbr\u003e\n                    Shore Excursions: Available at an additional charge and subject to limited capacity.\u003cbr\u003e\n                    *Flowers and illuminated cherry blossoms may not be visible depending on weather and blooming conditions.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Map Content --\u003e\n            \u003cdiv class=\"map-wrapper\"\u003e\n                \u003c!-- มี่สามารถนำรูปแผนที่ใหม่มาใส่ตรงนี้ครับ --\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0681\/0897\/6327\/files\/course-map-program2.png?v=1790232914\" alt=\"Cruise Route Map\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- โครงสร้างส่วนล่างที่จัดใหม่ --\u003e\n        \u003cdiv class=\"bottom-layout\"\u003e\n            \u003c!-- ด้านซ้าย: Highlights \u0026 Port Excursions --\u003e\n            \u003cdiv class=\"bottom-left\"\u003e\n                \u003ch2 class=\"section-title\" style=\"margin-top: 0;\"\u003eSPRING HIGHLIGHTS\u003c\/h2\u003e\n                \u003cdiv class=\"highlights-container\"\u003e\n                    \u003cdiv class=\"highlight-item\"\u003e\n                        \u003c!-- ใส่รูปลานดอกไม้ Hitachinaka ตรงนี้ครับ --\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0681\/0897\/6327\/files\/AdobeStock_745515571_Nemophila.jpg?v=1790234219\" alt=\"Hitachinaka\"\u003e\n                        \u003ch3\u003eHITACHINAKA\u003c\/h3\u003e\n                        \u003cp\u003e\u003cstrong\u003eHitachi Seaside Park\u003c\/strong\u003e\u003cbr\u003eDiscover seasonal flowers in one of Japan's most scenic seaside parks.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- ส่วน Port Excursions --\u003e\n                \u003cdiv class=\"port-excursions\"\u003e\n                    \u003cdiv class=\"port-title-wrapper\"\u003e                        \n                        \u003ch3\u003ePORT EXCURSIONS\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                    \u003cul class=\"port-list\"\u003e\n                        \u003cli\u003eHitachinaka: Fukuroda Falls \/ Kairakuen\u003c\/li\u003e\n                        \u003cli\u003eOnahama: Miharu Takizakura \/ Shiramizu Amidado \u0026amp; Horuru\u003c\/li\u003e\n                        \u003cli\u003eShuttle Bus: Hitachinaka: Hitachi Seaside Park \/ Onahama: Aquamarine Fukushima\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                    \u003cp class=\"terms-text\"\u003e*Terms and conditions are subject to JTB's policies. Prices and conditions are subject to change without prior notice. All images are for advertising purposes only.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- ด้านขวา: ภาพห้องนอน \u0026 ราคา --\u003e\n            \u003cdiv class=\"bottom-right\"\u003e\n                \u003c!-- ส่วนภาพห้องพัก --\u003e\n                \u003cdiv class=\"cabin-image-wrapper\"\u003e\n                    \u003c!-- มี่สามารถนำลิงก์รูปห้องพัก Balcony C จาก Shopify มาใส่ตรง src นี้ครับ --\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0681\/0897\/6327\/files\/8ASUKABalcony_DSD8446_20251113.jpg?v=1790230364\" alt=\"Asuka Balcony C cabin\"\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Footer \u0026 Pricing Section --\u003e\n                \u003cdiv class=\"footer-section\"\u003e\n                    \u003cdiv class=\"price-info\"\u003e\n                        \u003cp\u003eStarting price\u003c\/p\u003e\n                        \u003ch2\u003eTHB 159,400 \u003cspan class=\"small-text\"\u003eper person\u003c\/span\u003e\n\u003c\/h2\u003e\n                        \u003cp class=\"notes\" style=\"margin-top:0;\"\u003e*Based on twin occupancy in an Asuka Balcony C cabin.\u003c\/p\u003e\n                    \u003c\/div\u003e                 \n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"JTB (Thailand) Limited (EN)","offers":[{"title":"Default Title","offer_id":50746013548743,"sku":null,"price":159400.0,"currency_code":"THB","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0681\/0897\/6327\/files\/MW_AsukaIII_0115_L_H.jpg?v=1790230653","url":"https:\/\/th.jtbtrip.com\/products\/spring-journey-to-night-cherry-blossoms-nemophila-northern-port-towns","provider":"JTB (Thailand) Limited (EN)","version":"1.0","type":"link"}