@charset "UTF-8";:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.user-search-page{padding:2rem 0 4rem}.user-search-page .users{display:flex;flex-wrap:wrap;gap:1rem;max-width:1200px;padding:1rem 0;margin-top:2rem;margin-right:auto;margin-left:auto}@media screen and (min-width: 1800px){.user-search-page .users{width:80%;max-width:unset}}@media screen and (max-width: 767px){.user-search-page .users{padding:1rem 2rem}}.user-search-page .users .user{flex-shrink:0;width:calc((100% - 1rem)/2);overflow:hidden;background:#101010;border:.1rem solid var(--black-line);border-radius:.5rem;transition:.2s}.user-search-page .users .user:hover{scale:1.03}@media screen and (max-width: 767px){.user-search-page .users .user{width:calc((100% - 1rem)/2)}}.user-search-page .users .user .user-header{width:100%;aspect-ratio:365/160;background:var(--bg-primary) no-repeat center/cover}.user-search-page .users .user .user-body{position:relative;padding:0 1rem 1rem}.user-search-page .users .user .user-body .icon-area{display:flex;gap:1rem;align-items:flex-end;margin-top:-12.5%}@media screen and (max-width: 767px){.user-search-page .users .user .user-body .icon-area{flex-direction:column;align-items:center;margin-top:-40%}}.user-search-page .users .user .user-body .icon-area .icon{position:relative;flex-shrink:0;width:25%;aspect-ratio:1/1;overflow:hidden;background:var(--bg-primary);filter:drop-shadow(0 0 .1rem #fff);border-radius:50%}.user-search-page .users .user .user-body .icon-area .icon>img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 767px){.user-search-page .users .user .user-body .icon-area .icon{width:70%;filter:drop-shadow(0 0 .2rem #fff)}}.user-search-page .users .user .user-body .icon-area .name-box{display:flex;gap:.5rem;align-items:center;padding:1rem 0 .5rem}.user-search-page .users .user .user-body .icon-area .name-box .name{gap:.5rem;overflow:hidden;font-size:1.1rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 767px){.user-search-page .users .user .user-body .icon-area .name-box .name{width:100%;padding:0}}.user-search-page .users .user .user-body .icon-area .name-box .badge{flex-shrink:0;width:1rem;aspect-ratio:1/1}.user-search-page .users .user .user-body .comment{display:-webkit-box;min-height:3.3rem;margin-top:1rem;overflow:hidden;font-size:.8rem;font-feature-settings:"palt";text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media screen and (max-width: 767px){.user-search-page .users .user .user-body .comment{display:none}}.user-search-page .users .user .user-body .announce{display:flex;justify-content:flex-end;margin-top:1.5rem}@media screen and (max-width: 767px){.user-search-page .users .user .user-body .announce{justify-content:center}}.user-search-page .users .user .user-body .announce .txt{display:flex;align-items:center;font-size:.8rem;font-feature-settings:"palt";color:#fff73e}.user-search-page .users .user .user-body .announce .txt>span{font-size:inherit;font-feature-settings:"palt"}.user-search-page .users .user .user-body .announce .txt:after{width:.7rem;aspect-ratio:1/1;margin-left:.2rem;content:"";background:url(/images/shared/icon/arrowRightYellow.svg) no-repeat center/contain;transform:translateY(.05rem)}.user-search-page .users .user .user-body .inner{position:relative;z-index:1}.user-search-page .users .user .user-body .gradation{position:absolute;bottom:-.2rem;left:0;z-index:0;width:100%;height:80%;overflow:hidden}.user-search-page .users .user .user-body .gradation .overlay,.user-search-page .users .user .user-body .gradation .base{position:absolute;bottom:0;left:0;width:100%;aspect-ratio:121/47}.user-search-page .users .user .user-body .gradation .overlay{bottom:.1rem;z-index:1;padding-top:.1rem;background:linear-gradient(180deg,#101010,#101010d9 50%,#101010cc,#101010b3)}.user-search-page .users .user .user-body .gradation .base{z-index:0}