@charset "UTF-8";:root{--clr-key: #f96743;--clr-bg: #ececec;--gradient-hokkaido: linear-gradient( 0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100% );--gradient-osaka: linear-gradient( 0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100% );--gradient-aichi: linear-gradient( 0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100% );--gradient-fukuoka: linear-gradient( 0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100% )}.list.svelte-gyvucm li:where(.svelte-gyvucm) .button-number:where(.svelte-gyvucm),.list.svelte-gyvucm li:where(.svelte-gyvucm) button:where(.svelte-gyvucm){font-family:YakuHanJP,Outfit,sans-serif}.pagination.svelte-gyvucm{position:relative}@media (max-width: 767.98px){.pagination.svelte-gyvucm{margin:10.6666666667vw auto 4vw}}@media (min-width: 768px){.pagination.svelte-gyvucm{margin:3.75vw auto 0;max-width:31.25vw}}.list.svelte-gyvucm{display:grid;grid-auto-flow:column;justify-content:center;align-items:center;position:relative;z-index:10}@media (max-width: 767.98px){.list.svelte-gyvucm{gap:1.4666666667vw}}@media (min-width: 768px){.list.svelte-gyvucm{gap:.625vw;margin:0 auto;max-width:31.25vw}}.list.svelte-gyvucm li:where(.svelte-gyvucm){position:relative}.list.svelte-gyvucm li:where(.svelte-gyvucm) .button-number:where(.svelte-gyvucm),.list.svelte-gyvucm li:where(.svelte-gyvucm) button:where(.svelte-gyvucm){display:flex;justify-content:center;align-items:center;transition:border-color .3s,background-color .3s}@media (max-width: 767.98px){.list.svelte-gyvucm li:where(.svelte-gyvucm) .button-number:where(.svelte-gyvucm),.list.svelte-gyvucm li:where(.svelte-gyvucm) button:where(.svelte-gyvucm){width:12vw;height:12vw;font-size:4vw}}@media (min-width: 768px){.list.svelte-gyvucm li:where(.svelte-gyvucm) .button-number:where(.svelte-gyvucm),.list.svelte-gyvucm li:where(.svelte-gyvucm) button:where(.svelte-gyvucm){width:3.625vw;height:3.625vw;font-size:1.25vw}}.list.svelte-gyvucm li.active:where(.svelte-gyvucm) .button-number:where(.svelte-gyvucm){color:#000c27;background:#fff}.list.svelte-gyvucm li.active:where(.svelte-gyvucm) button:where(.svelte-gyvucm){pointer-events:none}.list.svelte-gyvucm .button-number:where(.svelte-gyvucm){pointer-events:none;position:absolute;z-index:1;top:0;left:0}.list.svelte-gyvucm button:where(.svelte-gyvucm){position:relative;display:block}.list.svelte-gyvucm button:where(.svelte-gyvucm):after{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;transition:all .2s ease-in-out;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);background:linear-gradient(to right,#ff4fff4d,#892ff74d,#087cff4d)}@media (hover: hover) and (pointer: fine) and (min-width: 768px){.list.svelte-gyvucm button:where(.svelte-gyvucm):hover:after{-webkit-clip-path:inset(0);clip-path:inset(0)}}.list.svelte-gyvucm button:where(.svelte-gyvucm) .border:where(.svelte-gyvucm){display:block;width:100%;height:100%}.list.svelte-gyvucm button:where(.svelte-gyvucm) .border:where(.svelte-gyvucm):before{content:"";position:absolute;z-index:1;border:0 solid #ffffff;top:0;left:0;width:100%;height:100%}@media (max-width: 767.98px){.list.svelte-gyvucm button:where(.svelte-gyvucm) .border:where(.svelte-gyvucm):before{border-width:.5333333333vw}}@media (min-width: 768px){.list.svelte-gyvucm button:where(.svelte-gyvucm) .border:where(.svelte-gyvucm):before{border-width:.25vw}}.list.svelte-gyvucm button:where(.svelte-gyvucm) .border:where(.svelte-gyvucm):after{content:"";position:absolute;z-index:0;border-style:solid;border-image:linear-gradient(to right,#8ded1b,#0cf,#bb51ec,#ff3eb4,#f9b032);border-image-slice:1;opacity:.6;will-change:transform;transform:translateZ(0)}@media (max-width: 767.98px){.list.svelte-gyvucm button:where(.svelte-gyvucm) .border:where(.svelte-gyvucm):after{top:-.2666666667vw;left:-.2666666667vw;width:calc(100% + .5333333333vw);height:calc(100% + .5333333333vw);border-width:4px;filter:blur(4px)}}@media (min-width: 768px){.list.svelte-gyvucm button:where(.svelte-gyvucm) .border:where(.svelte-gyvucm):after{top:-.125vw;left:-.1875vw;width:calc(100% + .375vw);height:calc(100% + .375vw);border-width:4px;filter:blur(4px)}}.list.svelte-gyvucm .line:where(.svelte-gyvucm){height:1px;width:100%;background:#fff6}@media (max-width: 767.98px){.list.svelte-gyvucm .line:where(.svelte-gyvucm){width:5.3333333333vw;margin:0 2.6666666667vw}}@media (min-width: 768px){.list.svelte-gyvucm .line:where(.svelte-gyvucm){width:1.875vw;margin:0 .625vw}}