:root{--cocoon-default-font:"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--cocoon-text-color:#333;--cocoon-default-text-size:18px;--cocoon-basic-border-color:#ccc;--cocoon-basic-border-radius:4px;--cocoon-custom-text-color:inherit;--cocoon-custom-border-color:#ccc;--cocoon-x-pallid-text-color:#999;--cocoon-white-color:#fff}*{box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:0}body{color:#333;background-color:var(--cocoon-white-color);-webkit-text-size-adjust:100%;background-position:top;background-repeat:no-repeat;background-size:100%;line-height:1.8}.app-board-layout{--card-ratio:16 / 9;font-family:Kosugi Maru,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:18px;font-weight:400;display:block;position:relative}.container{min-height:100vh;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);background-color:#f7f6f2;flex-direction:column;display:flex}a{color:#1967d2;text-decoration:none}a:hover{color:#e53900}img{vertical-align:middle;max-width:100%;height:auto}figure{margin:0}.header-container{background-color:#fff;width:100%}.header{background-image:url(../images/header.avif);background-repeat:no-repeat;background-size:100%;justify-content:center;align-items:center;width:100%;height:212px;display:flex;position:relative}.header:after{content:none}.header-in{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1256px;margin:0 auto;display:flex}.header-in:after{content:none}.logo{text-align:center}.logo-image span,.logo-image a{max-width:100%;display:inline-block}.site-name-text{font-size:28px}.site-name-text-link{color:var(--cocoon-text-color);padding:0 1em;font-weight:400;text-decoration:none}.site-name-text-link:hover{color:inherit}.logo-text{padding:20px 0 30px;font-size:1em}.logo-image{font-size:inherit;padding:10px 0}.site-logo{max-width:100%;margin-top:40px;text-decoration:none;transition:opacity .3s;display:inline-block}.site-logo-img{width:auto;max-width:400px;height:auto;max-height:150px;margin-top:2px;display:block}.header-container-in{flex-direction:column;display:flex}.header-container-in.hlt-center-logo-top-menu{flex-direction:column-reverse;display:flex}.navi{background-color:var(--cocoon-white-color)}.navi-in>ul{text-align:center;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.navi-in>ul li{width:176px;height:60px;display:block;position:relative}.navi-in a{color:var(--cocoon-text-color);width:100%;height:100%;font-size:16px;text-decoration:none;transition:all .3s ease-in-out;display:flex;position:relative}.navi-in a:hover{color:var(--cocoon-text-color);background-color:#f7f6f2}.content,.footer{width:100%}.content{margin-top:24px}.content-in{flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:1256px;margin:0 auto;display:flex}.main{background-color:#fff;border:1px solid #fff;border-radius:4px;width:860px;padding:36px 29px;box-shadow:0 2px 2px #00000029,0 0 0 1px #00000014}.sidebar{border-radius:var(--cocoon-basic-border-radius);background-color:var(--cocoon-white-color);border:1px solid #0000;width:376px;padding:19px;box-shadow:0 2px 2px #00000029,0 0 0 1px #00000014}.no-sidebar .sidebar{display:none}.no-sidebar .content-in{display:block}.app-board-layout .sidebar-scroll{position:sticky;top:10px}.widget_nav_menu ul{text-align:left;text-indent:1rem;margin:0;padding:0;list-style:none}.widget_nav_menu ul li a{color:var(--cocoon-text-color);padding:10px 4px;text-decoration:none;transition:background-color .3s;display:block}.widget_nav_menu ul li a:hover{background-color:#fbfaf5}.footer{background-color:#fff;border-top:1px solid #f0f0f0;margin-top:20px;padding:20px 0}.footer-in{width:1256px;margin:0 auto}.footer-bottom{justify-content:space-between;align-items:flex-end;padding-bottom:10px;display:flex}.footer-bottom-logo{flex-shrink:0}.footer-bottom-logo img{max-width:140px;height:auto;display:block}.footer-bottom-content{text-align:right}.menu-footer{justify-content:flex-end;gap:1.2em;margin-bottom:10px;font-size:14px;list-style:none;display:flex}.menu-footer li a{color:#333;text-decoration:none}.menu-footer li a:hover{text-decoration:underline}.copyright{color:#666;font-size:12px}.mobile-menu-buttons{color:#000;background:var(--cocoon-white-color);z-index:3;align-items:center;min-height:50px;margin:0;padding:0;line-height:1.4;list-style:none;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 0 5px #a9a9a9}.go-to-top{z-index:10002;visibility:hidden;opacity:0;width:50px;height:50px;transition:all .3s ease-in-out;position:fixed;margin:0!important;bottom:15px!important;left:auto!important;right:15px!important}.go-to-top.is-visible{visibility:visible;opacity:1}.go-to-top-button{color:#fff;cursor:pointer;background-color:#f8b500;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;font-size:26px;display:flex}.display-none{display:none}#root{min-height:400px}@media screen and (width<=1255px){.content-in,.header-in{width:auto}.main{width:67.4%;margin:0 .5%}.sidebar{width:30%;margin:0 .5%;padding:1.5%}}@media screen and (width<=1023px){.app-board-layout{padding-bottom:60px}.app-board-layout .mobile-menu-buttons{display:flex}.content-in{display:block}main.main{width:auto;margin:10px;display:block}div.sidebar{display:none}.go-to-top{display:none!important}.mobile-menu-buttons{align-items:stretch;display:flex}.header{background-position:50%;background-size:110%;height:auto}.footer-in{width:auto;padding:0 20px}.footer-bottom{flex-direction:column;align-items:center;gap:20px}.footer-bottom-content{text-align:center}.menu-footer{flex-wrap:wrap;justify-content:center;gap:10px 15px}.mobile-footer-menu-buttons{z-index:9999;background-color:#f8b500;width:100%;height:60px;margin:0;padding:0;list-style:none;transition:opacity .3s;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -1px 3px #0000001a}.menu-button{text-align:center;flex:1}.menu-button-in{color:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:10px;text-decoration:none;display:flex}.menu-icon{margin-bottom:2px;font-size:20px}.search-menu-content{background:#fff;width:100%;padding:10px;display:none;position:absolute;bottom:60px;left:0;box-shadow:0 -2px 5px #0000001a}#search-menu-input:checked~.search-menu-content{display:block}.sidebar-menu-content{display:none}#sidebar-menu-content{z-index:10001;background-color:#fff;width:320px;height:100%;transition:right .3s;display:block;position:fixed;top:0;right:-320px;overflow-y:auto;box-shadow:-2px 0 5px #0000001a}#sidebar-menu-input:checked~#sidebar-menu-content{right:0}#sidebar-menu-close{z-index:10000;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#sidebar-menu-input:checked~#sidebar-menu-close{display:block}.sidebar-menu-close-button{text-align:center;cursor:pointer;border-bottom:1px solid #eee;font-size:30px;display:block}#sidebar-menu-content,#sidebar-menu-close{display:none}#sidebar-menu-content{display:block}}@media screen and (width<=834px){main.main,div.sidebar{border-width:0;margin:12px 0;padding:32px 16px}.header{background-position:50%;background-size:120%;min-height:210px}}@media screen and (width<=480px){.header{background-size:cover;min-height:190px}.site-logo-img{width:92%;margin:0 auto 5px}.content{margin-top:12px}main.main{margin:0}.widget_nav_menu ul{margin-top:20px}.widget_nav_menu ul li a{padding:12px 0;font-size:16px}}.list-wrapper{width:100%}.main-title{color:#eb738a;text-shadow:1px 1px 2px #0000000d;flex-direction:column;justify-content:center;align-items:center;font-size:28px;line-height:1.3;display:flex}.main-sub-title{color:#60b3d4;letter-spacing:.1em;background:#d9e8e8;border-radius:20px;margin-top:8px;padding:2px 12px;font-size:14px;font-weight:400;display:block}.page-title{text-align:center;color:gray;border-bottom:1px solid #e3e3e3;padding-bottom:20px;font-size:16px;font-weight:600;line-height:18px}.create-thread{color:#fff;background:#ff8d99;border:none;border-radius:6px;margin:24px 0 0 auto;padding:12px 16px;font-size:16px;font-weight:600;display:block}.thread-ul{padding:0;list-style:none}.thread-ul li{border-bottom:1px solid #e3e3e3;padding:15px}.thread-ul li a{box-sizing:border-box;width:100%;height:100%;min-height:60px;display:block;position:relative}.thread-title{color:#60b3d4;font-weight:600}.thread-comment,.thread-time{color:#ff8d99;font-size:14px;position:absolute;bottom:0}.thread-time{color:gray;position:absolute;right:20px}.modal-overlay{z-index:11000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;padding:30px;animation:.3s ease-out modalFadeIn;position:relative;box-shadow:0 10px 25px #0003}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #f7f6f2;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.modal-close-btn{cursor:pointer;color:#999;background:0 0;border:none;font-size:28px}.input-group{margin-bottom:15px}.modal-content input,.modal-content textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:16px}.error-message{color:#e53900;background:#fff5f5;border-radius:4px;margin-bottom:15px;padding:10px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background-color:#eb738a;border:none;border-radius:6px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:background .2s}.submit-btn:hover{background-color:#d66177}@media screen and (width<=480px){.modal-content{padding:20px}}.detail-wrapper{width:100%}.return-to-list{color:#60b3d4;font-size:16px;text-decoration:none}.detail-title{color:#ff6371;margin-top:18px;font-size:22px;font-weight:600}.detail-section{margin-top:20px}.comment-wrapper{background-color:#0000;border-bottom:1px solid #f2f2f2;padding:10px 0;transition:background-color .5s}.comment-wrapper.is-deleted{background-color:#f8f8f8}.comment-wrapper.is-deleted .comment-body{color:#999}.comment-header{color:gray;font-size:14px}.comment-response{cursor:pointer;color:#007bff;margin-right:10px}.comment-name,.comment-datetime{color:gray;font-size:12px}.comment-name{margin-right:10px}.comment-admin-uid{color:red}.comment-admin-delete-button{color:red;cursor:pointer;background-color:#fff;border:1px solid red;border-radius:3px;margin-left:15px;padding:2px 6px;font-size:11px}.comment-body{white-space:pre-wrap;word-wrap:break-word;letter-spacing:1px;color:inherit;margin:6px 0 16px;line-height:1.4}.comment-deleted{color:red;font-weight:700}.pager-wrapper{justify-content:center;align-items:center;gap:25px;margin-top:40px;display:flex}.pager-info{color:#666;font-size:16px;font-weight:700}.pager-button{color:#fff;cursor:pointer;background:#ff8d99;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;transition:background .2s,opacity .2s}.pager-button:hover:not(:disabled){background:#ff7583}.pager-button:disabled{color:#fff;cursor:not-allowed;opacity:.6;pointer-events:none;background:#ccc}.res-form-wrapper{border-top:2px solid #f7f6f2;margin-top:50px;padding:20px}.res-form-title{color:gray;font-size:16px;font-weight:600;line-height:32px}.error-message{color:red;margin-bottom:10px}.input-wrapper{margin-bottom:10px}.form-name{box-sizing:border-box;color:gray;background:#fff;border:1px solid #f2f2f2;border-radius:4px;width:100%;padding:12px 10px;line-height:21px}.form-name:focus,.form-body:focus{border:1px solid #4ba6ea;outline:0}.form-body{box-sizing:border-box;resize:none;color:#333;white-space:pre-wrap;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;min-height:140px;padding:12px 10px 24px;font-size:14px;line-height:21px;transition:background-color .3s,border-color .3s;overflow:hidden}.form-body.is-invalid{background:#fff1f3}.comment-submit-button{box-sizing:border-box;color:#fff;letter-spacing:2px;text-align:center;cursor:pointer;background:#fcbfc5;border:none;border-radius:6px;width:100%;height:auto;font-size:16px;font-weight:600;line-height:50px;transition:all .3s}.comment-submit-button:not(:disabled){opacity:.9;background:#ff8b99}.not-found-wrapper{text-align:center;padding:60px 20px}.not-found-wrapper h2{color:#eb738a;font-size:40px}.not-found-wrapper p{color:gray;margin-bottom:24px}.not-found-wrapper a{color:#fff;background-color:#ff8b99;border-radius:6px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-block}