body{font-family:Noto Sans JP,sans-serif;margin:0;padding:0;color:#222;background-color:#f5f5f5;font-size:14px}body *{box-sizing:border-box}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1em}.error{display:block;color:#c0392b;padding-top:5px;font-size:12px}.icon svg{width:auto;height:1em}.container{width:95%;max-width:1300px;margin:0 auto}a{color:inherit}.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;opacity:.8}form .field-wrapper{width:100%;display:flex;flex-direction:column;margin-bottom:1em}form .field-wrapper label{margin-bottom:.4em}form .two-column-field-row{display:flex;align-items:flex-start}form .two-column-field-row .field-wrapper:first-child{padding-right:.5em}form .two-column-field-row .field-wrapper:last-child{padding-left:.5em}@media (max-width:500px){form .two-column-field-row{flex-direction:column}form .two-column-field-row .field-wrapper:first-child{padding-right:0}form .two-column-field-row .field-wrapper:last-child{padding-left:0}}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{border-radius:3px;border:1px solid #bebebe;padding:.6em;-webkit-appearance:none;font-family:Noto Sans JP,sans-serif}select{background-image:url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJjaGV2cm9uLWRvd24iIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1jaGV2cm9uLWRvd24gZmEtdy0xNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PHBhdGggZmlsbD0iIzE0MUUzMCIgZD0iTTQ0My41IDE2Mi42bC03LjEtNy4xYy00LjctNC43LTEyLjMtNC43LTE3IDBMMjI0IDM1MSAyOC41IDE1NS41Yy00LjctNC43LTEyLjMtNC43LTE3IDBsLTcuMSA3LjFjLTQuNyA0LjctNC43IDEyLjMgMCAxN2wyMTEgMjExLjFjNC43IDQuNyAxMi4zIDQuNyAxNyAwbDIxMS0yMTEuMWM0LjgtNC43IDQuOC0xMi4zLjEtMTd6Ii8+PC9zdmc+");background-size:12px;background-position:calc(100% - 10px) 50%;background-repeat:no-repeat}textarea{max-width:100%;min-width:100%;min-height:120px;max-height:200px;font-family:Noto Sans JP,sans-serif}.btn{border:2px solid #222;border-radius:4px;background-color:#222;color:#fff;padding:.6em 1.2em;font-weight:500;line-height:1;display:inline-block;transition:background-color .25s ease,border-color .25s ease,color .25s ease;cursor:pointer;text-decoration:none}.btn:hover{background-color:#414141;border-color:#414141}.btn.btn--green{background-color:#50ad8a;border-color:#50ad8a}.btn.btn--green:hover{background-color:#439174;border-color:#439174;color:#fff}.btn.btn--red{background-color:#c0392b;border-color:#c0392b}.btn.btn--red:hover{background-color:#9f2f24;border-color:#9f2f24;color:#fff}#login-template{display:flex;align-items:center;justify-content:center;min-height:100vh}#login-template .login-form{padding:2em;background-color:#fff;width:95%;max-width:380px}#login-template .login-form .btn{width:100%}#place-template{padding:2em 0}#place-template .places-header{border-bottom:1px solid #bebebe;padding-bottom:2em;display:flex;align-items:center;justify-content:space-between}#place-template .places-header h1{margin-bottom:0}#place-template .places-header .actions{display:flex;align-items:center}#place-template .places-header .actions form{margin-right:40px}#place-template .places-list{padding:30px 0;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:1em;grid-row-gap:1em}#place-template .places-list .place{border:1px solid #bebebe;background-color:#fff;padding:1em;display:flex;flex-direction:column;align-items:flex-start}#place-template .places-list .place .logos{margin:1em 0;width:100%}#place-template .places-list .place .logos .logo-list{padding-top:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:10px;grid-row-gap:10px}#place-template .places-list .place .logos .logo-list .logo{padding-top:100%;position:relative}#place-template .places-list .place .logos .logo-list .logo img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#place-template .places-list .place .btn{margin-top:auto}@media (max-width:1100px){#place-template .places-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){#place-template .places-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){#place-template .places-list{grid-template-columns:1fr}}#place-template .place-edit{padding:1em 0}#place-template .place-edit .actions{display:flex;justify-content:space-between}#place-template .place-logos-wrapper label{margin-bottom:.4em;display:block}#place-template .place-logos-wrapper .place-logos{border-radius:3px;border:1px solid #bebebe;padding:.6em;margin-bottom:1em}#place-template .place-logos-wrapper .place-logos__list{min-height:30px;display:grid;grid-template-columns:repeat(7,1fr);grid-column-gap:1em;grid-row-gap:1em}@media (max-width:1200px){#place-template .place-logos-wrapper .place-logos__list{grid-template-columns:repeat(6,1fr)}}@media (max-width:880px){#place-template .place-logos-wrapper .place-logos__list{grid-template-columns:repeat(5,1fr)}}@media (max-width:580px){#place-template .place-logos-wrapper .place-logos__list{grid-template-columns:repeat(3,1fr)}}#place-template .place-logos-wrapper .place-logos .logo{padding-top:100%;position:relative;border:1px solid #bebebe}#place-template .place-logos-wrapper .place-logos .logo.removing{opacity:.5}#place-template .place-logos-wrapper .place-logos .logo img{position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);-o-object-fit:contain;object-fit:contain}#place-template .place-logos-wrapper .place-logos .logo .logo-remove-btn{-webkit-appearance:none;height:18px;width:18px;background-color:#c0392b;border-radius:50%;position:absolute;top:-6px;right:-6px;border:none;cursor:pointer}#place-template .place-logos-wrapper .place-logos .logo .logo-remove-btn:after,#place-template .place-logos-wrapper .place-logos .logo .logo-remove-btn:before{content:"";position:absolute;background-color:#fff;width:8px;height:1px;top:50%;left:50%}#place-template .place-logos-wrapper .place-logos .logo .logo-remove-btn:before{transform:translate(-50%,-50%) rotate(-45deg)}#place-template .place-logos-wrapper .place-logos .logo .logo-remove-btn:after{transform:translate(-50%,-50%) rotate(45deg)}#place-template .place-logos-wrapper .place-logos .logo-add-btn{border:1px dashed #bebebe;border-radius:0;padding-top:100%;background-color:#efefef;position:relative}#place-template .place-logos-wrapper .place-logos .logo-add-btn .button-inner{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;padding:5px}#place-template .place-logos-wrapper .place-logos .logo-add-btn .button-inner .icon svg{height:2em}#place-template .place-logos-wrapper .place-logos .logo-add-btn input[type=file]{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;cursor:pointer}.logo-title input{width:100%}.logo-title .save-logo-title{display:flex;justify-content:center;width:100%;margin-top:10px}