/*! [content/simple-note-plan/single] page.css */.page-header-pagination{--swiper-scrollbar-bottom:0px;--swiper-scrollbar-size:3px;border-top:1px solid rgb(0 0 0 / .1)}@media (max-width:720px){.page-header-pagination{font-size:3.125vw}}.page-footer-pagination{--swiper-scrollbar-sides-offset:3px;--swiper-scrollbar-bottom:3px;--swiper-scrollbar-size:3px;--swiper-scrollbar-drag-bg-color:rgb(255 255 255 / .5);margin-top:var(--ch-section-margin,0);background:#111}.page-footer-pagination .simple-note-styles-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:720px){.page-footer-pagination{font-size:3.125vw}}.simple-note-styles-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0;padding:1em;width:auto}.page-footer-pagination .simple-note-styles-list{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:2em;margin:0 auto}.back-to-list{margin-right:.5em}.back-to-list>.btn{--btn-padding-x:.5em;--btn-padding-y:max(calc(var(--btn-padding-x) - var(--btn-line-height-gap)), 0px);--btn-icon-gap:.25em}.back-to-list>.btn>.btn-label{text-transform:uppercase}.back-to-list>.btn>.btn-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.page-footer-pagination .back-to-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:0}.page-footer-pagination .back-to-list>.btn{--btn-border-color-rgb:255 255 255;--btn-border-color-a:.5;--btn-text-color-rgb:255 255 255}.simple-note-style{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:.25em}.page-footer-pagination .simple-note-style{margin-left:.5em}.simple-note-style-link{--color:var(--color-text-p-rgb);--color-a:.7;--border-color-a:0;position:relative;display:block;padding:.25em .5em;border:var(--btn-border-width) solid rgb(var(--color) / var(--border-color-a));border-radius:var(--btn-border-radius);fill:rgb(var(--color) / var(--color-a))}.page-footer-pagination .simple-note-style-link{--color:255 255 255;padding:0;border:none;border-radius:0}.page-footer-pagination .simple-note-style-link::after{content:'';position:absolute;left:calc(var(--btn-border-width) * -2);top:calc(var(--btn-border-width) * -2);width:calc(100% + var(--btn-border-width) * 4);height:calc(100% + var(--btn-border-width) * 4);border:var(--btn-border-width) solid rgb(var(--color) / var(--border-color-a));-webkit-transition:border-color .2s ease-out;transition:border-color .2s ease-out}.page-footer-pagination .current>.simple-note-style-link{pointer-events:none}.page-footer-pagination .current>.simple-note-style-link>.eyecatch{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5}.simple-note-style-link>.logo{--fixed-height:1.25em;display:block;width:calc(var(--type-w)/ var(--type-h) * var(--fixed-height));height:var(--fixed-height)}.page-footer-pagination .simple-note-style-link>.logo{--fixed-height:1.5em;position:absolute;z-index:1;left:.25em;top:.25em;fill:rgb(var(--color));-webkit-filter:drop-shadow(1px 1px 3px rgb(0 0 0 / .1));filter:drop-shadow(1px 1px 3px rgb(0 0 0 / .1))}.simple-note-style-link>.eyecatch{position:relative;display:block;width:100;height:0;padding:75% 0 0}.simple-note-style-link>.eyecatch>img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-filter:var(--eyecatch-filter, none);filter:var(--eyecatch-filter, none);-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.page-footer-pagination .simple-note-style{width:8em}.page-header-pagination .simple-note-style.current .simple-note-style-link{--color-a:1;--border-color-a:0;pointer-events:none;position:relative;background:rgb(var(--color) / .3);color:#fff;fill:#fff}@media (any-hover:hover){.page-header-pagination .simple-note-style-link:hover{--color-a:1;--border-color-a:.5}.page-footer-pagination .simple-note-style-link:hover{--eyecatch-filter:brightness(125%);--border-color-a:1}.page-footer-pagination .btn:not(.current).btn-border-style:hover{--btn-bg-color-rgb:var(--color-bg-body-rgb);--btn-text-color-rgb:var(--color-text-h-rgb);--btn-icon-color-rgb:var(--btn-text-color-rgb)}}@media (any-hover:none){.page-header-pagination .simple-note-style-link:active{--color-a:1;--border-color-a:.5}.page-footer-pagination .simple-note-style-link:active{--eyecatch-filter:brightness(125%);--border-color-a:1}}.logo-simple-note{--fixed-height:1rem;width:calc(var(--type-w)/ var(--type-h) * var(--fixed-height));margin:0 auto}.logo-simple-note+.logo{--fixed-height:3em}.page-title-main-text{display:block;margin:0 auto;padding:0;font-size:var(--font-size);-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.style-photo{margin-top:var(--ch-section-margin,0);margin-bottom:var(--ch-section-margin,0);margin-left:calc(var(--section-padding-x) * -1 + var(--ch-section-margin,0px));width:calc(100% + var(--section-padding-x) * 2 - var(--ch-section-margin,0px) * 2)}.style-photo+.description{margin-top:var(--space_6_3)}#photo-gallery{background:#f0f0f0}.album-title{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin:0 0 10px;white-space:nowrap}.album-title::after{-webkit-box-flex:1;-ms-flex:1;flex:1;content:'';margin-left:.25em;width:100%;height:1px;background-color:rgb(var(--color-text-h-rgb) / .3);border-radius:3px}.album-list{list-style:none;margin-left:auto;margin-right:auto;padding:0}.album-item{margin:0}.album-item-link{--a:0;--padding:0px;--radius:5px;--color-bg:0 0 0;--color-text:0 0 0;--color-border:0 0 0;position:relative}.album-item-link::after{content:'';position:absolute;z-index:2;left:calc(var(--padding) * -1);top:calc(var(--padding) * -1);width:calc(100% + var(--padding) * 2);height:calc(100% + var(--padding) * 2);border:var(--btn-border-width) solid rgb(var(--color-border) / var(--a));border-radius:var(--radius);-webkit-transition:border-color .2s ease-out;transition:border-color .2s ease-out}.album-item-img{overflow:hidden;position:relative;z-index:1;display:block;width:100%;height:0;padding:75% 0 0;border-radius:var(--radius);-webkit-transition:-webkit-filter .2s ease-out;transition:-webkit-filter .2s ease-out;transition:filter .2s ease-out;transition:filter .2s ease-out,-webkit-filter .2s ease-out}.album-item-img>img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (any-hover:hover){.album-item-link:hover{--a:.3;--color-text:0 0 0}.album-item-link:hover>.album-item-img{-webkit-filter:brightness(125%);filter:brightness(125%)}}@media (any-hover:none){.album-item-link:active{--a:.3}.album-item-link:active>.album-item-img{-webkit-filter:brightness(125%);filter:brightness(125%)}}.album-container:not(.swiper-initialized) .album-list{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(12em,1fr));grid-gap:10px}.album-container.swiper-initialized{width:calc(100% + var(--section-padding-x) * 2);margin-left:calc(var(--section-padding-x) * -1);padding-left:var(--section-padding-x);padding-right:var(--section-padding-x);padding-bottom:20px}.album-container.swiper-initialized .album-list{width:auto}.album-container.swiper-initialized .album-item{width:clamp(9rem,5.143rem + 8.57vw,12rem)}.album-item-img{padding-top:100%}.album-container.swiper-initialized{--swiper-scrollbar-sides-offset:var(--section-padding-x);--swiper-scrollbar-bottom:0px;--swiper-scrollbar-size:10px;--swiper-scrollbar-drag-bg-color:rgb(0 0 0 /.3)}.album-container.swiper-initialized .swiper-scrollbar{-webkit-box-shadow:inset 0 0 5px rgb(0 0 0 / .1);box-shadow:inset 0 0 5px rgb(0 0 0 / .1)}.album-container.swiper-initialized .swiper-scrollbar-drag{background:rgb(255 255 255);border:1px solid rgb(0 0 0 /.2)}#project-showcase{--color-text-h-rgb:255 255 255;--color-text-p-rgb:255 255 255;--color-text-link-rgb:255 255 255;background:rgb(var(--color-cityhouse1-rgb))}.project-list{width:calc(100% + var(--section-padding-x) * 2);margin-left:calc(var(--section-padding-x) * -1);padding-top:1em;padding-left:var(--section-padding-x);padding-right:var(--section-padding-x);padding-bottom:calc(1em + 10px)}.project-list.swiper-initialized{--swiper-scrollbar-sides-offset:var(--section-padding-x);--swiper-scrollbar-bottom:0px;--swiper-scrollbar-size:10px;--swiper-scrollbar-drag-bg-color:rgb(0 0 0 /.3)}#project-showcase .post-text{margin-bottom:0;padding:var(--text-padding-top) 0 0;font-family:var(--font-serif-h)}#project-showcase .post-title.has-icon{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:initial;height:auto}#project-showcase .post-title.has-icon>budoux-ja>svg,#project-showcase .post-title.has-icon>svg{--icon-size:1em;-webkit-box-flex:0;-ms-flex:none;flex:none;display:block;width:var(--icon-size);height:var(--icon-size);margin-top:calc((var(--line-height-h) - 1)/ 2 * 1em - (var(--icon-size) - 1em)/ 2);margin-right:.5em}#project-showcase .post{--onhover-box-border-width:0px;--onhover-box-background:rgb(0 0 0 / .3)}#project-showcase .post-eyecatch>.img{-webkit-transition:-webkit-filter .5s ease-out,-webkit-transform .5s ease-out;transition:-webkit-filter .5s ease-out,-webkit-transform .5s ease-out;transition:filter .5s ease-out,transform .5s ease-out;transition:filter .5s ease-out,transform .5s ease-out,-webkit-filter .5s ease-out,-webkit-transform .5s ease-out}@media (any-hover:hover){#project-showcase .post>.a:hover .post-eyecatch>.img{-webkit-filter:brightness(125%);filter:brightness(125%);-webkit-transform:scale(1.1);transform:scale(1.1)}}@media (any-hover:none){#project-showcase .post>.a:active .post-eyecatch>.img{-webkit-filter:brightness(125%);filter:brightness(125%);-webkit-transform:scale(1.1);transform:scale(1.1)}}.archive-link-button{--btn-icon-color-rgb:255 255 255;--btn-text-color-rgb:255 255 255;--btn-border-color-rgb:255 255 255;max-width:960px;margin:var(--space_4_2) auto 0}