@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap");
/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font: 400 16px/1.75 "BIZ UDPGothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; min-height: 100vh; width: 100%; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; margin-top: 15px; }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images and Figures */
img { max-width: 100%; vertical-align: middle; display: block; }

p img, img[alt^="center"] { margin: 15px auto; }

img[alt^="right"] { margin: 0 0 15px 15px; float: right; }

img[alt^="left"] { margin: 0 15px 15px 0; clear: both; float: left; }

figure { margin: 15px auto; width: fit-content; display: table; }

figure img { display: block; margin: 0 auto; }

figure figcaption { display: table-caption; caption-side: bottom; text-align: center; font-size: 14px; }

figure.right { clear: both; float: right; margin: 0 0 15px 15px; }

figure.left { clear: both; float: left; margin: 0 15px 15px 0; }

hr.clear { /* used to clear floating figure */ clear: both; border: none; margin: 0; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-top: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 600; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }

a:visited { color: #1756a9; }

a:hover { color: #111; text-decoration: underline; }

.social-media-list a:hover { text-decoration: none; }

.social-media-list a:hover .username { text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 16px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { /*@include relative-font-size(1);*/ font-size: inherit; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; font-family: consolas, "Courier New", monospace; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: 960px; margin-right: auto; margin-left: auto; padding: 0 30px; /*@extend %clearfix;*/ }

/** Clearfix */
/** Icons */
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }

.social-media-list li + li { padding-top: 5px; }

.icon-left, .icon-home { display: inline-block; width: 32px; height: 32px; fill: #828282; }

/** Tables */
table { width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 0; }

table tr:nth-child(even) { background-color: #f7f7f7; }

table th, table td { padding: 10px 15px; }

table th { background-color: #f0f0f0; border-bottom-color: #c9c9c9; }

/** Advertisement */
.advertise { text-align: center; }

/** YouTube */
.youtube, iframe[src^="https://www.youtube.com/"] { width: 560px; height: 315px; }

@media screen and (max-width: 590px) { .youtube, iframe[src^="https://www.youtube.com/"] { width: 80vw; height: 45vw; } }

/* vim:set sts=2 sw=2 expandtab: */
/** Site header */
:root { scroll-padding-top: 100px; }

.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 55.95px; background: #fdfdfd; position: fixed; width: 100vw; top: 0; }

.site-header > .wrapper { display: flex; justify-content: left; align-items: center; }

@media screen and (max-width: 1019px) { .site-header > .wrapper { padding-left: 66px; } }

.site-title { font-size: clamp(16px, 4vw, 24px); /* variable font */ font-weight: 300; line-height: 30px; letter-spacing: -1px; margin-top: 15px; margin-bottom: 15px; }

.site-title, .site-title:visited { color: #424242; }

.site-nav { line-height: 30px; margin-left: auto; }

.site-nav .nav-trigger { display: none; }

.site-nav .menu-icon { display: none; }

.site-nav .page-link { color: #111; line-height: 1.75; display: inline-block; margin-left: 10px; }

@media screen and (max-width: 1019px) { .site-nav { position: absolute; position: fixed; z-index: 100; top: 16px; left: 15px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; } .site-nav label[for="nav-trigger"] { display: inline-block; width: 36px; height: 36px; z-index: 2; cursor: pointer; } .site-nav .menu-icon { display: inline-block; width: 36px; line-height: 15px; padding-top: 10.5px; text-align: center; } .site-nav .menu-icon > svg { fill: #424242; } .site-nav #nav-trigger ~ .menu { clear: both; display: none; } .site-nav #nav-trigger ~ .menu-bg { display: none; } .site-nav #nav-trigger:checked ~ .menu { position: fixed; top: 16px; left: 15px; display: block; padding-bottom: 5px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; z-index: 100; } .site-nav #nav-trigger:checked ~ .menu-bg { position: fixed; top: 0; left: 0; display: block; width: 100vw; height: 100vh; z-index: 99; background-color: rgba(0, 0, 0, 0.1); } .site-nav .page-link { display: block; padding: 5px 10px; } .site-nav .page-link:not(:last-child) { margin-right: 0; } }

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 15px 0; }

.site-footer p, .site-footer ul, .site-footer h1, .site-footer h2, .site-footer h3 { margin-top: 7.5px; margin-bottom: 7.5px; }

.footer-heading { font-size: 16px; word-break: keep-all; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 14.4px; color: #828282; display: flex; flex-wrap: wrap; gap: 30px; }

.footer-col-wrapper .footer-col { margin-bottom: 15px; }

.footer-col-wrapper .footer-col-1 { flex: none; width: 30%; }

.footer-col-wrapper .footer-col-2 { flex: none; width: 20%; }

.footer-col-wrapper .footer-col-3 { flex: 1; }

@media screen and (max-width: 1019px) { .footer-col-wrapper .footer-col-1, .footer-col-wrapper .footer-col-2 { flex: 1; width: auto; } .footer-col-wrapper .footer-col-3 { flex: none; width: 100%; } }

@media screen and (max-width: 694px) { .footer-col-wrapper { display: block; } .footer-col-wrapper .footer-col-1, .footer-col-wrapper .footer-col-2, .footer-col-wrapper .footer-col-3 { flex: none; width: auto; } }

/** Home (index page) layouts */
/* Inner grid */
.home-sidebar-container, .card-container { display: grid; grid-auto-rows: 300px; gap: 15px; }

.home-sidebar-container .card, .card-container .card { background-repeat: no-repeat; background-position: center; background-size: cover; border: solid #e8e8e8 1px; border-radius: 10px; }

/* Outer grid */
.home { max-width: 100%; display: grid; gap: 15px; grid-template-columns: 1fr 1fr 1fr; }

@media screen and (max-width: 1019px) { .home { display: block; } }

.home .home-content { grid-column: 1/4; }

.home .home-w-sidebar { grid-column: 1/3; }

.home .home-sidebar-container { grid-template-columns: 1fr; grid-auto-rows: 210px; }

.home .post-list-title { grid-column: 1/3; }

.home .post-list-title .card-list-title { margin-bottom: 0; }

.home .post-list { grid-column: 1/3; }

.home .post-list .card-container { grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); }

.home .post-sidebar .card-container { grid-template-columns: 1fr; }

.home nav.pagination { grid-column: 1/4; }

.home > * { justify-content: center; }

@media screen and (max-width: 1019px) { .tweet-container { padding: 0 14px; } }

.post-list-heading, .card-list-title { font-size: 20px; }

.post-info { margin-top: 20px !important; background-color: rgba(255, 255, 255, 0.9); padding: 10px; }

.post-info .post-meta { font-size: 14px; color: #828282; margin-bottom: 5px; }

.post-info .post-link { display: block; font-size: 17.6px; }

nav.pagination { clear: both; text-align: center; padding: 15px; }

img.top { width: 100%; }

/** Common to post and pages */
.post-content { margin-bottom: 30px; }

.post-content h1 { margin-top: 50px; }

.post-content h2 { margin-top: 40px; font-size: 24px; }

.post-content h3 { margin-top: 30px; font-size: 19.2px; }

.post-content h4 { margin-top: 20px; font-size: 16px; }

.post-content iframe { display: block; margin: 0 auto; }

.post-content > *:first-child { margin-top: 0; }

.post-content figure + h2, .post-content figure + h3, .post-content figure + h4 { margin-top: 15px; }

/** Page content */
.page-content { padding: 15px 0; margin-top: 66px; }

.page-heading { font-size: 24px; }

@media screen and (max-width: 694px) { img[alt^="right"], img[alt^="left"], figure.right, figure.left { float: none; margin: 15px auto; } }

/** Posts */
.post { max-width: 960px; margin: 0 auto; }

.post-header { margin-bottom: 30px; }

.post-title { font-size: 32px; letter-spacing: -1px; line-height: 1.25; margin-top: 15px !important; }

.back { clear: both; margin: 30px auto; text-align: center; vertical-align: middle; }

.back .icon-left { display: inline-block; vertical-align: middle; }

.page-link .icon-home { vertical-align: -2px; width: 20px; height: 20px; fill: #111; }

/* vim:set sts=2 sw=2 expandtab: */
/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlighter-rouge .highlight { background: #eef; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/* vim:set sts=2 sw=2 expandtab: */
/*
@import url('https://fonts.googleapis.com/css2?family=Klee+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
@import url('https://fonts.googleapis.com/css2?family=LINE+Seed+JP&display=swap');
*/
/* please add additional style, if you need */
body { /* font-family: "M PLUS Rounded 1c", sans-serif; font-family: "LINE Seed JP", sans-serif; */ }

.info, .warning, .page-navi, #markdown-toc { background-size: 20px; background-position: left 10px top 14px; background-repeat: no-repeat; padding: 10px; border-radius: 10px; padding-left: 36px; margin: 15px 0; }

.memo { background-size: 20px; background-position: left 0px top 4px; padding-left: 26px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,<svg style='fill:%23AAA' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'><g>%09<path class='st0' d='M214.873,94.854c11.817,0,21.404-9.579,21.404-21.404V21.405C236.278,9.588,226.69,0,214.873,0%09%09c-11.826,0-21.405,9.588-21.405,21.405v52.044C193.469,85.275,203.048,94.854,214.873,94.854z'></path>%09<path class='st0' d='M132.611,94.854c11.817,0,21.404-9.579,21.404-21.404V21.405C154.015,9.588,144.428,0,132.611,0%09%09c-11.826,0-21.405,9.588-21.405,21.405v52.044C111.206,85.275,120.785,94.854,132.611,94.854z'></path>%09<path class='st0' d='M297.127,94.854c11.825,0,21.404-9.579,21.404-21.404V21.405C318.531,9.588,308.952,0,297.127,0%09%09c-11.817,0-21.405,9.588-21.405,21.405v52.044C275.722,85.275,285.31,94.854,297.127,94.854z'></path>%09<path class='st0' d='M379.389,94.854c11.825,0,21.404-9.579,21.404-21.404V21.405C400.794,9.588,391.215,0,379.389,0%09%09c-11.817,0-21.405,9.588-21.405,21.405v52.044C357.985,85.275,367.573,94.854,379.389,94.854z'></path>%09<path class='st0' d='M332.384,416.406v87.71l116.96-116.964h-87.71C345.487,387.178,332.414,400.251,332.384,416.406z'></path>%09<path class='st0' d='M421.945,24.34v49.11c0,23.462-19.089,42.56-42.555,42.56c-19.873,0-36.475-13.754-41.131-32.198%09%09c-4.656,18.444-21.258,32.198-41.131,32.198c-19.869,0-36.462-13.745-41.127-32.189c-4.665,18.444-21.258,32.189-41.127,32.189%09%09c-19.873,0-36.475-13.754-41.131-32.198c-4.656,18.444-21.258,32.198-41.131,32.198c-23.466,0-42.556-19.098-42.556-42.56V24.34%09%09H51.829v422.706c0,35.872,29.082,64.954,64.954,64.954h189.161v-95.594c0.009-30.769,24.929-55.684,55.689-55.693h98.538V24.34%09%09H421.945z M251.598,403.298h-120.45v-32.309h120.45V403.298z M380.852,315.166H131.148v-32.309h249.704V315.166z M380.852,227.034%09%09H131.148v-32.309h249.704V227.034z'></path></g></svg>"); color: #828282; }

.info { background-image: url("data:image/svg+xml,<svg style='fill:%23666' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'><g>%09<path class='st0' d='M256,0C114.612,0,0,114.612,0,256s114.612,256,256,256s256-114.612,256-256S397.388,0,256,0z M250.669,88.462%09%09c26.504,0,47.998,21.482,47.998,48.01c0,26.496-21.494,47.994-47.998,47.994c-26.513,0-48.006-21.498-48.006-47.994%09%09C202.662,109.944,224.156,88.462,250.669,88.462z M315.554,428c0,3.343-2.709,6.044-6.048,6.044h-103.3%09%09c-3.339,0-6.044-2.7-6.044-6.044v-26.372c0-3.343,2.705-6.052,6.044-6.052h12.808c6.678,0,12.096-5.418,12.096-12.095V277.72%09%09c0,0-26.612,2.61-35.55,2.98c-8.937,0.363-20.452-13.964,3.549-25.96l82.484-45.836c1.96-1.038,4.327-0.988,6.225,0.164%09%09c1.906,1.152,3.067,3.211,3.067,5.434v168.979c0,6.677,5.418,12.095,12.091,12.095h6.529c3.339,0,6.048,2.709,6.048,6.052V428z'></path></g></svg>"); background-color: #EEE; }

.warning { background-image: url("data:image/svg+xml,<svg style='fill:%23f7a535' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'><g>%09<path class='st0' d='M505.095,407.125L300.77,53.208c-9.206-15.944-26.361-25.849-44.774-25.849%09%09c-18.412,0-35.552,9.905-44.751,25.849L6.905,407.109c-9.206,15.944-9.206,35.746,0,51.69%09%09c9.206,15.944,26.354,25.842,44.758,25.842h408.674c18.405,0,35.568-9.897,44.759-25.842%09%09C514.302,442.855,514.302,423.053,505.095,407.125z M256.004,426.437c-17.668,0-32.013-14.33-32.013-32.004%09%09c0-17.668,14.345-31.997,32.013-31.997c17.667,0,31.997,14.329,31.997,31.997C288.001,412.108,273.671,426.437,256.004,426.437z%09%09 M275.72,324.011c0,10.89-8.834,19.709-19.716,19.709c-10.898,0-19.717-8.818-19.717-19.709l-12.296-144.724%09%09c0-17.676,14.345-32.005,32.013-32.005c17.667,0,31.997,14.33,31.997,32.005L275.72,324.011z'></path></g></svg>"); background-color: #FFF5DD; }

.page-navi, #markdown-toc { background-image: url("data:image/svg+xml,<svg style='fill:%23666' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'><g>%09<path class='st0' d='M256,0C114.614,0,0,114.613,0,256s114.614,256,256,256c141.387,0,256-114.613,256-256S397.387,0,256,0z%09%09 M384.29,259.396L262.298,375.46c-11.79,11.226-30.435,10.767-41.653-1.032c-11.218-11.79-10.75-30.452,1.032-41.653l49.726-47.306%09%09H153.605c-16.282,0-29.467-13.186-29.467-29.468s13.186-29.46,29.467-29.46h117.799l-49.726-47.314%09%09c-11.782-11.193-12.25-29.863-1.032-41.644c11.218-11.798,29.863-12.267,41.653-1.032L384.29,252.605%09%09c0.928,0.887,1.452,2.113,1.452,3.395C385.742,257.282,385.218,258.508,384.29,259.396z'></path></g></svg>"); background-color: #EEE; word-break: keep-all; }

blockquote { font-style: normal; }

h1, h2, h3 { /* text-align: center; */ }

.site-title { word-break: keep-all; }

a.button { display: block; min-width: fit-content; width: 50%; text-align: center; margin: 10px auto !important; background-color: #2a7ae2; padding: 5px 10px; color: white; border-radius: 10px; }

table.index tr:nth-child(even) { background-color: inherit; }

table.index a.button { width: 100%; white-space: nowrap; }

table a.button { width: 100%; }

div.navi p { text-align: center; }

.first { /* usually used with heading */ margin-top: 15px !important; }

/* style for {:toc} block */
#markdown-toc ul { display: inline-block; margin: 0; }

#markdown-toc ul::before { content: " ( "; }

#markdown-toc ul::after { content: " ) "; }

#markdown-toc li { display: inline-block; }

#markdown-toc li::after { content: " | "; }

#markdown-toc li:last-child::after { content: none; }

.home-sidebar-container { grid-auto-rows: 200px !important; }

.home-sidebar-container .post-info { margin-top: 90px !important; }

.post { max-width: 960px !important; }

.post-title { font-size: 32px; color: #708090; color: #515356; }

.post-content h2 { font-size: 24px; }

.post-content h3 { font-size: 20px; }

.post-content h4 { font-size: 16px; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #444; color: #444; }

.table-container { overflow-x: scroll; }

.table-container th, .table-container td { white-space: nowrap; }

.site-title { white-space: nowrap; }

.footer-col-wrapper .footer-col-1, .footer-col-wrapper .footer-col-2 { width: auto; }

/*# sourceMappingURL=main.css.map */