@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)}.projects-groups-page{max-width:1200px;margin:0 auto;padding:1rem}@media screen and (min-width: 1024px){.projects-groups-page{padding:2rem}}.projects-groups-page .header-section{margin-bottom:2rem}.projects-groups-page .header-section .back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#333}.projects-groups-page .header-section .back-button:hover{background-color:#f5f5f5;border-color:#ccc}.projects-groups-page .header-section .back-button svg{width:20px;height:20px}.projects-groups-page .error-container{text-align:center;padding:3rem 1rem}.projects-groups-page .error-container .error-message{color:#d32f2f;font-size:16px;margin-bottom:2rem}.projects-groups-page .error-container .back-button{padding:.75rem 2rem;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.projects-groups-page .error-container .back-button:hover{background-color:#d32f2f}.projects-groups-page .group-info{background-color:#f9f9f9;border-radius:8px;padding:2rem;margin-bottom:3rem}@media screen and (max-width: 767px){.projects-groups-page .group-info{padding:1.5rem}}.projects-groups-page .group-info .group-image{width:100%;max-width:600px;margin:0 auto 1.5rem;border-radius:8px;overflow:hidden}.projects-groups-page .group-info .group-image img{width:100%;height:auto;display:block}.projects-groups-page .group-info .group-name{font-size:28px;font-weight:700;margin-bottom:1rem;color:#333}@media screen and (max-width: 767px){.projects-groups-page .group-info .group-name{font-size:24px}}.projects-groups-page .group-info .group-lead{font-size:18px;color:#666;line-height:1.6;margin-bottom:1rem}@media screen and (max-width: 767px){.projects-groups-page .group-info .group-lead{font-size:16px}}.projects-groups-page .group-info .group-description{font-size:16px;color:#555;line-height:1.8;margin-bottom:1.5rem;white-space:pre-wrap}@media screen and (max-width: 767px){.projects-groups-page .group-info .group-description{font-size:14px}}.projects-groups-page .group-info .group-price{display:flex;align-items:baseline;gap:.5rem;font-size:20px;font-weight:600;color:#ff5722}.projects-groups-page .group-info .group-price .label{color:#666;font-size:16px;font-weight:400}.projects-groups-page .group-info .group-price .price{font-size:24px}.projects-groups-page .vitems-section .section-title{font-size:24px;font-weight:700;margin-bottom:2rem;color:#333;border-bottom:2px solid #e0e0e0;padding-bottom:.75rem}@media screen and (max-width: 767px){.projects-groups-page .vitems-section .section-title{font-size:20px}}.projects-groups-page .vitems-section .no-items{text-align:center;padding:4rem 1rem;color:#999;font-size:16px}.projects-groups-page .vitems-section .vitems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}@media screen and (max-width: 767px){.projects-groups-page .vitems-section .vitems-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.projects-groups-page .vitems-section .vitems-grid .default-vitem-card{transition:transform .2s ease,box-shadow .2s ease}.projects-groups-page .vitems-section .vitems-grid .default-vitem-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.projects-groups-page .vitems{display:flex;gap:1rem;flex-wrap:wrap}