@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap";:root{--color-bg: #FFFDF5;--color-primary: #2b2a2a;--color-button: #281c14;--color-attention: #f20000;--color-highlight: #fff6e8;--color-strong: #ffc400;--color-strong-rgb: 255, 196, 0;--color-accent-bg: #fff3d4;--color-accent-border: #ffdd9a;--color-accent-text: #ff5900;--color-warning-bg: #f8d7da;--color-warning-border: #f5c6cb;--color-warning-text: #d70000;--color-footer-bg: #fff8e6;--color-white: #ffffff;--color-gray-50: #f8f4f2;--color-gray-100: #f2ebe8;--color-gray-200: #e2d5cf;--color-gray-300: #c9b8b1;--color-gray-400: #af9c95;--color-gray-500: #968179;--color-gray-600: #7d6a62;--color-gray-700: #63524b;--color-gray-800: #4a3c36;--color-gray-900: #332823;--color-black: #000000;--color-red: #ff3f4d;--color-yellow: #ffc000;--color-orange: #ff7e1d;--color-pink: #ff76b8;--color-purple: #944dcb;--color-blue: #0c6ff9;--color-cyan: #15c2cb;--color-green: #08a900;--color-guest: #ff921d;--color-guest-dark: #f47615;--font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--font-size-xs: .75rem;--font-size-xsm: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--max-width-container: 1200px;--breakpoint-sm: 320px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-family);line-height:1.6;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;position:relative}input,button,textarea,select{font-family:inherit}.clickable-element{cursor:pointer}.content-hidden{display:none!important}#main-content{flex:1 0 auto;max-width:var(--max-width-container);margin:0 auto;padding:5rem 2rem 2rem;width:100%}@media screen and (max-width:1024px){#main-content{padding:5rem 1.5rem 1.5rem}}@media screen and (max-width:768px){#main-content{padding:4.5rem 1rem 1rem}}header{width:100%;height:3.5rem;padding:0;top:0;position:fixed;z-index:1000;box-sizing:border-box;background:#fffdf5e6}.header-container{width:100%;height:100%;margin:0;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.header-container-group{display:flex;align-items:center;gap:1.6rem}body.is-logged-out .header-container-group{display:flex}.header-title-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}.header-title{height:1.5rem;width:auto;display:block}.header-logo-mobile{display:none}.header-title-link{text-decoration:none;color:inherit;display:flex;align-items:center;transition:opacity .2s}.header-title-link:hover{opacity:.8}@media screen and (max-width:1024px){.header-container{padding:0 1.5rem}body.is-logged-out .header-container-group{right:0}}@media screen and (max-width:768px){header{height:3.4rem}.header-container{padding:0 .8rem 0 1rem}.header-container-group{gap:1rem}body.is-logged-out .header-container-group{right:0;height:100%}.header-title{height:1.5rem;width:auto}body.is-logged-out .header-title{height:1.2rem}.header-logo-desktop{display:none}.header-logo-mobile{display:block}body.is-logged-out .header-logo-desktop{display:block!important}body.is-logged-out .header-logo-mobile{display:none!important}}.menu-container{position:relative}.menu-button{background:none;border:none;cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0;line-height:0}.menu-button:hover{background-color:#ff9d004d}.menu-popover{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--color-white);border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1100;overflow:hidden;border:1px solid var(--color-gray-200)}.menu-header{padding:1rem;border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.menu-user-name{font-weight:700;color:var(--color-primary);font-size:.9rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.menu-list{list-style:none;padding:0;margin:0}.menu-item{width:100%;text-align:left;padding:.8rem 1rem;background:none;border:none;font-size:.9rem;color:var(--color-primary);cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--color-gray-100)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:var(--color-gray-50)}.menu-divider{height:1px;background-color:var(--color-gray-100);margin:0}.menu-sub-item{display:block;width:100%;text-align:left;padding:.6rem 1rem;font-size:.8rem;color:var(--color-gray-600);text-decoration:none;transition:background-color .2s,color .2s}.menu-sub-item:hover{background-color:var(--color-gray-50);color:var(--color-primary)}footer{flex-shrink:0;width:100%;padding:3rem 2rem 1.5rem;background-color:var(--color-footer-bg);margin-top:auto}.footer-container{max-width:var(--max-width-container);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.footer-logo-link{display:inline-block;transition:opacity .2s;text-decoration:none}.footer-logo-link:hover{opacity:.7}.footer-logo{height:1.2rem;width:auto}.footer-nav{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.footer-link{color:var(--color-gray-600);text-decoration:none;font-size:var(--font-size-xs);transition:color .2s;display:inline-flex;align-items:center}.footer-link:hover{color:var(--color-primary)}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:center;margin:0}@media screen and (max-width:768px){footer{padding:2rem 1rem}.footer-container{align-items:flex-start}.footer-logo{height:1.1rem}.footer-nav{flex-direction:column;align-items:flex-start;gap:1rem;margin-left:.5rem}.footer-link{font-size:var(--font-size-xs)}.footer-copyright{text-align:left;font-size:10px;color:var(--color-gray-600);margin-left:.5rem}}