@import"https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Serif+JP:wght@200..900&family=Cherry+Bomb+One&family=Dela+Gothic+One&family=Noto+Color+Emoji&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Sedgwick+Ave+Display&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons&display=swap";:root{--black: #000;--gray: #ccc;--dark-silver: #999;--mid-silver: #aaa;--silver: #ccc;--slight-silver: #ddd;--light-silver: #eee;--white: #fff;--blue: #0000cc;--pink: #ff00cc;--beige: #f2f1e2;--salmon-pink: #ff8799;--icon-pink: #ff6a8e;--icon-shadow: #de5a7e;--line: #00b900;--red: #ff0000;--yellow: #f9ff00;--purple: #9900ff;--fluorescence-blue: #00ffff;--fluorescence-green: #00ff00;--skin: #f0f7cc;--tongue: #ff8799;--illustrator: #4f80ff;--desktop: #b2b2d8;--folder: #cfc8ff;--folder-light: #d9d9fe;--folder-dark: #555584;--folder-dark-top: #666695;--folder-shadow: #7e7ea1;--black--rgb: 0, 0, 0;--gray--rgb: 204, 204, 204;--dark-silver--rgb: 153, 153, 153;--mid-silver--rgb: 170, 170, 170;--silver--rgb: 204, 204, 204;--slight-silver--rgb: 221, 221, 221;--light-silver--rgb: 238, 238, 238;--white--rgb: 255, 255, 255;--blue--rgb: 0, 0, 204;--pink--rgb: 255, 0, 204;--beige--rgb: 242, 241, 226;--salmon-pink--rgb: 255, 135, 153;--icon-pink--rgb: 255, 106, 142;--icon-shadow--rgb: 222, 90, 126;--line--rgb: 0, 185, 0;--red--rgb: 255, 0, 0;--yellow--rgb: 249, 255, 0;--purple--rgb: 153, 0, 255;--fluorescence-blue--rgb: 0, 255, 255;--fluorescence-green--rgb: 0, 255, 0;--skin--rgb: 240, 247, 204;--tongue--rgb: 255, 135, 153;--illustrator--rgb: 79, 128, 255;--desktop--rgb: 178, 178, 216;--folder--rgb: 207, 200, 255;--folder-light--rgb: 217, 217, 254;--folder-dark--rgb: 85, 85, 132;--folder-dark-top--rgb: 102, 102, 149;--folder-shadow--rgb: 126, 126, 161}.DelaGothic{font-family:"YakuHanJP","Dela Gothic One",sans-serif;-webkit-font-smoothing:none}.Noto{font-family:"YakuHanJP","Noto Sans","Noto Sans JP",sans-serif;-webkit-font-smoothing:none}.NotoSerifJP{font-family:"Noto Serif JP",serif;-webkit-font-smoothing:none}.CherryBomb{font-family:"Cherry Bomb One",sans-serif;-webkit-font-smoothing:none}.Bebas{font-family:"Bebas Neue",sans-serif;-webkit-font-smoothing:none}.Emoji{font-family:"Apple Color Emoji","Noto Color Emoji",sans-serif;-webkit-font-smoothing:none}html{scroll-padding-top:var(--header-height, 0px);scroll-behavior:smooth}html,body{overscroll-behavior:none}body{text-rendering:optimizeLegibility;touch-action:manipulation;font-family:"YakuHanJP","Noto Sans","Noto Sans JP",sans-serif;font-weight:400;background-color:var(--black);overflow-wrap:break-word;overflow-y:scroll;line-height:1.6}*{margin:0;padding:0;box-sizing:border-box}p,span,div,blockquote,q,time,figcaption,summary,small,abbr,mark,del,s,ins,u,sub,sup{font-feature-settings:"palt" 1;font-weight:400;overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}ul,ol,dl,li,dt,dd{font-feature-settings:"palt" 1;font-weight:400;overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}table,tr,th,td{font-feature-settings:"palt" 1;font-weight:400;overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}figure,hr{font-feature-settings:"palt" 1;font-weight:400;overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}em,i,address,cite{font-feature-settings:"palt" 1;font-weight:400;overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}code,pre{font-feature-settings:"palt" 1;font-weight:400;overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}ruby,rt,rp{font-feature-settings:"palt" 1;font-weight:400;overflow-wrap:anywhere;word-break:normal;line-break:strict;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}ul{list-style:none}ol{list-style:none}dl{list-style:none}li{list-style:none}dt{list-style:none}dd{list-style:none}em{font-style:normal}i{font-style:normal}address{font-style:normal}cite{font-style:normal}code{font-family:monospace}pre{font-family:monospace}input,textarea,select,button{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;background:rgba(0,0,0,0)}label,select,[type=button],[type=checkbox],[type=radio],[type=submit],[type=reset],[type=file],[type=number]{display:block;cursor:pointer}img,iframe,svg{max-width:100%;height:auto;display:block;font-style:italic;border:none;outline:none}:root{--emoji-size-ratio: 0.15}@-webkit-keyframes selected-line{0%{background-image:repeating-linear-gradient(-45deg, transparent, transparent 3px, var(--black) 3px, var(--black) 6px)}50%{background-image:repeating-linear-gradient(-45deg, var(--black), var(--black) 3px, transparent 3px, transparent 6px)}100%{background-image:repeating-linear-gradient(-45deg, transparent, transparent 3px, var(--black) 3px, var(--black) 6px)}}@keyframes selected-line{0%{background-image:repeating-linear-gradient(-45deg, transparent, transparent 3px, var(--black) 3px, var(--black) 6px)}50%{background-image:repeating-linear-gradient(-45deg, var(--black), var(--black) 3px, transparent 3px, transparent 6px)}100%{background-image:repeating-linear-gradient(-45deg, transparent, transparent 3px, var(--black) 3px, var(--black) 6px)}}.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:none}.loading.hide .loading-half.top{transform:translateY(-100%)}.loading.hide .loading-half.bottom{transform:translateY(100%)}.loading.hide .loading-progress-container{visibility:hidden}.loading-half{width:100%;height:50vh;background:var(--white);position:absolute;transition:transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:10001}.loading-half.top{top:0}.loading-half.bottom{bottom:0}.loading-progress-container{position:fixed;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);z-index:10002;transition:transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.loading-progress-line{position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(0,0,0,0)}.loading-progress-bar{position:absolute;top:0;left:0;height:2px;background:var(--pink);width:0%;transition:width .1s ease-out}.symbol{display:none;width:0;height:0}.logo{position:fixed;top:2rem;left:2rem;z-index:1000;display:flex;gap:.5rem;align-items:baseline;opacity:0;padding-left:5.5vw}@media(max-width: 768px){.logo{top:1rem;left:1rem;padding-left:10.5vw}}.logo svg{width:4vw;height:4vw;position:fixed;top:2rem;left:2rem}@media(max-width: 768px){.logo svg{top:1rem;left:1rem;width:8vw;height:8vw}}.logo svg .white{fill:var(--white)}.logo svg .shadow{fill:var(--icon-shadow)}.logo svg .pink{fill:var(--icon-pink)}.logo svg .black{fill:var(--black)}.logo.loaded{opacity:1}.logo .word{font-size:3vw;font-weight:700;color:var(--white);transform-origin:center bottom;position:relative;white-space:nowrap}@media(max-width: 768px){.logo .word{font-size:5vw}}.logo .word.changing{transform:scale(1.05);color:var(--pink)}.x{padding:4vw;position:relative;z-index:3;background-color:var(--desktop);width:100%;display:grid;grid-template-columns:1fr 1.5fr}@media screen and (max-width: 768px){.x{padding:2vw 2vw 2vw 0}}@media screen and (max-width: 768px){.x{grid-template-columns:1fr 3fr}}.x-folder{width:100%;height:100%}.x-folder a{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:8em;height:6em}@media screen and (max-width: 768px){.x-folder a{margin-inline:auto}}@media(max-width: 768px){.x-folder a{width:16vw;height:12vw}}.x-folder a span{text-align:center;font-size:1em}@media(max-width: 768px){.x-folder a span{font-size:.75em}}.x-folder a span:nth-child(1){position:relative;display:block;width:8em;height:6em;background:var(--black);-webkit-clip-path:polygon(0 20%, 0 100%, 100% 100%, 100% 20%, 60% 20%, 45% 0%, 15% 0);clip-path:polygon(0 20%, 0 100%, 100% 100%, 100% 20%, 60% 20%, 45% 0%, 15% 0)}@media(max-width: 768px){.x-folder a span:nth-child(1){width:16vw;height:12vw}}.x-folder a span:nth-child(1):before{width:calc(100% - 2px);height:calc(100% - 2px);display:block;position:absolute;top:1px;bottom:1px;left:1px;right:1px;content:"";background:linear-gradient(to bottom, var(--folder-light) 0, var(--folder-light) 20%, var(--white) 20%, var(--white) 25%, var(--folder) 25%, var(--folder) 100%);-webkit-clip-path:polygon(0 20%, 0 100%, 100% 100%, 100% 20%, 60% 20%, 45% 0%, 15% 0);clip-path:polygon(0 20%, 0 100%, 100% 100%, 100% 20%, 60% 20%, 45% 0%, 15% 0)}.x-folder a span:nth-child(1):after{width:90%;height:69%;display:block;position:absolute;top:calc(25% + 1px);bottom:2%;left:5%;right:5%;content:"";background-color:var(--black);background-size:90% 69%}.x-folder a span:nth-child(2){white-space:nowrap;position:absolute;bottom:0;left:50%;transform:translateX(-50%);bottom:-1.5em;background-color:var(--white);display:block;padding:.25em;line-height:1}.x-folder a span:nth-child(3){color:var(--black);white-space:nowrap;position:absolute;bottom:0;left:50%;transform:translateX(-50%);bottom:-1.5em;background-color:var(--white);display:block;padding:.25em;line-height:1;font-style:italic}.x-folder a span:nth-child(3)::before{color:var(--black);position:absolute;top:-0.75em;left:1.3em;font-family:"Material Icons";font-weight:bold;content:"";vertical-align:-0.15em;transform:rotate(-10deg);font-size:1.1em;text-shadow:.1em .1em 0 var(--white),-0.1em -0.1em 0 var(--white),-0.1em .1em 0 var(--white),.1em -0.1em 0 var(--white),0px .1em 0 var(--white),0 -0.1em 0 var(--white),-0.1em 0 0 var(--white),.1em 0 0 var(--white)}@media(max-width: 768px){.x-folder a span:nth-child(3)::before{font-size:.75em}}.x-folder a svg{fill:var(--white);position:absolute;top:0;left:50%;transform:translateX(-50%);top:33.33%;width:auto;height:3em}@media(max-width: 768px){.x-folder a svg{height:6vw}}.x-folder a:hover span:nth-child(1)::before{background:linear-gradient(to bottom, var(--folder-dark) 0, var(--folder-dark) 20%, var(--folder-shadow) 20%, var(--folder-shadow) 25%, var(--folder-dark) 25%, var(--folder-dark) 100%)}.x-folder a:hover span:nth-child(1):after{background-color:var(--black);background-size:cover;background-position:center}.x-folder a:hover span:nth-child(2){background-color:var(--black);color:var(--white)}.x-folder a:hover span:nth-child(3){background-color:var(--black);color:var(--white)}.x-folder a:hover span:nth-child(3)::before{text-shadow:.1em .1em 0 var(--black),-0.1em -0.1em 0 var(--black),-0.1em .1em 0 var(--black),.1em -0.1em 0 var(--black),0px .1em 0 var(--black),0 -0.1em 0 var(--black),-0.1em 0 0 var(--black),.1em 0 0 var(--black);color:var(--white)}.x-folder a:hover svg{fill:var(--folder-dark-top)}.container-01{background-color:var(--pink);position:relative;z-index:0;display:flex;width:100%;padding-right:7.5vw;overflow:hidden}.container-01 .nap-time{position:-webkit-sticky;position:sticky;top:0;left:0;width:70%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width: 768px){.container-01 .nap-time{width:75%}}@media(max-width: 768px){.container-01 .nap-time{align-items:flex-end}}.container-01 .nap-time .fluorescence-blue{fill:var(--fluorescence-blue)}.container-01 .nap-time .fluorescence-green{fill:var(--fluorescence-green)}.container-01 .nap-time .skin{fill:var(--skin)}.container-01 .nap-time .salmon-pink{fill:var(--salmon-pink)}.container-01 .nap-time .purple{fill:var(--purple)}.container-01 .nap-time .pink{fill:var(--pink)}.container-01 .nap-time .yellow{fill:var(--yellow)}.container-01 .nap-time .white{fill:var(--white)}.container-01 .nap-time .blue{fill:var(--blue)}.container-01 .nap-time svg{width:55vw;height:auto}@media(max-width: 768px){.container-01 .nap-time svg{width:68vw}}.container-01-inner{position:relative;padding-top:100vh;padding-bottom:7.5vh;width:25%}@media(max-width: 768px){.container-01-inner{width:25%}}.container-01-inner .content-block{display:flex;flex-direction:column;justify-content:center;align-items:center}.container-01-inner h1{white-space:nowrap;font-size:22vw;color:var(--white);writing-mode:vertical-rl;text-orientation:mixed;font-weight:400;letter-spacing:-0.15em;paint-order:stroke;font-family:"YakuHanJP","Dela Gothic One",sans-serif;font-weight:400;font-style:normal}.container-01-inner h1 .letters-01{margin-top:.1em;margin-bottom:.02em}.container-01-inner h1 .letters-02{letter-spacing:-0.275em;margin-bottom:.075em}.main-copy{position:absolute;right:0;top:0;transform:translateY(-50%) rotate(90deg);transform-origin:right center;width:150vh;overflow:hidden;height:15vw;z-index:2;background-color:var(--blue);font-style:normal;line-height:1;display:flex}.main-copy p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;padding-top:7.5vw;line-height:1;color:#fff;white-space:nowrap;font-size:7.5vw}.main-copy p:nth-child(1){-webkit-animation:marquee 60s linear infinite;animation:marquee 60s linear infinite}.main-copy p:nth-child(2){-webkit-animation:marquee 60s linear infinite;animation:marquee 60s linear infinite}.main-copy span{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;will-change:transform;font-family:"YakuHanJP","Dela Gothic One",sans-serif;line-height:.9;display:inline-block;margin:0 1.5vw}.main-copy em{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:"Apple Color Emoji","Noto Color Emoji",sans-serif !important;-webkit-animation:rotate360 2s linear infinite;animation:rotate360 2s linear infinite}@-webkit-keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-webkit-keyframes rotate360{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@keyframes rotate360{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.container-02{background:var(--black);position:relative;z-index:2;overflow:hidden;height:100vh}.container-02-bg{width:100%;height:100vh;position:absolute;overflow:hidden;z-index:-1}.container-02-bg img:nth-child(1){width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}.container-02-bg img:nth-child(2){position:absolute;top:0;left:0;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;mix-blend-mode:screen;-webkit-animation:glitch-01 .6s steps(1, end) infinite;animation:glitch-01 .6s steps(1, end) infinite}.container-02-bg img:nth-child(3){position:absolute;top:0;left:0;width:100%;height:100vh;mix-blend-mode:screen;-webkit-animation:glitch-02 3s steps(1, end) infinite;animation:glitch-02 3s steps(1, end) infinite}@-webkit-keyframes glitch-01{0%{-webkit-clip-path:polygon(0 2%, 100% 2%, 100% 5%, 0 5%);clip-path:polygon(0 2%, 100% 2%, 100% 5%, 0 5%)}10%{-webkit-clip-path:polygon(0 15%, 100% 15%, 100% 15%, 0 15%);clip-path:polygon(0 15%, 100% 15%, 100% 15%, 0 15%)}20%{-webkit-clip-path:polygon(0 10%, 100% 10%, 100% 20%, 0 20%);clip-path:polygon(0 10%, 100% 10%, 100% 20%, 0 20%)}30%{-webkit-clip-path:polygon(0 1%, 100% 1%, 100% 2%, 0 2%);clip-path:polygon(0 1%, 100% 1%, 100% 2%, 0 2%)}40%{-webkit-clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%);clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%)}50%{-webkit-clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%);clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%)}60%{-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%);clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%)}70%{-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%);clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%)}80%{-webkit-clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%);clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%)}90%{-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%);clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%)}100%{-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%);clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%)}}@keyframes glitch-01{0%{-webkit-clip-path:polygon(0 2%, 100% 2%, 100% 5%, 0 5%);clip-path:polygon(0 2%, 100% 2%, 100% 5%, 0 5%)}10%{-webkit-clip-path:polygon(0 15%, 100% 15%, 100% 15%, 0 15%);clip-path:polygon(0 15%, 100% 15%, 100% 15%, 0 15%)}20%{-webkit-clip-path:polygon(0 10%, 100% 10%, 100% 20%, 0 20%);clip-path:polygon(0 10%, 100% 10%, 100% 20%, 0 20%)}30%{-webkit-clip-path:polygon(0 1%, 100% 1%, 100% 2%, 0 2%);clip-path:polygon(0 1%, 100% 1%, 100% 2%, 0 2%)}40%{-webkit-clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%);clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%)}50%{-webkit-clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%);clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%)}60%{-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%);clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%)}70%{-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%);clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%)}80%{-webkit-clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%);clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%)}90%{-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%);clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%)}100%{-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%);clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%)}}@-webkit-keyframes glitch-02{0%{opacity:1}4%{opacity:0}5%{opacity:1}6%,100%{opacity:0}}@keyframes glitch-02{0%{opacity:1}4%{opacity:0}5%{opacity:1}6%,100%{opacity:0}}.works-top,.works-bottom{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;font-family:"Cherry Bomb One",sans-serif;font-size:50vh;line-height:1;font-weight:900;position:absolute;mix-blend-mode:difference;color:var(--red) !important;will-change:transform}.works-top{top:-0.175em;-webkit-animation:scroll-left 120s linear infinite;animation:scroll-left 120s linear infinite}.works-bottom{bottom:0;-webkit-animation:scroll-right 120s linear infinite;animation:scroll-right 120s linear infinite}@-webkit-keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@-webkit-keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.horizontal{overflow:hidden;position:relative;width:100%;height:100vh;display:flex;align-items:center}.horizontal-container{display:flex;gap:2px;will-change:transform;position:relative;height:100%;align-items:center}.horizontal-panel{flex-shrink:0;width:40vw;border-radius:2em;height:auto;display:flex;flex-direction:column;justify-content:space-between;padding:1em;background:var(--white);position:relative;min-width:300px}.horizontal-panel .panel-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.horizontal-panel .panel-content h3{font-size:.9em;font-weight:400}.horizontal-panel .panel-content ul{display:flex;gap:1em;font-size:.75em}.horizontal-panel .panel-content .image-container{margin-bottom:.5em;aspect-ratio:5/4}@media(max-width: 768px){.horizontal-panel{width:65vw}}@media(max-width: 640px){.horizontal-panel{width:75vw;min-width:280px}.horizontal-panel .panel-content h3{font-size:.75em}.horizontal-panel .panel-content ul{display:flex;gap:1em;font-size:.5em}}.image-container{position:relative;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.image-container img{border-radius:1em;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.image-container .slideshow-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0}.image-container .slideshow-image.active{opacity:1}.container-03{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;z-index:3;aspect-ratio:2/1;overflow:hidden}@media screen and (max-width: 1024px){.container-03{aspect-ratio:16/9}}@media screen and (max-width: 768px){.container-03{aspect-ratio:4/3}}.container-03 .particle-bg,.container-03 .emoji-playground,.container-03 .emoji-playground canvas{position:absolute;inset:0}.container-03 .bouncing-emoji{position:absolute;font-family:"Apple Color Emoji","Noto Color Emoji",sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;will-change:transform;z-index:1;line-height:1}.container-03 .contact{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:5vw;padding:.75em 1em .65em;border-radius:100vmax;z-index:1;line-height:1;background-color:var(--white)}@media screen and (max-width: 1024px){.container-03 .contact{font-size:6vw}}@media screen and (max-width: 768px){.container-03 .contact{font-size:7vw}}.container-03 .contact::before{margin-right:.25em;content:"👉";font-family:"Apple Color Emoji","Noto Color Emoji",sans-serif}.container-03 .contact::after{margin-left:.25em;content:"👀";font-family:"Apple Color Emoji","Noto Color Emoji",sans-serif}.container-03 .contact span::before{white-space:nowrap;content:"お問い合わせ";font-family:"YakuHanJP","Dela Gothic One",sans-serif !important}.container-03 .contact:hover{cursor:pointer}.container-03 .contact:hover span::before{content:"ごめん準備中";font-family:"YakuHanJP","Dela Gothic One",sans-serif !important}.container-03 .contact:hover::before{margin-right:.25em;content:"🙅‍♂️"}.container-03 .contact:hover:after{margin-left:.25em;content:"🙇‍♂️"}.container-03 .contact:active{cursor:pointer}.container-03 .contact:active span::before{content:"ごめん準備中"}.container-03 .contact:active::before{margin-right:.25em;content:"🙅‍♂️"}.container-03 .contact:active:after{margin-left:.25em;content:"🙇‍♂️"}.banners{position:relative;z-index:3}.banners .hand{display:block;color:var(--black) !important;position:absolute;z-index:3;bottom:5%;right:3%;width:10vw;-o-object-fit:cover;object-fit:cover;aspect-ratio:100/85}.banners .hand--black{fill:var(--black)}.banners .hand--beige{fill:var(--beige)}.banners .hand--shadow{fill:var(--black);fill-opacity:.2}.banners img{border-radius:0;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.banners .banner-whisky-highball-wall-paper{background-color:#fabe00;background:linear-gradient(180deg, #fabe00 0%, #ffd626 25%, #ffd626 50%, #ffd626 75%, #fabe00 100%);position:relative;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:2.53/1;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;padding:0 20%}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0}}.banners .banner-whisky-highball-wall-paper img{position:absolute;top:50%;left:0;transform:translateY(-50%);left:10%;width:30vw;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:1060/1215}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper img{position:relative;top:2vw;left:0;width:50vw;transform:translateY(0)}}.banners .banner-whisky-highball-wall-paper p{font-family:"Noto Serif JP",serif;line-height:1;text-align:center;color:var(--black);font-size:7vw;position:relative;width:32vw;height:22vw}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p{top:-2vw;width:50vw}}.banners .banner-whisky-highball-wall-paper p span{line-height:1;display:inline-block;position:absolute}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(1){top:0;left:.8vw;font-size:8.5vw}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(1){top:0;left:1.2vw;font-size:12.75vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(2){top:.5vw;left:5.75vw;font-size:7.5vw;-webkit-text-stroke:.025vw var(--black);text-stroke:.025vw .025vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(2){top:.75vw;left:8.625vw;font-size:11.25vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(3){top:2vw;left:10vw;-webkit-text-stroke:.025vw var(--black);text-stroke:.025vw .025vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(3){top:3vw;left:15vw;font-size:11.25vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(4){top:1.3vw;left:15vw;font-size:6.5vw;-webkit-text-stroke:.14vw var(--black);text-stroke:.14vw .14vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(4){top:2vw;left:23vw;font-size:9.75vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(5){top:2vw;left:21vw;font-size:5.5vw;-webkit-text-stroke:.15vw var(--black);text-stroke:.15vw .15vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(5){top:3vw;left:31.75vw;font-size:8.25vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(6){top:3vw;left:26.25vw;font-size:5.5vw;-webkit-text-stroke:.17vw var(--black);text-stroke:.17vw .17vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(6){top:4.5vw;left:39.4vw;font-size:8.25vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(7){top:8.5vw;left:2.5vw;font-size:6vw;-webkit-text-stroke:.1675vw var(--black);text-stroke:1675vw .17vw .1675vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(7){top:12.75vw;left:3.75vw;font-size:9vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(8){top:8.5vw;left:8.5vw;font-size:7.5vw;-webkit-text-stroke:.0775vw var(--black);text-stroke:.0775vw .0775vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(8){top:12.75vw;left:12.75vw;font-size:11.25vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(9){top:8.75vw;left:15vw;font-size:6vw;-webkit-text-stroke:.15vw var(--black);text-stroke:.15vw .15vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(9){top:13.125vw;left:22.5vw;font-size:9vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(10){top:8vw;left:19.8vw;font-size:6vw;-webkit-text-stroke:.15vw var(--black);text-stroke:.15vw .15vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(10){top:12vw;left:29.7vw;font-size:9vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(11){top:9vw;left:25.5vw;font-size:5.5vw;-webkit-text-stroke:.175vw var(--black);text-stroke:.175vw .175vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(11){top:13.5vw;left:38.25vw;font-size:8.25vw}}.banners .banner-whisky-highball-wall-paper p span:nth-of-type(12){top:11vw;left:29.5vw;font-size:3.5vw;-webkit-text-stroke:.25vw var(--black);text-stroke:.25vw .25vw var(--black)}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p span:nth-of-type(12){top:16.5vw;left:44.25vw;font-size:5.25vw}}.banners .banner-whisky-highball-wall-paper p em{font-weight:700;position:absolute;top:17vw;left:10.25vw;font-size:.85vw}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p em{top:25vw;left:15vw;font-size:1.325vw}}.banners .banner-whisky-highball-wall-paper p select{font-family:"YakuHanJP","Noto Sans","Noto Sans JP",sans-serif;color:var(--black);outline:none;border:0;border-radius:0;position:absolute;top:20vw;left:10vw;background-color:var(--white);padding:.75em 1em .65em;border-radius:100vmax;font-size:1.5vw}@media screen and (max-width: 768px){.banners .banner-whisky-highball-wall-paper p select{top:30vw;left:2.65vw;font-size:3.3vw}}.banners .banner-pixel-art-html-css-generator,.banners .banner-lens-flare-ghost-css-generator,.banners .banner-grid-snap-clip-path-maker,.banners .banner-bomb-shaped-clip-path-generator{background-color:var(--black);position:relative;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:3/1;overflow:hidden}.banners .banner-pixel-art-html-css-generator:hover,.banners .banner-pixel-art-html-css-generator:active,.banners .banner-lens-flare-ghost-css-generator:hover,.banners .banner-lens-flare-ghost-css-generator:active,.banners .banner-grid-snap-clip-path-maker:hover,.banners .banner-grid-snap-clip-path-maker:active,.banners .banner-bomb-shaped-clip-path-generator:hover,.banners .banner-bomb-shaped-clip-path-generator:active{background-color:#fff;background-image:linear-gradient(45deg, rgb(203, 203, 203) 25%, transparent 0px),linear-gradient(45deg, transparent 75%, rgb(203, 203, 204) 0px),linear-gradient(45deg, rgb(203, 203, 204) 25%, transparent 0px),linear-gradient(45deg, transparent 75%, rgb(203, 203, 204) 0px);background-size:16px 16px;background-position:0px 0px,8px 8px,8px 8px,16px 16px;padding:1px;-webkit-animation:selected-line 1s linear infinite;animation:selected-line 1s linear infinite}.banners .banner-pixel-art-html-css-generator:hover p,.banners .banner-pixel-art-html-css-generator:active p,.banners .banner-lens-flare-ghost-css-generator:hover p,.banners .banner-lens-flare-ghost-css-generator:active p,.banners .banner-grid-snap-clip-path-maker:hover p,.banners .banner-grid-snap-clip-path-maker:active p,.banners .banner-bomb-shaped-clip-path-generator:hover p,.banners .banner-bomb-shaped-clip-path-generator:active p{color:var(--pink);mix-blend-mode:normal}.banners .banner-pixel-art-html-css-generator:hover img,.banners .banner-pixel-art-html-css-generator:active img,.banners .banner-lens-flare-ghost-css-generator:hover img,.banners .banner-lens-flare-ghost-css-generator:active img,.banners .banner-grid-snap-clip-path-maker:hover img,.banners .banner-grid-snap-clip-path-maker:active img,.banners .banner-bomb-shaped-clip-path-generator:hover img,.banners .banner-bomb-shaped-clip-path-generator:active img{display:none}.banners .banner-pixel-art-html-css-generator:hover .hand div,.banners .banner-pixel-art-html-css-generator:active .hand div,.banners .banner-lens-flare-ghost-css-generator:hover .hand div,.banners .banner-lens-flare-ghost-css-generator:active .hand div,.banners .banner-grid-snap-clip-path-maker:hover .hand div,.banners .banner-grid-snap-clip-path-maker:active .hand div,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div,.banners .banner-bomb-shaped-clip-path-generator:active .hand div{position:absolute;top:0;left:0;width:10vw;-o-object-fit:cover;object-fit:cover;aspect-ratio:100/85;border:1px solid var(--illustrator);display:grid;grid-template-columns:1fr}.banners .banner-pixel-art-html-css-generator:hover .hand div span,.banners .banner-pixel-art-html-css-generator:active .hand div span,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span,.banners .banner-lens-flare-ghost-css-generator:active .hand div span,.banners .banner-grid-snap-clip-path-maker:hover .hand div span,.banners .banner-grid-snap-clip-path-maker:active .hand div span,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span{margin-inline:auto;display:block}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(1),.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(3),.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(1),.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(3),.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(1),.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(3),.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(1),.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(3),.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(1),.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(3),.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(1),.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(3),.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(1),.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(3),.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(1),.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(3){width:9px;height:9px;border:1px solid var(--illustrator);background-color:var(--white)}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(1)::before,.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(1)::after,.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(3)::before,.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(3)::after,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(1)::before,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(1)::after,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(3)::before,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(3)::after,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(1)::before,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(1)::after,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(3)::before,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(3)::after,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(1)::before,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(1)::after,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(3)::before,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(3)::after,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(1)::before,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(1)::after,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(3)::before,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(3)::after,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(1)::before,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(1)::after,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(3)::before,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(3)::after,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(1)::before,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(1)::after,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(3)::before,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(3)::after,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(1)::before,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(1)::after,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(3)::before,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(3)::after{content:"";position:absolute;width:7px;height:7px;border:1px solid var(--illustrator);background-color:var(--white)}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(1),.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(1),.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(1),.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(1),.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(1),.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(1),.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(1),.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(1){align-self:start;margin-top:-5px}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(1)::before,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(1)::before,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(1)::before,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(1)::before,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(1)::before,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(1)::before,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(1)::before,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(1)::before{top:-5px;left:-5px}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(1)::after,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(1)::after,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(1)::after,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(1)::after,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(1)::after,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(1)::after,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(1)::after,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(1)::after{top:-5px;right:-5px}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(2),.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(2),.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(2),.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(2),.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(2),.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(2),.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(2),.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(2){align-self:center;width:7px;height:7px;border-radius:50%;background-color:var(--illustrator)}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(2)::before,.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(2)::after,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(2)::before,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(2)::after,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(2)::before,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(2)::after,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(2)::before,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(2)::after,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(2)::before,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(2)::after,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(2)::before,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(2)::after,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(2)::before,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(2)::after,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(2)::before,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(2)::after{content:"";width:7px;height:7px;border:1px solid var(--illustrator);background-color:var(--white)}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(2)::before,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(2)::before,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(2)::before,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(2)::before,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(2)::before,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(2)::before,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(2)::before,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(2)::before{position:absolute;top:50%;left:0;transform:translateY(-50%);left:-5px}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(2)::after,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(2)::after,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(2)::after,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(2)::after,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(2)::after,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(2)::after,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(2)::after,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(2)::after{position:absolute;top:50%;right:0;transform:translateY(-50%);right:-5px}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(3),.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(3),.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(3),.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(3),.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(3),.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(3),.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(3),.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(3){align-self:end;margin-bottom:-5px}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(3)::before,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(3)::before,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(3)::before,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(3)::before,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(3)::before,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(3)::before,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(3)::before,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(3)::before{bottom:-5px;left:-5px}.banners .banner-pixel-art-html-css-generator:hover .hand div span:nth-child(3)::after,.banners .banner-pixel-art-html-css-generator:active .hand div span:nth-child(3)::after,.banners .banner-lens-flare-ghost-css-generator:hover .hand div span:nth-child(3)::after,.banners .banner-lens-flare-ghost-css-generator:active .hand div span:nth-child(3)::after,.banners .banner-grid-snap-clip-path-maker:hover .hand div span:nth-child(3)::after,.banners .banner-grid-snap-clip-path-maker:active .hand div span:nth-child(3)::after,.banners .banner-bomb-shaped-clip-path-generator:hover .hand div span:nth-child(3)::after,.banners .banner-bomb-shaped-clip-path-generator:active .hand div span:nth-child(3)::after{bottom:-5px;right:-5px}.banners .banner-pixel-art-html-css-generator:hover .check-area,.banners .banner-pixel-art-html-css-generator:active .check-area,.banners .banner-lens-flare-ghost-css-generator:hover .check-area,.banners .banner-lens-flare-ghost-css-generator:active .check-area,.banners .banner-grid-snap-clip-path-maker:hover .check-area,.banners .banner-grid-snap-clip-path-maker:active .check-area,.banners .banner-bomb-shaped-clip-path-generator:hover .check-area,.banners .banner-bomb-shaped-clip-path-generator:active .check-area{position:absolute;background-color:#fff;background-image:linear-gradient(45deg, rgb(203, 203, 204) 25%, transparent 0px),linear-gradient(45deg, transparent 75%, rgb(203, 203, 204) 0px),linear-gradient(45deg, rgb(203, 203, 204) 25%, transparent 0px),linear-gradient(45deg, transparent 75%, rgb(203, 203, 204) 0px);background-size:16px 16px;background-position:0px 0px,8px 8px,8px 8px,16px 16px;width:calc(100% - 2px);height:calc(100% - 2px);-o-object-fit:cover;object-fit:cover;aspect-ratio:3/1;overflow:hidden}.banners .banner-pixel-art-html-css-generator p,.banners .banner-lens-flare-ghost-css-generator p,.banners .banner-grid-snap-clip-path-maker p,.banners .banner-bomb-shaped-clip-path-generator p{white-space:nowrap;position:absolute;top:51%;left:50%;transform:translate(-50%, -49%);z-index:3;font-size:14vw;font-family:"Bebas Neue",sans-serif;font-weight:700;color:var(--white);line-height:1;mix-blend-mode:exclusion}.banners .banner-pixel-art-html-css-generator a,.banners .banner-lens-flare-ghost-css-generator a,.banners .banner-grid-snap-clip-path-maker a,.banners .banner-bomb-shaped-clip-path-generator a{display:block;position:absolute;inset:0}.banners .banner-pixel-art-html-css-generator img{position:absolute;top:0;left:0;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:3/1}.banners .banner-bomb-shaped-clip-path-generator img{mix-blend-mode:exclusion;-webkit-clip-path:polygon(50% 0%, 50.2% 40%, 52.1% 0%, 50.6% 40%, 54.2% 0.2%, 51% 40.1%, 56.3% 0.4%, 51.5% 40.1%, 58.3% 0.7%, 51.9% 40.2%, 60.4% 1.1%, 52.3% 40.3%, 62.4% 1.6%, 52.7% 40.4%, 64.5% 2.1%, 53.1% 40.5%, 66.4% 2.8%, 53.5% 40.6%, 68.4% 3.5%, 53.9% 40.8%, 70.3% 4.3%, 54.3% 41%, 72.2% 5.2%, 54.6% 41.1%, 74.1% 6.2%, 55% 41.3%, 75.9% 7.2%, 55.4% 41.6%, 77.7% 8.4%, 55.7% 41.8%, 79.4% 9.5%, 56% 42%, 81.1% 10.8%, 56.4% 42.3%, 82.7% 12.2%, 56.7% 42.6%, 84.2% 13.6%, 57% 42.9%, 85.7% 15%, 57.3% 43.2%, 87.2% 16.5%, 57.6% 43.5%, 88.5% 18.1%, 57.8% 43.8%, 89.8% 19.8%, 58.1% 44.1%, 91.1% 21.5%, 58.3% 44.5%, 92.2% 23.2%, 58.6% 44.8%, 93.3% 25%, 58.8% 45.2%, 94.3% 26.8%, 59% 45.6%, 95.2% 28.7%, 59.1% 45.9%, 96.1% 30.6%, 59.3% 46.3%, 96.9% 32.6%, 59.4% 46.7%, 97.6% 34.5%, 59.6% 47.1%, 98.2% 36.6%, 59.7% 47.5%, 98.7% 38.6%, 59.8% 47.9%, 99.1% 40.6%, 59.9% 48.3%, 99.5% 42.7%, 59.9% 48.7%, 99.7% 44.8%, 60% 49.2%, 99.9% 46.9%, 60% 49.6%, 100% 49%, 60% 50%, 100% 51%, 60% 50.4%, 99.9% 53.1%, 60% 50.8%, 99.7% 55.2%, 59.9% 51.3%, 99.5% 57.3%, 59.9% 51.7%, 99.1% 59.4%, 59.8% 52.1%, 98.7% 61.4%, 59.7% 52.5%, 98.2% 63.4%, 59.6% 52.9%, 97.6% 65.5%, 59.4% 53.3%, 96.9% 67.4%, 59.3% 53.7%, 96.1% 69.4%, 59.1% 54.1%, 95.2% 71.3%, 59% 54.4%, 94.3% 73.2%, 58.8% 54.8%, 93.3% 75%, 58.6% 55.2%, 92.2% 76.8%, 58.3% 55.5%, 91.1% 78.5%, 58.1% 55.9%, 89.8% 80.2%, 57.8% 56.2%, 88.5% 81.9%, 57.6% 56.5%, 87.2% 83.5%, 57.3% 56.8%, 85.7% 85%, 57% 57.1%, 84.2% 86.4%, 56.7% 57.4%, 82.7% 87.8%, 56.4% 57.7%, 81.1% 89.2%, 56% 58%, 79.4% 90.5%, 55.7% 58.2%, 77.7% 91.6%, 55.4% 58.4%, 75.9% 92.8%, 55% 58.7%, 74.1% 93.8%, 54.6% 58.9%, 72.2% 94.8%, 54.3% 59%, 70.3% 95.7%, 53.9% 59.2%, 68.4% 96.5%, 53.5% 59.4%, 66.4% 97.2%, 53.1% 59.5%, 64.5% 97.9%, 52.7% 59.6%, 62.4% 98.4%, 52.3% 59.7%, 60.4% 98.9%, 51.9% 59.8%, 58.3% 99.3%, 51.5% 59.9%, 56.3% 99.6%, 51% 59.9%, 54.2% 99.8%, 50.6% 60%, 52.1% 100%, 50.2% 60%, 50% 100%, 49.8% 60%, 47.9% 100%, 49.4% 60%, 45.8% 99.8%, 49% 59.9%, 43.7% 99.6%, 48.5% 59.9%, 41.7% 99.3%, 48.1% 59.8%, 39.6% 98.9%, 47.7% 59.7%, 37.6% 98.4%, 47.3% 59.6%, 35.5% 97.9%, 46.9% 59.5%, 33.6% 97.2%, 46.5% 59.4%, 31.6% 96.5%, 46.1% 59.2%, 29.7% 95.7%, 45.7% 59%, 27.8% 94.8%, 45.4% 58.9%, 25.9% 93.8%, 45% 58.7%, 24.1% 92.8%, 44.6% 58.4%, 22.3% 91.6%, 44.3% 58.2%, 20.6% 90.5%, 44% 58%, 18.9% 89.2%, 43.6% 57.7%, 17.3% 87.8%, 43.3% 57.4%, 15.8% 86.4%, 43% 57.1%, 14.3% 85%, 42.7% 56.8%, 12.8% 83.5%, 42.4% 56.5%, 11.5% 81.9%, 42.2% 56.2%, 10.2% 80.2%, 41.9% 55.9%, 8.9% 78.5%, 41.7% 55.5%, 7.8% 76.8%, 41.4% 55.2%, 6.7% 75%, 41.2% 54.8%, 5.7% 73.2%, 41% 54.4%, 4.8% 71.3%, 40.9% 54.1%, 3.9% 69.4%, 40.7% 53.7%, 3.1% 67.4%, 40.6% 53.3%, 2.4% 65.5%, 40.4% 52.9%, 1.8% 63.4%, 40.3% 52.5%, 1.3% 61.4%, 40.2% 52.1%, 0.9% 59.4%, 40.1% 51.7%, 0.5% 57.3%, 40.1% 51.3%, 0.3% 55.2%, 40% 50.8%, 0.1% 53.1%, 40% 50.4%, 0% 51%, 40% 50%, 0% 49%, 40% 49.6%, 0.1% 46.9%, 40% 49.2%, 0.3% 44.8%, 40.1% 48.7%, 0.5% 42.7%, 40.1% 48.3%, 0.9% 40.6%, 40.2% 47.9%, 1.3% 38.6%, 40.3% 47.5%, 1.8% 36.6%, 40.4% 47.1%, 2.4% 34.5%, 40.6% 46.7%, 3.1% 32.6%, 40.7% 46.3%, 3.9% 30.6%, 40.9% 45.9%, 4.8% 28.7%, 41% 45.6%, 5.7% 26.8%, 41.2% 45.2%, 6.7% 25%, 41.4% 44.8%, 7.8% 23.2%, 41.7% 44.5%, 8.9% 21.5%, 41.9% 44.1%, 10.2% 19.8%, 42.2% 43.8%, 11.5% 18.1%, 42.4% 43.5%, 12.8% 16.5%, 42.7% 43.2%, 14.3% 15%, 43% 42.9%, 15.8% 13.6%, 43.3% 42.6%, 17.3% 12.2%, 43.6% 42.3%, 18.9% 10.8%, 44% 42%, 20.6% 9.5%, 44.3% 41.8%, 22.3% 8.4%, 44.6% 41.6%, 24.1% 7.2%, 45% 41.3%, 25.9% 6.2%, 45.4% 41.1%, 27.8% 5.2%, 45.7% 41%, 29.7% 4.3%, 46.1% 40.8%, 31.6% 3.5%, 46.5% 40.6%, 33.6% 2.8%, 46.9% 40.5%, 35.5% 2.1%, 47.3% 40.4%, 37.6% 1.6%, 47.7% 40.3%, 39.6% 1.1%, 48.1% 40.2%, 41.7% 0.7%, 48.5% 40.1%, 43.7% 0.4%, 49% 40.1%, 45.8% 0.2%, 49.4% 40%, 47.9% 0%, 49.8% 40%);clip-path:polygon(50% 0%, 50.2% 40%, 52.1% 0%, 50.6% 40%, 54.2% 0.2%, 51% 40.1%, 56.3% 0.4%, 51.5% 40.1%, 58.3% 0.7%, 51.9% 40.2%, 60.4% 1.1%, 52.3% 40.3%, 62.4% 1.6%, 52.7% 40.4%, 64.5% 2.1%, 53.1% 40.5%, 66.4% 2.8%, 53.5% 40.6%, 68.4% 3.5%, 53.9% 40.8%, 70.3% 4.3%, 54.3% 41%, 72.2% 5.2%, 54.6% 41.1%, 74.1% 6.2%, 55% 41.3%, 75.9% 7.2%, 55.4% 41.6%, 77.7% 8.4%, 55.7% 41.8%, 79.4% 9.5%, 56% 42%, 81.1% 10.8%, 56.4% 42.3%, 82.7% 12.2%, 56.7% 42.6%, 84.2% 13.6%, 57% 42.9%, 85.7% 15%, 57.3% 43.2%, 87.2% 16.5%, 57.6% 43.5%, 88.5% 18.1%, 57.8% 43.8%, 89.8% 19.8%, 58.1% 44.1%, 91.1% 21.5%, 58.3% 44.5%, 92.2% 23.2%, 58.6% 44.8%, 93.3% 25%, 58.8% 45.2%, 94.3% 26.8%, 59% 45.6%, 95.2% 28.7%, 59.1% 45.9%, 96.1% 30.6%, 59.3% 46.3%, 96.9% 32.6%, 59.4% 46.7%, 97.6% 34.5%, 59.6% 47.1%, 98.2% 36.6%, 59.7% 47.5%, 98.7% 38.6%, 59.8% 47.9%, 99.1% 40.6%, 59.9% 48.3%, 99.5% 42.7%, 59.9% 48.7%, 99.7% 44.8%, 60% 49.2%, 99.9% 46.9%, 60% 49.6%, 100% 49%, 60% 50%, 100% 51%, 60% 50.4%, 99.9% 53.1%, 60% 50.8%, 99.7% 55.2%, 59.9% 51.3%, 99.5% 57.3%, 59.9% 51.7%, 99.1% 59.4%, 59.8% 52.1%, 98.7% 61.4%, 59.7% 52.5%, 98.2% 63.4%, 59.6% 52.9%, 97.6% 65.5%, 59.4% 53.3%, 96.9% 67.4%, 59.3% 53.7%, 96.1% 69.4%, 59.1% 54.1%, 95.2% 71.3%, 59% 54.4%, 94.3% 73.2%, 58.8% 54.8%, 93.3% 75%, 58.6% 55.2%, 92.2% 76.8%, 58.3% 55.5%, 91.1% 78.5%, 58.1% 55.9%, 89.8% 80.2%, 57.8% 56.2%, 88.5% 81.9%, 57.6% 56.5%, 87.2% 83.5%, 57.3% 56.8%, 85.7% 85%, 57% 57.1%, 84.2% 86.4%, 56.7% 57.4%, 82.7% 87.8%, 56.4% 57.7%, 81.1% 89.2%, 56% 58%, 79.4% 90.5%, 55.7% 58.2%, 77.7% 91.6%, 55.4% 58.4%, 75.9% 92.8%, 55% 58.7%, 74.1% 93.8%, 54.6% 58.9%, 72.2% 94.8%, 54.3% 59%, 70.3% 95.7%, 53.9% 59.2%, 68.4% 96.5%, 53.5% 59.4%, 66.4% 97.2%, 53.1% 59.5%, 64.5% 97.9%, 52.7% 59.6%, 62.4% 98.4%, 52.3% 59.7%, 60.4% 98.9%, 51.9% 59.8%, 58.3% 99.3%, 51.5% 59.9%, 56.3% 99.6%, 51% 59.9%, 54.2% 99.8%, 50.6% 60%, 52.1% 100%, 50.2% 60%, 50% 100%, 49.8% 60%, 47.9% 100%, 49.4% 60%, 45.8% 99.8%, 49% 59.9%, 43.7% 99.6%, 48.5% 59.9%, 41.7% 99.3%, 48.1% 59.8%, 39.6% 98.9%, 47.7% 59.7%, 37.6% 98.4%, 47.3% 59.6%, 35.5% 97.9%, 46.9% 59.5%, 33.6% 97.2%, 46.5% 59.4%, 31.6% 96.5%, 46.1% 59.2%, 29.7% 95.7%, 45.7% 59%, 27.8% 94.8%, 45.4% 58.9%, 25.9% 93.8%, 45% 58.7%, 24.1% 92.8%, 44.6% 58.4%, 22.3% 91.6%, 44.3% 58.2%, 20.6% 90.5%, 44% 58%, 18.9% 89.2%, 43.6% 57.7%, 17.3% 87.8%, 43.3% 57.4%, 15.8% 86.4%, 43% 57.1%, 14.3% 85%, 42.7% 56.8%, 12.8% 83.5%, 42.4% 56.5%, 11.5% 81.9%, 42.2% 56.2%, 10.2% 80.2%, 41.9% 55.9%, 8.9% 78.5%, 41.7% 55.5%, 7.8% 76.8%, 41.4% 55.2%, 6.7% 75%, 41.2% 54.8%, 5.7% 73.2%, 41% 54.4%, 4.8% 71.3%, 40.9% 54.1%, 3.9% 69.4%, 40.7% 53.7%, 3.1% 67.4%, 40.6% 53.3%, 2.4% 65.5%, 40.4% 52.9%, 1.8% 63.4%, 40.3% 52.5%, 1.3% 61.4%, 40.2% 52.1%, 0.9% 59.4%, 40.1% 51.7%, 0.5% 57.3%, 40.1% 51.3%, 0.3% 55.2%, 40% 50.8%, 0.1% 53.1%, 40% 50.4%, 0% 51%, 40% 50%, 0% 49%, 40% 49.6%, 0.1% 46.9%, 40% 49.2%, 0.3% 44.8%, 40.1% 48.7%, 0.5% 42.7%, 40.1% 48.3%, 0.9% 40.6%, 40.2% 47.9%, 1.3% 38.6%, 40.3% 47.5%, 1.8% 36.6%, 40.4% 47.1%, 2.4% 34.5%, 40.6% 46.7%, 3.1% 32.6%, 40.7% 46.3%, 3.9% 30.6%, 40.9% 45.9%, 4.8% 28.7%, 41% 45.6%, 5.7% 26.8%, 41.2% 45.2%, 6.7% 25%, 41.4% 44.8%, 7.8% 23.2%, 41.7% 44.5%, 8.9% 21.5%, 41.9% 44.1%, 10.2% 19.8%, 42.2% 43.8%, 11.5% 18.1%, 42.4% 43.5%, 12.8% 16.5%, 42.7% 43.2%, 14.3% 15%, 43% 42.9%, 15.8% 13.6%, 43.3% 42.6%, 17.3% 12.2%, 43.6% 42.3%, 18.9% 10.8%, 44% 42%, 20.6% 9.5%, 44.3% 41.8%, 22.3% 8.4%, 44.6% 41.6%, 24.1% 7.2%, 45% 41.3%, 25.9% 6.2%, 45.4% 41.1%, 27.8% 5.2%, 45.7% 41%, 29.7% 4.3%, 46.1% 40.8%, 31.6% 3.5%, 46.5% 40.6%, 33.6% 2.8%, 46.9% 40.5%, 35.5% 2.1%, 47.3% 40.4%, 37.6% 1.6%, 47.7% 40.3%, 39.6% 1.1%, 48.1% 40.2%, 41.7% 0.7%, 48.5% 40.1%, 43.7% 0.4%, 49% 40.1%, 45.8% 0.2%, 49.4% 40%, 47.9% 0%, 49.8% 40%)}footer{position:relative;z-index:3;background-color:var(--white);color:var(--white);padding:2px;overflow:hidden}footer ul{width:100%;height:auto;display:flex;gap:2px}footer ul li{border-radius:4vw;width:100%;height:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;z-index:4}footer ul li a{display:block;width:100%;height:100%;display:block;text-decoration:none;border-radius:4vw;position:relative;width:100%;height:100%;display:grid;place-items:center}footer ul li svg{display:block;width:62.5%;height:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}footer ul li:hover{mix-blend-mode:difference}@media screen and (max-width: 1024px){footer ul li,footer ul a{border-radius:5vw}}@media screen and (max-width: 768px){footer ul li,footer ul a{border-radius:6vw}}footer .noisy{background:var(--white);position:absolute;inset:0;filter:url(#noise);z-index:3}footer .sns-x{background-image:url(../img/sns-x.jpg);background-repeat:no-repeat;background-size:100% 100%}footer .sns-x svg{fill:var(--white)}footer .sns-note{background-color:var(--white)}footer .sns-note svg{fill:#000004}footer .sns-line{background-color:var(--line)}footer .sns-line svg{fill:var(--white)}footer .icon-blog{background-color:var(--icon-pink)}footer .icon-blog span{text-align:center;font-family:"YakuHanJP","Dela Gothic One",sans-serif;display:block;width:100%;height:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;display:grid;place-items:center}footer .icon-blog span::before{line-height:1.85;content:"ブログ";font-size:7.5vw;color:var(--white);letter-spacing:-0.03em}.container{position:relative;z-index:2;margin:0 auto;height:75vh;display:flex;flex-direction:column}@media screen and (max-width: 768px){.container{height:100vh}}.main-card{background:#fff;flex:1;display:flex;flex-direction:column;overflow:hidden;max-height:100vh;box-shadow:1px 1px 0 0 #000;border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000}.status{display:none}.status-bar{background:linear-gradient(135deg, #f8fafc, #e2e8f0);border:1px solid #cbd5e0;padding:.8em;margin-bottom:1em;text-align:center;font-size:.85em;flex-shrink:0}.status.cache{background:linear-gradient(135deg, #fff8e1, #ffecb3);border-color:#ffcc02}.status.rate-limited{background:linear-gradient(135deg, #ffe6e6, #ffcccc);border-color:#f99;color:#c00}.status.emergency{background:linear-gradient(135deg, #f3e5f5, #e1bee7);border-color:#ba68c8;color:#7b1fa2}.tweets-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 1em;border-top:1px solid #000;border-bottom:1px solid #000;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}@media screen and (max-width: 768px){.tweets-grid{padding:0 .5em}}.tweets-grid::-webkit-scrollbar{width:12px}.tweets-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.tweets-grid::-webkit-scrollbar-thumb{background:#888;border-radius:6px;border:2px solid #f1f1f1}.tweets-grid::-webkit-scrollbar-thumb:hover{background:#555}.tweets-container{display:grid;gap:1em;padding:1em 0}@media screen and (max-width: 768px){.tweets-container{gap:.5em;padding:.5em 0}}.tweets-container h3{display:flex;gap:.5em;align-items:center}.tweets-container h3 img{width:50px;height:50px;border-radius:50%}@media screen and (max-width: 768px){.tweets-container h3 img{width:40px;height:40px}}.tweets-container h3 svg{fill:#1d9bf0;width:1.2em;height:1.2em}.tweets-container h3 span{line-height:1.3;display:flex;gap:.5em;align-items:center}@media(hover: hover)and (pointer: fine){.tweets-container h3 span:nth-child(1):hover{cursor:pointer;text-decoration:underline;text-underline-offset:.2em !important;text-decoration-thickness:1px !important}}.tweets-container h3 span:nth-child(1):active{text-decoration:underline;text-underline-offset:.2em !important;text-decoration-thickness:1px !important}.tweets-container h3 span:nth-child(1) a{text-decoration:none;color:var(--black);font-weight:700}.tweets-container h3 span:nth-child(2){color:#657786}@media screen and (max-width: 768px){.tweets-container h3 span{font-size:.75em}}.tweet-card{background:#fafbfc;border:1px solid #e1e8ed;border-radius:8px;position:relative;overflow:hidden;transition:transform .2s ease-in-out,filter .2s ease-in-out}@media(hover: hover)and (pointer: fine){.tweet-card:hover{transform:translate(0.05em, 0.05em);cursor:pointer;filter:brightness(0.98);text-decoration:none !important}}.tweet-card:active{transition:none !important;filter:brightness(0.9);color:var(--black) !important;text-decoration:none !important}.tweet-card a{text-decoration:none;color:#000;display:block;padding:1em}.tweet-card a:hover,.tweet-card a:active{cursor:pointer}@media screen and (max-width: 768px){.tweet-card a{padding:.5em}}.tweet-content{line-height:1.6;margin-bottom:1em;font-size:1em}@media screen and (max-width: 768px){.tweet-content{margin-bottom:.5em;font-size:.75em}}.tweet-content:hover,.tweet-content:active{cursor:pointer}.tweet-text p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.tweet-media{margin-top:1em}@media screen and (max-width: 768px){.tweet-media{margin-top:.5em}}.tweet-image{width:100%;height:auto;max-height:400px;-o-object-fit:cover;object-fit:cover;border:1px solid #e1e8ed;border-radius:4px}.video-placeholder{position:relative;display:inline-block}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.7);color:#fff;padding:.5em 1em;border-radius:4px;font-size:.9em}@media screen and (max-width: 768px){.video-overlay{padding:.25em .5em}}.tweet-meta{color:#657786;font-size:.85em;display:flex;gap:1em}.meta-item{display:flex;align-items:center;gap:.25em}@media screen and (max-width: 768px){.meta-item{font-size:.75em}}.error-card{background:linear-gradient(135deg, #ffe6e6, #ffcccc);border:1px solid #f99;border-radius:8px;padding:2em;text-align:center;color:#c00;margin:2em}@media screen and (max-width: 768px){.error-card{margin:1em;padding:1em}}.error-card h3{margin-bottom:1em;font-size:1.2em}.tweets-container:empty::after{content:"ツイートを読み込み中...";display:block;text-align:center;padding:2em;color:#666;font-style:italic}@media screen and (max-width: 768px){.tweets-container:empty::after{padding:1em}}.c-modal__bar{position:relative;width:100%;height:21px;border-top:1px solid var(--folder-light);border-left:1px solid var(--folder-light);border-right:1px solid var(--folder-shadow);border-bottom:1px solid var(--folder-shadow);background-color:var(--light-silver)}.c-modal__bar::after{content:"";position:absolute;bottom:-2px;left:-1px;width:calc(100% + 2px);height:1px;background-color:var(--black)}.c-modal__bar-inner{position:absolute;top:3px;left:0;width:100%;height:12px;background-image:repeating-linear-gradient(0deg, var(--dark-silver) 0, var(--dark-silver) 1px, transparent 1px, transparent 2px)}.c-modal__bar-inner div{display:block;position:absolute;z-index:0;top:1px;left:6px;width:13px;height:11px;border:none;background-color:var(--light-silver)}.c-modal__bar-inner div::before{content:"";position:absolute;top:0;left:1px;width:11px;height:11px;border-left:1px solid var(--folder-dark);border-top:1px solid var(--folder-dark);background-color:var(--folder-light)}.c-modal__bar-inner div::after{content:"";position:absolute;top:2px;left:3px;width:8px;height:8px;border:none;background-color:var(--silver);border-right:1px solid var(--folder-dark);border-bottom:1px solid var(--folder-dark)}.c-modal__bar-inner em{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:12px;background-color:var(--light-silver);line-height:1;padding:.25em .5em 0}.c-modal__close{display:block;width:11px;height:11px;position:absolute;top:2px;left:7px}.c-modal__close:hover{cursor:pointer}.c-modal__close:active{background-color:var(--folder);border:1px solid var(--black)}.c-modal__close:active span{display:block}.c-modal__close:active span:nth-child(1){position:absolute;top:0;left:4px;width:1px;height:3px;background-color:var(--black)}.c-modal__close:active span:nth-child(1)::before{content:"";position:absolute;top:4px;left:-4px;width:3px;height:1px;background-color:var(--black)}.c-modal__close:active span:nth-child(2){position:absolute;bottom:0px;left:4px;width:1px;height:3px;background-color:var(--black)}.c-modal__close:active span:nth-child(2)::before{content:"";position:absolute;bottom:4px;right:-4px;width:3px;height:1px;background-color:var(--black)}.c-modal__close:active span:nth-child(3){transform-origin:top left;position:absolute;top:1px;left:2px;width:2px;height:1px;background-color:var(--black);transform:rotate(45deg)}.c-modal__close:active span:nth-child(4){transform-origin:top left;position:absolute;bottom:1px;left:1px;width:2px;height:1px;background-color:var(--black);transform:rotate(-45deg)}.c-modal__close:active span:nth-child(5){transform-origin:top right;position:absolute;top:1px;right:2px;width:2px;height:1px;background-color:var(--black);transform:rotate(-45deg)}.c-modal__close:active span:nth-child(6){transform-origin:top right;position:absolute;bottom:1px;right:1px;width:2px;height:1px;background-color:var(--black);transform:rotate(45deg)}
/*# sourceMappingURL=style.min.css.map */