@charset "utf-8";.ccover{--c1: #EDF6FB;--c2: #8FD3EE;position: relative;display: block;width: 100%;height: 100%;min-height: 100%;overflow: hidden;container-type: inline-size;background: radial-gradient(70% 90% at 12% 12%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 62%),linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%)}.ccover--pink{--c1: #FFF3F7;--c2: #F59BB5}.ccover--yellow{--c1: #FFF8DF;--c2: #F6CB3C}.ccover--sky{--c1: #EEF8FD;--c2: #7BC8E7}.ccover--green{--c1: #F7FAE6;--c2: #BCCD55}.ccover > *{position: absolute}.ccover__dots{right: 5%;top: 8%;width: 24%;height: 36%;background-image: radial-gradient(rgba(255, 255, 255, .95) 1.6px, transparent 1.9px);background-size: 11px 11px}.ccover__ring{left: 48%;bottom: -26%;width: 34%;aspect-ratio: 1;border-radius: 50%;border: 4.5cqi solid rgba(255, 255, 255, .42)}.ccover__spark{left: 52%;top: 14%;width: 3.2cqi;height: 3.2cqi;border-radius: 50%;background: #fff;box-shadow: 0 0 0 1.4cqi rgba(255, 255, 255, .35)}.ccover__cat{left: 6%;top: 10%;display: inline-flex;align-items: center;gap: 1.6cqi;max-width: 60%;padding: 1.1cqi 3cqi 1.1cqi 2.2cqi;border: max(1.5px, .45cqi) solid var(--navy);border-radius: 99px;background: #fff;font: 700 clamp(9px, 3.5cqi, 16px)/1.3 var(--font-maru);letter-spacing: .04em;color: var(--navy);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ccover__catdots{display: inline-flex;gap: .7cqi;flex: none}.ccover__catdots i{width: 1.7cqi;height: 1.7cqi;min-width: 5px;min-height: 5px;border-radius: 50%;background: var(--pink)}.ccover__catdots i:nth-child(2){background: var(--yellow)}.ccover__catdots i:nth-child(3){background: var(--sky)}.ccover__ttl{left: 6%;right: 37%;top: 54%;translate: 0 -50%;font: 900 min(12.5cqi, calc(53cqi / var(--len, 4)))/1.22 var(--font-maru);letter-spacing: .01em;color: var(--navy);text-shadow: 0 .5cqi 0 rgba(255, 255, 255, .7)}.ccover .ccover__m,.acard__img .ccover .ccover__m{right: 2%;bottom: -5%;left: auto;top: auto;width: 38%;height: auto;rotate: -5deg;object-fit: contain;filter: drop-shadow(0 1.2cqi 1.2cqi rgba(37, 45, 92, .18));transition: translate .45s var(--ease-bound),rotate .45s var(--ease-bound)}.ccard{position: relative;border: 2px solid transparent;transition: transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .25s}.ccard__img{position: relative;aspect-ratio: 1200 / 670}.ccard__img::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background: var(--acc, var(--sky))}.ccard--pink{--acc: var(--pink)}.ccard--yellow{--acc: var(--yellow)}.ccard--sky{--acc: var(--sky)}.ccard--green{--acc: var(--green)}.ccard__body{gap: 10px;padding: 18px 20px 22px}.ccard__tags{display: flex;flex-wrap: wrap;gap: 6px}.ccard__ttl{font: 700 16.5px/1.6 var(--font-maru);letter-spacing: .03em;transition: color .2s}.ccard__ex{font-size: 13.5px;line-height: 1.85;color: var(--navy-soft);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.ccard__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 14px;margin-top: auto;padding-top: 4px;padding-right: 44px;font: 500 12.5px/1.2 var(--font-mono);color: var(--navy-soft);letter-spacing: .02em}.ccard__m{display: inline-flex;align-items: center;gap: 5px}.ccard__m .icon{width: 14px;height: 14px;color: var(--sky-text)}.ccard__go{position: absolute;right: 16px;bottom: 16px;display: grid;place-items: center;width: 34px;height: 34px;border: 2px solid var(--navy);border-radius: 50%;background: #fff;transition: background-color .2s,transform .35s var(--ease-bound)}.ccard__go .icon{width: 15px;height: 15px}@media (hover: hover){.ccard:hover{border-color: var(--navy);box-shadow: 0 7px 0 var(--navy);transform: translateY(-6px)}.ccard:hover .ccard__go{background: var(--yellow);transform: translateX(3px)}.ccard:hover .ccard__go .icon{animation: arrow-slide .55s var(--ease-out)}.acard.ccard:hover .ccover .ccover__m{scale: 1;translate: 0 -6%;rotate: 4deg}}.ccard:active{transform: translateY(-2px)}.ccard:focus-visible{outline-offset: 4px;border-radius: var(--r-card)}.hl{background: var(--yellow);color: var(--navy);border-radius: 3px;padding: 0 .08em;box-shadow: 0 0 0 1px var(--yellow)}.cswipe{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px}.cswipe__hint,.colsec__swipe{display: none}@media (max-width: 767.98px){.cswipe,.colsec__list{display: grid !important;grid-auto-flow: column;grid-template-columns: none;grid-auto-columns: 80%;gap: 14px;margin-inline: calc(var(--gutter) * -1);padding: 6px var(--gutter) 22px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);scrollbar-width: none;-webkit-overflow-scrolling: touch}.cswipe::-webkit-scrollbar,.colsec__list::-webkit-scrollbar{display: none}.cswipe > *,.colsec__list > *{scroll-snap-align: start;min-width: 0}.cswipe__hint,.colsec__swipe{display: flex;align-items: center;justify-content: flex-end;gap: 6px;margin: 0 0 4px;font: 700 12px/1 var(--font-maru);letter-spacing: .08em;color: var(--sky-text)}.cswipe__hint{justify-content: center;margin: 2px 0 0}.cswipe__hint .icon,.colsec__swipe .icon{width: 16px;height: 16px}.ccard__ex{-webkit-line-clamp: 2;font-size: 13px}.ccard__ttl{font-size: 15.5px}}@media (max-width: 767.98px) and (prefers-reduced-motion: no-preference){.cswipe__hint .icon,.colsec__swipe .icon{animation: swipe-nudge 1.8s var(--ease-inout) infinite}}@keyframes swipe-nudge{0%,100%{translate: 0 0}50%{translate: 6px 0}}.colpick{padding-top: calc(var(--sec-y) * .55)}.colpick__head{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px 40px}.colpick__head .shead{margin-bottom: 40px}.colpick__stats{display: flex;gap: 12px;margin-bottom: 44px;flex: none}.colpick__stat{display: grid;grid-template-columns: auto auto;align-items: end;column-gap: 2px;min-width: 118px;padding: 12px 18px 14px;border: 2px solid var(--navy);border-radius: 20px 20px 20px 4px;background: #fff;box-shadow: 0 4px 0 var(--navy)}.colpick__stat:nth-child(2){border-radius: 20px 20px 4px 20px;background: var(--yellow-soft)}.colpick__num{font: 900 42px/1 var(--font-maru);letter-spacing: 0}.colpick__unit{font: 700 15px/1.4 var(--font-maru)}.colpick__lab{grid-column: 1 / -1;margin-top: 6px;font: 700 11.5px/1 var(--font-maru);letter-spacing: .14em;color: var(--sky-text)}.colpick__grid{display: grid;grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr);gap: 28px;align-items: stretch}.pick{position: relative;display: block;border-radius: 28px;background: #fff;transition: transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .25s}.pick--main{display: flex;flex-direction: column;padding: 20px 20px 28px;border: 2px solid var(--navy);box-shadow: 0 7px 0 var(--navy)}.pick__visual{position: relative}.pick__frame{box-shadow: none;border-radius: 18px}.pick__frame .bframe__body{aspect-ratio: 1200 / 670}.pick__frame .bframe__body > img{width: 100%;height: 100%;object-fit: cover}.pick__badge{position: absolute;left: -14px;top: 38px;z-index: 2;display: grid;place-items: center;align-content: center;width: 92px;height: 92px;border: 2px solid var(--navy);border-radius: 50%;background: var(--yellow);box-shadow: 0 4px 0 var(--navy);rotate: -12deg;font: 700 12px/1.25 var(--font-maru);text-align: center}.pick__badge b{font-size: 19px;font-weight: 900}.pick__body{display: flex;flex-direction: column;gap: 12px;padding: 22px 8px 0;flex: 1}.pick__ttl{font: 700 clamp(20px, 1.6vw, 25px)/1.55 var(--font-maru);letter-spacing: .02em;transition: color .2s}.pick__ex{font-size: 14.5px;line-height: 1.9;color: var(--navy-soft)}.pick__body .ccard__meta{margin-top: 2px;padding-right: 0}.pick__more{display: inline-flex;align-items: center;gap: 12px;align-self: flex-start;margin-top: 6px;padding: 7px 7px 7px 20px;border: 2px solid var(--navy);border-radius: 99px;background: var(--pink);box-shadow: 0 3px 0 var(--navy);font: 700 15px/1 var(--font-maru);letter-spacing: .06em;transition: background-color .2s}.pick__arrow{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: var(--navy);color: #fff}.pick__arrow .icon{width: 14px;height: 14px}.colpick__subs{display: grid;gap: 16px;align-content: stretch}.colpick__subs > li{display: flex}.pick--sub{flex: 1;display: grid;grid-template-columns: 40% minmax(0, 1fr);align-items: center;gap: 18px;padding: 14px 18px 14px 14px;border: 2px solid transparent;box-shadow: var(--sh-card)}.pick__no{position: absolute;right: 16px;top: 10px;font: 700 30px/1 var(--font-mono);letter-spacing: 0;color: transparent;-webkit-text-stroke: 1.5px var(--sky)}.pick__thumb{position: relative;display: block;aspect-ratio: 1200 / 670;border-radius: 16px;overflow: hidden;background: var(--sky-soft)}.pick__thumb > img{width: 100%;height: 100%;object-fit: cover;transition: scale .6s var(--ease-out)}.pick__sbody{display: flex;flex-direction: column;gap: 8px;min-width: 0;padding-right: 26px}.pick__sttl{font: 700 15.5px/1.6 var(--font-maru);letter-spacing: .03em;transition: color .2s}.pick__sbody .ccard__meta{padding-right: 0}@media (hover: hover){.pick--main:hover{transform: translateY(-4px);box-shadow: 0 11px 0 var(--navy)}.pick--main:hover .pick__more{background: var(--yellow)}.pick--main:hover .pick__arrow .icon{animation: arrow-slide .55s var(--ease-out)}.pick--main:hover .pick__frame .bframe__body > img{scale: 1.04}.pick--main:hover .pick__ttl,.pick--sub:hover .pick__sttl{color: var(--sky-text)}.pick--sub:hover{transform: translateY(-4px);border-color: var(--navy);box-shadow: 0 6px 0 var(--navy)}.pick--sub:hover .pick__thumb > img{scale: 1.06}}.pick:focus-visible{outline-offset: 5px;border-radius: 28px}@media (max-width: 959.98px){.colpick__grid{grid-template-columns: minmax(0, 1fr)}.colpick__head{flex-direction: column;align-items: flex-start}.colpick__stats{margin: -12px 0 32px}}@media (max-width: 767.98px){.colpick{padding-top: 40px}.colpick__head .shead{margin-bottom: 20px}.colpick__stats{margin: 0 0 26px;gap: 10px}.colpick__stat{min-width: 0;padding: 10px 14px 12px}.colpick__num{font-size: 34px}.pick--main{padding: 12px 12px 22px;border-radius: 24px}.pick__badge{width: 74px;height: 74px;left: -8px;top: 22px;font-size: 10.5px}.pick__badge b{font-size: 16px}.pick__body{padding: 16px 6px 0;gap: 10px}.pick__ex{font-size: 13.5px}.colpick__subs{gap: 12px}.pick--sub{grid-template-columns: 38% minmax(0, 1fr);gap: 12px;padding: 10px 12px 10px 10px;border-radius: 20px}.pick__thumb{border-radius: 12px}.pick__sttl{font-size: 14px;line-height: 1.55}.pick__sbody{gap: 6px;padding-right: 0}.pick__sbody .ccard__tags{display: none}.pick__no{font-size: 22px;top: auto;bottom: 8px;right: 12px}}.colidx__panel{padding: clamp(72px, 8vw, 112px) 0 clamp(64px, 7vw, 104px)}.colidx__layout{display: grid;grid-template-columns: 272px minmax(0, 1fr);gap: 40px;align-items: start}.colf{position: sticky;top: calc(var(--hdr-cur) + 24px);z-index: 2}.colf__box{display: grid;gap: 22px;padding: 22px 18px 20px;border-radius: 24px;background: #fff;box-shadow: var(--sh-card)}.colf__label{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;font: 700 14.5px/1.4 var(--font-maru);letter-spacing: .05em}.colf__label .icon{width: 18px;height: 18px;color: var(--sky-text)}.colf__field{position: relative}.colf__input{min-height: 50px;padding: 11px 44px 11px 16px;border-radius: 99px;font-size: 15px}.colf__input::-webkit-search-cancel-button{display: none}.colf__clear{position: absolute;right: 8px;top: 50%;translate: 0 -50%;display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: var(--tint);transition: background-color .2s}.colf__clear .icon{width: 14px;height: 14px}.colf__clear:hover{background: var(--yellow)}.colf__hint{margin-top: 8px;font-size: 12px;line-height: 1.7;color: var(--navy-soft)}.colf__try{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin-top: 10px}.colf__try-l{margin-right: 2px;font: 700 11.5px/1 var(--font-maru);color: var(--navy-mute)}.colf__word{padding: 6px 11px;border: 1.5px solid var(--line-strong);border-radius: 99px;background: #fff;font: 700 12.5px/1 var(--font-maru);letter-spacing: .04em;transition: background-color .2s,border-color .2s,transform .25s var(--ease-bound)}.colf__word:hover{background: var(--yellow-soft);border-color: var(--navy);transform: translateY(-2px)}.colf__word:active{transform: translateY(1px)}.colf__list{display: grid;gap: 6px}.colf__chip{display: flex;align-items: center;gap: 10px;min-height: 44px;padding: 7px 8px 7px 12px;border: 2px solid transparent;border-radius: 14px;font: 700 14px/1.4 var(--font-maru);letter-spacing: .03em;transition: background-color .2s,border-color .2s,color .2s,transform .25s var(--ease-bound),box-shadow .2s}.colf__name{flex: 1;min-width: 0}.colf__dot{flex: none;width: 12px;height: 12px;border: 2px solid var(--navy);border-radius: 50%;background: var(--sky)}.colf__dot--pink{background: var(--pink)}.colf__dot--yellow{background: var(--yellow)}.colf__dot--green{background: var(--green)}.colf__dot--all{background: conic-gradient(var(--pink) 0 25%, var(--yellow) 0 50%, var(--sky) 0 75%, var(--green) 0)}@media (hover: hover){.colf__chip:hover{background: var(--tint)}.colf__chip:hover .colf__dot{scale: 1.25}}.colf__dot{transition: scale .3s var(--ease-bound)}.colf__chip.is-active,.colf__chip[aria-pressed="true"]{border-color: var(--navy);background: var(--navy);color: #fff;box-shadow: 0 3px 0 var(--pink)}.colf__chip.is-active .fchip__count,.colf__chip[aria-pressed="true"] .fchip__count{background: var(--pink);color: var(--navy)}.colf__chip.is-active .colf__dot,.colf__chip[aria-pressed="true"] .colf__dot{border-color: #fff}.colf__chip:focus-visible{outline-offset: 2px;border-radius: 14px}html.no-js .colf__search{display: none}.colidx__main{min-width: 0}.colidx__bar{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 44px;margin-bottom: 18px}.colidx__status{font: 700 15px/1.5 var(--font-maru);letter-spacing: .04em}.colidx__status b{font: 700 1.3em/1 var(--font-mono);color: var(--pink-text);margin: 0 .1em}.colidx__reset{display: inline-flex;align-items: center;gap: 6px;min-height: 40px;padding: 6px 14px;border: 2px solid var(--navy);border-radius: 99px;background: #fff;font: 700 13px/1 var(--font-maru);box-shadow: 0 3px 0 var(--navy);transition: background-color .2s,transform .15s}.colidx__reset .icon{width: 15px;height: 15px}.colidx__reset:hover{background: var(--yellow)}.colidx__reset:active{transform: translateY(2px);box-shadow: 0 1px 0 var(--navy)}.colsec{scroll-margin-top: calc(var(--hdr-h) + 24px)}.colsec + .colsec{margin-top: 64px}.colsec__head{position: relative;display: flex;align-items: flex-end;gap: 16px;margin-bottom: 22px;padding-bottom: 16px;border-bottom: 2px dashed rgba(37, 45, 92, .16)}.colsec__no{font: 700 46px/.9 var(--font-mono);letter-spacing: -.02em;color: transparent;-webkit-text-stroke: 1.6px var(--navy)}.colsec__titles{min-width: 0}.colsec__en{font: 700 11px/1 var(--font-mono);letter-spacing: .24em;color: var(--sky-text);margin-bottom: 8px}.colsec__ttl{font: 700 clamp(21px, 1.9vw, 27px)/1.35 var(--font-maru);letter-spacing: .03em}.colsec__count{flex: none;margin-bottom: 3px;padding: 4px 12px;border-radius: 99px;background: var(--acc, var(--sky));font: 700 13px/1.3 var(--font-maru)}.colsec__count b{font: 700 15px/1 var(--font-mono);margin-right: 1px}.colsec--pink{--acc: var(--pink)}.colsec--yellow{--acc: var(--yellow)}.colsec--sky{--acc: var(--sky)}.colsec--green{--acc: var(--green)}.colsec__m{width: 66px;height: auto;margin: 0 4px -18px auto;flex: none;filter: drop-shadow(0 4px 6px rgba(37, 45, 92, .14))}@media (prefers-reduced-motion: no-preference){.colsec__head:hover .colsec__m{animation: chara-tap .6s var(--ease-out)}}.colsec__list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 22px 20px}.colsec__item{display: flex;min-width: 0}.colsec__item > .ccard{flex: 1}.colsec[hidden],.colsec__item[hidden]{display: none !important}.colidx__empty{display: grid;justify-items: center;gap: 12px;padding: 48px 20px 56px;border: 2px dashed rgba(37, 45, 92, .2);border-radius: 28px;background: #fff;text-align: center}.colidx__empty .mascot{margin-bottom: 4px}.colidx__empty-ttl{font: 700 20px/1.5 var(--font-maru)}.colidx__empty-txt{max-width: 30em;font-size: 14.5px;line-height: 1.9;color: var(--navy-soft)}.colidx__empty .btn{margin-top: 8px}@media (max-width: 1199.98px){.colsec__list{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 1199.98px){.colidx__layout{grid-template-columns: minmax(0, 1fr);gap: 28px}.colf{position: relative;top: auto}.colf__box{grid-template-columns: minmax(0, 1fr)}.colf__list{display: flex;flex-wrap: nowrap;gap: 8px;margin-inline: -18px;padding: 4px 18px 8px;overflow-x: auto;scrollbar-width: none;-webkit-mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 28px), transparent);mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 28px), transparent)}.colf__list::-webkit-scrollbar{display: none}.colf__list > li{flex: none}.colf__chip{min-height: 42px;padding: 6px 8px 6px 12px;border-color: var(--line-strong);border-radius: 99px;background: #fff;white-space: nowrap}}@media (max-width: 767.98px){.colidx__panel{padding: 56px 0 56px}.colidx .shead{margin-bottom: 28px}.colf__box{gap: 18px;padding: 18px 16px 14px;border-radius: 22px}.colf__list{margin-inline: -16px;padding-inline: 16px}.colf__hint{display: none}.colf__try{flex-wrap: nowrap;overflow-x: auto;margin-inline: -16px;padding: 2px 16px 4px;scrollbar-width: none}.colf__try::-webkit-scrollbar{display: none}.colf__try > *{flex: none}.colsec + .colsec{margin-top: 44px}.colsec__head{gap: 10px;margin-bottom: 10px;padding-bottom: 12px}.colsec__no{font-size: 34px}.colsec__en{font-size: 10px;margin-bottom: 6px}.colsec__ttl{font-size: 19px}.colsec__count{font-size: 12px;padding: 3px 10px}.colsec__m{width: 50px;margin-bottom: -14px}.colidx__bar{margin-bottom: 8px}.colidx__status{font-size: 14px}.colidx__reset{min-height: 36px;padding: 5px 12px;font-size: 12px}.colidx.is-list .colsec__list{grid-auto-flow: row;grid-template-columns: minmax(0, 1fr);grid-auto-columns: auto;margin-inline: 0;padding: 0;overflow: visible;gap: 12px}.colidx.is-list .colsec__swipe{display: none}.colidx.is-list .ccard{flex-direction: row;align-items: stretch;border-radius: 18px}.colidx.is-list .ccard__img{flex: none;width: 38%;aspect-ratio: auto;min-height: 96px}.colidx.is-list .ccard__img::after{top: 0;bottom: 0;left: auto;right: 0;width: 3px;height: auto}.colidx.is-list .ccard__body{gap: 6px;padding: 10px 12px 12px}.colidx.is-list .ccard__ex,.colidx.is-list .ccard__tags{display: none}.colidx.is-list .ccard__ttl{font-size: 14px;line-height: 1.55}.colidx.is-list .ccard__meta{font-size: 11px;padding-right: 30px}.colidx.is-list .ccard__go{width: 26px;height: 26px;right: 10px;bottom: 10px}.colidx.is-list .ccard__go .icon{width: 12px;height: 12px}}.colpolicy{position: relative;display: flex;align-items: center;gap: 28px;margin-top: clamp(56px, 6vw, 88px);padding: 30px 36px 30px 30px;border: 2px dashed rgba(37, 45, 92, .25);border-radius: 28px;background: #fff}.colpolicy__m .mascot{--m-w: 110px}.colpolicy__label{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 10px;padding: 5px 14px;border-radius: 99px;background: var(--navy);color: #fff;font: 700 13.5px/1.3 var(--font-maru);letter-spacing: .08em}.colpolicy__label .icon{width: 16px;height: 16px;color: var(--yellow)}.colpolicy__txt{font-size: 14.5px;line-height: 2;color: var(--navy-soft);word-break: auto-phrase}.colpolicy__txt .link{color: var(--sky-text)}@media (max-width: 767.98px){.colpolicy{flex-direction: column;align-items: flex-start;gap: 6px;padding: 24px 20px;border-radius: 22px}.colpolicy__m{position: absolute;right: 12px;top: -44px}.colpolicy__m .mascot{--m-w: 80px}.colpolicy__txt{font-size: 13.5px}}@media (prefers-reduced-motion: no-preference){.colsec__item.is-pop > .ccard{animation: col-pop .5s var(--ease-bound) backwards;animation-delay: calc(min(var(--i, 0), 11) * 45ms)}@keyframes col-pop{from{opacity: 0;translate: 0 14px;scale: .97}to{opacity: 1;translate: 0 0;scale: 1}}}@media (max-width: 767.98px){.colsec__list{grid-template-columns: none}.page-column-index .main > .phero{position: sticky;top: 0;z-index: 0}.page-column-index .colpick{position: relative;z-index: 1;margin-top: 0;padding-top: 44px;border-radius: 28px 28px 0 0;background: #fff;box-shadow: 0 -14px 30px -10px rgba(37, 45, 92, .16)}.page-column-index .colpick::before{content: "";position: absolute;left: 50%;top: 12px;translate: -50% 0;width: 44px;height: 5px;border-radius: 5px;background: var(--line)}.page-column-index .colidx{position: relative;z-index: 1;background: #fff}}button.colf__chip{width: 100%;text-align: left;color: inherit}button.colf__chip.is-active{color: #fff}.colidx__n{white-space: nowrap}.colidx__reset{white-space: nowrap;flex: none}.ccover__ln{display: block;white-space: nowrap}.ccard__ttl,.pick__ttl,.pick__sttl{word-break: auto-phrase}.ccard__sub{display: block;margin-top: .25em;font-size: .86em;line-height: 1.55;opacity: .78;word-break: auto-phrase}.pick__sttl .ccard__sub{font-size: .88em}.colidx__status,.colf__hint,.colidx__empty-ttl,.colidx__empty-txt{word-break: auto-phrase}@media (min-width: 960px) and (max-width: 1199.98px){.colf__box{grid-template-columns: minmax(0, 1fr);padding: 22px 24px 18px}.colf__search{display: grid;grid-template-columns: minmax(0, 1fr) auto;column-gap: 20px;align-items: end}.colf__search .colf__label{grid-column: 1 / -1}.colf__search .colf__hint{grid-column: 1}.colf__search .colf__try{grid-column: 2;grid-row: 2 / 4;margin-top: 0;max-width: 330px}.colf__list{margin-inline: -24px;padding-inline: 24px}}.colhero__vis{position: relative;width: min(500px, 37vw);margin: 22px 1.5vw -12px 0}.colhero__stack{position: relative;aspect-ratio: 1.42}.colhero__f{position: absolute;margin: 0;box-shadow: 0 20px 44px rgba(26, 32, 72, .22)}.colhero__f .bframe__body{aspect-ratio: 1200 / 670;overflow: hidden}.colhero__f .bframe__body img{width: 100%;height: 100%;object-fit: cover}.colhero__f--1{right: 0;bottom: 0;z-index: 3;width: 76%;rotate: 2.4deg}.colhero__f--2{left: 0;top: 6%;z-index: 1;width: 56%;rotate: -6deg}.colhero__f--3{right: 5%;top: -4%;z-index: 2;width: 50%;rotate: 5deg}.colhero__tag{position: absolute;z-index: 4;padding: 5px 12px;border: 2px solid var(--navy);border-radius: 99px;background: #fff;box-shadow: 0 3px 0 var(--navy);font: 700 13px/1.2 var(--font-maru);letter-spacing: .04em;color: var(--navy);white-space: nowrap}.colhero__tag--1{left: 31%;top: 30%;background: var(--yellow);rotate: -6deg}.colhero__tag--2{right: -3%;top: 36%;background: var(--pink);color: #fff;rotate: 7deg}.colhero__tag--3{left: -4%;bottom: 20%;rotate: -4deg}.colhero .colhero__m{position: absolute;left: auto;right: -64px;bottom: -70px;z-index: 5;margin: 0;padding: 0}.colhero__m .mascot{--m-w: 150px}.colhero__m .mascot__bubble{bottom: auto;top: -12%;right: calc(100% - 18px);left: auto}@media (min-width: 768px){.colhero .phero__dot--yellow{top: 8%;right: 3%}.colhero .phero__dot--pink{left: 40%}}@media (prefers-reduced-motion: no-preference){.colhero__f{animation: colhero-in .9s var(--ease-bound) backwards}.colhero__f--2{animation-delay: .12s}.colhero__f--3{animation-delay: .24s}.colhero__f--1{animation-delay: .36s}.colhero__tag{animation: colhero-tag .6s var(--ease-bound) backwards,colhero-float 4.8s ease-in-out 1.4s infinite}.colhero__tag--1{animation-delay: .7s,1.4s}.colhero__tag--2{animation-delay: .85s,2.2s}.colhero__tag--3{animation-delay: 1s,3s}@keyframes colhero-in{from{opacity: 0;transform: translateY(34px) scale(.92)}to{opacity: 1;transform: none}}@keyframes colhero-tag{from{opacity: 0;transform: scale(.4)}to{opacity: 1;transform: none}}@keyframes colhero-float{50%{translate: 0 -6px}}}@media (max-width: 1199.98px){.colhero__vis{width: min(420px, 40vw)}.colhero .colhero__m{right: -30px}.colhero__m .mascot{--m-w: 124px}}@media (max-width: 959.98px){.colhero .phero__inner{grid-template-columns: minmax(0, 1fr)}.colhero__vis{width: min(74%, 500px);margin: 26px auto -8px 3%}.colhero .colhero__m{right: -110px;bottom: -40px}.colhero .phero__dot--pink{left: auto;right: 16%;top: 22px}.colhero .phero__spark--2{left: auto;right: 7%;top: 16px}}@media (max-width: 767.98px){.colhero__vis{width: 80%;margin: 20px auto -4px 2px;justify-self: start}.colhero__stack{aspect-ratio: 1.6}.colhero__f--1{width: 80%}.colhero__f--2{width: 62%;top: 2%}.colhero__f--3,.colhero__tag--2,.colhero__tag--3{display: none}.colhero__tag{padding: 4px 9px;font-size: 11px;box-shadow: 0 2px 0 var(--navy)}.colhero__tag--1{left: 50%;top: 4%}.colhero__tag--2{right: -6%;top: 30%}.colhero .phero__dot--pink{left: auto;right: 16%;top: 22px}.colhero .phero__spark--2{left: auto;right: 7%;top: 16px}.colhero .colhero__m{right: -84px;bottom: -34px}.colhero__m .mascot{--m-w: 100px}.colhero__m .mascot__bubble{top: -58%;right: 2px;font-size: 12px;padding: 7px 12px}.colhero__m .bubble--bottom-right::after{right: 24px;top: auto;bottom: -8px;transform: rotate(45deg)}}.colpick__head .shead__ttl .mk{white-space: nowrap}.colf__name{word-break: auto-phrase}