@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap";@import"https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap";@font-face{font-family:"MOGBlock";src:url("MOGBlockR.10ec279ef32c.woff") format("woff")}html{font-size:62.5%}body{background:#f4f1ec;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(244, 241, 236, 0.95));background-size:cover;color:#575757;font-family:"Noto Serif JP",sans-serif,"メイリオ",Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.6;letter-spacing:.1em;font-size:16px;font-size:1.6rem;font-weight:300}@media(max-width: 720px){body{font-size:14px;font-size:1.4rem}}a,a:visited,a:hover,a:active{text-decoration:none;color:inherit}.text-center{text-align:center}.text-right{text-align:right}.block-center{display:block;margin-left:auto;margin-right:auto}.breaking-out,.cinematic-image,.article__thumbnail{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}.unique-font,#about h3,#about h2,.section-title,.top-view-container .name,header .logo{font-family:"MOGBlock"}.uppercase{text-transform:uppercase}b{font-weight:500}.underline{font-weight:500;text-decoration:underline;text-decoration-color:#d7c787;text-decoration-thickness:.5rem}.blue-background{font-weight:500;background-color:#87c7d7;color:#fff;padding:2rem;overflow-wrap:break-word;margin-bottom:2.5rem}.blue-background p{display:inline-block;vertical-align:middle;line-height:normal;margin-bottom:0}.yellow-background{font-weight:500;background-color:#d7c787;color:#fff;padding:2rem;overflow-wrap:break-word;margin-bottom:2.5rem}.yellow-background p{display:inline-block;vertical-align:middle;line-height:normal;margin-bottom:0}.btn,.btn-download,.btn-ghost,a.btn{font-size:2rem;font-weight:200;line-height:1;color:#575757;text-align:center;padding:1rem 3rem;border:1px solid #575757;cursor:pointer;vertical-align:middle;text-decoration:none;letter-spacing:.1em}.btn--radius,.btn-more{border-radius:100vh}.scrollbar-none{scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-width:0px;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{width:0}.scrollbar-none::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.scrollbar-none::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border:none}header{text-align:center;padding-top:2rem}header .logo{position:relative;font-size:40px;font-size:4rem;font-weight:300;margin-bottom:0}@media(max-width: 480px){header .logo{font-size:35px;font-size:3.5rem}}header .logo:after{background-image:url("tomico.4368894b95d8.svg");height:100%;position:absolute;z-index:-1;font-size:10rem;color:#fff;text-align:center}header .sub-title{font-size:18px;font-size:1.8rem;font-weight:200}@media(max-width: 480px){header .sub-title{font-size:16px;font-size:1.6rem}}#top-view{text-align:center;width:100%;height:100vh}.top-view-container{position:relative;top:30vh}.top-view-container .logo{margin:auto;width:25vw;max-width:200px;max-height:200px}.top-view-container .logo img{height:auto}.top-view-container .name{font-size:min(7vw,5.5rem);color:#fff}.top-view-container video{position:fixed;z-index:-2;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);min-width:100vw;min-height:100vh}.dot-pattern{position:fixed;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);height:100vh;width:100vw;background-color:rgba(80,80,80,.5);background-image:radial-gradient(circle, rgba(50, 50, 50, 0.7) 0.5px, transparent 1px);background-size:7px 7px}#contents-area{display:flex;justify-content:center;align-items:center;padding:10rem 0 12rem}.first-content{background-color:#f7f7f7;position:relative;inset-inline:50%;width:100vw;margin-inline:-50vw;padding:9rem 0}.second-content{background-color:#fff;position:relative;inset-inline:50%;width:100vw;margin-inline:-50vw;padding:9rem 0}.three-content{background-color:#f7f7f7;position:relative;inset-inline:50%;width:100vw;margin-inline:-50vw;padding:9rem 0}.section-title{text-align:left;position:relative;margin:0 0 4.5rem 0;font-size:2.8rem;letter-spacing:.16em;text-transform:uppercase;font-family:"Cormorant Garamond",serif;font-weight:400}.section-title:before{display:none}.first-content .section-title,.second-content .section-title,.gallery-content .section-title,.instagram-posts .section-title{max-width:1100px;margin-left:auto;margin-right:auto;padding:0 2rem}.btn-more{font-family:"Josefin Sans",sans-serif;display:inline-block;transition:background-color .5s ease;color:#575757;margin-bottom:5rem}@media(hover: hover){.btn-more:hover{color:#fff;background:#575757}}.fade-in-z{opacity:0;animation-name:fadein-z;animation-duration:1.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes fadein-z{0%{opacity:0}100%{opacity:1}}.animation{opacity:0;visibility:hidden;transition:1s;transform:translateY(30px)}.animation.active{opacity:1;visibility:visible;transform:translateY(0)}.date{text-align:left;margin-bottom:1rem}.bloginfo{padding:1.5rem 0;font-weight:400}.bloginfo time{padding-right:1rem}.bloginfo a{background-color:#b7b7b7;padding:.5rem 1.2rem;color:#fff}.card{margin-left:.8rem;margin-right:.8rem;margin-bottom:5rem}img{max-width:100%;vertical-align:bottom;height:fit-content}.card__thumbnail{margin-bottom:0;box-shadow:0 18px 40px rgba(0,0,0,.12)}.card__image{height:auto}.card__body{padding:.8rem 0 0;background-color:rgba(0,0,0,0)}.card__text{font-weight:400;letter-spacing:.06em;text-align:left;margin-bottom:.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:3.2em;line-height:1.6}.card__date{margin:0 0 .5rem 0;font-size:12px;font-size:1.2rem;text-transform:uppercase;letter-spacing:.2em;color:rgba(87,87,87,.7)}article h2{font-size:24px;font-size:2.4rem;font-family:"Noto Serif JP",serif;font-weight:400;letter-spacing:.08em;line-height:1.5;margin:4rem 0 1.6rem;padding-left:1.2rem;position:relative;border-top:none;border-bottom:none}article h2::before{content:"";position:absolute;left:0;top:.9em;width:1rem;height:1px;background:rgba(0,0,0,.25)}article h3{font-size:18px;font-size:1.8rem;font-family:"Noto Serif JP",serif;font-weight:400;letter-spacing:.06em;line-height:1.6;margin:3rem 0 1.2rem;padding:.6rem 0;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);border-left:none;padding-left:0}article .article__block{background-color:#fff}article .date{margin-left:3rem}@media(max-width: 720px){article h1{font-size:24px;font-size:2.4rem}article h2{font-size:20px;font-size:2rem;margin:3.2rem 0 1.4rem;padding-left:1rem;border-top:none;border-bottom:none}article h2::before{width:.8rem;top:.95em}article h3{font-size:17px;font-size:1.7rem;margin:2.4rem 0 1rem;padding:.5rem 0;border-left:none;padding-left:0}article h4{font-size:1.8rem}article h5{font-size:1.8rem}article h6{font-size:1.4rem}article .date{margin-left:2rem}}.article-hero{position:relative;margin:0 0 4rem 0;height:100svh;height:100vh;background:#050505;color:#f6f2ea;--hero-h: 100vh;--bar-h: 72px}.article-hero__media{position:relative;background:#050505;width:100vw;height:var(--hero-h);overflow:visible;box-shadow:none;left:50%;transform:translateX(-50%);margin:0;display:block;isolation:isolate}.article-hero__media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 5, 0.35) 55%, rgba(5, 5, 5, 0.7) 100%);z-index:2;pointer-events:none}.article-hero__frame{position:absolute;inset:0;left:50%;transform:translateX(-50%);width:100vw;height:var(--hero-h);overflow:hidden}.article-hero__frame::before,.article-hero__frame::after{content:"";position:absolute;left:0;right:0;height:var(--bar-h);background:#050505;z-index:3}.article-hero__frame::before{top:0}.article-hero__frame::after{bottom:0}.article-hero__image{position:absolute;left:0;right:0;top:var(--bar-h);height:calc(100% - var(--bar-h)*2);margin:0}.article-hero__img{width:100%;height:100%;object-fit:cover;filter:saturate(0.95) contrast(1.05) brightness(var(--hero-bright, 1));transform:translate3d(0, var(--hero-shift, 0px), 0) scale(var(--hero-zoom, 1.14));will-change:transform}.article-hero__nav{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:clamp(2.2rem,4vh,4rem);margin-top:0;margin-bottom:auto}.article-hero__logo{font-family:"Josefin Sans",sans-serif;font-size:1.6rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.85);text-decoration:none;display:inline-flex;align-items:center;gap:.8rem}.article-hero__logo-img{height:57px;width:auto;display:block}.article-hero__links{display:flex;align-items:center;gap:1.4rem;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;padding:0}.article-hero__links a{color:rgba(255,255,255,.75);text-decoration:none;position:relative;padding-bottom:.2rem}.article-hero__links a::after{content:"";position:absolute;left:0;right:0;bottom:-0.2rem;height:1px;background:rgba(255,255,255,.4);opacity:0;transition:opacity .3s ease}.article-hero__links a:hover::after{opacity:1}.article-hero__media--noimage .article-hero__image{background:linear-gradient(135deg, #0c0c0c 0%, #202020 60%, #141414 100%)}.article-hero__content{position:absolute;z-index:5;inset:var(--bar-h) 0;width:100vw;max-width:100vw;display:flex;flex-direction:column;justify-content:flex-end;gap:1.2rem;padding:clamp(2.4rem,6vh,6rem) clamp(2.4rem,6vw,8rem) clamp(2.4rem,6vh,6rem);transform:translate3d(0, var(--hero-content-shift, 0px), 0);will-change:transform;overflow:visible;box-sizing:border-box}.article-hero__eyebrow{font-family:"MOGBlock";font-size:14px;font-size:1.4rem;letter-spacing:.32em;text-transform:uppercase;margin:0 0 1.6rem 0;color:rgba(255,255,255,.85)}.article-hero__rule{width:min(78rem,70vw);height:1px;background:rgba(255,255,255,.45);margin-bottom:2.4rem}.article-hero__kicker{font-size:12px;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.2rem;color:rgba(255,255,255,.8)}.article-hero .article-title{margin:0 0 1.4rem 0;font-size:clamp(2.4rem,2.9vw,4.2rem);line-height:1.25;color:#f6f2ea;text-shadow:0 12px 40px rgba(0,0,0,.6);letter-spacing:.02em;overflow-wrap:anywhere;word-break:break-word;text-wrap:balance}.article-hero__subtitle{font-size:12px;font-size:1.2rem;letter-spacing:.04em;color:rgba(255,255,255,.9);margin-bottom:1.6rem}.article-hero__meta{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:12px;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);justify-content:flex-start;align-items:center;width:100%}.article-hero__meta .date{margin-left:0}.article-hero__category{color:rgba(255,255,255,.7)}.article-title{text-align:left;position:relative;margin:3rem 3rem 1rem 3rem;font-weight:400}.article__thumbnail{margin-bottom:0;position:relative}.article__body{margin:1rem 0 4rem 0;padding:3rem;background-color:#fff}.article__body p{margin-bottom:2.5rem;text-align:justify;text-justify:inter-ideograph;line-height:2.4}.article-related{margin-top:4rem;padding:4rem 0 5rem}.article-related .section-title{margin:2.8rem 0 4.2rem 0}.related-post{padding:3.2rem 2.4rem}.article-related .card{margin-bottom:3.2rem}@media(max-width: 720px){.article-related{margin-top:3rem;padding:2.6rem 0 3rem}.article-related .section-title{margin:2rem 0 3.2rem 0}.related-post{padding:2.4rem 0}}@media(max-width: 720px){.article-hero{margin:0 0 3rem 0;--hero-h: 100vh;--bar-h: 56px}.article-hero__media{min-height:0}.article-hero__frame{width:100vw;height:var(--hero-h)}.article-hero__nav{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1.6rem}.article-hero__links{gap:1.2rem;flex-wrap:wrap}.article-hero__links a{position:relative}.article-hero__links a::before{content:"";position:absolute;left:0;bottom:-0.5rem;width:36px;height:1px;background:rgba(255,255,255,.25)}.article-hero__content{width:100vw;gap:.8rem;padding:1.6rem 1.8rem 2rem;max-width:100vw}.article-hero .article-title{font-size:clamp(1.8rem,6vw,2.8rem);line-height:1.2}.article-hero__rule{width:min(70vw,42rem)}.article-title{position:relative;margin:3rem 3rem 1rem 2rem}.article__body{padding:2rem}}@media(max-height: 700px){.article-hero{--bar-h: 0px}}.anim-box.slidein.is-animated{animation:slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards}@keyframes slideIn{0%{transform:translateY(180px);opacity:0}100%{transform:translateY(0)}40%,100%{opacity:1}}.share-area{padding:3rem 2rem}.share-buttons{display:flex;justify-content:space-between;align-items:center;margin:0 7rem}@media(max-width: 720px){.share-buttons{margin:0}}.share-buttons i{font-size:20px;font-size:2rem}.share-buttons .facebook{color:#1877f2}.share-buttons .twitter{color:#87c7d7}.share-buttons .facebook,.share-buttons .twitter{display:flex;justify-content:center;align-items:center;width:100%;height:5rem;cursor:pointer;transition:background-color .3s}.share-buttons .facebook a,.share-buttons .twitter a{display:block;width:100%;height:auto;text-align:center}.share-buttons .facebook:hover,.share-buttons .twitter:hover{background-color:#f7f7f7}.share-buttons .facebook:before,.share-buttons .twitter:after{content:"";display:block;opacity:0;transition:opacity .3s}.share-buttons:before{content:"";display:block;height:5rem;width:1px;background-color:#575757}.share-buttons:after{content:"";display:block;height:5rem;width:1px;background-color:#575757}.share-buttons .virtical{display:flex;justify-content:center;align-items:center;height:5rem;cursor:pointer}.share-buttons .virtical:after{content:"";display:block;height:5rem;width:.5px;background-color:#575757}#fixed .fixed__body{margin:1rem 0 4rem 0;padding:3rem;background-color:#fff}#fixed p{margin-bottom:1rem}@media(min-width: 560px){#about h2{font-size:27px;font-size:2.7rem}}@media(min-width: 720px){#about h2{font-size:39px;font-size:3.9rem}}@media(min-width: 960px){#about h2{font-size:45px;font-size:4.5rem}}#about h3{font-size:24px;font-size:2.4rem}#about .kanji{font-size:35px;font-size:3.5rem}@media(min-width: 560px){#about .kanji{font-size:40px;font-size:4rem}}@media(min-width: 720px){#about .kanji{font-size:60px;font-size:6rem}}@media(min-width: 960px){#about .kanji{font-size:70px;font-size:7rem}}.about-info{display:flex;align-items:center;gap:1rem;flex-direction:column;margin:2rem 0 7rem 0}.about-info:before{content:"";border:2px solid #b10707;align-self:stretch}@media(min-width: 400px){.about-info{align-items:center;flex-direction:row}}.about-item{flex:1}.about-name{order:-1}.about-text{display:flex;justify-content:center;align-items:center;padding:0 0 0 1rem}@media(max-width: 400px){.about-text{padding:2rem 0 0 0}}.about-text p{margin:0}.instagram-posts{padding:9rem 0 10rem}.instagram-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:3.6rem 3rem;margin-top:3.2rem;max-width:1100px;margin-left:auto;margin-right:auto;padding:0 2rem}@media(max-width: 980px){.instagram-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 640px){.instagram-grid{grid-template-columns:1fr}}.instagram-card{display:grid;gap:1.2rem}.instagram-card__media{margin:0;box-shadow:0 18px 40px rgba(0,0,0,.12);overflow:hidden;aspect-ratio:3/4}.instagram-card__media img,.instagram-card__media video{width:100%;height:100%;object-fit:cover;display:block}.instagram-card__caption p{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:3.2em;line-height:1.6;font-size:1.3rem;letter-spacing:.08em;color:rgba(87,87,87,.8)}footer{width:100%;bottom:0;background-color:#2b2b2b;padding:10px 0;text-align:center;color:#fff;font-family:"Josefin Sans",sans-serif;font-size:1.8rem;font-weight:100}footer .logo{font-size:2.6rem;text-align:center;margin:15px}footer ul{list-style:none;display:flex;justify-content:center;align-items:center;font-size:2rem}footer li{margin:15px}footer small{font-size:14px}footer i{font-size:3rem;padding:10px}footer .sns{padding-bottom:2rem}footer .insta{background:linear-gradient(to bottom right, #d7c787, #d787c7);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}footer .twitter{color:#87c7d7}.new-posts .display-none{display:none}.new-posts .display-none.active{display:block;animation:appear .5s ease}@keyframes appear{0%{opacity:0}100%{opacity:1}}.popular-posts .display-none{display:none}.popular-posts .display-none.active{display:block;animation:appear .5s ease}@keyframes appear{0%{opacity:0}100%{opacity:1}}h1.new-block,h2.new-block,h3.new-block,h4.new-block,h5.new-block,.article-title.new-block{font-family:"Noto Serif JP",serif;color:#2b2b2b;font-feature-settings:"palt";margin-top:4rem;margin-bottom:2rem}h1.new-block{font-size:3.2rem;font-weight:500;text-align:center;line-height:1.4}h2.new-block{font-size:2.4rem;font-weight:500;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:1.5rem 0;text-align:center;letter-spacing:.15em}h3.new-block{font-size:2rem;font-weight:500;border-left:4px solid #2b2b2b;padding-left:1.5rem}h4.new-block{font-size:1.8rem;font-weight:500;margin-bottom:1.5rem;color:#707070}h5.new-block{font-size:1.6rem;font-weight:700;font-family:"Noto Sans JP",sans-serif}.lead{font-size:1.2em;line-height:2.4;margin-bottom:4rem;font-weight:400;color:#2b2b2b}.drop-cap:first-letter,.drop-cap p:first-letter{float:left;font-family:"MOGBlock",serif;font-size:6.5rem;line-height:.8;padding-right:1.5rem;padding-top:.5rem;color:#2b2b2b}.standard-paragraph p{margin-bottom:2.5rem;text-align:justify;text-justify:inter-ideograph;line-height:2.4}.marker-yellow{background:linear-gradient(transparent 60%, rgba(215, 199, 135, 0.8) 60%);font-weight:600}.marker-blue{background:linear-gradient(transparent 60%, rgba(135, 199, 215, 0.8) 60%);font-weight:600}.marker-red{background:linear-gradient(transparent 60%, rgba(215, 135, 199, 0.8) 60%);font-weight:600}.marker-bold{background:#2b2b2b;color:#fff;padding:.2rem .5rem;font-weight:bold}.hand-underline{position:relative;font-weight:500;z-index:1}.hand-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:8px;background:url('data:image/svg+xml;utf8,<svg preserveAspectRatio="none" viewBox="0 0 100 10" xmlns="http://www.w3.org/2000/svg"><path d="M0 5 Q 50 10 100 5" stroke="%23d7c787" stroke-width="2" fill="none" /></svg>') no-repeat center center;background-size:100% 100%;z-index:-1;opacity:.8}.vertical-text-wrapper{background-color:#fff;padding:6rem 0;margin:6rem 0;width:100%;display:flex;justify-content:center;position:relative}.vertical-text-wrapper:before,.vertical-text-wrapper:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:1px;height:30px;background-color:#ddd}.vertical-text-wrapper:before{top:1.5rem}.vertical-text-wrapper:after{bottom:1.5rem}.vertical-text{writing-mode:vertical-rl;text-orientation:upright;font-family:"Noto Serif JP",serif;line-height:2.8;letter-spacing:.25em;height:350px;font-size:1.5rem;color:#333}.vertical-title{writing-mode:vertical-rl;text-orientation:upright;font-family:"Shippori Mincho",serif;font-size:2.4rem;letter-spacing:.5em;height:300px;margin:0 auto;color:#2b2b2b;border-right:1px solid #2b2b2b;padding-right:1rem}blockquote{margin:4rem 0;padding:2rem 3rem;border-left:3px solid #ddd;font-style:italic;color:#666;background:rgba(0,0,0,0)}.pull-quote{font-family:"Cormorant Garamond",serif,serif;font-size:2.8rem;text-align:center;line-height:1.4;margin:6rem 0;padding:4rem;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;font-style:italic;color:#2b2b2b}.cinema-dialogue{margin:6rem 0;text-align:center}.cinema-dialogue p{font-family:"Noto Serif JP",serif;font-size:1.8rem;font-style:italic;color:#555;margin-bottom:1rem}.cinema-dialogue cite{font-family:"Josefin Sans",sans-serif;font-size:1.2rem;color:#999;letter-spacing:.1em;text-transform:uppercase;display:block}.cinema-dialogue cite:before{content:"— "}.screenplay{font-family:"Noto Sans JP",sans-serif;background-color:#fff;padding:4rem;margin:5rem auto;border:1px solid #eee;max-width:700px;position:relative;box-shadow:5px 5px 0 #eee}.screenplay .scene-header{font-weight:bold;text-transform:uppercase;border-bottom:2px solid #333;margin-bottom:2rem;font-size:1.2rem;letter-spacing:.1em}.screenplay .character{text-align:center;font-weight:600;margin-top:2rem;letter-spacing:.2em;font-size:1.3rem}.screenplay .dialogue{text-align:justify;max-width:450px;margin:0 auto;font-size:1.5rem}.screenplay .direction{font-style:italic;color:#888;text-align:center;font-size:1.2rem}.screenplay .direction:before{content:"("}.screenplay .direction:after{content:")"}.note-base,.grey-background{font-family:"Noto Sans JP",sans-serif;padding:2.5rem;margin-bottom:4rem;border-left-width:4px;border-left-style:solid;font-size:1.4rem}.note-base p:last-child,.grey-background p:last-child{margin-bottom:0}.grey-background{border-left-color:#b7b7b7;background-color:#f0f0f0}.alert-box{background-color:#fff;border:1px solid #b10707;padding:2.5rem;margin-bottom:4rem;color:#2b2b2b;font-family:"Noto Sans JP",sans-serif;position:relative}.alert-box:before{content:"!";display:inline-block;width:20px;height:20px;background-color:#b10707;color:#fff;text-align:center;line-height:20px;border-radius:50%;margin-right:1rem;font-weight:bold;font-size:1.2rem}.success-box{background-color:#f0fdf4;border:1px solid #87d7aa;padding:2.5rem;margin-bottom:4rem;color:#166534;font-family:"Noto Sans JP",sans-serif;border-radius:4px}.success-box:before{content:"✔";color:#87d7aa;margin-right:1rem;font-weight:700}.dashed-box{border:2px dashed #ccc;padding:2rem;background:#fff;border-radius:8px;margin:4rem 0}.double-box{border:4px double #2b2b2b;padding:3rem;text-align:center;margin:4rem 0}.content-with-sidenote{display:flex;gap:3rem;margin-bottom:4rem;align-items:flex-start}.content-with-sidenote .main-text{flex:1}.content-with-sidenote .main-text p{margin-bottom:0}.content-with-sidenote .sidenote{width:180px;font-size:1.1rem;color:#888;font-family:"Noto Sans JP",sans-serif;border-top:1px solid #ddd;padding-top:.5rem;line-height:1.5;flex-shrink:0}@media(max-width: 600px){.content-with-sidenote{flex-direction:column}.content-with-sidenote .sidenote{width:100%;border-top:0;border-left:2px solid #ddd;padding-left:1rem}}figure.standard-image{margin:4rem 0}figure.standard-image img{width:100%;height:auto;border-radius:2px}figure.standard-image figcaption{text-align:center;color:#999;font-size:1.2rem;margin-top:1rem;font-family:"Josefin Sans",sans-serif}.cinematic-image{width:100vw;margin:6rem calc(50% - 50vw);overflow:hidden}.cinematic-image img{width:100%;aspect-ratio:2.35/1;object-fit:cover;display:block}.polaroid{background:#fff;padding:1.5rem 1.5rem 5rem 1.5rem;box-shadow:0 10px 20px rgba(0,0,0,.1);width:fit-content;max-width:100%;margin:6rem auto;transform:rotate(-2deg);transition:.4s;text-align:center}.polaroid:hover{transform:rotate(0deg) scale(1.02);z-index:2}.polaroid img{display:block;max-width:100%;filter:sepia(0.2)}.polaroid figcaption{position:absolute;bottom:1.5rem;left:0;width:100%;font-family:"La Belle Aurore",cursive;font-size:2rem;color:#555}.film-strip{display:flex;gap:1rem;margin:5rem 0;overflow-x:auto}.film-strip figure{flex:0 0 45%;margin:0}.film-strip figure img{width:100%;border:4px solid #000;border-radius:2px}.film-strip figure figcaption{font-size:1rem;color:#888;margin-top:.5rem}.gallery-grid:not(.gallery-masonry){display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1.5rem;margin:4rem 0}.gallery-grid:not(.gallery-masonry) img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;border-radius:4px;transition:.3s}.gallery-grid:not(.gallery-masonry) img:hover{filter:brightness(0.8)}.image-comparison{position:relative;margin:4rem 0;width:100%;aspect-ratio:16/9;background:url(https://placehold.co/800x450/333/fff?text=After) no-repeat right center;background-size:cover;border-radius:4px;overflow:hidden}.image-comparison:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:url(https://placehold.co/800x450/ccc/333?text=Before) no-repeat left center;background-size:cover;border-right:2px solid #fff}.image-comparison:after{content:"◀ Drag ▶";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.5);color:#fff;padding:.5rem;font-size:1rem;border-radius:4px}.image-overlay{position:relative;width:100%;height:300px;margin:4rem 0;border-radius:8px;overflow:hidden}.image-overlay img{width:100%;height:100%;object-fit:cover}.image-overlay .overlay-content{position:absolute;inset:0;background:rgba(0,0,0,.4);color:#fff;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:bold;letter-spacing:.1em}.circle-image{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 2rem}.circle-image img{width:100%;height:100%;object-fit:cover}.mono-img{filter:grayscale(100%);transition:.5s}.mono-img:hover{filter:grayscale(0%)}.spoiler-img{filter:blur(10px);transition:.3s;cursor:pointer}.spoiler-img:hover,.spoiler-img.revealed{filter:blur(0)}.audio-player{background:#fff;border-radius:50px;padding:1rem 2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,.05);margin:4rem 0}.audio-player .play-btn{width:40px;height:40px;background:#2b2b2b;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.audio-player .wave{flex:1;height:30px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20" preserveAspectRatio="none"><path d="M0 10 Q 25 20 50 10 T 100 10" stroke="%23ccc" fill="none" stroke-width="2"/></svg>')}ul.styled-list{list-style:none;padding-left:0}ul.styled-list li{position:relative;padding-left:1.5rem;margin-bottom:1rem}ul.styled-list li:before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;background-color:#d7c787;border-radius:50%}ol.styled-list{counter-reset:my-counter;list-style:none;padding-left:0}ol.styled-list li{position:relative;padding-left:2.5rem;margin-bottom:1.5rem}ol.styled-list li:before{content:counter(my-counter, decimal-leading-zero);counter-increment:my-counter;position:absolute;left:0;top:0;color:#87c7d7;font-family:"Josefin Sans",sans-serif;font-weight:bold}.checklist{background:#fff;padding:3rem;border-radius:8px;margin:4rem 0}.checklist h4{text-align:center;margin-bottom:2rem;color:#707070;font-family:"Josefin Sans",sans-serif}.checklist ul{list-style:none;padding:0;margin:0}.checklist li{position:relative;padding-left:2.5rem;margin-bottom:1rem}.checklist li:before{content:"✓";position:absolute;left:0;color:#87d7aa}dl.styled-dl{margin:4rem 0}dl.styled-dl dt{font-weight:bold;float:left;width:100px;clear:left;color:#2b2b2b}dl.styled-dl dd{margin-left:110px;margin-bottom:1.5rem}.pros-cons{display:flex;gap:2rem;margin:4rem 0}.pros-cons .col{flex:1;padding:2rem;background:#fff;border-radius:4px}.pros-cons .col h5{text-align:center;margin-bottom:1.5rem}.pros-cons .col ul{list-style:none;padding:0;margin:0}.pros-cons .col li{margin-bottom:.5rem;font-size:1.3rem}.pros-cons .pros h5{color:#87c7d7}.pros-cons .cons h5{color:#d787c7}.timeline{border-left:2px solid #2b2b2b;margin:4rem 0 4rem 2rem;padding-left:2rem}.timeline .event{position:relative;margin-bottom:3rem}.timeline .event:before{content:"";position:absolute;left:-2.6rem;top:.5rem;width:10px;height:10px;background:#fff;border:2px solid #2b2b2b;border-radius:50%}.timeline .year{font-weight:700;color:#2b2b2b;margin-bottom:.5rem;display:block}ol.ranking{list-style:none;padding:0;counter-reset:rank}ol.ranking li{position:relative;padding:1.5rem 1.5rem 1.5rem 5rem;background:#fff;margin-bottom:1rem;border-radius:4px}ol.ranking li:before{content:counter(rank);counter-increment:rank;position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#d7c787;color:#fff;border-radius:50%;text-align:center;line-height:30px;font-weight:700}ol.ranking li:nth-child(1):before{background:gold}ol.ranking li:nth-child(2):before{background:silver}ol.ranking li:nth-child(3):before{background:#cd7f32}.tag-cloud{display:flex;flex-wrap:wrap;gap:1rem;margin:4rem 0}.tag-cloud span{background:#fff;padding:.5rem 1.2rem;border-radius:20px;font-size:1.2rem;color:#666;border:1px solid #eee}.compare-table{width:100%;border-collapse:collapse;margin:4rem 0}.compare-table th,.compare-table td{padding:1.5rem;text-align:center;border:1px solid #eee}.compare-table th{background:#f9f9f9}.compare-table .winner{background:rgba(215,199,135,.1);font-weight:bold}.faq-accordion{margin:4rem 0}.faq-accordion details{background:#fff;margin-bottom:1rem;border-radius:4px}.faq-accordion details summary{padding:2rem;cursor:pointer;font-weight:700;list-style:none}.faq-accordion details summary::-webkit-details-marker{display:none}.faq-accordion details summary:after{content:"+";float:right}.faq-accordion details[open] summary:after{content:"-"}.faq-accordion details div{padding:2rem;border-top:1px solid #f0f0f0;color:#666}.spec-table{width:100%;border-collapse:collapse;margin:4rem 0;font-size:1.4rem;font-family:"Noto Sans JP",sans-serif}.spec-table th{width:30%;text-align:left;padding:1.5rem;border-bottom:1px solid #ddd;color:#888;font-weight:400}.spec-table td{padding:1.5rem;border-bottom:1px solid #ddd}.simple-table{width:100%;border-collapse:collapse;margin:4rem 0}.simple-table th,.simple-table td{padding:1rem;border:1px solid #eee;text-align:center}.simple-table thead{background-color:#f0f0f0}.code-block{background:#2d2d2d;color:#e6e6e6;padding:2rem;border-radius:6px;font-family:monospace;overflow-x:auto;margin:4rem 0;font-size:1.3rem}.code-block .keyword{color:#cc99cd}.code-block .string{color:#7ec699}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2);color:#333;font-size:.85em;font-weight:700;padding:2px 4px;white-space:nowrap}ruby.styled-ruby{font-size:1.8rem}ruby.styled-ruby rt{color:#d787c7;font-size:1rem;letter-spacing:.2em}.hand-strike{position:relative;text-decoration:none}.hand-strike:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;background:#707070;transform:rotate(-5deg);opacity:.7}.hand-note{font-family:"La Belle Aurore",cursive;font-size:2.4rem;color:#555;transform:rotate(-3deg);margin:3rem;text-align:center}.gradient-text{font-weight:700;font-size:3rem;background:linear-gradient(45deg, #87c7d7, #d787c7);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.link-card{display:flex;background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;margin:4rem 0;transition:.3s}.link-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.link-card .img-box{width:150px;flex-shrink:0;background:#eee}.link-card .img-box img{width:100%;height:100%;object-fit:cover}.link-card .text-box{padding:2rem;display:flex;flex-direction:column;justify-content:center}.link-card .title{font-weight:600;font-size:1.6rem;color:#2b2b2b;margin-bottom:.5rem}.link-card .desc{font-size:1.2rem;color:#888;margin:0;line-height:1.4}.link-card .url{font-size:1rem;color:#87c7d7;margin-top:1rem}@media(max-width: 600px){.link-card{flex-direction:column}.link-card .img-box{width:100%;height:150px}}.btn-ghost{border-color:#ccc;color:#888}.btn-ghost:hover{border-color:#2b2b2b;color:#2b2b2b;background:rgba(0,0,0,0)}.btn-circle{width:50px;height:50px;border-radius:50%;border:1px solid #2b2b2b;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.btn-circle:hover{background:#2b2b2b;color:#fff}.btn-download{background:#2b2b2b;color:#fff;padding-left:2rem}.btn-download:before{content:"↓";margin-right:1rem}.step-flow{margin:6rem 0}.step-flow .step-item{display:flex;margin-bottom:3rem;position:relative}.step-flow .step-item:not(:last-child):after{content:"";position:absolute;left:20px;top:40px;bottom:-30px;width:1px;background:#ddd;z-index:0}.step-flow .step-item .num{width:40px;height:40px;background:#2b2b2b;color:#fff;border-radius:50%;text-align:center;line-height:40px;font-family:"Josefin Sans",sans-serif;flex-shrink:0;z-index:1;margin-right:2rem}.step-flow .step-item h4{font-size:1.6rem;margin-bottom:.5rem}.step-flow .step-item p{font-size:1.4rem;color:#666;margin:0}.chat-container{display:flex;flex-direction:column;gap:2rem;margin:4rem 0}.chat-container .bubble{display:flex;max-width:80%}.chat-container .bubble .avatar{width:40px;height:40px;border-radius:50%;background:#ccc;flex-shrink:0;margin-right:1rem}.chat-container .bubble .text{padding:1.5rem;background:#fff;border-radius:12px;font-size:1.4rem;box-shadow:0 2px 5px rgba(0,0,0,.05)}.chat-container .bubble.right{align-self:flex-end;flex-direction:row-reverse}.chat-container .bubble.right .avatar{margin-right:0;margin-left:1rem}.chat-container .bubble.right .text{background:#eef2ff}details.styled-details{margin:2rem 0;border:1px solid #ddd;border-radius:4px;background:#fff}details.styled-details summary{padding:1.5rem;cursor:pointer;font-weight:500;outline:0}details.styled-details .details-content{padding:1.5rem;border-top:1px solid #eee;font-size:1.4rem}details.styled-details[open] summary{color:#87c7d7}.author-box{display:flex;align-items:center;background:#fff;padding:3rem;margin:6rem 0;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.03)}.author-box .avatar{width:80px;height:80px;border-radius:50%;background:#ccc;margin-right:2rem;overflow:hidden}.author-box .avatar img{width:100%}.author-box .info{flex:1}.author-box .info h5{margin:0 0 .5rem;font-size:1.6rem}.author-box .info p{font-size:1.3rem;margin:0;color:#666}.divider-ornament{text-align:center;margin:6rem 0;color:#ccc;font-size:2rem;letter-spacing:1rem}.divider-ornament:before,.divider-ornament:after{content:"―"}.rating-stars{color:#d7c787;letter-spacing:.2rem;font-size:1.2rem}.tooltip{position:relative;border-bottom:1px dotted #2b2b2b;cursor:help}.tooltip:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#2b2b2b;color:#fff;padding:.5rem 1rem;font-size:1.2rem;border-radius:4px;white-space:nowarp;margin-bottom:.5rem}.progress-bar{width:100%;height:10px;background:#eee;border-radius:5px;overflow:hidden;margin:4rem 0}.progress-bar .fill{height:100%;background:#87c7d7;width:70%}.map-placeholder{width:100%;height:300px;background:#e0e0e0;display:flex;justify-content:center;align-items:center;color:#888;font-family:"Noto Sans JP",sans-serif;margin:4rem 0;border-radius:8px}.epilogue{margin-top:8rem;padding-top:4rem;border-top:1px solid #eee;text-align:center}.epilogue p{font-size:1.6rem;font-family:"Noto Serif JP",serif;font-style:italic;color:#555}.epilogue .end-mark{display:inline-block;margin-top:2rem;width:40px;height:1px;background:#707070}.three-columns{column-count:3;column-gap:3rem;margin:4rem 0;text-align:justify}@media(max-width: 768px){.three-columns{column-count:1}}.three-columns p{margin-bottom:1.5rem;font-size:1.3rem}.wide-container{width:100vw;margin-left:calc(50% - 50vw);padding:6rem 10%;background:#fff;box-sizing:border-box}.sticky-layout{display:flex;gap:4rem;margin:4rem 0}.sticky-layout aside{flex:0 0 200px;position:sticky;top:2rem;height:fit-content;border-right:1px solid #ddd;padding-right:2rem}.sticky-layout main{flex:1}@media(max-width: 768px){.sticky-layout{flex-direction:column}.sticky-layout aside{position:static;border-right:none;border-bottom:1px solid #ddd;padding-bottom:2rem;margin-bottom:2rem;width:100%}}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-auto-rows:10px;gap:10px}.masonry-grid .item{background:#fff;border-radius:4px;overflow:hidden}.masonry-grid .item img{width:100%;display:block}.masonry-grid .item.h-small{grid-row-end:span 15}.masonry-grid .item.h-medium{grid-row-end:span 20}.masonry-grid .item.h-large{grid-row-end:span 30}.split-screen{display:flex;margin:6rem 0;border-radius:8px;overflow:hidden}.split-screen .half{flex:1;min-height:300px}.split-screen .image-half{background:url("https://placehold.co/600x600/333/fff") center/cover}.split-screen .text-half{padding:4rem;background:#fff;display:flex;flex-direction:column;justify-content:center}@media(max-width: 768px){.split-screen{flex-direction:column}}.gallery-hero{padding:6rem 0 3rem}.gallery-hero__nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}.gallery-hero__logo-img{width:120px;height:auto}.gallery-hero__links a{margin-left:1.5rem;font-family:"Josefin Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:1.2rem}.gallery-hero__eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:1.1rem}.gallery-hero__title{font-size:3.6rem;margin:1rem 0 2rem}.gallery-hero__intro{max-width:680px}.gallery-grid .column{margin-bottom:3rem}.gallery-masonry{position:relative;display:block;max-width:1200px;margin:0 auto;padding:0 2rem 4rem;--gallery-gap: 28px;--gallery-col-width: 240px;--gallery-row-height: 240px}.template-gallery .gallery-grid img,.gallery-masonry .gallery-tile__image{height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}@media(max-width: 1200px){.gallery-masonry{--gallery-col-width: 220px;--gallery-gap: 24px}}@media(max-width: 980px){.gallery-masonry{--gallery-col-width: 200px;--gallery-gap: 20px}}@media(max-width: 640px){.gallery-masonry{--gallery-col-width: 160px;--gallery-gap: 16px;padding:0 1.2rem 3rem}}.gallery-tile{position:absolute;top:0;left:0;overflow:visible;border-radius:0;box-shadow:0 18px 40px rgba(0,0,0,.12);margin-bottom:0;break-inside:avoid;align-self:start;transition:transform .45s ease,box-shadow .35s ease;will-change:transform}.gallery-tile__image{width:100%;height:auto;display:block;transition:transform .6s ease}.gallery-tile:hover .gallery-tile__image{transform:scale(1.03)}.gallery-tile__caption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.2rem;background:rgba(255,255,255,.85);font-size:1.1rem;letter-spacing:.08em;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.gallery-tile:hover .gallery-tile__caption{opacity:1;transform:translateY(0)}.gallery-empty{padding:4rem 0}.gallery-content{padding:9rem 0}.gallery-preview.gallery-masonry{max-width:1200px;margin:0 auto}.gallery-preview--home{--gallery-col-width: 210px;--gallery-gap: 22px;--gallery-row-height: 200px}@media(max-width: 1100px){.gallery-preview--home{--gallery-col-width: 190px;--gallery-gap: 18px}}@media(max-width: 720px){.gallery-preview--home{--gallery-col-width: 170px;--gallery-gap: 16px}}.gallery-preview__item{box-shadow:0 16px 36px rgba(0,0,0,.12)}.gallery-preview__link{display:block;color:inherit}.editorial-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:4.2rem 3.2rem;max-width:1100px;margin:0 auto;padding:0 2rem}@media(max-width: 980px){.editorial-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 640px){.editorial-grid{grid-template-columns:1fr}}.editorial-card{display:grid;gap:1.8rem}.editorial-card__media{margin:0;box-shadow:0 18px 40px rgba(0,0,0,.12);overflow:hidden}.editorial-card__image{width:100%;height:auto;display:block;transform:scale(1.02);transition:transform .5s ease}.editorial-card:hover .editorial-card__image{transform:scale(1.06)}.editorial-card__body{display:grid;gap:.6rem}.editorial-card__title{font-weight:400;letter-spacing:.08em;line-height:1.6;font-size:1.7rem}.editorial-card__date{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(87,87,87,.7)}.article-feedback{margin:4rem 0 2.5rem}.feedback-like{display:inline-flex;align-items:center;padding:0;border-radius:0;background:rgba(0,0,0,0)}.like-button{border:none;background:rgba(0,0,0,0);padding:.4rem 0;font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(87,87,87,.4)}.like-button__count{padding-left:1rem;border-left:1px solid rgba(87,87,87,.25);font-size:1.1rem;letter-spacing:.12em}.article-comments{margin:4rem 0 6rem}.article-comments .section-title{margin:2rem 0 2.5rem}.comment-list{margin:0 0 3rem}.comment-item{padding:1.6rem 0;border-bottom:1px solid rgba(87,87,87,.12)}.comment-meta{display:flex;justify-content:space-between;font-size:1.2rem;letter-spacing:.12em}.comment-author{font-weight:500}.comment-body{margin-top:.6rem}.comment-form{display:flex;flex-direction:column;gap:1.6rem;padding:0;background:rgba(0,0,0,0);border-radius:0}.comment-form__fields{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1.6rem}.comment-form input,.comment-form textarea{width:100%;padding:1rem 1.2rem;border:none;border-bottom:1px solid rgba(87,87,87,.25);background:rgba(0,0,0,0);font-size:1.4rem;border-radius:0;transition:border-color .2s ease}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-bottom-color:#575757}.comment-submit{align-self:flex-start;border:none;border-bottom:1px solid rgba(87,87,87,.5);background:rgba(0,0,0,0);padding:.4rem 0;letter-spacing:.2em;font-size:1.1rem;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.comment-submit:hover{border-color:#575757}