header{display:flex;flex-direction:row;justify-content:start;align-items:center;width:100vw;max-width:500px;height:40px;background:#dde0e9;position:sticky;top:0;z-index:10000}header>#back{position:relative;margin-left:5vw;font-size:3vw;cursor:pointer;letter-spacing:4px}header>#back::after{content:"";position:absolute;left:-5vw;bottom:-2.5vw;transform:translateY(-50%) rotateZ(180deg);display:block;width:5vw;height:5vw;background:url("../img/icon/back.svg");background-repeat:no-repeat;background-position:center;background-size:contain}main{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 40px)}main>#contents{width:100%}main>#contents>.top{width:100%}main>#contents>.top>.header-outer{position:relative;width:100%}main>#contents>.top>.header-outer>.header{position:relative;width:100%;margin-bottom:15vw}main>#contents>.top>.header-outer>.icon_outer{position:absolute;bottom:5vw;left:5vw;width:20vw;height:20vw}main>#contents>.top>.header-outer>.icon_outer>.icon{width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #fff;border-radius:50%}main>#contents>.top>.header-outer>.follow{position:absolute;bottom:min(25px,5vw);right:min(25px,5vw);padding:min(1vw,5px) min(2vw,10px);height:min(15px,3vw);border-radius:calc(min(7.5px,1.5vw) + 10px);background:#afb7cc;font-size:min(15px,3vw);line-height:min(15px,3vw);color:#fff}main>#contents>.top>.profile{width:calc(100% - 40px);margin:0 20px}main>#contents>.top>.profile>h3{margin:5px 0;font-size:4vw}main>#contents>.top>.profile>p{margin:5px 0;font-size:3vw}main>#contents>.tab_outer{width:calc(100% - 40px);padding:0 20px;border-bottom:1px solid #dcdfe9}main>#contents>.tab_outer>.tabs{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;margin-bottom:5px}main>#contents>.tab_outer>.tabs>.tab{position:relative;font-size:4vw;color:#afb7cc}main>#contents>.tab_outer>.tabs>.tab.select{color:#444;font-weight:bold}main>#contents>.tab_outer>.tabs>.tab.select::after{content:"";position:absolute;left:0;display:block;width:100%;height:2px;background:#4fb3ff}main>#contents>#posts>.post{width:calc(100% - min(8vw,40px));margin:10px 0;padding:0 min(4vw,20px);padding-bottom:min(4vw,20px);border-bottom:1px solid #dcdfe9;display:flex;flex-direction:row}main>#contents>#posts>.post>.icon_outer{width:min(15vw,75px)}main>#contents>#posts>.post>.icon_outer>.icon{width:calc(15vw - 4px);height:calc(15vw - 4px);border:2px solid #fff}main>#contents>#posts>.post>.post_content{width:calc(100% - min(19vw,95px));margin-left:min(4vw,20px)}main>#contents>#posts>.post>.post_content>.post_header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:min(1vw,5px)}main>#contents>#posts>.post>.post_content>.post_header>.display{font-size:min(15px,3vw);margin:0}main>#contents>#posts>.post>.post_content>.post_header>.date{font-size:min(15px,3vw);margin:0;color:#afb7cc}main>#contents>#posts>.post>.post_content>.text{margin:0;font-size:3vw}main>#contents>#posts>.post>.post_content>.text>img{width:100%;-o-object-fit:contain;object-fit:contain;border-radius:min(3vw,15px);margin-top:min(4vw,20px)}@media(min-width: 500px){header{height:50px;font-size:16px}header>#back{font-size:16px;margin-left:20px}header>#back::after{width:22px;height:22px;left:-22px;bottom:-11px}main>#contents>.top>.header-outer>img{margin-bottom:64.5px !important}main>#contents>.top>.header-outer>.icon_outer{width:84px;height:84px;left:20px;bottom:20px}main>#contents>.top>.header-outer>.icon_outer>.icon{width:80px;height:80px}main>#contents>.top>.profile>h3{font-size:20px}main>#contents>.top>.profile>p{font-size:14px}main>#contents>.tab_outer>.tabs>.tab{font-size:20px}main>#contents>#posts>.post>.icon_outer{width:50px}main>#contents>#posts>.post>.icon_outer>.icon{width:46px;height:46px}main>#contents>#posts>.post>.post_content{width:calc(100% - 50px - 20px)}main>#contents>#posts>.post>.post_content>.post_header>.display{font-size:12.9px}main>#contents>#posts>.post>.post_content>.post_header>.date{font-size:12.9px}main>#contents>#posts>.post>.post_content>.text{font-size:12.9px}}/*# sourceMappingURL=bluesee.min.css.map */