@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{line-height:160%;margin-bottom:12px}#articles #article-cards .article-card .category *{display:inline;border:1px solid #70acce;border-radius:5px;font-size:80%;font-weight:bold;padding:3px}#articles #article-cards .article-card .category .big{color:white;background-color:#70acce;margin-right:3px}#articles #article-cards .article-card .category .small{color:#70acce;background-color:white;margin-right:12px}#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;word-break:break-word;max-width:840px;margin:0 auto;padding:60px 50px}@media (max-width: 768px){#article{margin:0;padding:30px 20px}}#article .category{line-height:160%}#article .category *{display:inline;border:1px solid #70acce;border-radius:5px;font-size:80%;font-weight:bold;padding:3px}#article .category .big{color:white;background-color:#70acce;margin-right:3px}#article .category .small{color:#70acce;background-color:white;margin-right:12px}#article h1{color:#2C4565;margin-bottom:0px;font-size:250%}#article .info{color:#777777;font-size:80%;display:flex;margin-top:8px;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;font-size:200%;margin-top:60px}#article h3{color:#2C4565;border-left:4px solid #2C4565;font-size:180%;padding-left:16px;margin-top:60px}#article h4{color:#2C4565;font-size:160%;margin-top:60px}#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;overflow-x:scroll}#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 .image{text-align:center}#article .image img{max-width:70vw;max-height:50vh}#article .image .caption{color:#777777}#article p{line-height:1.8}#article li{line-height:1.8}#article hr{margin-top:50px;margin-bottom:50px}#article .sns-share-buttons{padding-top:50px;text-align:center}#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}#home #accappella-videos{display:flex;flex-wrap:wrap;gap:16px}#home #accappella-videos .video-item{position:relative;display:block;width:100%;overflow:hidden;max-width:480px;padding:20px;border-radius:8px;color:inherit}#home #accappella-videos .video-item:hover{box-shadow:0 0 3px;background-color:rgba(196,48,43,0.1)}#home #accappella-videos .video-item .thumbnail{position:relative;width:100%;margin-bottom:12px;overflow:hidden;border-radius:8px}#home #accappella-videos .video-item .thumbnail img{display:block;transition:opacity 0.3s;max-width:100%}#home #accappella-videos .video-item .thumbnail::after{content:"▶";font-size:24px;color:#fff;background-color:rgba(196,48,43,0.7);width:50px;height:50px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;padding-left:4px;pointer-events:none;transition:background-color 0.3s}#images{padding:0 20px 20px 20px}#images #images_container{display:flex}#images #images_container .image_box{text-align:center;width:200px;margin:5px;padding:10px;background-color:#f1f4f4;cursor:pointer}#images #images_container .image_box:hover{box-shadow:0 0 3px}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;font-size:20px}@media (max-width: 768px){body{font-size:18px}}body a{color:#1a0dab;text-decoration:none;transition:0.2s}body a:hover{color:#0066bb}body .flash{margin:15px;padding:10px;border-radius:8px;position:absolute}body .flash-notice{color:#227920;background-color:#cbf1cb}body .flash-alert{color:#ff270f;background-color:#ffd1cc}.admin{background-color:#810e0e}#header{display:flex;margin:10px;justify-content:space-between;align-items:center}#header #logo{height:70px;position:relative;z-index:100}#header #logo a{position:absolute;display:block;top:0;left:0;width:100%;height:100%}#header #logo img{max-height:100%}#header #menu-btn-check{display:none}#header .menu-btn{display:none}#header .item-box{margin:0 0 0 auto}#header #accounts{height:30px}#header #item-list{display:flex}#header #item-list .content{color:#e0e0e0;font-weight:bold;text-align:center;height:40px;width:150px;line-height:40px;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%}@media (max-width: 768px){#header .menu-btn{display:flex;justify-content:center;align-items:center;width:50px;height:50px;z-index:100;position:relative;cursor:pointer}#header .menu-btn span,#header .menu-btn span::before,#header .menu-btn span::after{content:'';display:block;height:3px;width:25px;border-radius:3px;background-color:#FFFFFF;position:absolute;transition:0.3s}#header .menu-btn span::before{bottom:8px}#header .menu-btn span::after{top:8px}#header #menu-btn-check:checked~.menu-btn span{background-color:rgba(255,255,255,0)}#header #menu-btn-check:checked~.menu-btn span::before{bottom:0;transform:rotate(45deg)}#header #menu-btn-check:checked~.menu-btn span::after{top:0;transform:rotate(-45deg)}#header .item-box{position:fixed;top:90px;right:-100%;width:100%;background-color:rgba(44,69,101,0.95);z-index:90;transition:all 0.4s;display:flex;justify-content:center;align-items:center}#header #menu-btn-check:checked~.item-box{right:0}#header #item-list{flex-direction:column;width:100%}#header #item-list .content{width:100%;height:60px;line-height:60px;font-size:1.2rem;border-bottom:1px solid #EEEEEE}}#content{flex:1;background-color:white;display:flex;flex-direction:column;position:relative}#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}.fade{opacity:0;animation:fade 4s ease 0.25s forwards}@keyframes fade{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}