PageSourceSearch

https://en.japantravel.com/build/assets/TokyoXNiigata-BXpqLU6n.js

js japantravel.com collected 2026-10-02 02:52:07 UTC 30,393 bytes, 16 lines download raw bytes

1import{l as g,p as t,q as r,B as D,k as d,O as j,P as S,v as f,A as k,F as N,z as I,y as $,x as v,S as G,G as M,E as b,U as V,r as n,u as at,N as ot,s as it,K as nt,f as rt}from"./vendor-vue-Ct0XopGZ.js";import{N as K,A as X,P as J,E as dt}from"./vendor-swiper-CmTBkzXo.js";import{F as pt}from"./FeaturePageLayout-BGo-wpvS.js";import{I as xt}from"./InstagramModal-nhervmI9.js";import{Y as ct}from"./YouTubeModal-DkTJ8r3n.js";import{_ as H}from"./links-vPZ7jWbZ.js";import{P as ut}from"./PhotoGallery-DoGK17xJ.js";import"./vendor-icons-C07lCRXW.js";import"./vendor-BH4KNWII.js";import"./SeoHead-yBeWDChB.js";import"./Header-CraKg0Op.js";import"./SearchContent-Cg06g9__.js";import"./Button-BRs3Jcn_.js";import"./PrintMasthead-PpqucpQx.js";import"./ContactUsModal-XyeQVY88.js";import"./Modal-Dg7_SI6w.js";import"./SimpleFooter-DnyYUCoz.js";import"./ArticleImageModal-BQAU_wwj.js";const mt=["href"],ft={class:"flex flex-1 flex-col"},gt={class:"relative flex aspect-[16/9] w-full flex-col"},vt=["src","alt"],bt={class:"flex flex-1 flex-col justify-between gap-[10px] px-0 py-4 md:p-4"},ht={class:"mb-0.5 mt-0 text-[17px] font-normal uppercase leading-[87.5%] text-[#c1282f]"},wt={class:"mb-[5px] mt-[10px] min-h-[60px] text-[23.337px] font-semibold leading-[125%]"},yt={class:"flex w-full flex-col items-start md:flex-row md:justify-between"},kt={class:"flex gap-1 text-[#a1a1a1] mt-2 md:mt-0"},L={__name:"FeaturedArticleCard",props:{imageUrl:{type:String,required:!0},category:{type:String,required:!0},title:{type:String,required:!0},to:{type:String,default:void 0},views:{type:Number,required:!0}},setup(a){return(u,c)=>(d(),g("a",{href:a.to,class:"group relative flex w-full flex-col md:bg-white overflow-hidden shadow-sm transition-all hover:-translate-y-1 hover:shadow-lg"},[t("div",ft,[t("div",gt,[t("img",{class:"h-full w-full object-cover brightness-[0.8]",src:a.imageUrl,alt:a.title,loading:"lazy"},null,8,vt)]),t("div",bt,[t("div",null,[t("div",ht,r(a.category),1),t("h3",wt,r(a.title),1)]),t("div",yt,[c[1]||(c[1]=t("span",{class:"text-[#727272]"},"Featured",-1)),t("span",kt,[c[0]||(c[0]=t("i",{class:"fa fa-heart text-lg/[18px] w-4 h-4","aria-hidden":"true"},null,-1)),D(" "+r(a.views),1)])])])])],8,mt))}},_t={class:"section-spots-cards relative ml-auto"},jt={class:"relative"},St={class:"relative flex flex-col"},At=["href"],Nt={class:"relative z-0 h-full w-full"},It=["src","alt"],Tt={class:"spot-item-content pointer-events-none absolute left-0 top-[37px] z-[6] flex flex-col items-start gap-[10px] pl-[20px] md:pl-[37px] pr-[10px] text-white"},zt={class:"spot-category rounded-[27px] bg-[#c1282f] px-[10px] py-[5px] text-[14px] md:text-[16px] font-normal uppercase leading-[100%]"},$t={class:"spot-title text-[24px] md:text-[32px] font-semibold leading-[100%]"},Ct={class:"absolute bottom-[20px] left-0 right-0 z-30 flex w-full items-center justify-between px-4 md:hidden"},Pt={class:"flex size-[60px] items-center justify-center rounded-full border border-white p-4 text-[20px] font-normal leading-[20px] text-white",style:{filter:"drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.05))"}},Et={class:"current"},Bt={class:"total"},qt={class:"absolute left-[40px] bottom-[40px] z-[200] hidden size-[60px] items-center justify-center rounded-full border-2 border-white p-4 text-[20px] font-bold leading-[20px] text-white md:flex",style:{background:"rgba(0, 0, 0, 0.5)","box-shadow":"0 4px 20px rgba(0, 0, 0, 0.3)"}},Gt={class:"current"},Mt={class:"total"},Vt={__name:"SpotsCarousel",props:{spots:{type:Array,required:!0,validator:a=>a.every(u=>typeof u.title=="string"&&typeof u.category=="string"&&typeof u.prefecture=="string"&&typeof u.url=="string"&&typeof u.image_url=="string")},show:{type:Boolean,required:!0}},setup(a){const u=[K,X],c=n(null),p=n(1),h=n(0),C=i=>{c.value=i;const o=()=>{const m=i.realIndex!==void 0?i.realIndex:i.activeIndex;p.value=m+1,h.value=m};i.on("slideChange",o),i.on("activeIndexChange",o),i.on("slideChangeTransitionEnd",o),i.on("slideChangeTransitionStart",o),o()},A=()=>{var i;(i=c.value)==null||i.slidePrev()},_=()=>{var i;(i=c.value)==null||i.slideNext()};return(i,o)=>j((d(),g("div",_t,[t("div",jt,[f(v(V),{modules:u,loop:!0,"loop-additional-slides":4,"looped-slides":4,autoplay:{delay:3e3,disableOnInteraction:!1,pauseOnMouseEnter:!0},keyboard:{enabled:!0},breakpoints:{768:{slidesPerView:1,slidesPerGroup:1,spaceBetween:0,loopAdditionalSlides:2},1024:{slidesPerView:2.2,slidesPerGroup:1,spaceBetween:0,loopAdditionalSlides:4}},"slides-per-view":1,"slides-per-group":1,"space-between":0,"centered-slides":!1,class:"spots-swiper",onSwiper:C},{default:k(()=>[(d(!0),g(N,null,I(a.spots,(m,w)=>(d(),$(v(G),{key:w,class:"!h-auto !w-full md:!h-[426px] lg:!w-[426px]"},{default:k(()=>[t("div",St,[t("a",{href:m.url,class:b(["spot-item group relative block h-[426px] w-full cursor-pointer overflow-hidden",{"active-slide":h.value===w}]),onClick:o[0]||(o[0]=M(()=>{},["stop"]))},[t("figure",Nt,[t("img",{src:m.image_url,alt:m.title,class:b(["h-[426px] w-full object-cover transition-transform duration-300",{"scale-105":h.value===w}]),loading:"lazy"},null,10,It)]),t("div",{class:b(["card-overlay pointer-events-none absolute inset-0 z-[1] transition-all duration-300",h.value===w?"bg-black/30":"bg-black/50"])},null,2),j(t("div",Tt,[t("div",zt,r(m.category),1),t("div",$t,r(m.title),
11)],512),[[S,h.value===w]])],10,At)])]),_:2},1024))),128))]),_:1}),t("div",Ct,[t("div",Pt,[t("span",Et,r(p.value),1),o[1]||(o[1]=t("span",{class:"mx-1"},"/",-1)),t("span",Bt,r(a.spots.length),1)]),t("div",{class:"flex items-center gap-2"},[t("button",{type:"button",class:"flex size-[60px] items-center justify-center rounded-full border border-white text-[20px] font-black leading-[20px] text-white transition-colors hover:text-gray-200",style:{filter:"drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.05))"},onClick:A},[...o[2]||(o[2]=[t("i",{class:"fas fa-arrow-left"},null,-1)])]),t("button",{type:"button",class:"flex size-[60px] items-center justify-center rounded-full border border-white text-[20px] font-black leading-[20px] text-white transition-colors hover:text-gray-200",style:{filter:"drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.05))"},onClick:_},[...o[3]||(o[3]=[t("i",{class:"fas fa-arrow-right"},null,-1)])])])]),t("div",qt,[t("span",Gt,r(p.value),1),o[4]||(o[4]=t("span",{class:"mx-1"},"/",-1)),t("span",Mt,r(a.spots.length),1)]),t("div",{class:"absolute bottom-[40px] right-[40px] z-[200] hidden items-center gap-10 lg:gap-20 md:flex lg:right-[100px]"},[t("button",{type:"button",class:"flex size-[60px] items-center justify-center rounded-full border-2 border-white bg-black/50 text-white transition-all hover:bg-white hover:text-black",style:{"box-shadow":"0 4px 20px rgba(0, 0, 0, 0.3)"},onClick:A},[...o[5]||(o[5]=[t("i",{class:"fas fa-arrow-left text-xl"},null,-1)])]),t("button",{type:"button",class:"flex size-[60px] items-center justify-center rounded-full border-2 border-white bg-black/50 text-white transition-all hover:bg-white hover:text-black",style:{"box-shadow":"0 4px 20px rgba(0, 0, 0, 0.3)"},onClick:_},[...o[6]||(o[6]=[t("i",{class:"fas fa-arrow-right text-xl"},null,-1)])])])])],512)),[[S,a.show]])}},U=H(Vt,[["__scopeId","data-v-04e7772b"]]),Ft={class:"relative flex flex-col items-center bg-white pt-[132px] pb-[30px] md:pb-[45px]"},Ot={class:"banner-tokyo-niigata relative h-[458px] max-h-[800px] w-full overflow-hidden md:h-[637px]"},Wt={class:"relative h-full w-full overflow-hidden"},Rt=["src","alt","srcset"],Yt={key:0,class:"absolute bottom-[30px] right-[80px] z-10 hidden text-right text-[12px] md:text-[16px] font-semibold leading-[150%] text-[#d2d2d2] md:block w-[200px] md:w-auto",style:{"text-shadow":"0px 1px 8px rgba(0, 0, 0, 0.85)"}},Jt={class:"inline-flex w-full flex-col items-center gap-[30px] bg-white px-[15px] pb-[40px] md:gap-[60px] md:pb-[60px] lg:gap-[100px] lg:pb-[100px]"},Lt={class:"mx-auto w-full px-0 md:px-[15px] lg:w-[1224px] lg:px-0"},Ut={class:"relative mt-6 md:mt-10"},Dt=["onClick"],Kt={class:"relative h-full w-full overflow-hidden rounded-lg"},Xt=["src","alt"],Ht={class:"video-overlay absolute inset-x-0 -bottom-2 z-20 hidden flex-col justify-end bg-white p-6 opacity-0 transition-all duration-[400ms] md:flex"},Qt={class:"mb-2 text-[16px] font-normal uppercase leading-[14px] text-[#c1282f]"},Zt={class:"text-xl/[22px] font-bold text-[#292c3d]"},te={class:"text-base leading-[1.0] text-[#292c3d]"},ee={class:"mx-auto flex flex-col gap-[15px] max-w-[288px] mt-0 p-[20px] rounded-lg bg-white md:hidden"},se={class:"text-[16px] font-normal uppercase leading-[14px] text-[#c1282f]"},le={class:"text-[20px] font-bold leading-[22px] text-[#292c3d]"},ae={class:"text-[16px] font-normal leading-[100%] text-[#292c3d]"},oe={class:"bg-[#f5f8fa]"},ie={class:"mx-auto w-full px-[15px] pb-[30px] pt-[30px] md:px-[15px] md:pb-[60px] md:pt-[60px] lg:w-[1224px] lg:px-0"},ne={class:"relative mt-[30px] md:mt-[50px] md:hidden"},re={class:"mt-4 flex items-center justify-center gap-4"},de={class:"flex gap-2"},pe=["disabled"],xe=["disabled"],ce={class:"h-1 flex-1 overflow-hidden rounded-full bg-gray-200"},ue={class:"articles-list mt-[30px] hidden md:mt-[50px] md:block"},me={class:"grid min-h-full grid-cols-1 gap-[20px] md:grid-cols-2 md:gap-[30px]"},fe={class:"section-spots bg-white"},ge={class:"mx-auto flex w-full flex-col gap-6 px-[15px] pb-[30px] pt-[30px] md:px-[15px] md:pb-[80px] md:pt-[100px] md:flex-row lg:max-w-none lg:px-0 lg:pl-[calc((100vw-1224px)/2)]"},ve={class:"w-full flex-shrink-0 md:w-[288px]"},be={class:"mt-5 flex flex-row items-center justify-center gap-[60px] md:gap-[20px] text-[20px] font-semibold uppercase leading-[120%] md:flex-col md:items-start md:justify-start md:gap-0 md:text-[20px]"},he={class:"w-full overflow-hidden md:flex-1 md:max-w-none"},we={class:"w-full overflow-hidden md:flex-1 md:max-w-none"},ye={class:"bg-white"},ke={class:"mx-auto w-full px-[15px] pb-[30px] pt-[20px] md:px-[15px] md:pb-[60px] lg:w-[1224px] lg:px-0"},_e={class:"bg-white pb-[30px] md:pb-[100px]"},je={class:"relative h-[735px] w-full"},Se={class:"absolute top-0 z-[7] flex h-full w-full items-center justify-center"},Ae={__name:"TokyoXNiigata",props:{heroSlides:{type:Array,required:!0},videoShorts:{type:Array,required:!0},featuredArticles:{type:Array,required:!0},tokyoSpots:{type:Array,required:!0},niigataSpots:{type:Array,required:!0},galleryPhotos:{type:Array,required:!0},youtubeId:{type:String,required:!0}},setup(a){const u=a,c=n(0),p=n("tokyo"),h=rt(()=>{var l;return((l=u.heroSlides[c.value])==null?void 0:l.alt)||""}),C=[K,J],A=n(0),_=n(null),i=n(!0),o=n(!1),m=l=>{_.value=l,w(l),l.on("slideChange",()=>{w(l),A.value=l.realIndex}),A.value=l.realIndex},w=l=>{i.value=l.isBeginning,o.value=l.isEnd},Q=()=>{var l;(l=_.value)==null||l.slidePrev()},Z=()=>{var l;(l=_.value)==null||l.slideNext()},P=n(!1),F=n(""),tt=l=>{F.value=l,P.value=!0},E=n(!1),et=()=>{E.value=!0},O=l=>{p.value=l},x=n(null),W=n(0),T=n(!0),z=n(!1),B=()=>
1{if(x.value){const{scrollLeft:l,scrollWidth:e,clientWidth:s}=x.value;W.value=e>0?(l+s)/e*100:100,T.value=l<=0,z.value=l+s>=e-10}},R=()=>{var e;return window.innerWidth<768?window.innerWidth-32+16:((((e=x.value)==null?void 0:e.offsetWidth)||0)-32)/2+16},st=()=>{x.value&&!T.value&&x.value.scrollBy({left:-R(),behavior:"smooth"})},lt=()=>{x.value&&!z.value&&x.value.scrollBy({left:R(),behavior:"smooth"})};return at(()=>{x.value&&(x.value.addEventListener("scroll",B),B())}),ot(()=>{x.value&&x.value.removeEventListener("scroll",B)}),(l,e)=>(d(),$(pt,{fonts:["Montserrat:wght@400;500;600;700;800;900"]},{default:k(()=>[t("div",null,[t("section",Ft,[t("div",Ot,[f(v(V),{modules:[v(J),v(dt),v(X)],"slides-per-view":1,loop:!0,effect:"fade",speed:2e3,autoplay:{delay:5e3,disableOnInteraction:!1},pagination:{clickable:!0,el:".swiper-pagination"},class:"h-full",onSlideChange:e[0]||(e[0]=s=>c.value=s.realIndex)},{default:k(()=>[(d(!0),g(N,null,I(a.heroSlides,(s,y)=>(d(),$(v(G),{key:y},{default:k(()=>{var q;return[t("div",Wt,[t("img",{src:s.src,alt:s.alt,srcset:(q=s.srcset)==null?void 0:q.map(Y=>`${Y.url} ${Y.width}w`).join(", "),sizes:"100vw",class:"slide-image"},null,8,Rt)])]}),_:2},1024))),128)),e[5]||(e[5]=t("div",{class:"swiper-pagination custom-pagination flex"},null,-1))]),_:1},8,["modules"]),h.value?(d(),g("div",Yt,r(h.value),1)):it("",!0)]),e[6]||(e[6]=t("div",{class:"absolute z-20 w-full px-[15px] text-center text-white top-[250px] md:top-[330px] md:px-5 lg:w-[970px] lg:px-0 xl:w-[1170px] font-montserrat"},[t("div",{class:"pointer-events-none mt-0 flex h-full flex-col items-center justify-center text-white md:mt-[80px]"},[t("div",{class:"pb-0 text-center text-[12px] font-semibold font-source-sans-pro leading-[150%] tracking-[0.6px] md:pb-5 md:text-2xl md:tracking-[1.2px]"}," Feel the Contrast. Find Grace in the Moment. "),t("h1",{class:"mt-[30px] flex flex-col gap-[22px] text-center font-montserrat uppercase md:mt-[10px] md:flex-row",style:{"text-shadow":"0 1px 2px rgba(0, 0, 0, 0.6)"}},[t("span",{class:"text-[40px] font-bold leading-[57.5%] tracking-[8.8px] md:text-[80px] font-montserrat"}," Tokyo "),t("span",{class:"px-[44px] text-[23.943px] font-normal uppercase leading-[48px] tracking-[2.634px] md:text-[48px] font-montserrat"}," X "),t("span",{class:"text-[40px] font-bold leading-[57.5%] tracking-[8.8px] md:text-[80px] font-montserrat"}," NIIGATA ")])])],-1)),e[7]||(e[7]=t("div",{class:"absolute bottom-0 left-0 right-0 w-full text-center text-[10px] uppercase leading-normal tracking-[1.6px] text-[#000] md:text-base"}," SPONSORED CONTENT BY TOKYO AND NIIGATA ",-1))]),e[22]||(e[22]=t("section",{class:"bg-white px-[15px] pb-[30px] md:pb-[100px] pt-[30px] md:pt-[60px]"},[t("div",{class:"mx-auto flex w-full flex-col items-center justify-center gap-6 lg:flex-row lg:w-[1224px] lg:max-w-[1016px]"},[t("div",{class:"flex w-full flex-col items-start gap-[30px] md:gap-[50px] order-1 lg:order-1"},[t("div",{class:"flex flex-col items-start gap-[10px]"},[t("h3",{class:"text-[16px] font-normal uppercase leading-[100%] tracking-[3.2px] text-[#727272]"}," Access & Route "),t("h2",{class:"mb-0 mt-[10px] text-[40px] font-bold leading-[100%] text-[#292c3d]"}," Graceful Tokyo & Niigata Feel the Contrast. Find Grace in the Moment ")]),t("div",{class:"text-[16px] font-normal leading-[150%] text-[#292c3d]"}," In as little as one hour and fifteen minutes, leave the hustle and bustle of Tokyo and immerse yourself in the quiet tranquility of Niigata's countryside via the Joetsu Shinkansen. This direct route connects Tokyo Station to Niigata's Echigo Yuzawa, Urasa, Nagaoka, Tsubamesanjo, and Niigata Stations. "),t("div",{class:"flex w-full flex-col items-center sm:items-start justify-center gap-[7.5px] px-[18px] py-[6px]"},[t("a",{href:"https://www.jreast.co.jp/multi/en/pass/eastpass_n.html",target:"_blank",class:"w-full no-underline hover:text-[#c1282f] md:w-auto flex flex-col items-center"},[t("button",{class:"mx-auto flex w-[220px] sm:w-[312px] items-center justify-center gap-[10px] rounded-[40px] border-none bg-[#c1282f] text-center text-[14px] font-bold leading-[30px] text-white md:text-[18px] md:leading-[40px]"}," Book now "),t("div",{class:"mt-2 text-center text-[14px] font-normal leading-[150%] text-[#727272] md:text-[16
1px]"}," Get a JR Pass for your visit ")])])]),t("div",{class:"map__svg w-full order-2 lg:order-2 lg:w-auto"},[t("img",{src:"https://assets.japantravel.com/images/features/tokyo-niigata/map.svg",alt:"Tokyo-Niigata Map",title:"Tokyo-Niigata Map",class:"block h-auto w-full max-w-full",srcset:`
2                  https://assets.japantravel.com/images/features/tokyo-niigata/map.svg    1440w,
3                  https://assets.japantravel.com/images/features/tokyo-niigata/map-xs.svg  768w
4                `}),t("div",{class:"mt-4 flex w-full flex-row items-start gap-[20px] md:mt-0 md:gap-[30px]"},[t("div",{class:"flex h-[32px] flex-1 items-center justify-center gap-2 rounded-[30px] border border-[#bdbdbd] px-[12px] py-[5px] text-[12px] leading-normal md:h-[36px] md:flex-none md:gap-5 md:px-[20px] md:text-[16px]"},[t("i",{class:"far fa-train text-[#c1282f] text-[13px] md:text-xl"}),t("span",{class:"font-bold uppercase text-[#292c3d]"},"Train"),t("span",{class:"font-normal lowercase text-[#292c3d]"}," 1hr10min~ ")]),t("div",{class:"flex h-[32px] flex-1 items-center justify-center gap-2 rounded-[30px] border border-[#bdbdbd] px-[12px] py-[5px] text-[12px] leading-normal md:h-[36px] md:flex-none md:gap-5 md:px-[20px] md:text-[16px]"},[t("i",{class:"far fa-plane text-[#c1282f] text-[13px] md:text-xl"}),t("span",{class:"font-bold uppercase text-[#292c3d]"},"Flights"),t("span",{class:"font-normal lowercase text-[#292c3d]"}," ~1hr10min ")])])])])],-1)),t("section",Jt,[t("div",Lt,[e[12]||(e[12]=t("div",{class:"flex flex-col items-center gap-[10px] text-center"},[t("h3",{class:"text-[16px] font-normal uppercase leading-[100%] tracking-[3.2px] text-[#727272] md:text-[16px]"}," Video Shorts "),t("h2",{class:"mb-0 mt-[10px] text-center text-[40px] font-bold leading-[100%] text-[#292c3d] md:text-[40px]"}," Travel Highlights ")],-1)),t("div",Ut,[f(v(V),{modules:C,breakpoints:{640:{slidesPerView:2,slidesPerGroup:1,spaceBetween:16},768:{slidesPerView:3,slidesPerGroup:1,spaceBetween:20},1024:{slidesPerView:4,slidesPerGroup:1,spaceBetween:24}},"slides-per-view":1,"slides-per-group":1,"space-between":16,pagination:{clickable:!0,el:".video-pagination"},class:"video-swiper",onSwiper:m},{default:k(()=>[(d(!0),g(N,null,I(a.videoShorts,(s,y)=>(d(),$(v(G),{key:y,class:"!h-auto md:!h-[515px]"},{default:k(()=>[t("a",{class:"video-card group block h-[485px] w-full cursor-pointer rounded-lg transition-shadow duration-[300ms] relative hover:shadow-[10px_2px_15px_rgb(233_233_233),_-10px_2px_15px_rgb(233_233_233)]",href:"#",onClick:M(q=>tt(s.instagramId),["prevent"])},[t("div",Kt,[t("img",{src:s.thumbnail,class:"video-thumbnail !h-[485px] w-full object-cover transition-transform duration-[300ms] group-hover:scale-105",alt:s.alt||s.title},null,8,Xt),t("div",Ht,[t("div",null,[t("div",Qt,r(s.category||"Experience"),1),t("h3",Zt,r(s.title),1),t("p",te,r(s.description),1)])]),e[8]||(e[8]=t("div",{class:"absolute left-1/2 top-1/2 z-10 flex size-[50px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-white p-3 text-[18px] font-black leading-[18px] text-white opacity-100 transition-all duration-300 md:size-[60px] md:p-4 md:text-[20px] md:leading-[20px]",style:{filter:"drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.25))"}},[t("i",{class:"fas fa-play"})],-1))])],8,Dt),t("div",ee,[t("div",se,r(s.category||"Experience"),1),t("div",le,r(s.title),1),t("div",ae,r(s.description),1)])]),_:2},1024))),128))]),_:1}),e[11]||(e[11]=t("div",{class:"video-pagination mt-4 flex justify-center md:hidden"},null,-1)),j(t("button",{class:b(["absolute left-2 top-1/2 z-10 hidden size-[40px] -translate-y-1/2 rounded-full border border-black bg-white p-2 text-[16px] font-black leading-[16px] text-black transition-colors hover:text-[#333] md:left-0 md:block md:size-[60px] md:-translate-x-1/2 md:p-4 md:text-[20px] md:leading-[20px]"]),style:{filter:"drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.05))"},onClick:Q},[...e[9]||(e[9]=[t("i",{class:"fas fa-arrow-left"},null,-1)])],512),[[S,!i.value]]),j(t("button",{class:b(["absolute right-2 top-1/2 z-10 hidden size-[40px] -translate-y-1/2 roun
4ded-full border border-black bg-white p-2 text-[16px] font-black leading-[16px] text-black transition-colors hover:text-[#333] md:right-0 md:block md:size-[60px] md:translate-x-1/2 md:p-4 md:text-[20px] md:leading-[20px]"]),style:{filter:"drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.05))"},onClick:Z},[...e[10]||(e[10]=[t("i",{class:"fas fa-arrow-right"},null,-1)])],512),[[S,!o.value]])])])]),t("section",oe,[t("div",ie,[e[13]||(e[13]=t("div",{class:"flex flex-col items-start gap-[20px]"},[t("div",{class:"flex w-full flex-col items-start gap-[10px]"},[t("h3",{class:"text-[16px] my-0 font-normal uppercase leading-[100%] tracking-[3.2px] text-[#727272] md:text-[16px]"}," Recommended "),t("h2",{class:"mb-0 mt-[10px] text-[40px] font-bold leading-[100%] text-[#292c3d] md:text-[40px]"}," Featured Articles ")]),t("div",{class:"w-full text-[16px] font-normal leading-[150%] text-[#292c3d] md:w-[704px] md:text-[16px]"}," Tokyo and Niigata. One stands as an ever-evolving urban landmark, and the other shines as a naturally- and culturally-rich haven. Explore the wonders of both regions, and discover the unique duality of Japan's modern and traditional legacy. ")],-1)),t("div",ne,[t("div",{ref_key:"articlesContainer",ref:x,class:"no-scrollbar grid auto-cols-[calc(100vw-32px)] grid-flow-col gap-4 overflow-x-auto scroll-smooth"},[(d(!0),g(N,null,I(a.featuredArticles,(s,y)=>(d(),g("div",{key:y,class:"w-[calc(100vw-32px)]"},[f(L,{"image-url":s.image,title:s.title,category:s.category,to:s.url,views:s.views},null,8,["image-url","title","category","to","views"])]))),128))],512),t("div",re,[t("div",de,[t("button",{disabled:T.value,class:"flex h-[60px] w-[60px] items-center justify-center rounded-full border border-gray-300 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:hover:bg-transparent",onClick:st},[t("i",{class:b(["fas fa-arrow-left text-lg",T.value?"text-gray-300":"text-[#292c3d]"])},null,2)],8,pe),t("button",{disabled:z.value,class:"flex h-[60px] w-[60px] items-center justify-center rounded-full border border-gray-300 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:hover:bg-transparent",onClick:lt},[t("i",{class:b(["fas fa-arrow-right text-lg",z.value?"text-gray-300":"text-[#292c3d]"])},null,2)],8,xe)]),t("div",ce,[t("div",{class:"h-full rounded-full bg-[#c1282f] transition-all duration-300",style:nt({width:`${W.value}%`})},null,4)])])]),t("div",ue,[t("div",me,[(d(!0),g(N,null,I(a.featuredArticles,(s,y)=>(d(),g("div",{key:y},[f(L,{"image-url":s.image,title:s.title,category:s.category,to:s.url,views:s.views},null,8,["image-url","title","category","to","views"])]))),128))])])])]),t("section",fe,[t("div",ge,[t("div",ve,[e[16]||(e[16]=t("div",{class:"flex flex-col items-start gap-[10px]"},[t("h3",{class:"my-0 text-[16px] font-normal uppercase leading-[100%] tracking-[3.2px] text-[#727272] md:text-[16px]"}," Things To Do "),t("h2",{class:"my-0 text-[40px] font-bold leading-[0.9] text-[#292c3d] md:text-[40px]"}," Must-visit spots in Tokyo and Niigata "),t("div",{class:"text-[16px] font-normal leading-[150%] text-[#292c3d] md:text-[16px] mt-[10px]"}," With their uniquely blessed environments—whether it be nature, culture, or innovation—Niigata and Tokyo feature a slew of destinations and activities guaranteed to elevate your Japanese experience. Find intrigue in everything, and embark on your next adventure with our recommended spots. ")],-1)),t("div",be,[t("div",{class:b(["spots-list-item cursor-pointer pb-2 md:pb-0 md:pl-5",{active:p.value==="tokyo","border-b-[4px] border-solid border-[#c1282f] md:border-b-0 md:border-l-[4px]":p.value==="tokyo"}]),onClick:e[1]||(e[1]=s=>O("tokyo"))},[...e[14]||(e[14]=[t("div",{class:"tokyo text-[#292c3d]"},"TOKYO",-1)])],2),t("div",{class:b(["spots-list-item cursor-pointer pb-2 md:pb-0 md:pl-5",{active:p.value==="niigata","border-b-[4px] border-solid border-[#c1282f] md:border-b-0 md:border-l-[4px]":p.value==="niigata"}]),onClick:e[2]||(e[2]=s=>O("niigata"))},[...e[15]||(e[15]=[t("div",{class:"niigata text-[#292c3d]"},"NIIGATA",-1)])],2)])]),j(t("div",he,[f(U,{spots:a.tokyoSpots,show:p.value==="tokyo"},null,8,["spots","show"])],512),[[S,p.value==="tokyo"]]),j(t("div",we,[f(U,{spots:a.niigataSpots,show:p.value==="niigata"},null,8,["spots","show"])],512),[[S,p.value==="niigata"]])])]),t("section",ye,[t("div",ke,[e[17]||(e[17]=t("div",{class:"flex flex-col items-start gap-[10px]"},[t("h3",{class:"text-[16px] font-normal uppercase leading-[100%] tracking-[3.2px] text-[#727272] md:text-[16
4px] my-0"}," Photo Gallery "),t("h2",{class:"mb-0 my-0 text-[40px] font-bold leading-[100%] text-[#292c3d]"}," Snapshots of Tokyo & Niigata—Pause the moment ")],-1)),f(ut,{gallery:a.galleryPhotos},null,8,["gallery"])])]),t("section",_e,[t("div",je,[e[19]||(e[19]=t("figure",{class:"m-0 w-full"},[t("video",{id:"bg-video",class:"hidden h-[735px] w-full object-cover md:block",src:"https://assets.japantravel.com/static/tokyo-niigata-bg-video.mp4",loop:!0,muted:!0,autoplay:!0}),t("img",{src:"https://a2.cdn.japantravel.com/static/360x677!/tokyo-niigata-yt-thumbnail.webp",class:"block h-[735px] w-full object-cover md:hidden",alt:"Tokyo x Niigata food cultures"})],-1)),t("div",Se,[t("a",{class:"mx-auto flex h-[80px] w-[80px] items-center justify-center rounded-[40px] border border-white text-[#c1282f] no-underline opacity-60 hover:opacity-100",href:"#",onClick:M(et,["prevent"])},[...e[18]||(e[18]=[t("svg",{class:"h-8 w-8 text-white",fill:"currentColor",viewBox:"0 0 24 24"},[t("path",{d:"M8 5v14l11-7z"})],-1)])])]),e[20]||(e[20]=t("div",{class:"absolute top-0 z-[5] h-full w-full pt-[20%] text-center text-white no-underline opacity-0 transition duration-300",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}},null,-1)),e[21]||(e[21]=t("div",{class:"absolute bottom-[50px] z-[6] flex w-full justify-start"},[t("div",{class:"flex flex-col items-start gap-[10px] px-[15px] pb-[20px] md:px-[120px] md:pb-0"},[t("h3",{class:"text-[16px] font-normal uppercase leading-[100%] tracking-[3.2px] text-white"}," Inspiring Footage "),t("h2",{class:"mb-0 mt-[10px] text-[40px] font-bold leading-[100%] text-white"}," Tokyo x Niigata food cultures "),t("div",{class:"text-[16px] font-normal leading-[150%] text-white max-w-[700px]"}," Envision your Japanese journey through our visually immersive and informative content, and explore the dichotomy between Tokyo's cityscape and Niigata's treasured scenery. ")])],-1))])]),e[23]||(e[23]=t("section",{class:"bg-white px-[15px] pb-[160px] md:mx-[15px] md:pb-[200px]"},[t("div",{class:"mx-auto flex w-full flex-col bg-[#f5f8fa] md:flex-row lg:w-[1224px]"},[t("div",{class:"order-1 w-full md:order-2 md:ml-auto md:mt-0 md:w-auto"},[t("img",{src:"https://assets.japantravel.com/static/330x341!/tokyo-niigata-jt-pass.webp",class:"img-responsive lazyloaded block h-auto w-full max-w-full border-0 opacity-100 blur-none",style:{transition:`filter 0.3s,
5                  opacity 0.2s`,"-webkit-filter":"blur(0)",filter:"blur(0)"},srcset:`
6                https://assets.japantravel.com/static/520x341!/tokyo-niigata-jt-pass.webp  768w,
7                https://assets.japantravel.com/static/330x341!/tokyo-niigata-jt-pass.webp 1440w
8              `,alt:"JR East Pass"})]),t("div",{class:"order-2 mt-4 flex flex-col items-center gap-[11px] text-center md:order-1 md:ml-[56px] md:mt-[68px] md:w-[442px] md:items-start md:gap-[30px] md:px-0 md:text-left"},[t("div",{class:"flex w-full flex-col gap-[11px] text-[16px] font-normal leading-[100%] tracking-[3.2px] text-[#727272] md:text-[16px]"},[t("div",{class:"mx-auto flex w-fit items-center justify-center gap-5 rounded-[30px] border border-[#bdbdbd] px-5 py-[5px] text-[16px] font-normal uppercase leading-[100%] tracking-[3.2px] text-[#727272] md:mx-0 md:flex-col md:gap-0 md:rounded-none md:border-0 md:px-0 md:py-0 md:text-[16px]"},[t("div",{class:"text-[16px] font-normal uppercase leading-[100%] tracking-[3.2px] text-[#727272] md:text-[16px]"}," NIIGATA, NAGANO AREA ")]),t("div",{class:"text-center text-[38px] sm:text-[24px] font-bold leading-[105.882%] text-[#292c3d] md:text-left"}," JR East Pass ")]),t("div",{class:"text-[18px] font-normal leading-[125%] text-[#292c3d] md:text-[18px]"},[t("span",{class:"font-bold text-[#c1282f]"},"5 days"),D(" of unlimited rides through Tokyo, Nagano & Niigata. ")]),t("div",{class:"flex w-full flex-col gap-2 md:flex-row mt-2 sm:mt-0"},[t("div",{class:"flex flex-col items-center gap-[10px]"},[t("a",{href:"https://www.jreast.co.jp/multi/en/pass/eastpass_n.html",class:"bg-transparent text-[#c1282f] no-underline"},[t("button",{class:"flex w-[220px] items-center justify-center gap-[10px] rounded-[40px] border-none bg-[#c1282f] text-center text-[14px] font-bold leading-[30px] text-white md:text-[18px] md:leading-[40px]"}," Book now ")])]),t("div",{class:"flex items-center justify-center text-center text-[14px] font-semibold leading-[30px] text-[#c1282f] md:ml-[36px] md:text-[20.283px] md:leading-[155%] pb-[14px]"},[t("a",{href:"https://en.japantravel.com/tokyo/guide-to-the-jr-east-pass/33825",class:"bg-transparent text-[#c1282f] no-underline hover:underline"}," Learn more ")])])])])],-1)),e[24]||(e[24]=t("section",{class:"bg-white pb-[60px] sm:pb-[100px]"},[t("div",{class:"mx-auto flex w-[278px] flex-row justify-center md:w-[480px]"},[t("div",null,[t("a",{href:"https://www.gotokyo.org/en/index.html",target:"_blank",class:"bg-transparent text-[#c1282f] no-underline"},[t("img",{src:"https://assets.japantravel.com/images/features/tokyo-niigata/logo-tokyo.svg",class:"img-responsive lazyloaded block h-auto w-full max-w-full border-0 opacity-100 blur-none",style:{transition:`filter 0.3s,
9                    opacity 0.2s`,"-webkit-filter":"blur(0)",filter:"blur(0)"},srcset:`
10                  https://assets.japantravel.com/images/features/tokyo-niigata/logo-tokyo-xs.svg  768w,
11                  https://assets.japantravel.com/images/features/tokyo-niigata/logo-tokyo.svg    1440w
12                `,alt:"Visit Tokyo - The Official Travel Guide of Tokyo"})])]),t("div",{class:"ml-auto"},[t("a",{href:"https://enjoyniigata.com/en/",target:"_blank",class:"bg-transparent text-[#c1282f] no-underline"},[t("img",{src:"https://assets.japantravel.com/images/features/tokyo-niigata/logo-niigata.svg",class:"img-responsive lazyloaded block h-auto w-full max-w-full border-0 opacity-100 blur-none",style:{transition:`filter 0.3s,
13                    opacity 0.2s`,"-webkit-filter":"blur(0)",filter:"blur(0)"},srcset:`
14                  https://assets.japantravel.com/images/features/tokyo-niigata/logo-niigata-xs.svg  768w,
15                  https://assets.japantravel.com/images/features/tokyo-niigata/logo-niigata.svg    1440w
16                `,alt:"Enjoy NIigata"})])])])],-1)),f(xt,{open:P.value,"onUpdate:open":e[3]||(e[3]=s=>P.value=s),"instagram-id":F.value},null,8,["open","instagram-id"]),f(ct,{open:E.value,"onUpdate:open":e[4]||(e[4]=s=>E.value=s),"youtube-id":a.youtubeId},null,8,["open","youtube-id"])])]),_:1}))}},Je=H(Ae,[["__scopeId","data-v-c76438d8"]]);export{Je as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.