@font-face{src:url(/webfonts/icomoon.eot);src:url(/webfonts/icomoon.eot) format("embedded-opentype"),url(/webfonts/icomoon.ttf) format("truetype"),url(/webfonts/icomoon.woff) format("woff"),url(/webfonts/icomoon.svg) format("svg");font-display:block;font-family:"icomoon";font-style:normal;font-weight:normal}html{font-size:62.5%}body{color:#000;font-family:"\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3","Hiragino Kaku Gothic ProN","\30E1\30A4\30EA\30AA","Meiryo","verdana",sans-serif;font-size:1.4rem;line-height:160%}a{outline:none;color:#000;text-decoration:none}a img{transition:opacity .2s ease,transform .4s ease}a:hover img{opacity:.8}a:hover img.scale{transform:scale(1.1)}img{-webkit-backface-visibility:hidden;-webkit-touch-callout:none;max-width:100%}ul{list-style:none}button{outline:none}main input[type=submit],main input[type=button],#modal input[type=submit],#modal input[type=button]{-webkit-box-sizing:content-box;-webkit-appearance:button;-moz-appearance:button;appearance:button;box-sizing:border-box;border:none;border-radius:0}main input[type=submit]::-webkit-search-decoration,main input[type=button]::-webkit-search-decoration,#modal input[type=submit]::-webkit-search-decoration,#modal input[type=button]::-webkit-search-decoration{display:none}main input[type=submit]:focus,main input[type=button]:focus,#modal input[type=submit]:focus,#modal input[type=button]:focus{outline-offset:-2px}main input[type=text],main input[type=button],main input[type=email],main input[type=submit],main input[type=password],main input[type=number],main textarea,#modal input[type=text],#modal input[type=button],#modal input[type=email],#modal input[type=submit],#modal input[type=password],#modal input[type=number],#modal textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;border-radius:0}main input[type=text],main input[type=email],main input[type=password],main input[type=number],#modal input[type=text],#modal input[type=email],#modal input[type=password],#modal input[type=number]{max-width:100%;padding:5px;border:1px solid #ccc;line-height:2rem}main input[type=text].small,main input[type=email].small,main input[type=password].small,main input[type=number].small,#modal input[type=text].small,#modal input[type=email].small,#modal input[type=password].small,#modal input[type=number].small{width:200px;max-width:100%}main input[type=text].s-small,main input[type=email].s-small,main input[type=password].s-small,main input[type=number].s-small,#modal input[type=text].s-small,#modal input[type=email].s-small,#modal input[type=password].s-small,#modal input[type=number].s-small{width:100px;max-width:100%}main input[type=text].medium,main input[type=email].medium,main input[type=password].medium,main input[type=number].medium,#modal input[type=text].medium,#modal input[type=email].medium,#modal input[type=password].medium,#modal input[type=number].medium{width:500px;max-width:100%}main input[type=text].full,main input[type=email].full,main input[type=password].full,main input[type=number].full,#modal input[type=text].full,#modal input[type=email].full,#modal input[type=password].full,#modal input[type=number].full{width:100%}main textarea,#modal textarea{box-sizing:border-box;width:100%;padding:5px;border:1px solid #ccc}main select,#modal select{border:1px solid #ccc}main input[type=checkbox],#modal input[type=checkbox]{display:none}main input[type=checkbox]:checked+label:before,#modal input[type=checkbox]:checked+label:before{opacity:1}main label.checkbox,#modal label.checkbox{display:inline-block;position:relative;margin-right:10px;cursor:pointer}main label.checkbox input[type=checkbox],#modal label.checkbox input[type=checkbox]{display:none}main label.checkbox input[type=checkbox]:checked+*:before,#modal label.checkbox input[type=checkbox]:checked+*:before{opacity:1}main label.checkbox input[type=checkbox]:checked+*:after,#modal label.checkbox input[type=checkbox]:checked+*:after{background-color:#999}main label.checkbox input[type=checkbox]+*,#modal label.checkbox input[type=checkbox]+*{padding-left:25px}main label.checkbox input[type=checkbox]+*:after,#modal label.checkbox input[type=checkbox]+*:after{display:block;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;border:2px solid #999;border-radius:0;background-color:#fff;content:"";transition:border-color .1s linear}main label.checkbox input[type=checkbox]+*:before,#modal label.checkbox input[type=checkbox]+*:before{display:block;z-index:1;position:absolute;top:50%;left:7px;width:6px;height:11px;margin-top:-7px;transform:rotate(45deg);border-right:3px solid #fff;border-bottom:3px solid #fff;content:"";opacity:0;transition:opacity .1s linear}main label.radio,#modal label.radio{display:inline-block;position:relative;margin-right:10px;cursor:pointer}main label.radio input[type=radio],#modal label.radio input[type=radio]{display:none}main label.radio input[type=radio]:checked+*:before,#modal label.radio input[type=radio]:checked+*:before{opacity:1}main label.radio input[type=radio]+*,#modal label.radio input[type=radio]+*{display:block;padding-left:25px}main label.radio input[type=radio]+*:after,#modal label.radio input[type=radio]+*:after{display:block;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;border:2px solid #bbb;border-radius:20px;content:"";transition:border-color .1s linear}main label.radio input[type=radio]+*:before,#modal label.radio input[type=radio]+*:before{display:block;position:absolute;top:50%;left:5px;width:10px;height:10px;margin-top:-5px;border-radius:10px;background-color:#666;content:"";opacity:0;transition:opacity .1s linear}main .multi_h label,main .multi_w label,#modal .multi_h label,#modal .multi_w label{display:inline-block;position:relative;margin-right:10px;cursor:pointer}main .multi_h label input[type=radio],main .multi_w label input[type=radio],#modal .multi_h label input[type=radio],#modal .multi_w label input[type=radio]{display:none}main .multi_h label input[type=radio]:checked+span:before,main .multi_w label input[type=radio]:checked+span:before,#modal .multi_h label input[type=radio]:checked+span:before,#modal .multi_w label input[type=radio]:checked+span:before{opacity:1}main .multi_h label input[type=radio]+span,main .multi_w label input[type=radio]+span,#modal .multi_h label input[type=radio]+span,#modal .multi_w label input[type=radio]+span{padding-left:25px}main .multi_h label input[type=radio]+span:after,main .multi_w label input[type=radio]+span:after,#modal .multi_h label input[type=radio]+span:after,#modal .multi_w label input[type=radio]+span:after{display:block;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;border:2px solid #ccc;border-radius:20px;content:"";transition:border-color .1s linear}main .multi_h label input[type=radio]+span:before,main .multi_w label input[type=radio]+span:before,#modal .multi_h label input[type=radio]+span:before,#modal .multi_w label input[type=radio]+span:before{display:block;position:absolute;top:50%;left:5px;width:10px;height:10px;margin-top:-5px;border-radius:10px;background-color:#ccc;content:"";opacity:0;transition:opacity .1s linear}main .input-select,#modal .input-select{display:inline-block;position:relative}main .input-select:after,#modal .input-select:after{position:absolute;top:50%;right:10px;width:0;height:0;padding:0;transform:translateY(-50%);border-top:6px solid rgba(0,0,0,.3);border-right:6px solid transparent;border-left:6px solid transparent;content:"";pointer-events:none}main .input-select select,#modal .input-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:5px 40px 5px 5px;border:none;border:1px solid #ccc;border-radius:3px;outline:none;background-color:transparent;background-color:#fff;font-family:inherit;font-size:1.4rem}main label.file,#modal label.file{display:inline-block}main label.file>input,#modal label.file>input{display:none}main label.file>div,#modal label.file>div{display:inline-block;padding:0 25px;border-radius:40px;background-color:#000;color:#fff;font-size:1.4rem;line-height:40px;cursor:pointer}main .image .preview,#modal .image .preview{position:relative}main .image .preview .del,#modal .image .preview .del{display:none;z-index:1;position:absolute;top:5px;left:5px;width:22px;height:22px;padding:2px;border-radius:20px;background-color:#fff;font-size:2rem;line-height:100%;cursor:pointer}main .image .preview .del:hover svg,#modal .image .preview .del:hover svg{opacity:.6}main .image .preview .del svg,#modal .image .preview .del svg{position:absolute;top:1px;left:1px}main .image .preview figure.photo,#modal .image .preview figure.photo{position:relative;max-width:200px;margin:10px 0;line-height:0}main .image .preview figure.photo:before,#modal .image .preview figure.photo:before{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/loading.svg) center center no-repeat;background-color:rgba(0,0,0,.5);background-size:30% auto;content:"";opacity:0;transition:opacity .2s ease}main .image .preview figure.photo.uploading:before,#modal .image .preview figure.photo.uploading:before{opacity:1}main .image .preview figure.photo+.del,#modal .image .preview figure.photo+.del{display:inline-block}main button,main input[type=submit],#modal button,#modal input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;outline:none;background:transparent}main .multi_h,main .multi_w,#modal .multi_h,#modal .multi_w{display:flex;flex-direction:column}main .multi_h>*>label,main .multi_w>*>label,#modal .multi_h>*>label,#modal .multi_w>*>label{display:block;font-size:1.2rem;font-weight:bold}main .multi_h>*+*,main .multi_w>*+*,#modal .multi_h>*+*,#modal .multi_w>*+*{margin-top:10px}main .multi_w,#modal .multi_w{flex-direction:row;flex-wrap:wrap}main .multi_w>*,#modal .multi_w>*{margin-right:20px}main .multi_w>*+*,#modal .multi_w>*+*{margin-top:0}main .item,#modal .item{margin-top:20px}main .item.hide,#modal .item.hide{display:none}main .item+.item,#modal .item+.item{margin-top:20px}main .item>label,#modal .item>label{font-size:1.4rem;font-weight:bold}main .item>label .required,#modal .item>label .required{display:inline-block;margin-left:5px;color:red;font-size:1.8rem}main .item>label+*,#modal .item>label+*{margin-top:10px}main .item .error-message,#modal .item .error-message{margin-top:3px}main .item .error-message span,#modal .item .error-message span{display:inline-block;padding:2px 10px;border-radius:3px;background-color:#f08080;color:#fff;font-size:1.1rem;line-height:100%;line-height:1.6rem}main .area-submit,#modal .area-submit{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0}main .area-submit .error-count,#modal .area-submit .error-count{width:100%}main .area-submit button,#modal .area-submit button{box-sizing:border-box;left:0;width:200px;margin:5px 10px;padding:5px 10px;transform:translateX(0);background-color:#6495ed;color:#fff;font-size:1.4rem}main .area-submit button.button-draft,#modal .area-submit button.button-draft{background-color:#aaa}main .area-submit+.delete,#modal .area-submit+.delete{position:absolute;top:15px;right:20px;padding:0 10px;border-radius:3px;background-color:red;color:#fff;font-size:1.4rem}main #content{margin:35px 15px}main #content h1{font-size:1.6rem;text-align:center}main #content .voices{margin-top:20px;padding:10px;background-color:#ededed}main #content .voices ul.list li{display:flex;flex-direction:column;padding:10px;background-color:#fff}main #content .voices ul.list li+li{margin-top:10px}main #content .voices ul.list li .title{order:1;font-size:1.6rem;font-weight:bold}main #content .voices ul.list li .meta{position:relative;order:2;margin-top:5px;padding-top:2.2rem}main #content .voices ul.list li .meta>figure{order:2}main #content .voices ul.list li .meta .user{display:flex;align-items:center;order:5;margin-top:5px}main #content .voices ul.list li .meta .user figure{width:32px;height:32px;margin-right:10px}main #content .voices ul.list li .meta .user figure img{-o-object-fit:cover;width:100%;height:100%;object-fit:cover;border-radius:100%}main #content .voices ul.list li .meta .user p{flex:1;font-size:10px;font-weight:bold;line-height:120%}main #content .voices ul.list li .meta .user p span{display:block}main #content .voices ul.list li .meta .category{position:absolute;top:0;left:0;padding:3px 5px;background-color:#000;color:#fff;font-size:1.2rem;line-height:100%}main #content .voices ul.list li .meta .areas{display:flex;flex-wrap:wrap;margin:5px -3px 0}main #content .voices ul.list li .meta .areas span{margin:3px;padding:3px 5px;border:1px solid #000;font-size:1.1rem;line-height:100%}main #content .voices ul.list li .meta .tags{display:flex;flex-wrap:wrap;margin:5px -3px 0}main #content .voices ul.list li .meta .tags span{margin:3px;padding:3px 5px;border:1px solid #000;border-radius:3px;font-size:1.2rem;line-height:100%}main #content .voices ul.list li .meta time{position:absolute;top:0;right:0;padding:3px 0;font-size:1.2rem;line-height:100%}main #content .voices ul.list li .body{position:relative;order:3;margin-top:10px}main #content .voices ul.list li .body .grad-btn{z-index:1;position:absolute;bottom:0;left:50%;padding:5px 10px;transform:translateX(-50%);background-color:#000;color:#fff;font-size:1.2rem;line-height:100%}main #content .voices ul.list li .body .content{position:relative;max-height:80px;overflow:hidden;font-size:1.4rem}main #content .voices ul.list li .body .content:before{display:block;position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);content:""}main #content .voices ul.list li .body .grad-trigger{display:none}main #content .voices ul.list li .body .grad-trigger:checked+.grad-btn{display:none}main #content .voices ul.list li .body .grad-trigger:checked~.content{max-height:inherit}main #content .voices ul.list li .body .grad-trigger:checked~.content:before{display:none}@media screen and (max-width: 640px){body{width:100%;overflow-x:hidden}main input[type=text].small,main input[type=email].small,main input[type=password].small,main input[type=number].small,#modal input[type=text].small,#modal input[type=email].small,#modal input[type=password].small,#modal input[type=number].small{width:100px}main input[type=text].medium,main input[type=email].medium,main input[type=password].medium,main input[type=number].medium,#modal input[type=text].medium,#modal input[type=email].medium,#modal input[type=password].medium,#modal input[type=number].medium{width:300px}}@media screen and (min-width: 640px){a[href^="tel:"]{pointer-events:none}}
