.patterns{margin:10px auto;max-width:1600px;width:100%}.patterns_materialWrap{padding:30px 0;margin:0 0 40px;border-top:1px solid var(--border-color)}.patterns_materialTitle{font-size:20px;font-weight:400;text-align:center;margin:0 0 16px}.patterns_materialTitle+.patterns_subMaterialName{margin-bottom:4px}.patterns_subMaterialName{font-size:14px;text-align:center;margin:0 0 16px}.patterns_inner{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:8px;margin:10px auto;max-width:1600px;padding:20px}@media (max-width: 767px){.patterns_inner{grid-template-columns:repeat(4,1fr);grid-gap:8px;padding:16px 0}}.patternUnit{background-color:#fff;cursor:pointer;border-radius:8px;position:relative;padding:8px;transition:all .8s ease}.patternUnit:hover{background-color:#efefef;transition:all .2s ease}@media (max-width: 767px){.patternUnit{padding:0 0 8px}}.patternUnit img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;line-height:1}.patternUnit_dammy{width:100%;height:auto;background-color:#c1c1c1;aspect-ratio:1 / 1}.patternUnit_nameWrap{display:flex;align-items:center;flex-direction:column;margin-top:4px}.patternUnit_name{font-size:12px;line-height:1.4;margin:0;text-align:center}.patternUnit_name .color{font-size:12px}.patternUnit_name .long,.patternUnit_name .long>.patternUnit_name .color{font-size:11px}@media (max-width: 767px){.patternUnit_name{font-size:11px}.patternUnit_name .long,.patternUnit_name .color{font-size:10px}}.patternUnit_kana{font-size:9px;opacity:.8;margin:0}.patternDetail{position:fixed;bottom:-200px;left:50%;z-index:1500;width:100%;box-sizing:border-box;max-width:1200px;background-color:#fff;box-shadow:0 -2px 4px #0003;border-radius:8px 8px 0 0;translate:-50% 0;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px;transition:bottom .8s ease}.patternDetail_display{bottom:0;transition:bottom .2s ease}dl,dt,dd{margin:0}.patternDetail_close{position:absolute;top:0;right:16px;cursor:pointer;font-size:24px}.patternDetail_image{width:100%;min-width:120px;height:auto;aspect-ratio:1 / 1;object-fit:cover}.patternDetail_number{display:inline-block;width:100%;font-size:16px}.patternDetail_name{font-size:20px}.patternDetail_kana{font-size:12px;padding-left:1em}.patternDetail_data,.patternDetail_description{margin-top:8px;font-size:14px}.patternDetail_description{margin-bottom:40px;font-size:16px}.patternDetail_dataLabel{font-size:12px;opacity:.6;padding-right:1em}.patternDetail_gallery{display:flex;gap:8px;margin-top:8px;width:100%;overflow-x:auto}.patternDetail_galleryImage{border-radius:10px;width:140px;height:auto;aspect-ratio:1 / 1;object-fit:cover}@media (max-width: 767px){.patternDetail{gap:16px;padding:16px;width:100%}.patternDetail_textWrap{width:calc(100% - 168px)}}.patternLabel{position:absolute;top:-4px;left:-4px;display:flex;gap:4px;padding:0;margin:0}.patternLabel_unit{font-size:11px;padding:0;border-radius:50%;background-color:#ffffffd9;border:1px solid rgb(14,130,255);color:#0e82ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);list-style:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.patternLabel_new{background-color:#ffffffd9;border:1px solid rgb(189,2,67);color:#bd0243}.gridGalleryDetail_image.svelte-13e519z.svelte-13e519z{position:relative;justify-content:center}.gridGalleryDetail_image.svelte-13e519z img.svelte-13e519z{width:100%;height:100%;object-fit:contain;object-position:center}.gridGalleryDetail_data.svelte-13e519z.svelte-13e519z{display:flex;flex-direction:column;gap:1rem;font-size:11px}.gridGalleryDetail_d-header.svelte-13e519z.svelte-13e519z{display:flex;justify-content:space-between;align-items:flex-start}.gridGalleryDetail_d-header-title.svelte-13e519z.svelte-13e519z{font-weight:700;margin:0}.gridGalleryDetail_d-header-title.svelte-13e519z span.svelte-13e519z{font-weight:400;padding-left:.25em}.gridGalleryDetail_d-header-number.svelte-13e519z.svelte-13e519z{font-weight:400;margin:0}.gridGalleryDetail_d-jp-name.svelte-13e519z.svelte-13e519z{writing-mode:vertical-rl;text-orientation:upright;display:flex;align-items:center;justify-content:center;font-size:2.2em;height:10em;margin-top:4rem}.gridGalleryDetail_d-jp-name-title.svelte-13e519z.svelte-13e519z{font-weight:400;letter-spacing:.05em;line-height:1.5;margin:0}.gridGalleryDetail_d-en-name.svelte-13e519z.svelte-13e519z{display:flex;align-items:center;justify-content:center}.gridGalleryDetail_d-en-name-title.svelte-13e519z.svelte-13e519z{font-weight:400;font-size:1.4em;letter-spacing:.1em;text-align:center}.gridGalleryDetail_d-info.svelte-13e519z.svelte-13e519z{display:flex;flex-direction:column;gap:.5rem;margin-top:4rem}.gridGalleryDetail_d-info.svelte-13e519z dl.svelte-13e519z{display:flex;justify-content:space-between}.gridGalleryDetail_d-info.svelte-13e519z dt.svelte-13e519z{font-weight:400;opacity:.6}.gridGalleryDetail_d-info.svelte-13e519z dd.svelte-13e519z{font-weight:400;text-align:right}.gridGalleryDetail_d-description.svelte-13e519z.svelte-13e519z{font-size:11px;line-height:1.5;margin:1rem 0 0}@media (min-width: 768px){.gridGalleryDetail_inner.svelte-13e519z.svelte-13e519z{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:clamp(.75rem,1.5vw,1.5rem);padding:0 0 0 64px;width:100%;height:calc(100vh - 80px)}.gridGalleryDetail_image.svelte-13e519z.svelte-13e519z{flex:0 1 auto;min-width:0;width:auto;height:100%;justify-content:center}.gridGalleryDetail_image.svelte-13e519z img.svelte-13e519z{width:auto;max-width:100%;height:100%}.gridGalleryDetail_data.svelte-13e519z.svelte-13e519z{position:static;flex:0 0 auto;width:min(20vw,280px);padding-right:1rem}}@media (max-width: 768px){.gridGalleryDetail.isShow.svelte-13e519z.svelte-13e519z{align-items:flex-start}.gridGalleryDetail_close.svelte-13e519z.svelte-13e519z{top:-16px;right:4px}.gridGalleryDetail_inner.svelte-13e519z.svelte-13e519z{padding:16px}.gridGalleryDetail_d-header.svelte-13e519z.svelte-13e519z{display:none}.gridGalleryDetail_d-jp-name.svelte-13e519z.svelte-13e519z{margin-top:0;font-size:1.6em;height:8em}.gridGalleryDetail_d-en-name.svelte-13e519z.svelte-13e519z,.gridGalleryDetail_d-info.svelte-13e519z.svelte-13e519z{margin-top:0}}.imageLoader.svelte-13e519z.svelte-13e519z{position:absolute;left:.5em;bottom:.5em;width:1.5em;height:1.5em;border:2px solid rgba(0,0,0,.2);border-top-color:#000000b3;border-radius:50%;animation:svelte-13e519z-imageLoaderSpin .8s linear infinite}@keyframes svelte-13e519z-imageLoaderSpin{to{transform:rotate(360deg)}}.patternNav.svelte-13e519z.svelte-13e519z{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:3em;height:3em;padding:0;color:#333;background:#ffffffd9;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:background .3s ease,color .3s ease}.patternNav.svelte-13e519z.svelte-13e519z:hover{background:#000;color:#fff}.patternNav--prev.svelte-13e519z.svelte-13e519z{left:.5em}.patternNav--next.svelte-13e519z.svelte-13e519z{right:.5em}