.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,.patternLabel_unit.long-string{--patternLabel-ribbon-bg: rgba(0, 0, 0, .7);width:auto;height:auto;min-height:18px;padding:2px 16px 2px 8px;border:none;border-radius:0;background-color:var(--patternLabel-ribbon-bg);-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;font-size:10px;line-height:1.2;letter-spacing:.04em;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));translate:8px 16px}@media (max-width: 767px){.patternLabel_new,.patternLabel_unit.long-string{translate:2px 8px}}.patternLabel_unit.patternLabel_new{--patternLabel-ribbon-bg: rgb(189, 2, 67)}.gridGalleryDetail_image.svelte-197tlb4.svelte-197tlb4{position:relative;justify-content:center}.gridGalleryDetail_image.svelte-197tlb4 img.svelte-197tlb4{width:100%;height:100%;object-fit:contain;object-position:center}.gridGalleryDetail_data.svelte-197tlb4.svelte-197tlb4{display:flex;flex-direction:column;gap:1rem;font-size:11px}.gridGalleryDetail_d-header.svelte-197tlb4.svelte-197tlb4{display:flex;justify-content:space-between;align-items:flex-start}.gridGalleryDetail_d-header-title.svelte-197tlb4.svelte-197tlb4{font-weight:700;margin:0}.gridGalleryDetail_d-header-title.svelte-197tlb4 span.svelte-197tlb4{font-weight:400;padding-left:.25em}.gridGalleryDetail_d-header-number.svelte-197tlb4.svelte-197tlb4{font-weight:400;margin:0}.gridGalleryDetail_d-jp-name.svelte-197tlb4.svelte-197tlb4{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-197tlb4.svelte-197tlb4{font-weight:400;letter-spacing:.05em;line-height:1.5;margin:0}.gridGalleryDetail_d-en-name.svelte-197tlb4.svelte-197tlb4{display:flex;flex-direction:column;align-items:center;justify-content:center}.gridGalleryDetail_d-en-name-title.svelte-197tlb4.svelte-197tlb4{font-weight:400;font-size:1.4em;letter-spacing:.1em;text-align:center}.gridGalleryDetail_d-labels.svelte-197tlb4.svelte-197tlb4{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1em;list-style:none;margin:0;padding:0}.gridGalleryDetail_d-labels.svelte-197tlb4 li.svelte-197tlb4{font-size:10px;letter-spacing:.05em;opacity:.7;text-decoration:underline;text-underline-offset:.25em}.gridGalleryDetail_d-info.svelte-197tlb4.svelte-197tlb4{display:flex;flex-direction:column;gap:.5rem;margin-top:4rem}.gridGalleryDetail_d-info.svelte-197tlb4 dl.svelte-197tlb4{display:flex;justify-content:space-between}.gridGalleryDetail_d-info.svelte-197tlb4 dt.svelte-197tlb4{font-weight:400;opacity:.6}.gridGalleryDetail_d-info.svelte-197tlb4 dd.svelte-197tlb4{font-weight:400;text-align:right}.gridGalleryDetail_d-description.svelte-197tlb4.svelte-197tlb4{font-size:11px;line-height:1.5;margin:1rem 0 0}@media (min-width: 768px){.gridGalleryDetail_inner.svelte-197tlb4.svelte-197tlb4{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-197tlb4.svelte-197tlb4{flex:0 1 auto;min-width:0;width:auto;height:100%;justify-content:center}.gridGalleryDetail_image.svelte-197tlb4 img.svelte-197tlb4{width:auto;max-width:100%;height:100%}.gridGalleryDetail_data.svelte-197tlb4.svelte-197tlb4{position:static;flex:0 0 auto;width:min(20vw,280px);padding-right:1rem}}@media (max-width: 768px){.gridGalleryDetail.isShow.svelte-197tlb4.svelte-197tlb4{align-items:flex-start}.gridGalleryDetail_close.svelte-197tlb4.svelte-197tlb4{top:-16px;right:4px}.gridGalleryDetail_inner.svelte-197tlb4.svelte-197tlb4{padding:16px}.gridGalleryDetail_d-header.svelte-197tlb4.svelte-197tlb4{display:none}.gridGalleryDetail_d-jp-name.svelte-197tlb4.svelte-197tlb4{margin-top:0;font-size:1.6em;height:8em}.gridGalleryDetail_d-en-name.svelte-197tlb4.svelte-197tlb4,.gridGalleryDetail_d-info.svelte-197tlb4.svelte-197tlb4{margin-top:0}}.imageLoader.svelte-197tlb4.svelte-197tlb4{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-197tlb4-imageLoaderSpin .8s linear infinite}@keyframes svelte-197tlb4-imageLoaderSpin{to{transform:rotate(360deg)}}.patternNav.svelte-197tlb4.svelte-197tlb4{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-197tlb4.svelte-197tlb4:hover{background:#000;color:#fff}.patternNav--prev.svelte-197tlb4.svelte-197tlb4{left:.5em}.patternNav--next.svelte-197tlb4.svelte-197tlb4{right:.5em}