*,:before,:after{box-sizing:border-box;margin:0;padding:0}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html:has(dialog:modal[open])){overflow:clip}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:inherit;-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit;font-feature-settings:inherit;font-variation-settings:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled,label:has(>:disabled,+:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){block-size:auto;max-inline-size:100%}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;color:inherit;border-block-start:1px solid;block-size:0;overflow:visible}:where(dialog,[popover]){color:inherit;inset:unset;max-width:unset;max-height:unset;overflow:unset;background:0 0;border:none}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(:focus-visible){outline-offset:1px;outline:3px solid canvastext;box-shadow:0 0 0 5px canvas}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important;border:0!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}header{border-bottom:1px solid var(--secondary-color);padding:1.6rem}header h1{font-family:var(--font-en);text-align:center;font-size:1.8rem}:root{--primary-color:#353535;--secondary-color:#c7c7c7;--background-color:#fafafa;--color-white:#fff;--color-caution:#b30000;--font-en:"JetBrains Mono", monospace;--round-8:8px;--round-4:4px}html{font-size:62.5%}body{color:var(--primary-color);letter-spacing:.02em;flex-direction:column;margin:0;padding:0;font-family:Noto Sans JP,sans-serif;font-size:1.4rem;font-weight:500;line-height:1.4;display:flex}.en{font-family:var(--font-en)}a,button,summary{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}main{box-sizing:border-box;padding:0 1.6rem 4rem}#container{flex-direction:column;max-width:960px;margin:0 auto;display:flex;overflow-x:hidden}.page-title{text-align:center;padding:1.6rem;font-size:1.6rem}.itemList{flex-direction:column;gap:1.2rem;display:flex}.itemList .itemList-item a{border-radius:var(--round-8);border:1px solid var(--secondary-color);box-sizing:border-box;gap:.4rem;width:100%;transition:all .1s;display:flex;overflow:hidden}.itemList .itemList-item a:hover{border:2px solid var(--primary-color)}.itemList .itemList-item .thumbnail{aspect-ratio:4/3;object-fit:cover;flex:1}.itemList .itemList-item .thumbnail img{object-fit:cover;width:100%;height:100%}.itemList .itemList-item .item-text{flex:3;padding:.8rem}.itemList .itemList-item .item-text .item-name{font-size:1.3rem}.itemList .itemList-item .item-text .item-rate{font-size:1.2rem}summary{list-style-type:none;display:block}summary::marker{content:""}.form-inner{flex-direction:column;gap:1.6rem;display:flex}.form-inner .preview img{margin:1rem auto}label{flex-direction:column;display:flex}input,select,textarea{background:var(--background-color);border-radius:var(--round-4);border:1px solid var(--secondary-color);width:100%;padding:1rem}.form-btn{gap:1rem;display:flex}.form-btn button{flex:1}.search-area .search-inner{flex-direction:column;gap:1rem;display:flex}.search-area .search-inner .search-form{flex-direction:column;gap:1rem;display:flex}.search-area .search-inner .search-form input{flex:1}.bottom-area{position:fixed;bottom:2rem;right:2rem}.bottom-area .btn-plus{width:44px;height:44px;color:var(--color-white);background:#353535e6;border-radius:50%;justify-content:center;align-items:center;font-size:3rem;line-height:1;display:flex;box-shadow:0 0 10px #35353559}.bottom-area .btn-plus span{display:block}.btn-main{background:var(--primary-color);color:var(--color-white);text-align:center;border-radius:var(--round-4);border:1px solid var(--primary-color);box-sizing:border-box;padding:1rem;transition:all .3s;display:block}.btn-main:hover{background:var(--color-white);color:var(--primary-color)}.btn-sub{background:var(--color-white);color:var(--primary-color);text-align:center;border-radius:var(--round-4);border:1px solid var(--primary-color);box-sizing:border-box;padding:1rem;transition:all .3s;display:block}.btn-sub:hover{color:var(--color-white);background:var(--primary-color)}.btn-icon{display:flex}.page-home .list-more{margin-top:3.2rem}.page-home .none-data{text-align:center}.page-items .item-search{margin-bottom:2.4rem}.page-items .item-search details summary{border-radius:var(--round-8);border:1px solid var(--secondary-color);background:var(--background-color);padding:1.6rem;display:flex}.page-items .item-search details summary svg{transition:all .3s}.page-items .item-search details:open summary{border-radius:var(--round-8) var(--round-8) 0 0;border-bottom:none}.page-items .item-search details:open summary svg{transform:rotate(90deg)}.page-items .item-search details .search-area{border-radius:0 0 var(--round-8) var(--round-8);border:1px solid var(--secondary-color);padding:1.6rem}.page-itemdetail .edit-btn{gap:1.6rem;display:flex}.page-itemdetail .itemList-item{flex-direction:column;gap:1.6rem;display:flex}.page-itemdetail .itemList-item img{border-radius:var(--round-4);border:1px solid var(--secondary-color);margin:auto}.page-itemdetail .itemList-item .item-text{flex-direction:column;gap:.8rem;display:flex}.page-itemdetail .itemList-item .item-text .item-name{border-bottom:1px solid var(--secondary-color);padding-bottom:.8rem}.page-itemdetail .edit-delete{text-align:center;margin-top:4rem}.page-itemdetail .edit-delete button{text-align:center;color:var(--color-caution);text-decoration:underline}
