:root{--color-white: #ffffff;--color-black: #000000;--color-red: #e60012;--color-gray: #f5f2f2;--color-light-gray: #aba9a9}.page-character{position:static}.page-character .character .--inner{margin-inline:70px}@media screen and (max-width: 768px){.page-character .character .--inner{margin-inline:2.5rem}}.page-character .character .page-head{position:relative;padding-block:62px 45px;background-color:var(--color-gray)}@media screen and (max-width: 768px){.page-character .character .page-head{padding-block:6rem 3.5rem}}.page-character .character .page-head h1{display:inline-flex;flex-direction:column;align-items:flex-start;margin-bottom:45px}@media screen and (max-width: 1180px){.page-character .character .page-head h1{margin-bottom:clamp(0px,3.3898305085vw,40px)}}@media screen and (max-width: 768px){.page-character .character .page-head h1{margin-bottom:2rem}}.page-character .character .page-head h1 .en{font-weight:500;font-size:37px;letter-spacing:-.05em;border-bottom:solid 1px #494848;margin-bottom:-15px;padding-bottom:4px}@media screen and (max-width: 1180px){.page-character .character .page-head h1 .en{font-size:clamp(0px,3.2203389831vw,38px);margin-bottom:clamp(-12px,-1.0169491525vw,0px)}}@media screen and (max-width: 768px){.page-character .character .page-head h1 .en{font-size:2rem;margin-bottom:.6rem;padding-bottom:.4rem}}.page-character .character .page-head h1 .ja{font-family:monomaniac-one,Noto Sans JP,sans-serif;font-size:144px;letter-spacing:-.025em;line-height:1;transform:scaleX(.86);transform-origin:left;white-space:nowrap;margin-left:-6px;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#f6f2f3}@media screen and (max-width: 1180px){.page-character .character .page-head h1 .ja{font-size:clamp(0px,12.2881355932vw,145px)}}@media screen and (max-width: 768px){.page-character .character .page-head h1 .ja{font-size:7.7rem;margin-left:0}}.page-character .character .page-head h1 .ja span{letter-spacing:-.025em}.page-character .character .page-head .description{font-size:20px;font-weight:500;line-height:1.64;font-feature-settings:"palt";letter-spacing:-.01em}@media screen and (max-width: 768px){.page-character .character .page-head .description{font-size:1.5rem;line-height:1.6666666667}.page-character .character .page-head .description br{display:none}}.page-character .character .page-head .--inner{position:relative}@media screen and (max-width: 768px){.page-character .character .page-head .--inner{position:static}}.page-character .character .page-head .head-label-img{position:absolute;right:0;top:40px}@media screen and (max-width: 1180px){.page-character .character .page-head .head-label-img{top:clamp(0px,3.3898305085vw,40px)}}@media screen and (max-width: 768px){.page-character .character .page-head .head-label-img{right:.8rem;top:1rem}}.page-character .character .page-head .head-label-img img{width:296px;height:auto}@media screen and (max-width: 1180px){.page-character .character .page-head .head-label-img img{width:clamp(0px,25.0847457627vw,296px)}}@media screen and (max-width: 768px){.page-character .character .page-head .head-label-img img{width:17.6rem}}.page-character .character .content-block{background-color:var(--color-red);padding-block:32px 80px}.page-character .character .content-block .sort-nav{display:none;position:relative;justify-content:flex-end;position:sticky;top:90px;z-index:10}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav{top:7.5rem}}.page-character .character .content-block .sort-nav .sort-nav__btn{background-color:var(--color-black);color:var(--color-white);display:flex;justify-content:flex-start;align-items:center;position:relative;border:1px solid var(--color-black);overflow:hidden;width:110px;height:30px;padding:5px 15px;font-size:14px;font-weight:500;letter-spacing:-.05em;cursor:pointer;transition:all .15s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .sort-nav__btn{width:10rem;height:2.6rem;padding:.5rem 1.5rem;font-size:1.1rem}}.page-character .character .content-block .sort-nav .sort-nav__btn svg{position:absolute;right:13px;top:calc(50% - 2px);transition:transform .3s cubic-bezier(.215,.61,.355,1);transform-origin:center}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .sort-nav__btn svg{right:1rem}}.page-character .character .content-block .sort-nav .sort-nav__btn--order{border-radius:10px;margin-left:auto}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .sort-nav__btn--order{border-radius:1rem}}.page-character .character .content-block .sort-nav .sort-nav__btn.is-active{border-color:var(--color-gray);background-color:var(--color-red);color:var(--color-white)}.page-character .character .content-block .sort-nav .sort-nav__btn.is-active.sort-nav__btn--order{border-radius:10px 10px 0 0}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .sort-nav__btn.is-active.sort-nav__btn--order{border-radius:1rem}}.page-character .character .content-block .sort-nav .sort-nav__btn.is-active svg{transform:rotate(180deg)}@media (hover: hover) and (pointer: fine){.page-character .character .content-block .sort-nav .sort-nav__btn:hover{border-color:var(--color-gray);background-color:var(--color-red);color:var(--color-white)}.page-character .character .content-block .sort-nav .sort-nav__btn:hover svg{transform:rotate(180deg)}}.page-character .character .content-block .sort-nav .sort-nav__btn:not(.is-active)+.sort-nav__btn:not(.is-active){border-left-color:#7b7979}.page-character .character .content-block .sort-nav .order-list-box{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s;pointer-events:none}.page-character .character .content-block .sort-nav .order-list-box.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.page-character .character .content-block .sort-nav .order-list-box{position:absolute;padding:30px;right:0;top:29px;border-radius:10px 0 10px 10px;border:1px solid var(--color-black);background-color:var(--color-white);z-index:10}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .order-list-box{border-radius:0 0 1rem 1rem;top:2.6rem;padding:2rem}}.page-character .character .content-block .sort-nav .order-list-box .order-list{display:grid;gap:15px}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .order-list-box .order-list{gap:1rem}}.page-character .character .content-block .sort-nav .order-list-box .order-list__item{transition:color cubic-bezier(.25,.46,.45,.94) .1s,fill cubic-bezier(.25,.46,.45,.94) .1s}@media (hover: hover) and (pointer: fine){.page-character .character .content-block .sort-nav .order-list-box .order-list__item:hover,.page-character .character .content-block .sort-nav .order-list-box .order-list__item:is(a:hover *),.page-character .character .content-block .sort-nav .order-list-box .order-list__item:is(button:hover *){color:var(--color-red);fill:var(--color-red)}}.page-character .character .content-block .sort-nav .order-list-box .order-list__item.is-passive{pointer-events:none;opacity:.2}.page-character .character .content-block .sort-nav .order-list-box label{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;position:relative}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .order-list-box label{font-size:1.2rem}}.page-character .character .content-block .sort-nav .order-list-box label input[type=radio]{display:none}.page-character .character .content-block .sort-nav .order-list-box label input[type=radio]:checked+span:after{transform:translate(-50%,-50%) scale(1)}.page-character .character .content-block .sort-nav .order-list-box label span{padding-left:28px;position:relative}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .order-list-box label span{padding-left:2rem}}.page-character .character .content-block .sort-nav .order-list-box label span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:1px solid #ccc;background:var(--color-white);box-sizing:border-box;transition:border-color .18s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .order-list-box label span:before{width:1.4rem;height:1.4rem}}.page-character .character .content-block .sort-nav .order-list-box label span:after{content:"";position:absolute;left:9px;top:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;border-radius:50%;background:var(--color-red);transition:transform .18s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width: 768px){.page-character .character .content-block .sort-nav .order-list-box label span:after{left:.7rem;width:.7rem;height:.7rem}}.page-character .character .content-block .character-list{display:grid;grid-template-columns:repeat(2,auto);gap:4.375vw;margin-top:18px;justify-content:center;transition:opacity .2s ease-in-out}@media screen and (max-width: 768px){.page-character .character .content-block .character-list{width:100vw;margin-top:-1rem;margin-inline:calc(50% - 50vw);padding-bottom:11.5rem}}.page-character .character .content-block .character-list.is-fading-out{opacity:0}.page-character .character .content-block .character-list__item{width:43.4375vw;height:43.4375vw;border-radius:50%;background-color:var(--color-white);display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.page-character .character .content-block .character-list__item{width:20.3rem;height:20.3rem;position:relative}}@media screen and (max-width: 768px){.page-character .character .content-block .character-list__item:nth-child(odd){left:.95rem}.page-character .character .content-block .character-list__item:nth-child(2n){right:.95rem;top:11.5rem}}.page-character .character .content-block .character-list__item .thumb-box{width:26.875vw;height:26.875vw;position:relative}@media screen and (max-width: 768px){.page-character .character .content-block .character-list__item .thumb-box{width:12rem;height:12rem}}.page-character .character .content-block .character-list__item .character-name{width:clamp(0px,16.25vw,260px);height:clamp(0px,4.625vw,90px);font-feature-settings:"palt";display:flex;justify-content:center;align-items:center;position:absolute;bottom:clamp(-90px,-5.625vw,0px);left:0;right:0;margin-inline:auto}@media screen and (max-width: 768px){.page-character .character .content-block .character-list__item .character-name{width:9rem;height:3.5rem;bottom:-3.5rem}}.page-character .character .content-block .character-list__item .name{font-size:clamp(0px,1.75vw,28px);line-height:1.2857142857;font-weight:600;text-align:center;position:relative}@media screen and (max-width: 768px){.page-character .character .content-block .character-list__item .name{font-size:1.1rem;line-height:1.3636363636;letter-spacing:.01em;font-feature-settings:"palt"}}.page-character .character .content-block .character-list__item .ico-arrow{display:inline-block;vertical-align:middle;width:clamp(0px,1.625vw,26px);height:clamp(0px,1.625vw,26px);border-radius:999px;background-color:var(--color-red);overflow:hidden;position:absolute;right:clamp(-40px,-2.5vw,0px);top:0;bottom:0;margin:auto}@media screen and (max-width: 768px){.page-character .character .content-block .character-list__item .ico-arrow{width:1.1rem;height:1.1rem;right:-1.2rem}}.page-character .character .content-block .character-list__item .ico-arrow:after{content:"";display:block;width:clamp(0px,.9375vw,15px);height:clamp(0px,.625vw,10px);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMHB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgZD0iTTEzLjc3NSw1LjcwOCBMOS43NjgsOS43MTUgQzkuMzc4LDEwLjEwNSA4Ljc0NSwxMC4xMDUgOC4zNTQsOS43MTUgTDguMzQxLDkuNzAyIEM3Ljk1MSw5LjMxMiA3Ljk1MSw4LjY3OCA4LjM0MSw4LjI4OCBMMTAuNjMyLDUuOTk4IEwxLjA1OCw1Ljk5OCBDMC41MDYsNS45OTggMC4wNTgsNS41NTAgMC4wNTgsNC45OTggQzAuMDU4LDQuNDQ1IDAuNTA2LDMuOTk4IDEuMDU4LDMuOTk4IEwxMC42MzEsMy45OTggTDguMzQxLDEuNzA4IEM3Ljk1MSwxLjMxNyA3Ljk1MSwwLjY4NCA4LjM0MSwwLjI5NCBMOC4zNTQsMC4yODEgQzguNzQ1LC0wLjExMCA5LjM3OCwtMC4xMTAgOS43NjgsMC4yODEgTDEzLjc3NSw0LjI4NyBDMTMuOTcyLDQuNDg0IDE0LjA2OSw0Ljc0MSAxNC4wNjgsNC45OTggQzE0LjA2OSw1LjI1NSAxMy45NzIsNS41MTIgMTMuNzc1LDUuNzA4IFoiLz48L3N2Zz4=);background-size:contain;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-repeat:no-repeat}@media screen and (max-width: 768px){.page-character .character .content-block .character-list__item .ico-arrow:after{width:.55rem;height:.4rem}}.tag-list-box,.order-list-box{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s;pointer-events:none}.tag-list-box.is-open,.order-list-box.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.tag-list-box{position:absolute;top:29px;right:0;background-color:var(--color-white);border-radius:10px;border:1px solid var(--color-black);padding:30px;z-index:10;text-align:center}@media screen and (max-width: 768px){.tag-list-box{top:2.6rem;padding:2rem;border-radius:1rem}}.tag-list-box .tag-clear{margin-top:40px;position:relative;font-size:16px;font-weight:350;cursor:pointer}@media screen and (max-width: 768px){.tag-list-box .tag-clear{margin-top:1.75rem;font-size:1.3rem}}.tag-list-box .tag-clear:before{content:"";display:inline-block;vertical-align:middle;width:8px;height:8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMCwgMCwgMCkiIGQ9Ik03LjcxNywxLjcxMCBMNS40MjcsNC4wMDAgTDcuNzE3LDYuMjg5IEM4LjEwNyw2LjY4MSA4LjEwNyw3LjMxNCA3LjcxNyw3LjcwNCBMNy43MDQsNy43MTcgQzcuMzE0LDguMTA3IDYuNjgxLDguMTA3IDYuMjkwLDcuNzE3IEw0LjAwMCw1LjQyNyBMMS43MTAsNy43MTcgQzEuMzE5LDguMTA3IDAuNjg2LDguMTA3IDAuMjk2LDcuNzE3IEwwLjI4Myw3LjcwNCBDLTAuMTA3LDcuMzE0IC0wLjEwNyw2LjY4MSAwLjI4Myw2LjI5MCBMMi41NzMsNC4wMDAgTDAuMjgzLDEuNzEwIEMtMC4xMDgsMS4zMjAgLTAuMTA4LDAuNjg2IDAuMjgzLDAuMjk2IEwwLjI5NiwwLjI4MyBDMC42ODYsLTAuMTA4IDEuMzE5LC0wLjEwOCAxLjcxMCwwLjI4MyBMNC4wMDAsMi41NzMgTDYuMjkwLDAuMjgzIEM2LjY4MCwtMC4xMDggNy4zMTQsLTAuMTA4IDcuNzA0LDAuMjgzIEw3LjcxNywwLjI5NiBDOC4xMDgsMC42ODYgOC4xMDgsMS4zMTkgNy43MTcsMS43MTAgWiIvPjwvc3ZnPg==);background-size:contain;background-position:center;background-repeat:no-repeat;margin-right:5px}@media screen and (max-width: 768px){.tag-list-box .tag-clear:before{width:.75rem;height:.75rem;margin-right:.5rem}}.tag-list-box .tag-list{display:grid;grid-template-columns:repeat(2,auto);gap:12px 24px;margin:0;padding:0;list-style:none}@media screen and (max-width: 768px){.tag-list-box .tag-list{gap:1rem 1rem}}.tag-list-box .tag-list__item.is-passive{pointer-events:none;opacity:.2}.tag-list-box .tag-list__item label{display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:500;position:relative}@media screen and (max-width: 768px){.tag-list-box .tag-list__item label{font-size:1.2rem}}.tag-list-box .tag-list__item label input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.tag-list-box .tag-list__item label input[type=checkbox]:checked+span:before{border-color:#e40011}.tag-list-box .tag-list__item label input[type=checkbox]:checked+span:after{transform:translate(-50%,-50%) scale(1)}.tag-list-box .tag-list__item label span{position:relative;padding-left:24px;white-space:nowrap;line-height:1.2}@media screen and (max-width: 768px){.tag-list-box .tag-list__item label span{padding-left:1.5rem}}.tag-list-box .tag-list__item label span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid #b2b2b2;background:#fff;box-sizing:border-box;transition:border-color .18s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width: 768px){.tag-list-box .tag-list__item label span:before{width:1rem;height:1rem}}.tag-list-box .tag-list__item label span:after{content:"";position:absolute;left:6px;top:50%;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;background:#e60012;transition:transform .18s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width: 768px){.tag-list-box .tag-list__item label span:after{left:.5rem;width:1rem;height:1rem}}.tag-list-box .tag-result{display:block;width:130px;margin-top:35px;margin-inline:auto;padding:10px;background:#e60012;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:999px;cursor:pointer;text-align:center}@media screen and (max-width: 768px){.tag-list-box .tag-result{width:10rem;margin-top:1.75rem;padding:.75rem;font-size:1.2rem}}.order-list-box{position:absolute;padding:30px;right:0;top:29px;border-radius:10px 0 10px 10px;border:1px solid var(--color-black);background-color:var(--color-white);z-index:10}@media screen and (max-width: 768px){.order-list-box{border-radius:0 0 1rem 1rem;top:2.6rem;padding:2rem}}.order-list-box .order-list{display:grid;gap:15px}@media screen and (max-width: 768px){.order-list-box .order-list{gap:1rem}}.order-list-box .order-list__item.is-passive{pointer-events:none;opacity:.2}.order-list-box .order-list__item:nth-child(3),.order-list-box .order-list__item:nth-child(4){display:none}.order-list-box label{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;position:relative}@media screen and (max-width: 768px){.order-list-box label{font-size:1.2rem}}.order-list-box label input[type=radio]{display:none}.order-list-box label input[type=radio]:checked+span:after{transform:translate(-50%,-50%) scale(1)}.order-list-box label span{padding-left:28px;position:relative}@media screen and (max-width: 768px){.order-list-box label span{padding-left:2rem}}.order-list-box label span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:1px solid #ccc;background:#fff;box-sizing:border-box;transition:border-color .18s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width: 768px){.order-list-box label span:before{width:1.4rem;height:1.4rem}}.order-list-box label span:after{content:"";position:absolute;left:9px;top:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;border-radius:50%;background:#e60012;transition:transform .18s cubic-bezier(.25,.46,.45,.94)}@media screen and (max-width: 768px){.order-list-box label span:after{left:.7rem;width:.7rem;height:.7rem}}.tag-list-box[data-js=tag-list-box--sp],.order-list-box[data-js=order-list-box--sp]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;transform:none;border:none;background:none;display:none}.tag-list-box[data-js=tag-list-box--sp].is-open,.order-list-box[data-js=order-list-box--sp].is-open{opacity:1;visibility:visible;pointer-events:auto}.tag-list-box[data-js=tag-list-box--sp].is-open .modal-content-wrap,.order-list-box[data-js=order-list-box--sp].is-open .modal-content-wrap{transform:scale(1);opacity:1}@media screen and (max-width: 768px){.tag-list-box[data-js=tag-list-box--sp],.order-list-box[data-js=order-list-box--sp]{display:flex}}.tag-list-box[data-js=tag-list-box--sp] .modal-overlay,.order-list-box[data-js=order-list-box--sp] .modal-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;cursor:pointer}.tag-list-box[data-js=tag-list-box--sp] .modal-content,.order-list-box[data-js=order-list-box--sp] .modal-content{position:relative;width:29.1rem}.tag-list-box[data-js=tag-list-box--sp] .modal-content-wrap,.order-list-box[data-js=order-list-box--sp] .modal-content-wrap{position:relative;z-index:1;background-color:var(--color-white);border:1px solid var(--color-black);padding:2rem;border-radius:1rem;width:29.1rem;transform:scale(1.2);opacity:0;transition:transform .3s cubic-bezier(.215,.61,.355,1),opacity .2s ease-in-out}.tag-list-box[data-js=tag-list-box--sp] .modal-close-button,.order-list-box[data-js=order-list-box--sp] .modal-close-button{display:block;position:absolute;top:-4rem;right:-2rem;z-index:2;width:3rem;height:3rem;background-color:#e60012;border-radius:50%;border:none;font-size:2.5rem;line-height:1;color:#333;cursor:pointer;padding:0}.tag-list-box[data-js=tag-list-box--sp] .modal-close-button:before,.tag-list-box[data-js=tag-list-box--sp] .modal-close-button:after,.order-list-box[data-js=order-list-box--sp] .modal-close-button:before,.order-list-box[data-js=order-list-box--sp] .modal-close-button:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:.1rem;background-color:#fff}.tag-list-box[data-js=tag-list-box--sp] .modal-close-button:before,.order-list-box[data-js=order-list-box--sp] .modal-close-button:before{transform:translate(-50%,-50%) rotate(45deg)}.tag-list-box[data-js=tag-list-box--sp] .modal-close-button:after,.order-list-box[data-js=order-list-box--sp] .modal-close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}
