* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none;
  font-family: 'Open Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; }

  a {
    text-decoration: none;
    color: #666; }

    code {
      font-family: 'Consolas', monospace;
      color: #afafaf; }

      strong {
        font-weight: normal;
        background: linear-gradient(transparent 40%, #fffdce 0%); }

        ::-moz-selection {
          background: #fffdce; }

          ::selection {
            background: #fffdce; }

            html:before, html:after, body:before, body:after {
              content: "";
              background: #fff;
              position: fixed;
              display: block;
              z-index: 1; }

              html:before {
                height: 12px;
                width: 100vw;
                left: 0;
                top: 0; }

                html:after {
                  width: 12px;
                  height: 100vh;
                  right: 0;
                  top: 0; }

                  body:before {
                    height: 12px;
                    width: 100vw;
                    bottom: 0;
                    left: 0; }

                    body:after {
                      width: 12px;
                      height: 10000px;
                      top: 0;
                      left: 0; }

                      body {
                        height: 100vh;
                        color: #333;
                        line-height: 1.65;
                        font-size: 14px;
                        font-weight: 300;
                        letter-spacing: 0.5px;
                        text-align: justify;
                        background-color: #f5f5f5;
                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23e1e1e1' fill-opacity='0.26'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
                        display: flex;
                        flex-direction: column;
                        -webkit-text-size-adjust: none;
                        -moz-text-size-adjust: none;
                        -ms-text-size-adjust: none;
                        text-size-adjust: none;
                        -webkit-font-smoothing: antialiased; }

                        .sitetop {
                          flex: 0 0 auto; }

                          .sitetop h1 {
                            max-width: 780px;
                            margin: 50px auto 60px;
                            background: url(img/king.svg) no-repeat center top;
                            background-size: 64px;
                            padding-top: 65px;
                            text-align: center;
                            letter-spacing: 4px;
                            text-transform: uppercase; }

                            .sitetop a {
                              color: #000;
                              font-size: 13px;
                              font-weight: 700; }

                              article {
                                max-width: 780px;
                                margin: 0 auto 20px;
                                display: flex;
                                flex: 1 0 auto; }

                                header {
                                  width: 220px;
                                  margin-right: 80px;
                                  text-align: center; }

                                  header .thumb {
                                    width: 128px;
                                    height: 128px;
                                    object-fit: cover;
                                    border-radius: 4px;
                                    display: block;
                                    margin: 0 auto 10px; }

                                    header h2 {
                                      font-size: 16px;
                                      margin-bottom: 5px;
                                      font-weight: 400; }

                                      header h2 span {
                                        font-size: 11px;
                                        margin-left: 8px;
                                        color: #afafaf; }

                                        header .sns {
                                          margin: 0 0 20px; }

                                          header .sns a {
                                            display: inline-block;
                                            width: 20px;
                                            height: 20px;
                                            line-height: 18px;
                                            text-align: center;
                                            border-radius: 2px;
                                            background: #cfcfcf;
                                            border: 1px solid #cfcfcf;
                                            margin: 0 2px;
                                            transition: 0.3s; }

                                            header .sns a i.fa {
                                              color: #fff;
                                              font-size: 11px; }

                                              header .sns a.pixiv {
                                                color: #fff;
                                                font-weight: bold;
                                                font-size: 13px; }

                                                header p {
                                                  text-align: justify;
                                                  font-size: 11px; }

                                                  header .more {
                                                    display: inline-block;
                                                    text-decoration: none;
                                                    color: #fff;
                                                    background: #3c3c3c;
                                                    border: 1px solid #3c3c3c;
                                                    min-width: 120px;
                                                    line-height: 2.4;
                                                    margin-top: 15px;
                                                    transition: 0.3s;
                                                    font-size: 12px; }

                                                    header .more:before {
                                                      content: '';
                                                      font-family: 'FontAwesome';
                                                      font-size: 10px;
                                                      margin-right: 5px;
                                                      position: relative;
                                                      top: -1px; }

                                                      header .more:hover {
                                                        background: #fff;
                                                        color: #3c3c3c; }

                                                        header .sns a:hover {
                                                          background: #fff;
                                                          border: 1px solid #3c3c3c; }

                                                          header .sns a:hover i.fa, .sns a.pixiv:hover {
                                                            color: #3c3c3c; }

                                                            main {
                                                              width: 600px;
                                                              margin: 0 auto; }

                                                              main dl {
                                                                margin-bottom: 40px; }

                                                                main dl dt {
                                                                  float: left;
                                                                  margin-right: 20px; }

                                                                  main dl dt .icon {
                                                                    width: 50px;
                                                                    height: 50px;
                                                                    object-fit: cover;
                                                                    border-radius: 3px; }

                                                                    main dl dd {
                                                                      overflow: hidden; }

                                                                      main dl dd *:first-child {
                                                                        margin-top: 0; }

                                                                        main dl dd img {
                                                                          width: 100%;
                                                                          object-fit: cover;
                                                                          padding: 5px;
                                                                          background: #fff;
                                                                          margin: 0;
                                                                          box-sizing: border-box; }

                                                                          main dl dd h3, main dl dd a.title {
                                                                            font-weight: 700;
                                                                            font-size: 15px;
                                                                            margin-bottom: 8px;
                                                                            color: #3c3c3c; }

                                                                            main dl dd h4 {
                                                                              font-weight: 700;
                                                                              position: relative;
                                                                              border-left: 6px solid #e2e2e2;
                                                                              padding: 0 0 0 8px;
                                                                              margin: 15px 0 5px; }

                                                                              main dl dd h4:before {
                                                                                position: absolute;
                                                                                left: -6px;
                                                                                bottom: 0;
                                                                                content: '';
                                                                                width: 6px;
                                                                                height: 50%;
                                                                                background: #DFD2AF; }

                                                                                main dl dd p {
                                                                                  margin-bottom: 12px; }

                                                                                  main dl dd .more {
                                                                                    margin-top: 20px;
                                                                                    display: inline-block;
                                                                                    text-decoration: none;
                                                                                    color: #fff;
                                                                                    background: #3c3c3c;
                                                                                    border: 1px solid #3c3c3c;
                                                                                    min-width: 100px;
                                                                                    line-height: 2;
                                                                                    transition: 0.3s;
                                                                                    font-size: 12px;
                                                                                    text-align: center; }

                                                                                    main dl dd .more:before {
                                                                                      content: '';
                                                                                      font-family: 'FontAwesome';
                                                                                      margin-right: 5px;
                                                                                      font-size: 10px; }

                                                                                      main dl dd .more:hover {
                                                                                        background: #fff;
                                                                                        color: #3c3c3c; }

                                                                                        main dl dd .meta ul {
                                                                                          margin-top: 12px; }

                                                                                          main dl dd .meta ul li {
                                                                                            text-align: right;
                                                                                            font-size: 11px; }

                                                                                            main dl dd .meta ul li a, main dl dd .meta ul li span {
                                                                                              color: #bfbfbf; }

                                                                                              main dl dd .date, main dl dd .category, main dl dd .tag {
                                                                                                display: inline-block; }

                                                                                                main dl dd .date:before {
                                                                                                  content: '';
                                                                                                  font-family: 'FontAwesome';
                                                                                                  margin-right: 5px; }

                                                                                                  main dl dd .category:before {
                                                                                                    content: '';
                                                                                                    font-family: 'FontAwesome';
                                                                                                    margin-right: 5px; }

                                                                                                    main dl dd .tag:before {
                                                                                                      content: '';
                                                                                                      font-family: 'FontAwesome';
                                                                                                      margin-right: 5px; }

                                                                                                      footer {
                                                                                                        flex: 0 0 auto;
                                                                                                        padding-bottom: 20px;
                                                                                                        text-align: center; }

                                                                                                        .site_footer_wrap .site_footer a {
                                                                                                          margin: 0 !important; }

                                                                                                          .paginator {
                                                                                                            margin: 20px 0;
                                                                                                            padding: 15px 0 0;
                                                                                                            text-align: center; }

                                                                                                            .paginator a {
                                                                                                              display: inline-block;
                                                                                                              padding: 3px 10px;
                                                                                                              text-align: center;
                                                                                                              background: #3c3c3c;
                                                                                                              border: 1px solid;
                                                                                                              color: #FFF;
                                                                                                              transition: 0.3s; }

                                                                                                              .paginator a:hover, .paginator a.current {
                                                                                                                background: #FFF;
                                                                                                                color: #3c3c3c; }

                                                                                                                main .pager {
                                                                                                                  margin-bottom: 20px; }

                                                                                                                  main .pager ul {
                                                                                                                    display: flex; }

                                                                                                                    main .pager ul li {
                                                                                                                      text-align: center; }

                                                                                                                      main .pager .left {
                                                                                                                        margin-right: auto; }

                                                                                                                        main .pager .right {
                                                                                                                          margin-left: auto; }

                                                                                                                          main .pager ul li a {
                                                                                                                            text-decoration: none; }

                                                                                                                            main .pager ul li a i.fa {
                                                                                                                              font-size: 20px; }

                                                                                                                              main .pager ul li span {
                                                                                                                                display: block;
                                                                                                                                font-size: 11px;
                                                                                                                                letter-spacing: 2px;
                                                                                                                                transition: 0.3s; }

                                                                                                                                main .pager ul li a:hover span {
                                                                                                                                  letter-spacing: 4px; }

                                                                                                                                  a.back_to_top {
                                                                                                                                    background: #cfcfcf !important; }

                                                                                                                                    a.back_to_top span {
                                                                                                                                      color: #FFF !important; }

                                                                                                                                      a.back_to_top:hover {
                                                                                                                                        background: #e6e6e6 !important; }

                                                                                                                                        .doc_comments #new_comment_form .comment_submit_button {
                                                                                                                                          border-radius: 0 !important; }

                                                                                                                                          .archive {
                                                                                                                                            padding: 20px;
                                                                                                                                            text-align: left; }

                                                                                                                                            .archive h3 {
                                                                                                                                              position: relative;
                                                                                                                                              display: inline-block;
                                                                                                                                              padding: 0 15px;
                                                                                                                                              width: auto;
                                                                                                                                              min-width: 45px;
                                                                                                                                              line-height: 1.75;
                                                                                                                                              color: #FFF;
                                                                                                                                              text-align: center;
                                                                                                                                              background: #3c3c3c;
                                                                                                                                              z-index: 0;
                                                                                                                                              border-radius: 3px;
                                                                                                                                              margin-bottom: 10px; }

                                                                                                                                              .archive h3:before {
                                                                                                                                                content: "";
                                                                                                                                                position: absolute;
                                                                                                                                                bottom: -4px;
                                                                                                                                                left: 20%;
                                                                                                                                                margin-left: -9px;
                                                                                                                                                width: 0px;
                                                                                                                                                height: 0px;
                                                                                                                                                border-style: solid;
                                                                                                                                                border-width: 9px 9px 0 9px;
                                                                                                                                                border-color: #3c3c3c transparent transparent transparent;
                                                                                                                                                z-index: 0; }

                                                                                                                                                .archive h3 span {
                                                                                                                                                  color: #FFF; }

                                                                                                                                                  .archive h4 {
                                                                                                                                                    font-weight: bold; }

                                                                                                                                                    .archive h4:before {
                                                                                                                                                      content: "# ";
                                                                                                                                                      color: #3c3c3c;
                                                                                                                                                      font-size: 1em; }

                                                                                                                                                      .archive span {
                                                                                                                                                        font-size: smaller; }

                                                                                                                                                        .archive time {
                                                                                                                                                          padding-right: 10px; }

                                                                                                                                                          .archive ul.list {
                                                                                                                                                            padding-left: 2em; }

                                                                                                                                                            .archive ul.list a:hover {
                                                                                                                                                              position: relative;
                                                                                                                                                              top: 1px;
                                                                                                                                                              left: 1px; }

                                                                                                                                                              .archive ul li.line {
                                                                                                                                                                display: inline-block;
                                                                                                                                                                padding: 3px 8px;
                                                                                                                                                                background: #eee;
                                                                                                                                                                margin: 5px;
                                                                                                                                                                border-radius: 3px; }

                                                                                                                                                                .markdown h3 {
                                                                                                                                                                  font-size: 15px;
                                                                                                                                                                  position: relative; }
                                                                                                                                                                  .markdown h3:before {
                                                                                                                                                                    content: '#';
                                                                                                                                                                    margin-right: 2px;
                                                                                                                                                                    color: #f990a7; }
                                                                                                                                                                    .markdown h3:after {
                                                                                                                                                                      content: '';
                                                                                                                                                                      position: absolute;
                                                                                                                                                                      top: 50%;
                                                                                                                                                                      display: inline-block;
                                                                                                                                                                      width: 100%;
                                                                                                                                                                      height: 1px;
                                                                                                                                                                      background-color: #cfcfcf;
                                                                                                                                                                      margin-left: 5px; }
                                                                                                                                                                .markdown h4 {
                                                                                                                                                                  font-size: 14px; }
                                                                                                                                                                  .markdown a {
                                                                                                                                                                    text-decoration: none;
                                                                                                                                                                    color: #666; }
                                                                                                                                                                    .markdown a:hover {
                                                                                                                                                                      text-decoration: none; }
                                                                                                                                                                .markdown .md_block {
                                                                                                                                                                  margin-bottom: 1em; }
                                                                                                                                                                  .markdown em {
                                                                                                                                                                    border-bottom: 2px solid #ffa487;
                                                                                                                                                                    font-style: normal; }
                                                                                                                                                                    .markdown del {
                                                                                                                                                                      text-decoration: line-through; }
                                                                                                                                                                      .markdown hr {
                                                                                                                                                                        margin: 40px auto;
                                                                                                                                                                        position: relative;
                                                                                                                                                                        width: 4px;
                                                                                                                                                                        height: 4px;
                                                                                                                                                                        border-radius: 50%;
                                                                                                                                                                        background: #999;
                                                                                                                                                                        border: none;
                                                                                                                                                                        overflow: visible; }
                                                                                                                                                                        .markdown hr:before, .markdown hr:after {
                                                                                                                                                                          content: "";
                                                                                                                                                                          display: block;
                                                                                                                                                                          position: absolute;
                                                                                                                                                                          width: 4px;
                                                                                                                                                                          height: 4px;
                                                                                                                                                                          border-radius: 50%;
                                                                                                                                                                          background: #ccc;
                                                                                                                                                                          top: 0px; }
                                                                                                                                                                          .markdown hr:before {
                                                                                                                                                                            left: -16px; }
                                                                                                                                                                            .markdown hr:after {
                                                                                                                                                                              right: -16px; }
                                                                                                                                                                .markdown pre {
                                                                                                                                                                  background-color: #fff;
                                                                                                                                                                  background-image: linear-gradient(45deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%,
                                                                                                                                                                                                                                                                                                                                    #f5f5f5), linear-gradient(45deg, #f5f5f5 25%, transparent 25%, transparent 75%,
                                                                                                                                                                                                                                                                                                                                    #f5f5f5 75%, #f5f5f5);
                                                                                                                                                                  background-position: 0 0, 10px 10px;
                                                                                                                                                                  background-size: 20px 20px;
                                                                                                                                                                  margin: 1em 0;
                                                                                                                                                                  white-space: pre-wrap;
                                                                                                                                                                  font-weight: 400; }
                                                                                                                                                                  .markdown code, .markdown tt {
                                                                                                                                                                    background-color: #fdfdfd; }
                                                                                                                                                                    .markdown .toc {
                                                                                                                                                                      border-radius: 0;
                                                                                                                                                                      border: none;
                                                                                                                                                                      padding: 1em 0;
                                                                                                                                                                      margin: 0.5em 0;
                                                                                                                                                                      position: relative;
                                                                                                                                                                      line-height: 1.5;
                                                                                                                                                                      background: transparent; }
                                                                                                                                                                      .markdown .toc ul {
                                                                                                                                                                        counter-reset: my-counter;
                                                                                                                                                                        padding: 0; }
                                                                                                                                                                        .markdown .toc ul li {
                                                                                                                                                                          font-size: 100%;
                                                                                                                                                                          margin: 0.2em 0.5em 0.2em 1.5em;
                                                                                                                                                                          list-style-type: circle; }
                                                                                                                                                                .markdown blockquote {
                                                                                                                                                                  position: relative;
                                                                                                                                                                  padding: 30px 15px 10px 45px;
                                                                                                                                                                  box-sizing: border-box;
                                                                                                                                                                  font-style: italic;
                                                                                                                                                                  color: #888888;
                                                                                                                                                                  font-size: 14px;
                                                                                                                                                                  border: 0; }
                                                                                                                                                                  .markdown blockquote:before {
                                                                                                                                                                    display: inline-block;
                                                                                                                                                                    position: absolute;
                                                                                                                                                                    top: 18px;
                                                                                                                                                                    left: 0px;
                                                                                                                                                                    vertical-align: middle;
                                                                                                                                                                    content: "";
                                                                                                                                                                    font-family: FontAwesome;
                                                                                                                                                                    color: #cfcfcf;
                                                                                                                                                                    font-size: 30px;
                                                                                                                                                                    line-height: 1;
                                                                                                                                                                    font-weight: 900; }
                                                                                                                                                                    .markdown blockquote p {
                                                                                                                                                                      padding: 0;
                                                                                                                                                                      margin: 10px 0;
                                                                                                                                                                      line-height: 1.7; }
                                                                                                                                                                      .markdown blockquote cite {
                                                                                                                                                                        display: block;
                                                                                                                                                                        text-align: right;
                                                                                                                                                                        color: #888888;
                                                                                                                                                                        font-size: 0.9em; }
                                                                                                                                                                .markdown .todo_item {
                                                                                                                                                                  margin-left: 0.5em; }
                                                                                                                                                                  .markdown .md_image_figure {
                                                                                                                                                                    margin-bottom: 0; }

ul li.md_li {
  font-size: 100%;
  margin: 0.2em 0.5em 0.2em 1.5em;
  list-style-type: circle; }

  ol li.md_li {
    font-size: 100%;
    margin: 0.2em 0.5em 0.2em 1.5em;
    list-style-type: decimal; }

    @media screen and (max-width: 900px) {
      h1, article {
        width: 680px;   }
        header {
          width: 200px;
          margin-right: 50px;   }
          main {
            width: 600px;   }
}

@media screen and (max-width: 730px) {
  h1, article {
    flex-wrap: wrap;
    width: 75%;   }
    header, main {
      margin-right: 0;
      width: 100%;   }
      main {
        order: 1;   }
        header {
          order: 2;
          margin-top: 40px;   }
          header .thumb {
            width: 90px;
            height: 90px;   }
            header * {
              text-align: center !important;   }
}

@media screen and (max-width: 400px) {
  main dl dt {
    display: none;   }
}