https://trade.tixplus.jp/build/assets/Index-BXgLYYSr.js

1import{n as e,aR as r,aS as s,j as i,aY as n,B as t,m as o,aZ as a,b2 as l,a$ as c,S as x,o as d,aK as p,b3 as g,M as h,b4 as u,I as j,t as m,aF as b,D as v,L as f,b5 as y,O as w,z as I,b6 as k,y as R,b7 as C,b8 as S,b9 as T}from"./vendor-B8RWUOI1.js";import{L as A,S as z}from"./Layout-WPBndEvR.js";import{R as B,H as F,M as D}from"./icon-guide-resale-DZTX3aM2.js";import{R as P,T as E}from"./icon-guide-ticket-BwwLqciJ.js";import{S as L}from"./icon-guide-smartphone-IOHpHGV2.js";const O="/build/assets/icon-guide-book-DGr49CIo.svg",M="/build/assets/icon-guide-help-Bh8u07_7.svg";r.registerPlugin(s);const N={},U=()=>{const[N,U]=e.useState(!1),W={borderRadius:"var(--spacing-7)",py:"var(--spacing-6)",position:"relative"},Y={py:"var(--spacing-2)",px:"var(--spacing-8)",position:"relative",overflow:"hidden"},q={display:"block",width:"48%",bgcolor:"var(--color-white)",color:"var(--color-text-primary)",textAlign:"center",boxShadow:"0px 2px 20px 0px rgba(0, 0, 0, 0.10), 0px 0px 10px 0px rgba(0, 0, 0, 0.06)",borderRadius:"var(--spacing-4)",p:"var(--spacing-4)",position:"relative",zIndex:2,transition:"background .3s ease","&:hover":{background:"var(--color-gray-200)"}},G={display:"block",width:"51%",margin:"0 auto var(--spacing-1)"},H={width:"34%",position:"absolute",transition:"all .6s ease",transitionProperty:"left right"},X={width:"32%",position:"absolute",left:"45%",top:"64px",transform:"translate(-50%,0)",zIndex:0},Z=e.useRef(null),J=e.useRef(null),K=e.useRef(null);return e.useEffect(()=>{let e;if(r.utils.toArray(".inview-left").forEach(e=>{r.fromTo(e,{left:"-200px"},{left:"0",ease:"power1.out",scrollTrigger:{trigger:e,start:"top bottom",end:"bottom bottom",scrub:!0}})}),r.utils.toArray(".inview-right").forEach(e=>{r.fromTo(e,{right:"-200px"},{right:"0",ease:"power1.out",scrollTrigger:{trigger:e,start:"top bottom",end:"bottom bottom",scrub:!0}})}),!Z.current||!J.current||!K.current)return;const i=Z.current,n=J.current,t=K.current;n.querySelector(".fade-target"),window.innerWidth<=600&&(e=r.context(()=>{const e=document.querySelector(".js-pin-trigger");r.set(t,{marginTop:"-1000",position:"relative",zIndex:10}),s.create({trigger:e,start:"top 60",end:"+=1800",pin:n,pinSpacing:!0,anticipatePin:1}),r.fromTo(t,{y:800,opacity:1},{y:0,opacity:1,ease:"power2.out",scrollTrigger:{trigger:n,start:"top top-=50",end:"+=1000",scrub:2}})},i));const o=window.location.hash;return o&&setTimeout(()=>{const e=o.replace("#",""),r=document.getElementById(e);if(r){const e=r.getBoundingClientRect().top+window.scrollY-100;window.scrollTo({top:e,behavior:"smooth"})}},300),()=>null==e?void 0:e.revert()},[]),i.jsx(i.Fragment,{children:i.jsxs(A,{children:[i.jsx(n,{styles:{".swiper-wrapper":{transitionTimingFunction:"linear !important"}}}),i.jsxs(t,{ref:Z,sx:{background:{xs:"linear-gradient(to bottom, var(--color-white) 30%, var(--color-gray-400) 70%)",sm:"white"}},children:[i.jsx(t,{ref:J,sx:{background:{xs:"transparent",sm:"#333333"}},children:i.jsxs(t,{className:"fade-target",sx:{bgcolor:{xs:"transparent",sm:"var(--color-white)"}},children:[i.jsxs(z,{sx:{py:"var(--spacing-9)",position:"relative",overflow:"hidden",my:"-1px",bgcolor:"transparent"},children:[i.jsx(o,{variant:"button",sx:{fontFamily:"var(--font-family-en)",pb:"3px"},children:"Usage guide"}),i.jsx(o,{variant:"h3",sx:{fontFamily:"var(--font-family-jp)"},children:"チケプラTrade ご利用ガイド"}),i.jsx(t,{sx:{width:"calc(100% + 16px)",position:"absolute",left:0,bottom:"var(--spacing-2)",margin:"0 -16px"},children:i.jsxs(a,{modules:[l],spaceBetween:0,slidesPerView:6.5,loop:!0,speed:4e3,autoplay:{delay:0,disableOnInteraction:!1,pauseOnMouseEnter:!1},allowTouchMove:!1,children:[i.jsx(c,{children:i.jsx(t,{component:"img",src:O})}),i.jsx(c,{children:i.jsx(t,{component:"img",src:M})}),i.jsx(c,{children:i.jsx(t,{component:"img",src:O})}),i.jsx(c,{children:i.jsx(t,{component:"img",src:M})}),i.jsx(c,{children:i.jsx(t,{component:"img",src:O})}),i.jsx(c,{children:i.jsx(t,{component:"img",src:M})}),i.jsx(c,{children:i.jsx(t,{component:"img",src:O})}),i.jsx(c,{children:i.jsx(t,{component:"img",src:M})})]})})]}),i.jsx(z,{sx:{pt:0,bgcolor:"transparent"},children:i.jsxs(x,{spacing:3,children:[i.jsx(t,{sx:{textAlign:"right"},children:i.jsx(d,{variant:"text",color:"inherit",size:"small",endIcon:i.jsx(p,{}),onClick:()=>

1{if(!K.current)return;const e=K.current.getBoundingClientRect().top+window.scrollY-100;window.scrollTo({top:e,behavior:"smooth"})},children:"ご利用ガイドへ"})}),i.jsxs(x,{spacing:3,sx:{boxShadow:"0px 0px 4px 0px rgba(0, 0, 0, 0.05), 0px 0px 32px var(--Spacing-8, 8px) rgba(0, 0, 0, 0.10)",borderRadius:"var(--spacing-7)",p:"var(--spacing-7)",bgcolor:"var(--color-white)"},children:[i.jsxs(x,{className:"js-pin-trigger",spacing:"4px",direction:"row",alignItems:"flex-end",children:[i.jsx(o,{variant:"h3",sx:{fontFamily:"var(--font-family-jp)"},children:"チケプラTrade"}),i.jsx(o,{variant:"subtitle2",children:"とは？"})]}),i.jsxs(x,{spacing:2,children:[i.jsx(t,{component:"img",src:"/build/assets/ph-guide-about-CDquPA5L.png",sx:{width:"100%"}}),i.jsxs(x,{spacing:"var(--spacing-1)",sx:{textAlign:"center"},children:[i.jsx(o,{variant:"subtitle2",children:"チケットを譲りたい人と"}),i.jsx(o,{variant:"subtitle2",children:"チケットを購入したい人を繋げる、"}),i.jsxs(o,{variant:"subtitle2",children:[i.jsx(o,{variant:"h4",color:"var(--color-primary-main)",component:"span",sx:{display:"inline-block",lineHeight:1,verticalAlign:"middle",mr:"2px",mt:"-6px"},children:"公式"}),"のチケットリセールサービスです"]})]}),i.jsx(t,{component:"img",src:"/build/assets/bnr-guide-about-DvHDrl2M.png",sx:{width:"100%"}})]}),i.jsx(d,{variant:"outlined",color:"primary",size:"large",href:route("guide.service"),children:"初めての方へ"}),i.jsx(t,{onClick:()=>U(!0),sx:{width:"100%",aspectRatio:"16/9",position:"relative",borderRadius:"16px",overflow:"hidden",cursor:"pointer",background:"url(https://img.youtube.com/vi/0RUEBO7Av0k/maxresdefault.jpg) center/cover",display:"flex",alignItems:"center",justifyContent:"center","&:hover::before":{bgcolor:"rgba(0,0,0,0.4)"},"&::before":{content:'""',position:"absolute",inset:0,bgcolor:"rgba(0,0,0,0.2)",transition:"0.3s"}},children:i.jsx(t,{sx:{width:60,height:60,bgcolor:"var(--color-gray-100)",color:"var(--color-gray-800)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,boxShadow:"0 4px 12px rgba(0,0,0,0.2)"},children:i.jsx(g,{sx:{fontSize:40}})})}),i.jsx(h,{open:N,onClose:()=>U(!1),closeAfterTransition:!0,slots:{backdrop:u},slotProps:{backdrop:{sx:{backgroundColor:"rgba(0, 0, 0, 0.9)"}}},children:i.jsxs(t,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90vw",maxWidth:"800px",aspectRatio:"16/9",outline:"none",borderRadius:"16px",overflow:"hidden"},children:[i.jsx(j,{onClick:()=>U(!1),sx:{position:"absolute",top:-45,right:-10,color:"#fff"},children:i.jsx(m,{})}),N&&i.jsx("iframe",{src:"https://www.youtube-nocookie.com/embed/0RUEBO7Av0k?autoplay=1&rel=0",title:"YouTube video player",style:{width:"100%",height:"100%",border:"none",borderRadius:"16px"},allow:"autoplay; encrypted-media; fullscreen",allowFullScreen:!0})]})})]})]})})]})}),i.jsxs(z,{ref:K,sx:{bgcolor:"var(--color-secondary-dark)",borderRadius:"var(--spacing-10) var(--spacing-10) 0 0",pt:"var(--spacing-10)",pb:"var(--spacing-9)",position:"relative",zIndex:2},children:[i.jsxs(x,{direction:"row",alignItems:"center",spacing:"4px",sx:{color:"var(--color-secondary-main)",opacity:.5,position:"absolute",left:"var(--spacing-4)",top:"10px"},children:[i.jsx(b,{sx:{fontSize:"56px"}}),i.jsx(o,{variant:"h1",component:"div",sx:{fontFamily:"var(--font-family-en)"},children:"Guide"})]}),i.jsxs(x,{spacing:5,children:[i.jsxs(t,{sx:[W,{bgcolor:"var(--color-secondary-main)",color:"var(--color-white)"}],children:[i.jsxs(t,{sx:{textAlign:"center",mb:"var(--spacing-7)"},children:[i.jsx(o,{variant:"h3",sx:{textAlign:"center",mb:"var(--spacing-4)"},children:"トレードに申し込む"}),i.jsx(d,{variant:"contained",color:"primary",size:"large",endIcon:i.jsx(v,{}),href:route("guide.buy"),children:"すべてのステップを確認"})]}),i.jsxs(t,{sx:Y,children:[i.jsxs(f,{href:route("guide.buy"),underline:"none",sx:q,children:[i.jsx(t,{component:"img",src:L,sx:G}),i.jsx(o,{variant:"subtitle1",children:"申し込み"})]}),i.jsxs(f,{href:route("guide.buy")+"?tab=lottery",underline:"none",sx:[q,{marginLeft:"auto"}],children:[i.jsx(t,{component:"img",src:P,sx:G}),i.jsx(o,{variant:"subtitle1",children:"抽選"})]}),i.jsxs(f,{href:route("guide.buy")+"?tab=ticketing",underline:"none",sx:q,children:[i.jsx(t,{component:"img",src:E,sx:G}),i.jsx(o,{variant:"subtitle1",children:"発券"})]}),i.jsx(t,{component:"img",src:"/build/assets/ph-guide-buy-r-Cc1POC0G.svg",sx:[H,{top:0}],className:"inview-right"}),i.jsx(t,{component:"img",src:"/build/assets/ph-guide-buy-l-DcEZBPSI.svg",sx:[H,{top:"50%"}],className:"inview-left"}),i.jsx(t,{component:"img",src:"/build/assets/line-guide-buy-DxaIiWRM.svg",sx:X})]}),i.jsxs(x,{direction:"row",spacing:2,justifyContent:"flex-end",alignItems:"center",sx:{pt:"var(--spacing-3)",px:"var(--spacing-5)"},children:[i.jsx(o,{variant:"subtitle3",children:"または"}),i.jsx(f,{href:route("guide.buy")+"?tab=cancel",underline:"none",sx:[q,{width:"auto",px:"var(--spacing-5)"}

1],children:i.jsxs(o,{variant:"subtitle3",sx:{display:"flex",alignItem:"cemter",gap:"var(--spacing-2)"},children:[i.jsx(y,{sx:{color:"var(--color-text-secondary)"}}),"申し込みキャンセル"]})})]})]}),i.jsxs(t,{sx:[W,{bgcolor:"var(--color-success-main)",color:"var(--color-white)"}],children:[i.jsxs(t,{sx:{textAlign:"center",mb:"var(--spacing-7)"},children:[i.jsx(o,{variant:"h3",sx:{textAlign:"center",mb:"var(--spacing-4)"},children:"トレードに出品する"}),i.jsx(d,{variant:"contained",color:"primary",size:"large",endIcon:i.jsx(v,{}),href:route("guide.sell"),children:"すべてのステップを確認"})]}),i.jsxs(t,{sx:Y,children:[i.jsxs(f,{href:route("guide.sell"),underline:"none",sx:q,children:[i.jsx(t,{component:"img",src:B,sx:G}),i.jsx(o,{variant:"subtitle1",children:"出品する"})]}),i.jsxs(f,{href:route("guide.sell")+"?tab=lottery",underline:"none",sx:[q,{marginLeft:"auto"}],children:[i.jsx(t,{component:"img",src:F,sx:G}),i.jsx(o,{variant:"subtitle1",children:"成立まで"})]}),i.jsxs(f,{href:route("guide.sell")+"?tab=refund",underline:"none",sx:q,children:[i.jsx(t,{component:"img",src:D,sx:G}),i.jsx(o,{variant:"subtitle1",children:"返金"})]}),i.jsx(t,{component:"img",src:"/build/assets/ph-guide-sale-r-CIlSFyfU.svg",sx:[H,{top:0}],className:"inview-right"}),i.jsx(t,{component:"img",src:"/build/assets/ph-guide-sale-l-DbJclUia.svg",sx:[H,{top:"48%"}],className:"inview-left"}),i.jsx(t,{component:"img",src:"/build/assets/line-guide-sale-B9sU05h3.svg",sx:X})]}),i.jsxs(x,{direction:"row",spacing:2,justifyContent:"flex-end",alignItems:"center",sx:{pt:"var(--spacing-3)",px:"var(--spacing-5)"},children:[i.jsx(o,{variant:"subtitle3",children:"または"}),i.jsx(f,{href:route("guide.sell")+"?tab=cancel",underline:"none",sx:[q,{width:"auto",px:"var(--spacing-5)"}],children:i.jsxs(o,{variant:"subtitle3",sx:{display:"flex",alignItem:"cemter",gap:"var(--spacing-2)"},children:[i.jsx(y,{sx:{color:"var(--color-text-secondary)"}}),"出品キャンセル"]})})]})]}),i.jsxs(t,{id:"other",sx:[W,{bgcolor:"var(--color-gray-200)",color:"var(--color-text-secondary)",px:"var(--spacing-7)",pt:"var(--spacing-6)",pb:"var(--spacing-8)"}],children:[i.jsxs(t,{sx:{textAlign:"center",mb:"var(--spacing-5)"},children:[i.jsx(o,{variant:"button",sx:{fontFamily:"var(--font-family-en)",pb:"6px"},children:"other"}),i.jsx(o,{variant:"h3",sx:{textAlign:"center",mb:"var(--spacing-4)"},children:"その他"})]}),i.jsxs(x,{spacing:2,component:"ul",sx:{paddingX:0,listStyle:"none"},children:[i.jsx("li",{children:i.jsxs(w,{component:"a",href:route("guide.mypage"),children:[i.jsx(I,{children:i.jsx(k,{})}),i.jsx(R,{children:i.jsx(o,{variant:"subtitle2",children:"マイトレード"})}),i.jsx(v,{})]})}),i.jsx("li",{children:i.jsxs(w,{component:"a",href:route("guide.eplus"),children:[i.jsx(I,{children:i.jsx(C,{})}),i.jsx(R,{children:i.jsx(o,{variant:"subtitle2",children:"イープラスID連携"})}),i.jsx(v,{})]})}),i.jsx("li",{children:i.jsxs(w,{component:"a",href:route("guide.premium"),children:[i.jsx(I,{children:i.jsx(S,{})}),i.jsx(R,{children:i.jsx(o,{variant:"subtitle2",children:"プレミアム会員"})}),i.jsx(v,{})]})}),i.jsx("li",{children:i.jsxs(w,{component:"a",href:route("guide.friendList"),children:[i.jsx(I,{children:i.jsx(T,{})}),i.jsx(R,{children:i.jsx(o,{variant:"subtitle2",children:"友だちリスト"})}),i.jsx(v,{})]})})]})]}),i.jsx(t,{sx:{textAlign:"center"},children:i.jsx(d,{variant:"outlined",size:"large",href:route("top"),sx:{bgcolor:"transparent !important",borderColor:"var(--color-white)",color:"var(--color-white)","&:hover":{color:"var(--color-white)",borderColor:"var(--color-white)",bgcolor:"rgba(29, 27, 26, 0.38) !important"}},children:"トレードTOPへ戻る"})})]})]})]})]})})};export{U as default,N as guidButtonStyle};