html {
  overflow-y: scroll;
  height: 100%;
  line-height: 1.8;
  font-size: 12pt;
  font-family: "Meiryo";
  scroll-behavior: smooth;
}
body {
  height: 100%;
  margin: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  line-break: strict;
  color: #303030;
  background-color: #F0F0F0;
}
hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #C0C0C0;
}
div.content {
  padding: 0 2.75rem;
  text-align: justify;
}
div.content-clear-padding {
  margin-left: -2.75rem;
  margin-right: -2.75rem;
}
a {
  color: #2573b8;
  text-decoration: none;
}
a:visited {
  color: #2573b8;
}
a:hover {
  color: #eb7a3d;
}
/*
 * font / text control
 */
.font-normal {
  font-weight: normal;
}
.font-bold {
  font-weight: bold;
}
.smaller {
  font-size: smaller;
}
.larger {
  font-size: larger;
}
.monospace {
  font-family: monospace;
}
.datetime {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.break-all {
  word-break: break-all;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff) format('woff');
}
.material-icons,
.material-icons-black,
.material-icons-white,
a.download-button::before,
.markdown li.task-list-item input.task-list-item-checkbox:not(:checked)::before,
.markdown li.task-list-item input.task-list-item-checkbox:checked::before,
dl.note > dt::before,
dl.tip > dt::before,
dl.info > dt::before,
dl.warning > dt::before,
dl.caution > dt::before {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 100;
  font-size: 2em;
  display: inline-block;
  line-height: 1.0;
  text-transform: none;
  letter-spacing: normal;
  overflow-wrap: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  max-width: 40px;
  max-height: 40px;
}
.material-icons-black {
  color: black;
}
.material-icons-white {
  color: white;
}
a.download-button {
  display: inline-flex;
  position: relative;
  z-index: 1;
  align-items: center;
  padding: 0.5em 1.5em;
  font-size: 1.0rem;
  line-height: 1.4;
  background-color: #3667d5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
a.download-button:hover {
  box-shadow: 0 7px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.22);
}
a.download-button:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
a.download-button,
a.download-button:hover,
a.download-button:visited {
  color: #F8F8F8;
}
a.download-button::before {
  content: 'get_app';
  font-size: 2.5em;
}
/*
 * flex
 */
.markdown .flex {
  display: flex;
  justify-content: space-evenly;
}
.markdown .flex.space-between,
.markdown .flex.left.right {
  justify-content: space-between;
}
.markdown .flex.flex-start,
.markdown .flex.left {
  justify-content: flex-start;
}
.markdown .flex.flex-end,
.markdown .flex.right {
  justify-content: flex-end;
}
/*
 * hr
 */
.markdown hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: 0;
  border-top: 1px solid #C0C0C0;
}
/*
 * IMG
 */
.markdown img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}
.markdown img.border {
  border: 1px solid #808080;
}
.markdown img.shadow {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
}
.markdown img.zoom {
  box-shadow: none;
}
.markdown img.shadow.zoom {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.markdown img.shadow.zoom:hover {
  box-shadow: 2px 7px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.25);
}
.markdown img.shadow.zoom:active {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
}
/*
 * P
 */
.markdown p.images-only {
  text-align: center;
}
/*
 * DL
 */
.markdown dd {
  margin-bottom: 1em;
}
/*
 * UL
 */
.markdown ul {
  padding-left: 2em;
}
/*
 * OL
 */
.markdown ol {
  padding-left: 2em;
}
/*
 * LI
 */
.markdown li {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.markdown li > p {
  margin: 0;
}
/*
 * task-list
 */
.markdown li.task-list-item {
  list-style-type: none;
  text-indent: -1.5em;
  margin-left: 0.25em;
}
.markdown li.task-list-item input.task-list-item-checkbox:not(:checked),
.markdown li.task-list-item input.task-list-item-checkbox:checked {
  visibility: hidden;
  margin: 0 0.5em 0 0;
}
.markdown li.task-list-item input.task-list-item-checkbox:not(:checked)::before {
  visibility: visible;
  content: 'check_box_outline_blank';
  /* content: ''; */
  line-height: 0.9;
  font-size: 130%;
  font-weight: 100;
  color: #C0C0C0;
}
.markdown li.task-list-item input.task-list-item-checkbox:checked::before {
  visibility: visible;
  /* content: 'check_box'; */
  content: 'done';
  line-height: 0.9;
  font-size: 130%;
  font-weight: 900;
  color: #2573b8;
}
.markdown li:not(.task-list-item) {
  text-indent: initial;
}
/*
 * UL .tree
 */
.markdown ul.tree {
  font-family: "Consolas", "Meiryo", monospace;
  font-weight: 500;
}
.markdown ul.tree,
.markdown ul.tree ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.markdown ul.tree ul {
  position: relative;
  margin-left: 0.5em;
}
.markdown ul.tree ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #808080;
}
.markdown ul.tree li {
  position: relative;
  margin: 0;
  padding: 0 0 0 1em;
  line-height: 1.5em;
}
.markdown ul.tree ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 0.75em;
  height: 0;
  border-top: 1px solid #808080;
}
.markdown ul.tree ul li:last-child:before {
  bottom: 0;
  height: auto;
  background: #FFFFFF;
}
/*
 * TABLE
 */
.markdown table {
  min-width: 60%;
  max-width: 100%;
  margin: 1.5rem auto 1.5rem auto;
  font-size: 83.33%;
  border-spacing: 0;
  border-collapse: collapse;
}
.markdown table > thead > tr > th {
  padding: 0 0.5em;
  line-height: 1.5;
  vertical-align: bottom;
  border-bottom: 2px solid #C0C0C0;
  white-space: nowrap;
}
.markdown table > thead > tr > th:not([align]) {
  text-align: left;
}
.markdown table > tbody > tr:nth-of-type(odd) {
  background-color: #F8F8F8;
}
.markdown table > tbody > tr > td {
  vertical-align: baseline;
  padding: 0.25em 0.5em;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
}
.markdown table var {
  font-style: normal;
  white-space: nowrap;
}
.markdown table th::after,
.markdown table td::after {
  content: ' ';
}
.markdown table.left {
  margin-left: 0;
}
.markdown table.right {
  margin-right: 0;
}
/*
 * BLOCKQUOTE
 */
.markdown blockquote {
  margin-left: 0.5em;
  margin-right: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-family: "Yu Gothic";
  font-style: italic;
  font-weight: 500;
  font-size: 0.95em;
  border-left: 0.25em solid #e0e0e0;
}
.markdown blockquote:empty {
  margin: 3.0em 0 0 0;
  padding: 0;
  height: 0;
  border: 0;
}
/*
 * TT
 */
.markdown tt {
  font-family: "Consolas", "Meiryo", monospace;
  word-break: break-all;
  white-space: pre-wrap;
}
/*
 * CODE
 */
.markdown code {
  padding: 0.15em 0.25em 0.15em 0.25em;
  font-family: "Consolas", "Meiryo", monospace;
  font-size: 92%;
  letter-spacing: 0.06em;
  color: #c7254e;
  background-color: rgba(128, 0, 32, 0.05);
  border-radius: 4px;
  white-space: pre-wrap;
}
.markdown .monospace code {
  font-family: monospace;
}
/*
 * KBD
 */
.markdown kbd {
  display: inline-block;
  vertical-align: text-top;
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0.5em;
  font-family: "Consolas", "Meiryo", monospace;
  font-size: 92%;
  line-height: 1.0;
  color: #D0D0D0;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
  background-color: #202020;
  border: 1px solid #000000;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.3) inset;
  white-space: pre-wrap;
}
/*
 * SAMP
 */
.markdown samp.button {
  display: inline-block;
  vertical-align: text-top;
  margin: 0;
  padding: 0.35em 0.5em 0.35em 0.5em;
  font-family: "Consolas", "Meiryo", monospace;
  font-size: 80%;
  line-height: 1.0;
  color: #202020;
  background-color: #E0E0E0;
  border: 1px solid #606060;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 1px 1px 2px #FFFFFF inset;
  white-space: pre-wrap;
}
.markdown h1 {
  margin-top: 2.0rem;
  margin-bottom: 2.0rem;
  padding-top: 0.09em;
  line-height: 1.5;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  color: #3e4750;
}
.markdown h1 > img {
  padding-bottom: 0.2em;
}
.markdown h2 {
  margin-top: 3.0rem;
  margin-bottom: 2.0rem;
  padding-top: 0.16em;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-left: 0.5rem;
  line-height: 1.5;
  font-size: 1.5em;
  font-weight: normal;
  text-align: initial;
  color: #F8F8F8;
  background-color: #3e4750;
}
.markdown h2 > img {
  padding-bottom: 0.2em;
}
.markdown h3 {
  margin-top: 3.0rem;
  margin-bottom: 2.0rem;
  padding-left: 8px;
  padding-top: 0.05em;
  line-height: 1.5;
  font-size: 1.2em;
  font-weight: bold;
  text-align: initial;
  border-left: 8px solid #3e4750;
}
.markdown h4 {
  margin-top: 2.0rem;
  margin-bottom: 1.5rem;
  padding-top: 0.2em;
  line-height: 1.5;
  font-size: 1.1em;
  font-weight: bold;
  text-align: initial;
  border-bottom: 2px dashed #3e4750;
}
.markdown h5 {
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding-top: 0.15em;
  line-height: 1.5;
  font-size: 1.0em;
  font-weight: bold;
  text-align: initial;
}
.markdown h6 {
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding-top: 0.07em;
  line-height: 1.5;
  font-size: 0.8em;
  font-weight: bold;
  text-align: initial;
}
a.anchor {
  display: block;
  position: relative;
  visibility: hidden;
  top: calc(0px - 40px - 0px - 90px);
}
a.h2.anchor {
  top: calc(1.0rem - 40px - 0px - 90px);
}
a.h3.anchor {
  top: calc(1.0rem - 40px - 0px - 90px);
}
a.h4.anchor {
  top: calc(-0.5rem - 40px - 0px - 90px);
}
a.h5.anchor {
  top: calc(-0.5rem - 40px - 0px - 90px);
}
.markdown h1 img,
.markdown h2 img,
.markdown h3 img,
.markdown h4 img,
.markdown h5 img,
.markdown h6 img {
  vertical-align: middle;
}
/*
@admonition-caution-color:            #802f2f;
@admonition-caution-border-color:     #Fe5e5e;
@admonition-caution-background-color: #FFEEEE;
*/
/* NOTE
 */
dl.note {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
  padding: 0.5em 1.5em 0.75em 1em;
  font-size: smaller;
  color: #4d4d4d;
  border-left: 0.25em solid #9E9E9E;
  background-color: #F4F4F4;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
dl.note > dt {
  font-weight: bold;
}
dl.note > dt::before {
  content: 'message\02004';/* U+2004 is "1/3 SPACE" */
  font-size: 1.6em;
  font-weight: 100;
  color: #9E9E9E;
  vertical-align: middle;
  margin-left: -0.25em;
}
dl.note > dd {
  margin-left: 0.5em;
  margin-bottom: 0;
}
dl.note > dd > ul {
  margin: 0 0 0 0.5em;
  padding-left: 0.5em;
}
dl.note > dd::after {
  content: ' ';
}
dl.note > dd > ul > li::after {
  content: ' ';
}
dl.note > dt:empty {
  display: none;
}
dl.note > dt:empty + dd {
  margin: -0.2em -0.8em -0.6em -0.5em;
}
/* TIP
 */
dl.tip {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
  padding: 0.5em 1.5em 0.75em 1em;
  font-size: smaller;
  color: #12803e;
  border-left: 0.25em solid #1DCD63;
  background-color: #E9F8EE;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
dl.tip > dt {
  font-weight: bold;
}
dl.tip > dt::before {
  content: 'check_circle\02004';/* U+2004 is "1/3 SPACE" */
  font-size: 1.6em;
  font-weight: 100;
  color: #1DCD63;
  vertical-align: middle;
  margin-left: -0.25em;
}
dl.tip > dd {
  margin-left: 0.5em;
  margin-bottom: 0;
}
dl.tip > dd > ul {
  margin: 0 0 0 0.5em;
  padding-left: 0.5em;
}
dl.tip > dd::after {
  content: ' ';
}
dl.tip > dd > ul > li::after {
  content: ' ';
}
dl.tip > dt:empty {
  display: none;
}
dl.tip > dt:empty + dd {
  margin: -0.2em -0.8em -0.6em -0.5em;
}
/* INFO
 */
dl.info {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
  padding: 0.5em 1.5em 0.75em 1em;
  font-size: smaller;
  color: #006f80;
  border-left: 0.25em solid #00B8D4;
  background-color: #E8F7FA;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
dl.info > dt {
  font-weight: bold;
}
dl.info > dt::before {
  content: 'info\02004';/* U+2004 is "1/3 SPACE" */
  font-size: 1.6em;
  font-weight: 100;
  color: #00B8D4;
  vertical-align: middle;
  margin-left: -0.25em;
}
dl.info > dd {
  margin-left: 0.5em;
  margin-bottom: 0;
}
dl.info > dd > ul {
  margin: 0 0 0 0.5em;
  padding-left: 0.5em;
}
dl.info > dd::after {
  content: ' ';
}
dl.info > dd > ul > li::after {
  content: ' ';
}
dl.info > dt:empty {
  display: none;
}
dl.info > dt:empty + dd {
  margin: -0.2em -0.8em -0.6em -0.5em;
}
/* WARNING
 */
dl.warning {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
  padding: 0.5em 1.5em 0.75em 1em;
  font-size: smaller;
  color: #b36602;
  border-left: 0.25em solid #FF9001;
  background-color: #FEF3E8;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
dl.warning > dt {
  font-weight: bold;
}
dl.warning > dt::before {
  content: 'warning\02004';/* U+2004 is "1/3 SPACE" */
  font-size: 1.6em;
  font-weight: 100;
  color: #FF9001;
  vertical-align: middle;
  margin-left: -0.25em;
}
dl.warning > dd {
  margin-left: 0.5em;
  margin-bottom: 0;
}
dl.warning > dd > ul {
  margin: 0 0 0 0.5em;
  padding-left: 0.5em;
}
dl.warning > dd::after {
  content: ' ';
}
dl.warning > dd > ul > li::after {
  content: ' ';
}
dl.warning > dt:empty {
  display: none;
}
dl.warning > dt:empty + dd {
  margin: -0.2em -0.8em -0.6em -0.5em;
}
/* CAUTION
 */
dl.caution {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
  padding: 0.5em 1.5em 0.75em 1em;
  font-size: smaller;
  color: #b3003e;
  border-left: 0.25em solid #F50057;
  background-color: #FEE7EE;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
dl.caution > dt {
  font-weight: bold;
}
dl.caution > dt::before {
  content: 'report\02004';/* U+2004 is "1/3 SPACE" */
  font-size: 1.6em;
  font-weight: 100;
  color: #F50057;
  vertical-align: middle;
  margin-left: -0.25em;
}
dl.caution > dd {
  margin-left: 0.5em;
  margin-bottom: 0;
}
dl.caution > dd > ul {
  margin: 0 0 0 0.5em;
  padding-left: 0.5em;
}
dl.caution > dd::after {
  content: ' ';
}
dl.caution > dd > ul > li::after {
  content: ' ';
}
dl.caution > dt:empty {
  display: none;
}
dl.caution > dt:empty + dd {
  margin: -0.2em -0.8em -0.6em -0.5em;
}
/*
 * line number
 */
.markdown pre.line-number > code {
  position: relative;
  padding: 0.5em 0.75em 0.5em 2.75em;
}
.markdown pre.line-number > code:before {
  content: "1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a 100\a 101\a 102\a 103\a 104\a 105\a 106\a 107\a 108\a 109\a 110\a 111\a 112\a 113\a 114\a 115\a 116\a 117\a 118\a 119\a 120\a 121\a 122\a 123\a 124\a 125\a 126\a 127\a 128\a 129\a 130\a 131\a 132\a 133\a 134\a 135\a 136\a 137\a 138\a 139\a 140\a 141\a 142\a 143\a 144\a 145\a 146\a 147\a 148\a 149\a 150\a 151\a 152\a 153\a 154\a 155\a 156\a 157\a 158\a 159\a 160\a 161\a 162\a 163\a 164\a 165\a 166\a 167\a 168\a 169\a 170\a 171\a 172\a 173\a 174\a 175\a 176\a 177\a 178\a 179\a 180\a 181\a 182\a 183\a 184\a 185\a 186\a 187\a 188\a 189\a 190\a 191\a 192\a 193\a 194\a 195\a 196\a 197\a 198\a 199\a 200\a 201\a 202\a 203\a 204\a 205\a 206\a 207\a 208\a 209\a 210\a 211\a 212\a 213\a 214\a 215\a 216\a 217\a 218\a 219\a 220\a 221\a 222\a 223\a 224\a 225\a 226\a 227\a 228\a 229\a 230\a 231\a 232\a 233\a 234\a 235\a 236\a 237\a 238\a 239\a 240\a 241\a 242\a 243\a 244\a 245\a 246\a 247\a 248\a 249\a 250\a 251\a 252\a 253\a 254\a 255\a 256\a 257\a 258\a 259\a 260\a 261\a 262\a 263\a 264\a 265\a 266\a 267\a 268\a 269\a 270\a 271\a 272\a 273\a 274\a 275\a 276\a 277\a 278\a 279\a 280\a 281\a 282\a 283\a 284\a 285\a 286\a 287\a 288\a 289\a 290\a 291\a 292\a 293\a 294\a 295\a 296\a 297\a 298\a 299\a 300\a 301\a 302\a 303\a 304\a 305\a 306\a 307\a 308\a 309\a 310\a 311\a 312\a 313\a 314\a 315\a 316\a 317\a 318\a 319\a 320\a 321\a 322\a 323\a 324\a 325\a 326\a 327\a 328\a 329\a 330\a 331\a 332\a 333\a 334\a 335\a 336\a 337\a 338\a 339\a 340\a 341\a 342\a 343\a 344\a 345\a 346\a 347\a 348\a 349\a 350\a 351\a 352\a 353\a 354\a 355\a 356\a 357\a 358\a 359\a 360\a 361\a 362\a 363\a 364\a 365\a 366\a 367\a 368\a 369\a 370\a 371\a 372\a 373\a 374\a 375\a 376\a 377\a 378\a 379\a 380\a 381\a 382\a 383\a 384\a 385\a 386\a 387\a 388\a 389\a 390\a 391\a 392\a 393\a 394\a 395\a 396\a 397\a 398\a 399\a 400\a 401\a 402\a 403\a 404\a 405\a 406\a 407\a 408\a 409\a 410\a 411\a 412\a 413\a 414\a 415\a 416\a 417\a 418\a 419\a 420\a 421\a 422\a 423\a 424\a 425\a 426\a 427\a 428\a 429\a 430\a 431\a 432\a 433\a 434\a 435\a 436\a 437\a 438\a 439\a 440\a 441\a 442\a 443\a 444\a 445\a 446\a 447\a 448\a 449\a 450\a 451\a 452\a 453\a 454\a 455\a 456\a 457\a 458\a 459\a 460\a 461\a 462\a 463\a 464\a 465\a 466\a 467\a 468\a 469\a 470\a 471\a 472\a 473\a 474\a 475\a 476\a 477\a 478\a 479\a 480\a 481\a 482\a 483\a 484\a 485\a 486\a 487\a 488\a 489\a 490\a 491\a 492\a 493\a 494\a 495\a 496\a 497\a 498\a 499\a 500\a 501\a 502\a 503\a 504\a 505\a 506\a 507\a 508\a 509\a 510\a 511\a 512\a 513\a 514\a 515\a 516\a 517\a 518\a 519\a 520\a 521\a 522\a 523\a 524\a 525\a 526\a 527\a 528\a 529\a 530\a 531\a 532\a 533\a 534\a 535\a 536\a 537\a 538\a 539\a 540\a 541\a 542\a 543\a 544\a 545\a 546\a 547\a 548\a 549\a 550\a 551\a 552\a 553\a 554\a 555\a 556\a 557\a 558\a 559\a 560\a 561\a 562\a 563\a 564\a 565\a 566\a 567\a 568\a 569\a 570\a 571\a 572\a 573\a 574\a 575\a 576\a 577\a 578\a 579\a 580\a 581\a 582\a 583\a 584\a 585\a 586\a 587\a 588\a 589\a 590\a 591\a 592\a 593\a 594\a 595\a 596\a 597\a 598\a 599\a 600\a 601\a 602\a 603\a 604\a 605\a 606\a 607\a 608\a 609\a 610\a 611\a 612\a 613\a 614\a 615\a 616\a 617\a 618\a 619\a 620\a 621\a 622\a 623\a 624\a 625\a 626\a 627\a 628\a 629\a 630\a 631\a 632\a 633\a 634\a 635\a 636\a 637\a 638\a 639\a 640\a 641\a 642\a 643\a 644\a 645\a 646\a 647\a 648\a 649\a 650\a 651\a 652\a 653\a 654\a 655\a 656\a 657\a 658\a 659\a 660\a 661\a 662\a 663\a 664\a 665\a 666\a 667\a 668\a 669\a 670\a 671\a 672\a 673\a 674\a 675\a 676\a 677\a 678\a 679\a 680\a 681\a 682\a 683\a 684\a 685\a 686\a 687\a 688\a 689\a 690\a 691\a 692\a 693\a 694\a 695\a 696\a 697\a 698\a 699\a 700\a 701\a 702\a 703\a 704\a 705\a 706\a 707\a 708\a 709\a 710\a 711\a 712\a 713\a 714\a 715\a 716\a 717\a 718\a 719\a 720\a 721\a 722\a 723\a 724\a 725\a 726\a 727\a 728\a 729\a 730\a 731\a 732\a 733\a 734\a 735\a 736\a 737\a 738\a 739\a 740\a 741\a 742\a 743\a 744\a 745\a 746\a 747\a 748\a 749\a 750\a 751\a 752\a 753\a 754\a 755\a 756\a 757\a 758\a 759\a 760\a 761\a 762\a 763\a 764\a 765\a 766\a 767\a 768\a 769\a 770\a 771\a 772\a 773\a 774\a 775\a 776\a 777\a 778\a 779\a 780\a 781\a 782\a 783\a 784\a 785\a 786\a 787\a 788\a 789\a 790\a 791\a 792\a 793\a 794\a 795\a 796\a 797\a 798\a 799\a 800\a 801\a 802\a 803\a 804\a 805\a 806\a 807\a 808\a 809\a 810\a 811\a 812\a 813\a 814\a 815\a 816\a 817\a 818\a 819\a 820\a 821\a 822\a 823\a 824\a 825\a 826\a 827\a 828\a 829\a 830\a 831\a 832\a 833\a 834\a 835\a 836\a 837\a 838\a 839\a 840\a 841\a 842\a 843\a 844\a 845\a 846\a 847\a 848\a 849\a 850\a 851\a 852\a 853\a 854\a 855\a 856\a 857\a 858\a 859\a 860\a 861\a 862\a 863\a 864\a 865\a 866\a 867\a 868\a 869\a 870\a 871\a 872\a 873\a 874\a 875\a 876\a 877\a 878\a 879\a 880\a 881\a 882\a 883\a 884\a 885\a 886\a 887\a 888\a 889\a 890\a 891\a 892\a 893\a 894\a 895\a 896\a 897\a 898\a 899\a 900\a 901\a 902\a 903\a 904\a 905\a 906\a 907\a 908\a 909\a 910\a 911\a 912\a 913\a 914\a 915\a 916\a 917\a 918\a 919\a 920\a 921\a 922\a 923\a 924\a 925\a 926\a 927\a 928\a 929\a 930\a 931\a 932\a 933\a 934\a 935\a 936\a 937\a 938\a 939\a 940\a 941\a 942\a 943\a 944\a 945\a 946\a 947\a 948\a 949\a 950\a 951\a 952\a 953\a 954\a 955\a 956\a 957\a 958\a 959\a 960\a 961\a 962\a 963\a 964\a 965\a 966\a 967\a 968\a 969\a 970\a 971\a 972\a 973\a 974\a 975\a 976\a 977\a 978\a 979\a 980\a 981\a 982\a 983\a 984\a 985\a 986\a 987\a 988\a 989\a 990\a 991\a 992\a 993\a 994\a 995\a 996\a 997\a 998\a 999\a";
  display: block;
  position: absolute;
  width: 1.75em;
  height: calc(100% - 1em - 2px);
  top: 1px;
  left: 0;
  padding: 0.5em 0.5em 0.5em 0;
  text-align: right;
  overflow: hidden;
  color: #808080;
  border-right: 1px solid #414339;
}
/*
 *  dark
 */
.markdown pre {
  background: #272822;
}
.markdown pre > code {
  display: block;
  margin: 0;
  padding: 0.5em 0.75em;
  word-break: break-all;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-align: left;
  letter-spacing: 0;
  font-size: 86%;
  line-height: 1.5;
  tab-size: 4;
  border: 0;
  border-radius: 0;
  color: #F0F0F0;
  background: #272822;
}
.markdown pre > div.title {
  padding: 0.4em 0 0.4em 0.5em;
  color: #f8f8f2;
  background: #414339;
  line-height: 1.0;
  font-family: "Consolas", "Meiryo", monospace;
  font-size: 86%;
  font-weight: normal;
  border-bottom: 0;
}
.markdown pre.cmd > div.title {
  background: #2e3e4d;
  border-bottom: 1px solid #C0C0C0;
}
.markdown pre > div.title > span.copy-button {
  float: right;
  margin: -0.25em 0.5em 0 0;
  padding: 0.4em 0.75em 0.2em 0.75em;
  font-size: 75%;
  font-weight: normal;
  cursor: pointer;
  border-radius: 1.0em;
}
.markdown pre > div.title > span.copy-button::after {
  content: 'クリップボードへコピー';
}
.markdown pre > div.title > span.copy-button {
  border: 1px solid #808080;
  color: #a0a0a0;
}
.markdown pre > div.title > span.copy-button:hover {
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
}
.markdown pre > div.title > span.copy-button:active {
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
  background-color: #606060;
}
.markdown pre > code.nohighlight {
  color: #f8f8f2;
}
.markdown pre > code.language-java .hljs-meta {
  color: #66d9ef;
}
.markdown pre > code.language-java .hljs-class .hljs-title {
  color: #a6e22e;
  text-decoration: underline;
}
.markdown pre > code.yaml .hljs-bullet,
.markdown pre > code.yaml .hljs-number,
.markdown pre > code.yaml .hljs-string {
  color: #f8f8f2;
}
.markdown pre > code.yaml .hljs-array {
  color: #e6db74;
}
.markdown pre > code.yaml .hljs-object {
  color: #66d9ef;
}
.markdown pre > code.yaml .hljs-attr {
  color: #a6e22e;
}
.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}
.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}
.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}
.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class,
.hljs-attr {
  color: #a6e22e;
}
.hljs-strong {
  font-weight: bold;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-name {
  color: #f92672;
}
.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}
.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}
.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #b3ad8f;
}
/*
 * light
 */
.markdown pre.light.line-number > code:before {
  color: #3394B2;
  border-right: 1px solid #C0C0C0;
}
.markdown pre.light {
  background: #F8F8F8;
}
.markdown pre.light > code {
  color: #383A42;
  background: #F8F8F8;
}
.markdown pre.light > div.title {
  color: #303030;
  background: #E9E9E9;
}
.markdown pre.light > div.title > span.copy-button {
  border: 1px solid #C0C0C0;
  color: #A0A0A0;
}
.markdown pre.light > div.title > span.copy-button:hover {
  border: 1px solid #808080;
  color: #303030;
}
.markdown pre.light > div.title > span.copy-button:active {
  border: 1px solid #808080;
  color: #202020;
  background-color: #F2F2F2;
}
.markdown pre.light > code.nohighlight,
.markdown pre.light > code.language-raw {
  color: #303030;
  background: #F2F2F2;
}
.markdown pre.light > code.language-java .hljs-meta {
  color: #E45649;
}
.markdown pre.light > code.language-java .hljs-class .hljs-title {
  color: #50A14F;
  text-decoration: underline;
}
.markdown pre.light > code.yaml .hljs-bullet,
.markdown pre.light > code.yaml .hljs-number,
.markdown pre.light > code.yaml .hljs-string {
  color: #383A42;
}
.markdown pre.light > code.yaml .hljs-array {
  color: #50A14F;
}
.markdown pre.light > code.yaml .hljs-object {
  color: #C18401;
}
.markdown pre.light > code.yaml .hljs-attr {
  color: #50A14F;
}
.markdown pre.light .hljs,
.markdown pre.light .hljs-tag,
.markdown pre.light .hljs-subst {
  color: #383A42;
}
.markdown pre.light .hljs-strong,
.markdown pre.light .hljs-emphasis {
  color: #202020;
}
.markdown pre.light .hljs-bullet,
.markdown pre.light .hljs-quote,
.markdown pre.light .hljs-number,
.markdown pre.light .hljs-regexp,
.markdown pre.light .hljs-literal,
.markdown pre.light .hljs-link {
  color: #986801;
}
.markdown pre.light .hljs-code,
.markdown pre.light .hljs-title,
.markdown pre.light .hljs-section,
.markdown pre.light .hljs-selector-class,
.markdown pre.light .hljs-attr {
  color: #4078F2;
}
.markdown pre.light .hljs-strong {
  font-weight: bold;
}
.markdown pre.light .hljs-emphasis {
  font-style: italic;
}
.markdown pre.light .hljs-keyword,
.markdown pre.light .hljs-selector-tag,
.markdown pre.light .hljs-name {
  color: #A626A4;
}
.markdown pre.light .hljs-symbol,
.markdown pre.light .hljs-attribute {
  color: #C18401;
}
.markdown pre.light .hljs-params,
.markdown pre.light .hljs-class .hljs-title {
  color: #383A42;
}
.markdown pre.light .hljs-string,
.markdown pre.light .hljs-type,
.markdown pre.light .hljs-built_in,
.markdown pre.light .hljs-builtin-name,
.markdown pre.light .hljs-selector-id,
.markdown pre.light .hljs-selector-attr,
.markdown pre.light .hljs-selector-pseudo,
.markdown pre.light .hljs-addition,
.markdown pre.light .hljs-variable,
.markdown pre.light .hljs-template-variable {
  color: #50A14F;
}
.markdown pre.light .hljs-comment,
.markdown pre.light .hljs-deletion,
.markdown pre.light .hljs-meta {
  color: #A0A1A7;
}
/*
 * smaller
 */
.markdown pre.smaller > code {
  font-size: 92%;
}
/*
 * scroll
 */
.markdown pre.scroll {
  overflow: auto;
}
.markdown pre.scroll > code {
  display: inline-block;
  word-break: keep-all;
  white-space: pre;
}
.markdown pre.scroll > div.title {
  position: sticky;
  left: 0;
}
.markdown pre.scroll::-webkit-scrollbar {
  height: 14px;
}
.markdown pre.scroll::-webkit-scrollbar-button,
.markdown pre.scroll::-webkit-scrollbar-corner {
  display: none;
}
/*
 * scroll (dark)
 */
.markdown pre.scroll::-webkit-scrollbar-track {
  border-top: 1px solid #3F403C;
  background-color: #272822;
}
.markdown pre.scroll::-webkit-scrollbar-thumb {
  border-top: 1px solid #565654;
  background-color: #474844;
}
.markdown pre.scroll::-webkit-scrollbar-thumb:hover {
  background-color: #525250;
}
.markdown pre.scroll::-webkit-scrollbar-thumb:active {
  background-color: #636460;
}
/*
 * scroll (light)
 */
.markdown pre.light.scroll::-webkit-scrollbar-track {
  border-top: 1px solid #E0E0E0;
  background-color: #F2F2F2;
}
.markdown pre.light.scroll::-webkit-scrollbar-thumb {
  border-top: 1px solid #b8b8b8;
  background-color: #c1c1c1;
}
.markdown pre.light.scroll::-webkit-scrollbar-thumb:hover {
  background-color: #a8a8a8;
}
.markdown pre.light.scroll::-webkit-scrollbar-thumb:active {
  background-color: #787878;
}
/*

  * {.pager} [前へ](/url) {.previous}
  * {.pager} [次へ](/url) {.next}

*/
/*
 * pager
 */
ul.pager {
  padding: 0;
}
ul.pager:after {
  display: block;
  clear: both;
  content: '';
}
ul.pager > li {
  list-style-type: none;
  padding: 0.25em 0;
}
ul.pager > li.left {
  float: left;
  padding-right: 0.25em;
}
ul.pager > li.right {
  float: right;
  padding-left: 0.25em;
}
ul.pager > li > a {
  display: inline-table;
  position: relative;
  z-index: 1;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 1.0em;
  padding-right: 1.0em;
  font-size: 92%;
  line-height: 1.8;
  border-radius: 1.2em;
  color: #F8F8F8;
  background-color: #3667d5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
ul.pager > li > a > span.title {
  display: table-cell;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(728px * 0.6);
}
ul.pager > li > a:hover {
  box-shadow: 0 7px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.22);
}
ul.pager > li > a:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
ul.pager > li > a.previous {
  padding-left: 0.85em;
  padding-right: 1.0em;
}
ul.pager > li > a.previous:hover {
  box-shadow: 0 7px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.22);
}
ul.pager > li > a.previous:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
ul.pager > li > a.previous::before {
  content: '\276E\2002';
}
ul.pager > li > a.next {
  padding-left: 1.0em;
  padding-right: 0.85em;
}
ul.pager > li > a.next:hover {
  box-shadow: 0 7px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.22);
}
ul.pager > li > a.next:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
ul.pager > li > a.next::after {
  content: '\2002\276F';
}
/*
 * default button
 */
.default-button {
  display: inline-flex;
  position: relative;
  z-index: 1;
  align-items: center;
  padding: 0.5em 1.0em;
  font-size: 1.0rem;
  line-height: 1.4;
  border: 1px solid #a5a5a5;
  border-radius: 0.2em;
  background: linear-gradient(to bottom, #fafafa, #efefef);
  box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.12) inset, 1px 1px 1px 0px white inset;
}
.default-button:hover {
  border: 1px solid #787878;
  box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.12) inset, 1px 1px 1px 0px white inset, 0 1px 3px rgba(0, 0, 0, 0.24);
}
.default-button:active {
  background: linear-gradient(to top, #fafafa, #efefef);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5) inset;
}
.default-button,
.default-button:hover,
.default-button:visited {
  color: #303030;
}
/*
 * SNS share button
 */
.sns-share a {
  display: inline-block;
  font-family: "Meiryo";
  font-weight: bold;
  font-size: 10px;
  height: 20px;
  line-height: 21px;
  color: #FFFFFF;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: 6px center;
  padding: 0 6px 0 22px;
}
.sns-share .hatena {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAQUlEQVR4AWP4jx0ccC/wYUDGMHEgAzcgpKEBKtFAkgYQJlbDARCmvR9AGNUmhBgJGhAYmx8OYBpC2A8HYIrRnQQAxQ9kGLI+CuYAAAAASUVORK5CYII=');
  background-color: #00A4DE;
}
.sns-share .hatena:hover {
  background-color: #0091C5;
}
.sns-share .hatena:after {
  content: 'ブックマーク';
}
.sns-share .facebook {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAR0lEQVR4AWNwL/Bh+P///4H/hMEBkFo0xYQ1MRAyEYZhgjg1gBSRoQHhP+I1oAEG7AoxMaUaCDuJIg0HSNBwAB50+DUgIhIAhj7TTxYmPB0AAAAASUVORK5CYII=');
  background-color: #4267B2;
}
.sns-share .facebook:hover {
  background-color: #365899;
}
.sns-share .facebook:after {
  content: 'シェア';
}
.sns-share .twitter {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAUUlEQVR4AWJwL/ABNEIGKACDMAzc0/u0/CyjbIHSzZCDoGhOxWNIgs0zVud6JzDlCbQpMIQPve5Os0ICJKS31BYcUC/6mdlRsZKyhC1B7/3LDW/mUQIKxfEnAAAAAElFTkSuQmCC');
  background-color: #1B95E0;
}
.sns-share .twitter:hover {
  background-color: #0C7ABF;
}
.sns-share .twitter:after {
  content: 'ツイート';
}
/*
 * banner button
 */
a.banner {
  display: inline-flex;
  position: relative;
  z-index: 1;
  align-items: center;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.4;
  background-color: #3667d5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
a.banner:hover {
  box-shadow: 0 7px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.22);
}
a.banner:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
a.banner,
a.banner:hover,
a.banner:visited {
  color: #F8F8F8;
}
input[type="search"] {
  margin-right: 0.5em;
  width: 16em;
  padding: 0.2em 0.8em;
  line-height: 1.5;
  vertical-align: middle;
  color: #303030;
  border-style: none;
  border-radius: 0.9em;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-appearance: textfield;
}
input[type="search"]:focus {
  outline: 0;
}
input:focus::placeholder {
  color: transparent;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}
input[type="search"]::-ms-clear {
  display: none;
}
div.search-result {
  margin-top: 1em;
  padding: 0 2rem;
}
div.search-result strong {
  color: #c7254e;
  background-color: rgba(128, 0, 32, 0.05);
  border-radius: 4px;
  white-space: pre-wrap;
}
div.search-result > div.search-result-header {
  font-size: 93.75%;
}
div.search-result > div.search-result-header > .time {
  font-size: smaller;
}
div.search-result > div.entries {
  margin-top: 0.5em;
  text-align: initial;
  line-height: 1.5;
}
div.search-result > div.entries > div.entry {
  margin-bottom: 1em;
}
div.search-result > div.entries > div.entry span.divider:before {
  content: " / ";
  color: #C0C0C0;
}
div.search-result > div.entries > div.entry > div.title > a {
  color: #2573b8;
  text-decoration: none;
}
div.search-result > div.entries > div.entry > div.url {
  font-size: 81.25%;
}
div.search-result > div.entries > div.entry > div.url > a {
  color: #006621;
  text-decoration: none;
}
div.search-result > div.entries > div.entry > div.text {
  font-size: 81.25%;
}
div.sidebar {
  padding: 1px 1rem;
  font-size: 86%;
}
div.sidebar-clear-padding {
  margin-left: -1rem;
  margin-right: -1rem;
}
div.sidebar > .sidebar-fixed-top {
  position: sticky;
  z-index: 9;
  margin: 0 -1.0rem 0 -1.0rem;
  top: 40px;
  background-color: #F8F8F8;
}
div.sidebar > div.goto-top {
  text-align: center;
  font-size: 0.8rem;
}
div.sidebar > ul {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 0;
}
div.sidebar ul {
  padding-left: 1.0em;
  list-style-type: none;
}
div.sidebar li > p {
  margin: 0;
}
div.sidebar-bottom {
  display: none;
}
body > div.body-left {
  position: fixed;
  top: 0;
  left: 0;
  width: calc((100vw - 300px - 728px - 30px) / 2);
  height: 100vh;
  text-align: right;
}
body > div.body-left > div.body-left-adv {
  margin-top: calc(40px);
}
body > div.body-right {
  position: fixed;
  top: 0;
  right: 0;
  width: calc((100vw - 300px - 728px - 30px) / 2);
  height: 100vh;
  text-align: left;
}
body > div.body-right > div.body-right-adv {
  margin-top: calc(130px);
}
body > div.body-center {
  width: 1028px;
  margin: 0 auto;
  box-shadow: 0px 0px 8px 0px #C0C0C0;
}
div.header {
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 9;
}
div.header-title {
  overflow: hidden;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #F8F8F8;
  background-color: #3e4750;
  font-size: 12pt;
}
div.header-title a {
  color: #F8F8F8;
}
div.header-title img.icon {
  vertical-align: text-bottom;
}
div.header-menu {
  display: none;
}
div.header-menu > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.header-menu > ul > li {
  display: inline-block;
  border-right: 1px solid #C0C0C0;
}
div.header-menu > ul > li > a {
  display: inline-block;
  margin: 0;
  padding: 0 1rem;
  text-decoration: none;
  color: #3e4750;
}
div.header-menu > ul > li > a:hover {
  color: #F8F8F8;
  background-color: #3e4750;
}
div.flex-container {
  display: flex;
  min-height: calc(100vh - 40px - 0px);
}
div.flex-container > div.flex-item-left {
  align-self: start;
  width: 300px;
  background-color: #F8F8F8;
  position: sticky;
}
div.flex-container > div.flex-item-right {
  align-self: stretch;
  width: 728px;
  background-color: #FFFFFF;
}
footer {
  padding: 1rem;
  text-align: right;
  font-size: smaller;
}
footer address {
  display: inline;
  font-size: 105%;
}
.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}
.left {
  text-align: left !important;
}
/* Bootstrap like margin and padding */
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-auto {
  margin-top: auto !important;
  margin-right: auto !important;
  margin-bottom: auto !important;
  margin-left: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-0 {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.m-1 {
  margin-top: 0.25rem !important;
  margin-right: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.m-2 {
  margin-top: 0.5rem !important;
  margin-right: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mt-3 {
  margin-top: 1.0rem !important;
}
.mr-3 {
  margin-right: 1.0rem !important;
}
.mb-3 {
  margin-bottom: 1.0rem !important;
}
.ml-3 {
  margin-left: 1.0rem !important;
}
.mx-3 {
  margin-left: 1.0rem !important;
  margin-right: 1.0rem !important;
}
.my-3 {
  margin-top: 1.0rem !important;
  margin-bottom: 1.0rem !important;
}
.m-3 {
  margin-top: 1.0rem !important;
  margin-right: 1.0rem !important;
  margin-bottom: 1.0rem !important;
  margin-left: 1.0rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-4 {
  margin-top: 1.5rem !important;
  margin-right: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.pt-auto {
  padding-top: auto !important;
}
.pr-auto {
  padding-right: auto !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.pl-auto {
  padding-left: auto !important;
}
.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}
.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-auto {
  padding-top: auto !important;
  padding-right: auto !important;
  padding-bottom: auto !important;
  padding-left: auto !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-0 {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-1 {
  padding-top: 0.25rem !important;
  padding-right: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-2 {
  padding-top: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.pt-3 {
  padding-top: 1.0rem !important;
}
.pr-3 {
  padding-right: 1.0rem !important;
}
.pb-3 {
  padding-bottom: 1.0rem !important;
}
.pl-3 {
  padding-left: 1.0rem !important;
}
.px-3 {
  padding-left: 1.0rem !important;
  padding-right: 1.0rem !important;
}
.py-3 {
  padding-top: 1.0rem !important;
  padding-bottom: 1.0rem !important;
}
.p-3 {
  padding-top: 1.0rem !important;
  padding-right: 1.0rem !important;
  padding-bottom: 1.0rem !important;
  padding-left: 1.0rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-4 {
  padding-top: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 1.5rem !important;
}
@media (max-device-width: 480px), (max-width: 728px) {
  html {
    font-size: 11pt;
  }
  body {
    display: initial !important;
    word-break: break-all;
  }
  .markdown h1 {
    font-size: 1.75em;
  }
  div.body-center {
    width: initial !important;
  }
  div.flex-container > div.flex-item-left {
    display: none !important;
  }
  div.flex-container > div.flex-item-right {
    width: 100% !important;
  }
  div.header {
    position: initial !important;
  }
  div.content {
    padding: 0 0.75rem !important;
    text-align: justify;
  }
  div.content-clear-padding {
    margin-left: -0.75rem !important;
  }
  div.header-fixed-ad {
    display: none !important;
  }
  ul.pager > li > a > span.title {
    max-width: calc(100vw - 160px);
  }
  .sns-share {
    margin: 1rem 0.75rem !important;
    padding: 0.5em 0.75em !important;
  }
  input[type="search"] {
    width: 10em;
  }
}
@media screen and (max-width: 1284px) {
  body > div.body-left > div.body-left-adv {
    display: none;
  }
  body > div.body-right > div.body-right-adv {
    display: none;
  }
}
@media print {
  @page {
    size: A4;
    margin: 22mm 20mm;
  }
  html {
    font-family: 'Yu Mincho', serif;
    font-size: 12pt;
    color: #000000;
  }
  body {
    width: 170mm;
    background: transparent;
  }
  body > div.body-left {
    display: none;
  }
  body > div.body-center {
    width: 170mm;
    box-shadow: none;
  }
  body > div.body-right {
    display: none;
  }
  div.header {
    display: none;
  }
  div.flex-container > div.flex-item-left {
    display: none;
  }
  div.flex-container > div.flex-item-right {
    width: 170mm;
  }
  div.content {
    margin: 0;
    padding: 0;
    background: transparent;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Meiryo', sans-serif;
  }
}
body.blog.page .flex-item-right,
body.blog.category .flex-item-right {
  background-color: #F8F8F8;
}
body.blog.post .flex-item-right ul.pager,
body.blog.page .flex-item-right ul.pager,
body.blog.category .flex-item-right ul.pager {
  margin: 1.0em 1.75em;
}
/*
 * (sidebar) categories
 */
ul.categories {
  margin: 1em 0.2em 0 1em;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  font-size: smaller;
}
ul.categories li {
  margin: 0 0.25em 0.25em 0;
}
ul.categories li > a {
  vertical-align: middle;
  color: #F2F2F2;
  background: #39739d;
  border-radius: 0.15em;
  padding: 0.15em 0.3em 0 0.5em;
}
ul.categories li > a > .label {
  color: #C8C8C8;
  font-family: "Consolas", "Meiryo", monospace;
  font-weight: 500;
  font-size: smaller;
}
/*
 * (sidebar) recent-posts
 */
div.recent-posts-header {
  margin: 0 0 -0.75em 0.5em;
  line-height: 1.0;
}
ul.recent-posts {
  margin: 1em 0;
  padding: 0;
  list-style-type: none;
  word-break: break-all;
  font-size: smaller;
}
ul.recent-posts li {
  border-bottom: 1px #909090 dashed;
}
ul.recent-posts li a {
  display: flex;
  align-items: flex-start;
  padding: 0.5em 0.25em 0.75em 0.75em;
  line-height: 1.25;
}
ul.recent-posts li a div.datetime {
  padding-bottom: 0.25em;
}
ul.recent-posts li a:hover {
  background-color: #F0F0F0;
}
ul.recent-posts li a img {
  margin: 0.25em 0.75em 0 0;
  object-fit: cover;
  min-width: 64px;
  width: 64px;
  min-height: 48px;
  height: 48px;
  border: 1px solid #C0C0C0;
  background-color: #FCFCFC;
}
/*
 * (main) page
 */
article.card,
div.card {
  margin: 1.75em;
  padding: 1.0em;
  background: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
article.card header a.title {
  display: inline-block;
  font-size: 1.25em;
  line-height: 1.25;
}
article.card header a.title:first-letter {
  font-weight: bold;
  font-size: larger;
}
article.card header > div {
  line-height: 1.25;
}
article.card header span.categories {
  font-size: smaller;
}
article.card header a.category {
  vertical-align: middle;
  background-color: #F0F0F0;
  border-radius: 0.15em;
  padding: 0.15em 0.5em 0 0.5em;
  font-size: smaller;
}
article.card .leading {
  text-align: justify;
}
article.card footer {
  padding: 0;
  font-size: smaller;
  text-align: left;
}
article.card footer a.more {
  display: inline-block;
  padding: 5px 12px 4px 12px;
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #CCC;
  border-radius: 4px;
}
article.card footer a.more:hover {
  background-color: #f4f4f4;
}
article.card footer a.more:active {
  color: #999;
}
/*
 * (main) post
 */
article.post header {
  padding: 1.0em 2.0em;
}
article.post header .title {
  display: inline-block;
  font-size: 1.25em;
  line-height: 1.25;
  color: #23527c;
}
article.post header .title:first-letter {
  font-weight: bold;
  font-size: larger;
}
article.post header > div {
  line-height: 1.25;
}
article.post header span.categories {
  font-size: smaller;
}
article.post header a.category {
  vertical-align: middle;
  background-color: #F0F0F0;
  border-radius: 0.15em;
  padding: 0.15em 0.5em 0 0.5em;
  font-size: smaller;
}
/*
 * SNS
 */
.sns-share {
  margin: 1rem 2rem;
  padding: 0.5em 1.0em;
  background-color: #F0F0F0;
}
@media (max-device-width: 480px), (max-width: 728px) {
  article.card {
    margin: 1.0em 0.5em;
  }
  article.post header {
    padding: 1.0em 1.0em;
  }
  body.blog.post .flex-item-right ul.pager,
  body.blog.page .flex-item-right ul.pager,
  body.blog.category .flex-item-right ul.pager {
    margin: 1.0em 1.0em;
  }
}
div.header-fixed-ad {
  width: 728px;
  height: 90px;
  position: sticky;
  z-index: 9;
  top: calc(40px);
  background-color: #FFFFFF;
  text-align: center;
}
div.sidebar-ad {
  text-align: center;
}