.works-index__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #8b8b8b}.works-index__title{margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(18px,13.9615384615px + 1.0769230769vw,25px);font-weight:400}.works-index__filter{position:relative;-ms-flex-negative:0;flex-shrink:0}.works-index__filter label{margin-right:4px;font-size:clamp(12px,11.4230769231px + 0.1538461538vw,13px);color:#8b8b8b}.works-index__filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:132px;padding:12px 36px 12px 16px;border:1px solid #e0e0e0;border-radius:999px;background-color:#fafaf7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238b8b8b' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-position:right 14px center;font-size:1.3rem;cursor:pointer}.works-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:32px 16px;padding:0;list-style:none}.works-list li{margin:0}.works-list li a{display:block;height:100%;text-decoration:none;color:inherit}.works-list li a figure{margin:0;overflow:hidden;aspect-ratio:1/1}.works-list li a figure img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:transform .5s ease;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}.works-list li a h3{display:-webkit-box;margin:12px 0 0;font-size:clamp(15px,14.4230769231px + 0.1538461538vw,16px);font-weight:500;line-height:1.3;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.works-list li a h3+p{margin:6px 0 0;font-size:clamp(12px,11.4230769231px + 0.1538461538vw,13px);line-height:1.3;color:#a9927d}@media(hover: hover)and (pointer: fine){.works-list li a:hover figure img{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media screen and (min-width: 769px){.works-list{gap:40px 24px}}@media screen and (min-width: 1025px){.works-index__head{padding-bottom:24px}.works-index__filter select{min-width:160px;font-size:1.4rem}.works-list{gap:48px 32px}}@container pagebody-inner (min-width: 641px){.works-list{grid-template-columns:repeat(3, 1fr)}}.works-detail header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.works-detail header h1{margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(25px,16.9230769231px + 2.1538461538vw,39px);line-height:1.5;font-weight:400}.works-detail header h1+p{margin:0;font-size:clamp(12px,11.4230769231px + 0.1538461538vw,13px);line-height:1.3;color:#8b8b8b}.works-detail__hero-btn{display:block;width:100%;margin:0;padding:0;border:none;background:none;cursor:pointer}.works-detail__hero img{-webkit-transition:opacity .35s ease;transition:opacity .35s ease;transition:opacity .35s ease}.works-detail__hero img.is-fading{opacity:0}.works-detail__viewer{margin:0;background-color:#2d2d2d;overflow:hidden}.works-detail__viewer-btn{display:block;width:100%;margin:0;padding:0;border:none;background:none;cursor:pointer}.works-detail__viewer img{display:block;width:100%;height:auto;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;-webkit-transition:opacity .35s ease;transition:opacity .35s ease;transition:opacity .35s ease}.works-detail__viewer img.is-fading{opacity:0}.works-detail__thumbs{display:grid;grid-template-columns:repeat(4, 1fr);gap:4px;margin:8px 0 0;padding:0;list-style:none}.works-detail__thumbs li{position:relative;margin:0}.works-detail__thumbs li::before{content:"";position:absolute;right:0;bottom:0;z-index:2;width:0;height:1px;background-color:#fafaf7;pointer-events:none;-webkit-transition:width .1s ease;transition:width .1s ease}.works-detail__thumbs li::after{content:"";position:absolute;left:0;bottom:0;z-index:2;width:1px;height:0;background-color:#fafaf7;pointer-events:none;-webkit-transition:height .1s ease;transition:height .1s ease}.works-detail__thumbs button{display:block;position:relative;width:100%;margin:0;padding:0;border:none;background:none;cursor:pointer;overflow:hidden;aspect-ratio:4/3}.works-detail__thumbs button::before{content:"";position:absolute;top:0;left:0;z-index:2;width:0;height:2px;background-color:#fafaf7;pointer-events:none;-webkit-transition:width .1s ease;transition:width .1s ease}.works-detail__thumbs button::after{content:"";position:absolute;top:0;right:0;z-index:2;width:2px;height:0;background-color:#fafaf7;pointer-events:none;-webkit-transition:height .1s ease;transition:height .1s ease}.works-detail__thumbs button img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity .35s ease;transition:opacity .35s ease;transition:opacity .35s ease}.works-detail__thumbs li:not(.is-active) button img{opacity:.55}@media(hover: hover)and (pointer: fine){.works-detail__thumbs li:not(.is-active):hover button img{opacity:.75}.works-detail__thumbs li:not(.is-active):hover button::before{width:100%;-webkit-transition:width .14s ease-out;transition:width .14s ease-out}.works-detail__thumbs li:not(.is-active):hover button::after{height:100%;-webkit-transition:height .14s ease-out .14s;transition:height .14s ease-out .14s}.works-detail__thumbs li:not(.is-active):hover::before{width:100%;-webkit-transition:width .14s ease-out .28s;transition:width .14s ease-out .28s}.works-detail__thumbs li:not(.is-active):hover::after{width:1px;height:100%;-webkit-transition:height .14s ease-out .42s;transition:height .14s ease-out .42s}}@media(prefers-reduced-motion: reduce){.works-detail__thumbs li:not(.is-active):hover button{outline:1px solid #fafaf7;outline-offset:-1px}}.works-detail__thumbs .is-active::before{left:0;right:0;width:100%;height:3px;background-color:#2d2d2d;-webkit-transition:none;transition:none}.works-detail__content{min-width:0}.works-detail__comment p{line-height:1.9}.works-detail__point p{line-height:1.9}.works-detail__spec{margin-top:40px;padding:40px 0 40px 32px;background-color:#2d2d2d;-webkit-box-shadow:0 0 0 100vmax #2d2d2d;box-shadow:0 0 0 100vmax #2d2d2d;color:#fafaf7;clip-path:inset(0 -100vmax 0 0)}.works-detail__spec dl{display:grid;grid-template-columns:auto 1fr;margin:0;padding:0;border-top:1px solid #5d544b}.works-detail__spec dl dt,.works-detail__spec dl dd{margin:0;padding:12px 0;border-bottom:1px solid #5d544b;font-size:clamp(12px,11.4230769231px + 0.1538461538vw,13px);letter-spacing:.04em}.works-detail__spec dl dt{color:#a9927d}.works-detail__spec dl dd{text-align:right}@media screen and (min-width: 769px){.works-detail__viewer img{aspect-ratio:3/2}.works-detail__thumbs{grid-template-columns:repeat(6, 1fr);gap:5px;margin-top:10px}.works-detail__spec{padding-left:40px}}@media screen and (min-width: 1025px){.works-detail header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px}.works-detail header h1+p{-ms-flex-negative:0;flex-shrink:0}.works-detail__thumbs{grid-template-columns:repeat(8, 1fr);gap:6px;margin-top:12px}.works-detail__main{display:grid;grid-template-columns:minmax(0, 1fr) minmax(260px, 320px);gap:40px 48px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.works-detail__spec{position:sticky;top:100px;margin-top:0;padding:64px 0 64px 64px}}.works-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;gap:100px}.works-nav .back-link,.works-nav .more-link{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:120px;max-width:240px}.works-nav .back-link{margin-right:auto}.works-nav .more-link{margin-left:auto}/*# sourceMappingURL=layout_works.css.map */