@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 #content{margin:35px 25px}main #content h1{font-size:1.6rem;text-align:center}main #content .box{margin-top:20px}main #content .box h2{padding:13px 5px;background-color:#ebebeb;font-size:1.3rem;line-height:100%;text-align:center}main #content .box.profile .cols{display:flex;align-items:center;margin:20px}main #content .box.profile .cols figure{order:1;width:58px;height:58px;margin-right:20px}main #content .box.profile .cols figure img{width:100%;height:100%;border-radius:100%}main #content .box.profile .cols .text{flex:1;order:2;font-size:1.5rem;line-height:180%}main #content .box.profile .button{display:block;position:relative;width:150px;margin:20px auto 0;padding:10px;border:1px solid #000;font-size:1.1rem;font-weight:bold;line-height:100%;text-align:center}main #content .box.profile .button:after{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:1.1rem;line-height:100%;content:">"}main #content .box.voices .button{display:block;width:160px;margin:10px auto;padding:10px;background-color:#000;color:#fff;line-height:100%;text-align:center}main #content .box.voices .content ul li{display:flex;position:relative;align-items:center;padding:15px 0;border-bottom:1px solid #707070;font-size:1.3rem}main #content .box.voices .content ul li.approval:before{position:absolute;top:5%;left:0;width:100%;height:90%;background-color:rgba(0,0,0,.4);content:""}main #content .box.voices .content ul li.approval:after{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-weight:bold;content:"\5BE9\67FB\4E2D"}main #content .box.voices .content ul li .text{display:flex;flex:1;flex-direction:column}main #content .box.voices .content ul li .text .title{order:2;font-weight:bold}main #content .box.voices .content ul li .text time{order:1;line-height:100%}main #content .box.voices .content ul li .edit{width:60px}main #content .box.voices .content ul li .edit a{position:relative;padding:10px 20px 10px 10px;border:1px solid #000;font-size:1.1rem;font-weight:bold;line-height:100%}main #content .box.voices .content ul li .edit a:after{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:1.1rem;line-height:100%;content:">"}main #content .box.delete{margin-top:50px;text-align:center}main #content .box.delete a:after{display:inline-block;margin-left:3px;content:">"}@media screen and (max-width: 640px){body{width:100%;overflow-x:hidden}}@media screen and (min-width: 640px){a[href^="tel:"]{pointer-events:none}}
