@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);#articles{background-color:#f1f4f4;flex:1}#articles #article-cards{padding:20px}#articles #article-cards h1{color:#2C4565;margin-bottom:0px}#articles #article-cards .article-card{padding:20px 15px;margin:20px 0 20px 0;background-color:white;position:relative;transition:0.3s}#articles #article-cards .article-card:hover{box-shadow:0 0 3px}#articles #article-cards .article-card a{position:absolute;display:block;top:0;left:0;width:100%;height:100%}#articles #article-cards .article-card .category{display:flex;margin-bottom:7px}#articles #article-cards .article-card .category *{border:1px solid #70acce;border-radius:5px;font-size:60%;font-weight:bold;padding:3px;margin-right:3px}#articles #article-cards .article-card .category .big:nth-of-type(n+2){margin-left:12px}#articles #article-cards .article-card .category .big{color:white;background-color:#70acce}#articles #article-cards .article-card .category .small{color:#70acce;background-color:white}#articles #article-cards .article-card h2{margin-top:0;margin-bottom:0;color:#2C4565}#articles #article-cards .article-card .info{color:#777777;margin-bottom:10px;font-size:80%}#articles #article-cards .article-card .content{color:#777777}#articles #pagination{background-color:#f1f4f4;padding:20px}#articles #pagination .pagination{text-align:center}#articles #pagination .pagination .page{padding:5px;border-radius:4px;color:#777777;transition:0.2s}#articles #pagination .pagination .page a{color:#2C4565;text-decoration:none}#articles #pagination .pagination .page:not(.disabled):not(.gap):not(.active):hover{background:#70acce;border-radius:5px}#articles #pagination .pagination .page:not(.disabled):not(.gap):not(.active):hover a{color:#f1f4f4}#articles #pagination .pagination .active{background:#2C4565;color:#f1f4f4;border-radius:5px}#article{background-color:white;padding:20px}#article .category{display:flex}#article .category *{border:1px solid #70acce;border-radius:5px;font-size:80%;font-weight:bold;padding:3px;margin-right:3px}#article .category .big:nth-of-type(n+2){margin-left:12px}#article .category .big{color:white;background-color:#70acce}#article .category .small{color:#70acce;background-color:white}#article h1{color:#2C4565;margin-bottom:0px}#article .info{color:#777777;font-size:80%;display:flex;margin-bottom:25px}#article .info *{vertical-align:baseline}#article .info *:nth-of-type(n+2){margin-left:15px}#article h2{color:#2C4565;position:relative;padding:0.1em 0.5rem;border-bottom:3px solid #2C4565}#article h2::before{position:absolute;bottom:-3px;left:0;width:30px;height:3px;content:'';background:#70acce}#article h3{color:#2C4565;border-bottom:dashed 2px #2C4565}#article h4{color:#2C4565}#article em{font-style:normal;font-weight:bold;color:#70acce}#article code{background-color:#eeeeee;padding:0.2em 0.4em;font-family:MeiryoKe_Gothic, Meiryoke_Console, "Source Code Pro", Consolas, Monaco, Menlo, monospace}#article pre{background-color:#eeeeee;padding:0.8em 1em;font-family:MeiryoKe_Gothic, Meiryoke_Console, "Source Code Pro", Consolas, Monaco, Menlo, monospace}#article pre *{font-family:MeiryoKe_Gothic, Meiryoke_Console, "Source Code Pro", Consolas, Monaco, Menlo, monospace}#article del{color:#777777;padding:0 0.2em;margin:0 -0.1em;text-decoration:none;position:relative}#article del::before{position:absolute;content:'';top:-1px;left:0;height:50%;width:100%;border-bottom:black solid 2px}#article blockquote{position:relative;margin:16px 28px}#article blockquote::before{position:absolute;left:-15px;width:3px;height:100%;content:'';background:#C8C8C8}#article p{line-height:1.8}#article li{line-height:1.8}#edit-page{display:flex}#edit-page #article-form div.label{margin-top:15px}#edit-page #article-form input.for-input{width:600px}#edit-page #article-form textarea{width:600px;height:20em}#edit-page #categories{padding:20px}#edit-page #categories .category{border:1px solid #70acce;border-radius:5px;font-size:80%;font-weight:bold;padding:3px;margin-right:3px;color:white;background-color:#70acce}#edit-page #categories .tags{display:flex;flex-wrap:wrap;margin:5px 0 20px 0}#edit-page #categories .tags .tag{width:20%}.status-code{margin-top:20px;color:#555555;font-size:100px;font-weight:600;text-align:center;height:125px}.error-message-en{color:#555555;font-size:25px;text-align:center}.error-message-ja{color:#777777;text-align:center;padding:20px 0 20px 0}.link-to-top{text-align:center;padding:20px 0 20px 0}#home{padding:20px}#home h1{color:#2C4565;position:relative;padding:0.1em 0.5rem;margin-top:0;border-bottom:3px solid #2C4565}#home h1::before{position:absolute;bottom:-3px;left:0;width:30px;height:3px;content:'';background:#70acce}#home h1+h2{margin-top:0}#home h2{color:#2C4565;margin:40px 0 16px 0}#home h3{color:#2C4565}#home table{table-layout:fixed;margin:16px 0}#home table td.date{width:100px}body{font-family:"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;background-color:#2c4565;color:#333333;min-height:100vh;margin:0 10px;display:flex;flex-direction:column}body a{color:#1a0dab;text-decoration:none;transition:0.2s}body a:hover{color:#0066bb}body .alert{margin-top:15px}body .alert-success{color:#7adb79}body .alert-danger{color:#ffca2e}body .alert-alert{color:#ff5643}#header{display:flex;margin:10px}#header .item-box{margin:0 0 0 auto}#header #logo{height:70px;position:relative}#header #logo a{position:absolute;display:block;top:0;left:0;width:100%;height:100%}#header #logo img{max-height:100%}#header #accounts{height:30px}#header #item-list .content{color:#e0e0e0;font-weight:bold;display:table-cell;text-align:center;vertical-align:middle;height:40px;width:150px;transition:0.3s;position:relative}#header #item-list .content:hover{box-shadow:0 0 3px}#header #item-list .content a{position:absolute;display:block;top:0;left:0;width:100%;height:100%}#content{flex:1;background-color:white;display:flex;flex-direction:column}#content #under-construction{padding:20px}#footer{padding:20px}#footer .content{font-size:80%;text-align:center;color:#e0e0e0}#footer a{color:#e0e0e0;text-decoration:underline}