@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  html.dark .quote-box,
  html.dark table {
    font-size: 100%;
  }

  html.dark #pun-stats ul .item5 span a {
    margin: 2px 0;
    display: inline-block;
  }

  html.dark .lastpost {
    display: block;
    padding-left: 45px;
    margin-top: 5px;
  }

  html.dark .online .pa-online {
    top: 72px;
    right: 21px;
    width: 12px;
    height: 12px;
  }

  html.dark #pun-viewforum tr,
  html.dark #pun-searchtopics tr {
    font-size: 80%;
  }

  html.dark .byuser {
    font-size: 90%;
  }

  html.dark .punbb .pun-modal .modal-inner h2 {
    max-width: 99%;
  }

  html.dark .punbb .pun-modal .modal-inner {
    width: 90%;
  }

  html.dark .punbb #pun-navlinks span.odd #form-login {
    width: 636px;
  }

  html.dark .punbb #form-login #List-UserNames {
    width: 315px;
    height: 335px;
  }

  html.dark .punbb #form-login #List-UserNames ul {
    width: 98%;
  }

  html.dark .punbb #form-login #List-UserNames li {
    margin-bottom: 15px;
    font-size: 110%;
  }

  html.dark .punbb #form-login #List-UserNames li b {
    width: 245px;
  }

  html.dark .punbb #form-login span:nth-child(2),
  html.dark .punbb #form-login div:nth-child(3) {
    font-size: 80%;
  }

  html.dark .punbb #form-login span:nth-child(2),
  html.dark .punbb #form-login div:nth-child(3),
  html.dark .punbb #form-login .Rega,
  html.dark .punbb #form-login .Forgot {
    width: 265px;
  }

  html.dark .punbb #form-login #List-UserNames li .close::before {
    font-size: 120%;
  }

  html.dark .punbb #Paste-And-Copy {
    width: 305px !important;
  }

  html.dark .punbb #form-login div:nth-child(3) span {
    font-size: 100%;
  }

  html.dark .punbb #form-login .Rega,
  html.dark .punbb #form-login .Forgot {
    font-size: 90%;
  }

  html.dark .punbb #form-login .Rega {
    margin: 20px 0 10px;
  }

  html.dark .punbb #form-login .button {
    width: 260px;
    padding-right: 0;
    margin-top: 10px !important;
  }

  html.dark .punbb #pun-navlinks.fixed span.odd #form-login {
    top: 45px;
  }

  html.dark .punbb #pun-navlinks #New-exit img {
    top: 34px;
    right: 15px;
    width: 75px;
    padding: 12px;
  }

  html.dark .punbb #pun-navlinks.fixed #New-exit img {
    top: 72px;
    right: 53px;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) p:first-child {
    font-size: 140%;
  }

  html.dark #viewcomments .pa-author a {
    font-size: 50%;
  }

  html.dark #profilenav ul {
    margin-bottom: 30px;
  }

  html.dark #profilenav li {
    margin-bottom: 15px;
  }

  html.dark .category-3 .container tr .tcl .subforums__title {
    height: 32px;
  }

  html.dark .category-3 .container tr .tcl .subforums__title::before {
    font-size: 14px;
    left: 28px;
  }

  html.dark .category-3 .container tr .tcl .subforums__content a {
    width: 50%;
    padding-left: 22px;
    margin: 7px 0;
  }

  html.dark .category-3 .container tr .tcl .subforums__content a::before {
    top: 3px;
  }

  html.dark #pun::before {
    width: 90%;
  }

  html.dark #pun .punbb,
  html.dark #pun-title,
  html.dark .arrow_top_bottom {
    width: 100%;
  }

  html.dark #pun-title::before {
    width: calc(100% + 8px);
    left: -9px;
  }

  html.dark #pun .punbb {
    background-size: contain;
    background: url(https://i.imgur.com/7UEDDes.png);
    font-size: 155%;
    padding: 30px 90px 0 45px;
  }

  html.dark #pun .punbb::before {
    left: 0;
  }

  html.dark #pun .punbb::after {
    right: 0;
  }

  html.dark .table {
    left: -34px;
    width: calc(100% + 103px);
  }

  html.dark #pun-navlinks,
  html.dark #pun-ulinks {
    width: calc(100% - 60px);
  }

  html.dark #pun-navlinks {
    font-size: 102%;
  }

  html.dark #pun-ulinks ul li a {
    font-size: 90%;
  }

  html.dark #pun-ulinks {
    top: -14px;
  }

  html.dark .footer {
    width: calc(100% + 150px);
    margin-left: -60px;
    overflow: hidden;
  }

  html.dark .footer::before {
    background-size: contain;
    width: calc(100% + 12px);
  }

  html.dark #pun-about::after {
    display: none;
  }

  html.dark .arrow_top_bottom .go-up,
  html.dark .arrow_top_bottom .go-down {
    right: 10px;
  }

  html.dark .table .top .links p {
    font-size: 86%;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  html.dark .table .bottom {
    padding-top: 5px;
  }

  html.dark .table .bottom p {
    font-size: 85%;
  }

  html.dark .table .bottom h1 .cross {
    font-size: 54%;
  }

  html.dark .table .bottom h1::before {
    font-size: 17.7%;
  }

  html.dark #pun-navlinks.fixed {
    width: 91%;
    height: 65px;
    left: 38px;
  }

  html.dark #pun-ulinks.fixed {
    top: 35px;
  }

  html.dark #pun-navlinks.fixed ul {
    font-size: 95%;
  }

  html.dark .category:nth-child(odd) .flowers,
  html.dark #pun-stats .flowers {
    left: -37px;
    width: calc(100% + 74px);
  }

  html.dark .category:nth-child(even) .flowers {
    left: -39px;
    width: calc(100% + 80px);
  }

  html.dark #MyBookmarks {
    width: 340px !important;
  }

  html.dark #MyBookmarks span.scrl {
    width: 180px;
  }

  html.dark .container tr .tcl {
    width: 55%;
  }

  html.dark .container tr .tc2 {
    right: 266px;
    padding-left: 29px;
  }

  html.dark .container tr .tc3 {
    right: 122px;
    padding-left: 90px;
  }

  html.dark #pun-index .container tr .tc2::after,
  html.dark #pun-index .container tr .tc3::after {
    top: -4px;
  }

  html.dark #pun-index .container tr .tc2::after {
    content: "覧覧覧覧覧覧覧覧";
    left: -235px;
  }

  html.dark .container tr .dash::before {
    top: 7px;
    right: 252px;
  }

  html.dark .container tr .tcr {
    width: 55%;
  }

  html.dark .container tr .tcl .description {
    flex-wrap: wrap;
  }

  html.dark .container tr .tcl .description__small {
    width: 100%;
    padding-right: 0;
  }

  html.dark .container tr .tcl .description__small p.more {
    margin-top: 0;
  }

  html.dark .container tr .tcl .mainLink {
    width: 100%;
    margin-bottom: 10px;
  }

  html.dark .container tr .tcl .mainLink .flexbox {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  html.dark .container tr .tcl .mainLink li {
    width: 32%;
    margin-right: 3px;
  }

  html.dark .container tr .tcl .mainLink li.full {
    width: 32%;
  }

  html.dark .container tr .tcl .mainLink.piar li {
    width: 49%;
  }

  html.dark .container tr .tcl .mainLink.piar li.full {
    width: 100%;
  }

  html.dark .container tr .tcr {
    width: 45%;
    padding-top: 32px;
  }

  html.dark .container tr .tcl .mainLink a {
    font-size: 64%;
  }

  html.dark .container tr .tcl h3 {
    margin: 0 0 5px;
  }

  html.dark #pun-viewforum .tcr,
  html.dark #pun-searchtopics .tcr {
    width: 30%;
  }

  html.dark #pun-searchtopics .tc2 {
    padding-left: 52px;
  }

  html.dark #pun-viewforum .tcl,
  html.dark #pun-searchtopics .tcl {
    width: 80%;
  }

  html.dark #pun-viewforum .tc2,
  html.dark #pun-viewforum .tc3,
  html.dark #pun-searchtopics .tc2,
  html.dark #pun-searchtopics .tc3,
  html.dark #pun-modviewforum .tc2,
  html.dark #pun-modviewforum .tc3,
  html.dark #pun-blogs .tc2,
  html.dark #pun-blogs .tc3 {
    bottom: 12px;
  }

  html.dark #pun-viewforum .tc2 {
    padding-left: 89px;
  }

  html.dark #pun-viewforum .tc3,
  html.dark #pun-blogs .tc3 {
    padding-left: 94px;
  }

  html.dark .post-author, html.dark #profile-left {
    top: 72px;
    width: 200px;
  }

  html.dark .post-body {
    width: calc(100% - 208px);
    font-size: 120%;
  }

  html.dark .post-body p span {
    font-size: 100%;
  }

  html.dark .pa-author a {
    font-size: 90%;
  }

  html.dark .pa-title {
    font-size: 70%;
  }

  html.dark .pa-posts {
    font-size: 60% !important;
  }

  html.dark .pa-avatar img {
    text-align: center;
  }

  html.dark .pa-fld1 {
    font-size: 140%;
  }

  html.dark .pa-fld3 {
    font-size: 85%;
  }

  html.dark .pa-fld2 {
    font-size: 70%;
    margin: 5px 0 10px;
  }

  html.dark .post-author .pa-fld4 {
    font-size: 70%;
    width: 100%;
  }

  html.dark .post-author .pa-fld7 {
    font-size: 70%;
    margin-top: 2px;
  }

  html.dark .post-author .pa-fld7 p {
    margin: 2px 0;
  }

  html.dark .pa-respect {
    height: 18px;
    font-size: 70%;
    line-height: 19px;
    margin-top: -1px;
    margin-bottom: 5px;
    width: 100% !important;
    justify-content: center;
  }

  html.dark .pa-respect a {
    padding-left: 32px;
  }

  html.dark .pa-respect a {
    height: 18px;
  }

  html.dark .pa-respect .fld-name a {
    padding-left: 50px;
  }

  html.dark .pa-fld5 p,
  html.dark .pa-last-visit {
    font-size: 60%;
  }

  html.dark .pa-respect .fld-name a::before {
    font-size: 14px;
    top: 0;
  }

  html.dark .pa-respect a::before {
    font-size: 140%;
    top: -2px;
    right: 8px;
  }

  html.dark .topic .post h3,
  html.dark .fs-box .post h3 {
    left: 221px;
    width: calc(100% - 255px);
    font-size: 80%;
  }

  html.dark .post-sig {
    font-size: 55%;
  }

  html.dark .quote-box cite,
  html.dark .code-box .legend {
    font-size: 70%;
  }

  html.dark .post-links ul li {
    font-size: 75%;
  }

  html.dark .spoiler-box div {
    padding-left: 42px !important;
  }

  html.dark .code-box pre {
    font-size: 80%;
  }

  html.dark #topic_t28 .topicpost .quote-box p a,
  html.dark #topic_t69 .topicpost .quote-box p a,
  html.dark #topic_t65 .topicpost .spoiler-box p:first-child,
  html.dark #topic_t20 .topicpost .spoiler-box:nth-last-child(2) p:first-child,
  html.dark #topic_t21 .topicpost .spoiler-box:nth-last-child(2) p:first-child,
  html.dark #topic_t27 .topicpost .quote-box p a,
  html.dark #topic_t22 .topicpost .quote-box .quote-box p:first-child,
  html.dark #topic_t65 .topicpost p:nth-child(3) span,
  html.dark #topic_t27 .topicpost p:nth-child(2) {
    font-size: 130%;
  }

  html.dark #topic_t65 .topicpost .quote-box:nth-child(2) p span:nth-child(1) span {
    font-size: 80% !important;
  }

  html.dark #topic_t65 .topicpost .quote-box:nth-child(2) p span:nth-child(3) span {
    font-size: 130% !important;
  }

  html.dark #topic_t65 .topicpost .spoiler-box .quote-box {
    margin-top: 0;
  }

  html.dark .post-content ul li {
    padding-left: 26px;
    margin-bottom: 15px !important;
  }

  html.dark .post-content ul li::before {
    top: 3px;
    font-size: 80%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(1) {
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(1) span {
    text-align: center !important;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p {
    width: 35%;
    text-align: right;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p br {
    display: none;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a {
    display: block;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a img {
    margin: 0 0 5px;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a:last-child img {
    margin: 0;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) ul {
    width: 56%;
    margin-bottom: 0 !important;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) ul p {
    width: 100%;
    text-align: left;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2),
  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) p,
  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) .quote-box {
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) p {
    padding-right: 40px;
  }

  html.dark .first_post_img::before {
    top: 1px;
    right: -7px;
  }

  html.dark .first_post_img::after {
    bottom: 8px;
    left: -7px;
  }

  html.dark input[type=text],
  html.dark input[type=password],
  html.dark input[type=search],
  html.dark input[name=author],
  html.dark select,
  html.dark .form_bottom p {
    font-size: 100%;
  }

  html.dark input[type=text],
  html.dark input[type=password],
  html.dark input[type=search],
  html.dark input[name=author],
  html.dark select {
    height: 55px !important;
  }

  html.dark fieldset legend {
    top: 14px;
    font-size: 105%;
  }

  html.dark textarea {
    font-size: 120%;
  }

  html.dark #pun-about {
    left: 37px;
    width: 302px;
    font-size: 70%;
  }

  html.dark #topic_t22 .topicpost .quote-box tr,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td {
    width: 100%;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td .quote-box:first-child,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td .quote-box:first-child {
    margin-bottom: 2px;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td .quote-box:last-child {
    margin-top: 0;
  }

  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td .quote-box:last-child {
    margin-top: 0;
  }

  html.dark #topic_t86 .topicpost .quote-box:nth-child(2) span span:nth-child(1) {
    font-size: 70% !important;
  }

  html.dark #topic_t86 .topicpost .quote-box:nth-child(2) img {
    max-width: 172px;
  }

  html.dark #topic_t28 .topicpost .quote-box .quote-box {
    margin-top: 0;
    margin-bottom: 7px;
  }

  html.dark #topic_t28 .topicpost .quote-box .quote-box span {
    font-size: 90% !important;
  }

  html.dark #pun-viewtopic #poll-special table {
    width: 100%;
  }

  html.dark #pun-viewtopic #poll-special table td.tac strong {
    font-size: 140%;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) tr {
    margin-bottom: 2px !important;
  }

  html.dark #topic_t705 .cnt-part tr td:first-child {
    width: 29% !important;
    font-size: 130%;
    line-height: 1;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) td:first-child {
    width: 29% !important;
  }

  html.dark #topic_t705 .cnt-part #form-buttons tr td:first-child {
    width: 35px !important;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) #form-buttons td:first-child {
    width: 35px !important;
  }

  html.dark #topic_t705 .cnt-part textarea,
  html.dark #topic_t705 .cnt-part input[type=text] {
    font-size: 100%;
  }

  html.dark .spoiler-box blockquote div {
    padding-left: 0 !important;
  }

  html.dark #form-buttons #button-image b p {
    font-size: 60%;
  }

  html.dark #topic_t705 .cnt-part .quote-box:nth-child(2) .quote-box:first-child p:first-child {
    font-size: 100%;
  }

  html.dark button,
  html.dark .button,
  html.dark #pun-profile #profile8 #sub4,
  html.dark input[type=submit],
  html.dark #pun-admain .button,
  html.dark #pun-profile #profile-left #pa-edit strong {
    font-size: 130% !important;
    height: 56px;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd):first-child {
    margin-top: 1em;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) {
    text-align: left;
    margin-bottom: 5px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) {
    margin-top: 0;
    margin-bottom: 15px;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box {
    margin-bottom: 10px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box {
    margin-bottom: 10px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd):first-child p {
    margin-bottom: 0 !important;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box p:first-child,
  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box p:first-child {
    margin-bottom: 15px !important;
    font-size: 130%;
    line-height: 1;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box li p:first-child,
  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box li p:first-child {
    margin-bottom: 0;
    font-size: 120%;
    line-height: 1.2;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box li {
    margin-bottom: 15px !important;
  }

  html.dark #topic_t69 .post-box .post-content tr {
    display: flex;
    flex-wrap: wrap;
  }

  html.dark #topic_t69 .post-box .post-content td {
    padding: 2px !important;
    width: 100%;
  }

  html.dark #styleSwitch li {
    line-height: 55px;
  }

  html.dark #pun-reputation tr:first-child .tc2 {
    font-size: 130%;
  }

  html.dark #pun-reputation .button {
    font-size: 180% !important;
  }

  html.dark .multipage .flowers,
  html.dark #pun-post .flowers,
  html.dark #pun-edit .flowers,
  html.dark #pun-profile .flowers,
  html.dark #pun-search .flowers,
  html.dark #pun-messages .flowers,
  html.dark #pun-blogs .flowers {
    left: -36px;
    width: calc(100% + 65px);
  }

  html.dark #pun-viewtopic #post-form .flowers {
    left: -37px;
    width: calc(100% + 74px);
  }

  html.dark #mask_dialog .hv-control .button {
    margin-bottom: 5px;
  }

  html.dark label {
    font-size: 100%;
  }

  html.dark #mask_dialog .hv-form-block label {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: end;
  }

  html.dark #mask_dialog .hv-add-template {
    line-height: 49px;
    border: none !important;
    margin-bottom: 5px;
    padding: 2px 10px !important;
    font-size: 130% !important;
    order: 3;
  }

  html.dark #mask_dialog b {
    width: 100%;
    text-align: left;
  }

  html.dark #mask_dialog .description {
    font-style: italic;
    display: block;
    width: 100%;
  }

  html.dark #mask_dialog .hv-masks-storage {
    flex: 0 1 150px !important;
  }

  html.dark #mask_dialog .hv-mask-element {
    height: 70px;
    margin-bottom: 10px !important;
  }

  html.dark #mask_dialog .hv-mask-element img {
    height: 50px;
    width: 60px;
  }

  html.dark #mask_dialog .hv-preview-author {
    font-size: 75%;
  }

  html.dark #mask_dialog .hv-preview-title {
    font-size: 70%;
  }

  html.dark #mask_dialog .hv-preview-pafld1 {
    font-size: 110%;
    line-height: 0.8;
  }

  html.dark #mask_dialog .hv-preview-pafld3 {
    padding: 4px 5px 0 !important;
    font-size: 70%;
  }

  html.dark #mask_dialog .hv-preview-pafld2 {
    font-size: 65%;
  }

  html.dark #mask_dialog .hv-mask-element::after {
    bottom: 11px;
    right: 0;
  }

  html.dark .hv-storage-count {
    font-size: 70%;
  }

  html.dark #mask_dialog .inner {
    width: 90%;
    min-height: 620px;
  }

  html.dark #mask_dialog .hv-form-block {
    max-height: 435px !important;
  }

  html.dark #pun-report .inner,
  html.dark #pun-reputation .inner,
  html.dark #pun-admin-award-form .inner {
    left: 44.5%;
    width: 90%;
  }

  html.dark #pun-report .inner textarea,
  html.dark #pun-reputation .inner textarea,
  html.dark #pun-admin-award-form .inner textarea {
    width: 100% !important;
    font-size: 160%;
  }

  html.dark #pun-profile #profile-left #pa-edit strong {
    position: absolute;
    display: inline-block;
    bottom: -103px;
    left: 0;
    right: 0;
    line-height: 49px;
    margin: 0 auto;
    width: 204px;
    z-index: 0;
  }

  html.dark #pun-profile #profile-left li {
    width: 199px;
  }

  html.dark #pun-profile #profile-left #pa-edit strong {
    line-height: 49px;
    width: 200px;
  }

  html.dark #profilenav {
    width: 185px;
    font-size: 85%;
  }

  html.dark #pun-profile fieldset {
    margin-left: 185px;
  }

  html.dark #pun-profile .formsubmit {
    margin-left: 185px;
  }

  html.dark input[type=radio],
  html.dark input[type=checkbox] {
    width: 25px;
    min-width: 25px;
    height: 25px;
    border: 4px solid #cdc1b2;
  }

  html.dark input[type=checkbox]:checked {
    background-size: contain;
  }

  html.dark span.radio label,
  html.dark .checkfield label {
    margin-left: 10px;
    text-align: left;
  }

  html.dark #pun-userlist .tc2,
  html.dark #pun-userlist .tc3 {
    font-size: 65%;
  }

  html.dark #pun-userlist .username {
    width: 40%;
  }

  html.dark #pun-userlist .last_visit {
    width: 10%;
  }

  html.dark #pun-userlist .user_title {
    width: 25%;
  }

  html.dark #pun-searchposts h3 {
    left: 221px;
    width: calc(100% - 255px);
    font-size: 80%;
  }

  html.dark #pun-searchposts .pa-author strong {
    font-size: 90%;
  }

  html.dark #pun-searchposts .pa-replies {
    font-size: 70%;
  }

  html.dark #pun-profile #profile-right span {
    width: 30%;
    font-size: 60%;
  }

  html.dark #pun-profile #profile-right #pa-fld1 strong {
    font-size: 130%;
  }

  html.dark #pun-respect .tc3:nth-child(3), html.dark #pun-positive .tc3:nth-child(3) {
    font-size: 90%;
  }

  html.dark #pun-blogs .post.blog-entry .container .post_author {
    font-size: 120%;
  }

  html.dark #pun-blogs .blog-entry .post-content {
    max-height: 210px !important;
    font-size: 120%;
  }

  html.dark #pun-blogs .tc3 {
    left: 35%;
    bottom: 7px;
  }

  html.dark #pun-blogs .tc2 {
    padding-left: 112px;
    bottom: 7px;
  }

  html.dark #pun-blogs .tcr {
    width: 35%;
    font-size: 80%;
  }

  html.dark #pun-blogs tr {
    padding: 15px;
  }

  html.dark #pun-blogs .tc_Byuser {
    font-size: 90%;
  }

  html.dark #pun-blogs fieldset legend {
    width: 93.5%;
    justify-content: space-between;
  }

  html.dark #pun-ulinks ul,
  html.dark #pun-navlinks ul {
    margin-left: 10px !important;
    width: 91.4%;
  }

  html.dark #pun-navlinks ul li {
    margin: 0 8px;
  }

  html.dark #pun-ulinks ul li {
    margin: 0 8px;
  }

  html.dark #topic_t81 p span {
    font-size: 80% !important;
  }

  html.dark .post-box #post .formsubmit {
    display: flex;
    flex-wrap: wrap;
  }

  html.dark .post-box #post .formsubmit .button {
    margin-right: 5px !important;
    margin-bottom: 5px;
  }

  html.dark .post-box #post #form-buttons #button-image b p {
    top: 6px;
    right: -4px;
  }

  html.dark .post-box #post input[type=text] {
    width: 100%;
  }

  html.dark #post-preview .fs-box {
    font-size: 120%;
  }

  html.dark #pun-post .topic h3 {
    font-size: 80%;
  }

  html.dark #pun-post .pa-author {
    font-size: 90%;
  }

  html.dark #post .areafield .input > span::before {
    right: -30px;
    font-size: 120%;
  }

  html.dark #MyBookmarks #bm2::before {
    right: -10px;
    margin-top: 4px;
    font-size: 120%;
  }

  html.dark #MyBookmarks span.scrl span::before {
    font-size: 100%;
  }

  html.dark #MyBookmarks li span strong::before {
    font-size: 160%;
    margin-top: 10px;
  }

  html.dark .history_posts_list tr {
    align-items: center;
  }

  html.dark .history_posts_list th,
  html.dark .history_posts_list td {
    font-size: 80%;
  }

  html.dark #history_selected_diff {
    position: relative;
    z-index: 1;
  }

  html.dark #pun-messages .tc2,
  html.dark #pun-messages .tc3 {
    font-size: 80% !important;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  html.dark .quote-box,
  html.dark table {
    font-size: 100%;
  }

  html.dark #pun-stats ul .item5 span a {
    margin: 2px 0;
    display: inline-block;
  }

  html.dark .lastpost {
    display: block;
    padding-left: 45px;
    margin-top: 5px;
  }

  html.dark .online .pa-online {
    top: 72px;
    right: 21px;
    width: 12px;
    height: 12px;
  }

  html.dark #pun-viewforum tr,
  html.dark #pun-searchtopics tr {
    font-size: 80%;
  }

  html.dark .byuser {
    font-size: 90%;
  }

  html.dark .punbb .pun-modal .modal-inner h2 {
    max-width: 99%;
  }

  html.dark .punbb .pun-modal .modal-inner {
    width: 90%;
  }

  html.dark .punbb #pun-navlinks span.odd #form-login {
    width: 636px;
  }

  html.dark .punbb #form-login #List-UserNames {
    width: 315px;
    height: 335px;
  }

  html.dark .punbb #form-login #List-UserNames ul {
    width: 98%;
  }

  html.dark .punbb #form-login #List-UserNames li {
    margin-bottom: 15px;
    font-size: 110%;
  }

  html.dark .punbb #form-login #List-UserNames li b {
    width: 245px;
  }

  html.dark .punbb #form-login span:nth-child(2),
  html.dark .punbb #form-login div:nth-child(3) {
    font-size: 80%;
  }

  html.dark .punbb #form-login span:nth-child(2),
  html.dark .punbb #form-login div:nth-child(3),
  html.dark .punbb #form-login .Rega,
  html.dark .punbb #form-login .Forgot {
    width: 265px;
  }

  html.dark .punbb #form-login #List-UserNames li .close::before {
    font-size: 120%;
  }

  html.dark .punbb #Paste-And-Copy {
    width: 305px !important;
  }

  html.dark .punbb #form-login div:nth-child(3) span {
    font-size: 100%;
  }

  html.dark .punbb #form-login .Rega,
  html.dark .punbb #form-login .Forgot {
    font-size: 90%;
  }

  html.dark .punbb #form-login .Rega {
    margin: 20px 0 10px;
  }

  html.dark .punbb #form-login .button {
    width: 260px;
    padding-right: 0;
    margin-top: 10px !important;
  }

  html.dark .punbb #pun-navlinks.fixed span.odd #form-login {
    top: 45px;
  }

  html.dark .punbb #pun-navlinks #New-exit img {
    top: 34px;
    right: 15px;
    width: 75px;
    padding: 12px;
  }

  html.dark .punbb #pun-navlinks.fixed #New-exit img {
    top: 72px;
    right: 53px;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) p:first-child {
    font-size: 140%;
  }

  html.dark #viewcomments .pa-author a {
    font-size: 50%;
  }

  html.dark #profilenav ul {
    margin-bottom: 30px;
  }

  html.dark #profilenav li {
    margin-bottom: 15px;
  }

  html.dark .category-3 .container tr .tcl .subforums__title {
    height: 32px;
  }

  html.dark .category-3 .container tr .tcl .subforums__title::before {
    font-size: 14px;
    left: 28px;
  }

  html.dark .category-3 .container tr .tcl .subforums__content a {
    width: 50%;
    padding-left: 22px;
    margin: 7px 0;
  }

  html.dark .category-3 .container tr .tcl .subforums__content a::before {
    top: 3px;
  }

  html.dark #pun::before {
    width: 90%;
  }

  html.dark #pun .punbb,
  html.dark #pun-title,
  html.dark .arrow_top_bottom {
    width: 100%;
  }

  html.dark #pun-title::before {
    width: calc(100% + 8px);
    left: -9px;
  }

  html.dark #pun .punbb {
    background-size: contain;
    background: url(https://i.imgur.com/7UEDDes.png);
    font-size: 155%;
    padding: 30px 90px 0 45px;
  }

  html.dark #pun .punbb::before {
    left: 0;
  }

  html.dark #pun .punbb::after {
    right: 0;
  }

  html.dark .table {
    left: -34px;
    width: calc(100% + 103px);
  }

  html.dark #pun-navlinks,
  html.dark #pun-ulinks {
    width: calc(100% - 60px);
  }

  html.dark #pun-navlinks {
    font-size: 102%;
  }

  html.dark #pun-ulinks ul li a {
    font-size: 90%;
  }

  html.dark #pun-ulinks {
    top: -14px;
  }

  html.dark .footer {
    width: calc(100% + 150px);
    margin-left: -60px;
    overflow: hidden;
  }

  html.dark .footer::before {
    background-size: contain;
    width: calc(100% + 12px);
  }

  html.dark #pun-about::after {
    display: none;
  }

  html.dark .arrow_top_bottom .go-up,
  html.dark .arrow_top_bottom .go-down {
    right: 10px;
  }

  html.dark .table .top .links p {
    font-size: 86%;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  html.dark .table .bottom {
    padding-top: 5px;
  }

  html.dark .table .bottom p {
    font-size: 85%;
  }

  html.dark .table .bottom h1 .cross {
    font-size: 54%;
  }

  html.dark .table .bottom h1::before {
    font-size: 17.7%;
  }

  html.dark #pun-navlinks.fixed {
    width: 91%;
    height: 65px;
    left: 38px;
  }

  html.dark #pun-ulinks.fixed {
    top: 35px;
  }

  html.dark #pun-navlinks.fixed ul {
    font-size: 95%;
  }

  html.dark .category:nth-child(odd) .flowers,
  html.dark #pun-stats .flowers {
    left: -37px;
    width: calc(100% + 74px);
  }

  html.dark .category:nth-child(even) .flowers {
    left: -39px;
    width: calc(100% + 80px);
  }

  html.dark #MyBookmarks {
    width: 340px !important;
  }

  html.dark #MyBookmarks span.scrl {
    width: 180px;
  }

  html.dark .container tr .tcl {
    width: 55%;
  }

  html.dark .container tr .tc2 {
    right: 266px;
    padding-left: 29px;
  }

  html.dark .container tr .tc3 {
    right: 122px;
    padding-left: 90px;
  }

  html.dark #pun-index .container tr .tc2::after,
  html.dark #pun-index .container tr .tc3::after {
    top: -4px;
  }

  html.dark #pun-index .container tr .tc2::after {
    content: "覧覧覧覧覧覧覧覧";
    left: -235px;
  }

  html.dark .container tr .dash::before {
    top: 7px;
    right: 252px;
  }

  html.dark .container tr .tcr {
    width: 55%;
  }

  html.dark .container tr .tcl .description {
    flex-wrap: wrap;
  }

  html.dark .container tr .tcl .description__small {
    width: 100%;
    padding-right: 0;
  }

  html.dark .container tr .tcl .description__small p.more {
    margin-top: 0;
  }

  html.dark .container tr .tcl .mainLink {
    width: 100%;
    margin-bottom: 10px;
  }

  html.dark .container tr .tcl .mainLink .flexbox {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  html.dark .container tr .tcl .mainLink li {
    width: 32%;
    margin-right: 3px;
  }

  html.dark .container tr .tcl .mainLink li.full {
    width: 32%;
  }

  html.dark .container tr .tcr {
    width: 45%;
    padding-top: 32px;
  }

  html.dark .container tr .tcl .mainLink a {
    font-size: 64%;
  }

  html.dark .container tr .tcl h3 {
    margin: 0 0 5px;
  }

  html.dark #pun-viewforum .tcr,
  html.dark #pun-searchtopics .tcr {
    width: 30%;
  }

  html.dark #pun-searchtopics .tc2 {
    padding-left: 52px;
  }

  html.dark #pun-viewforum .tcl,
  html.dark #pun-searchtopics .tcl {
    width: 80%;
  }

  html.dark #pun-viewforum .tc2,
  html.dark #pun-viewforum .tc3,
  html.dark #pun-searchtopics .tc2,
  html.dark #pun-searchtopics .tc3,
  html.dark #pun-modviewforum .tc2,
  html.dark #pun-modviewforum .tc3,
  html.dark #pun-blogs .tc2,
  html.dark #pun-blogs .tc3 {
    bottom: 12px;
  }

  html.dark #pun-viewforum .tc2 {
    padding-left: 89px;
  }

  html.dark #pun-viewforum .tc3,
  html.dark #pun-blogs .tc3 {
    padding-left: 94px;
  }

  html.dark .post-author, html.dark #profile-left {
    top: 72px;
    width: 200px;
  }

  html.dark .post-body {
    width: calc(100% - 208px);
    font-size: 120%;
  }

  html.dark .post-body p span {
    font-size: 100%;
  }

  html.dark .pa-author a {
    font-size: 90%;
  }

  html.dark .pa-title {
    font-size: 70%;
  }

  html.dark .pa-posts {
    font-size: 60% !important;
  }

  html.dark .pa-avatar img {
    text-align: center;
  }

  html.dark .pa-fld1 {
    font-size: 140%;
  }

  html.dark .pa-fld3 {
    font-size: 85%;
  }

  html.dark .pa-fld2 {
    font-size: 70%;
    margin: 5px 0 10px;
  }

  html.dark .post-author .pa-fld4 {
    font-size: 70%;
    width: 100%;
  }

  html.dark .post-author .pa-fld7 {
    font-size: 70%;
    margin-top: 2px;
  }

  html.dark .post-author .pa-fld7 p {
    margin: 2px 0;
  }

  html.dark .pa-respect {
    height: 18px;
    font-size: 70%;
    line-height: 19px;
    margin-top: -1px;
    margin-bottom: 5px;
    width: 100% !important;
    justify-content: center;
  }

  html.dark .pa-respect a {
    padding-left: 32px;
  }

  html.dark .pa-respect a {
    height: 18px;
  }

  html.dark .pa-respect .fld-name a {
    padding-left: 50px;
  }

  html.dark .pa-fld5 p,
  html.dark .pa-last-visit {
    font-size: 60%;
  }

  html.dark .pa-respect .fld-name a::before {
    font-size: 14px;
    top: 0;
  }

  html.dark .pa-respect a::before {
    font-size: 140%;
    top: -2px;
    right: 8px;
  }

  html.dark .topic .post h3,
  html.dark .fs-box .post h3 {
    left: 221px;
    width: calc(100% - 255px);
    font-size: 80%;
  }

  html.dark .post-sig {
    font-size: 55%;
  }

  html.dark .quote-box cite,
  html.dark .code-box .legend {
    font-size: 70%;
  }

  html.dark .post-links ul li {
    font-size: 75%;
  }

  html.dark .spoiler-box div {
    padding-left: 42px !important;
  }

  html.dark .code-box pre {
    font-size: 80%;
  }

  html.dark #topic_t28 .topicpost .quote-box p a,
  html.dark #topic_t69 .topicpost .quote-box p a,
  html.dark #topic_t65 .topicpost .spoiler-box p:first-child,
  html.dark #topic_t20 .topicpost .spoiler-box:nth-last-child(2) p:first-child,
  html.dark #topic_t21 .topicpost .spoiler-box:nth-last-child(2) p:first-child,
  html.dark #topic_t27 .topicpost .quote-box p a,
  html.dark #topic_t22 .topicpost .quote-box .quote-box p:first-child,
  html.dark #topic_t65 .topicpost p:nth-child(3) span,
  html.dark #topic_t27 .topicpost p:nth-child(2) {
    font-size: 130%;
  }

  html.dark #topic_t65 .topicpost .quote-box:nth-child(2) p span:nth-child(1) span {
    font-size: 80% !important;
  }

  html.dark #topic_t65 .topicpost .quote-box:nth-child(2) p span:nth-child(3) span {
    font-size: 130% !important;
  }

  html.dark #topic_t65 .topicpost .spoiler-box .quote-box {
    margin-top: 0;
  }

  html.dark .post-content ul li {
    padding-left: 26px;
    margin-bottom: 15px !important;
  }

  html.dark .post-content ul li::before {
    top: 3px;
    font-size: 80%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(1) {
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(1) span {
    text-align: center !important;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p {
    width: 35%;
    text-align: right;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p br {
    display: none;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a {
    display: block;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a img {
    margin: 0 0 5px;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a:last-child img {
    margin: 0;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) ul {
    width: 56%;
    margin-bottom: 0 !important;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) ul p {
    width: 100%;
    text-align: left;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2),
  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) p,
  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) .quote-box {
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) p {
    padding-right: 40px;
  }

  html.dark .first_post_img::before {
    top: 1px;
    right: -7px;
  }

  html.dark .first_post_img::after {
    bottom: 8px;
    left: -7px;
  }

  html.dark input[type=text],
  html.dark input[type=password],
  html.dark input[type=search],
  html.dark input[name=author],
  html.dark select,
  html.dark .form_bottom p {
    font-size: 100%;
  }

  html.dark input[type=text],
  html.dark input[type=password],
  html.dark input[type=search],
  html.dark input[name=author],
  html.dark select {
    height: 55px !important;
  }

  html.dark fieldset legend {
    top: 14px;
    font-size: 105%;
  }

  html.dark textarea {
    font-size: 120%;
  }

  html.dark #pun-about {
    left: 37px;
    width: 302px;
    font-size: 70%;
  }

  html.dark #topic_t22 .topicpost .quote-box tr,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td {
    width: 100%;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td .quote-box:first-child,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td .quote-box:first-child {
    margin-bottom: 2px;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td .quote-box:last-child {
    margin-top: 0;
  }

  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td .quote-box:last-child {
    margin-top: 0;
  }

  html.dark #topic_t86 .topicpost .quote-box:nth-child(2) span span:nth-child(1) {
    font-size: 70% !important;
  }

  html.dark #topic_t86 .topicpost .quote-box:nth-child(2) img {
    max-width: 172px;
  }

  html.dark #topic_t28 .topicpost .quote-box .quote-box {
    margin-top: 0;
    margin-bottom: 7px;
  }

  html.dark #topic_t28 .topicpost .quote-box .quote-box span {
    font-size: 90% !important;
  }

  html.dark #pun-viewtopic #poll-special table {
    width: 100%;
  }

  html.dark #pun-viewtopic #poll-special table td.tac strong {
    font-size: 140%;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) tr {
    margin-bottom: 2px !important;
  }

  html.dark #topic_t705 .cnt-part tr td:first-child {
    width: 29% !important;
    font-size: 130%;
    line-height: 1;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) td:first-child {
    width: 29% !important;
  }

  html.dark #topic_t705 .cnt-part #form-buttons tr td:first-child {
    width: 35px !important;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) #form-buttons td:first-child {
    width: 35px !important;
  }

  html.dark #topic_t705 .cnt-part #form-buttons tr td:first-child {
    width: 35px !important;
  }

  html.dark #topic_t705 .cnt-part textarea,
  html.dark #topic_t705 .cnt-part input[type=text] {
    font-size: 100%;
  }

  html.dark .spoiler-box blockquote div {
    padding-left: 0 !important;
  }

  html.dark #form-buttons #button-image b p {
    font-size: 60%;
  }

  html.dark #topic_t705 .cnt-part .quote-box:nth-child(2) .quote-box:first-child p:first-child {
    font-size: 100%;
  }

  html.dark button,
  html.dark .button,
  html.dark #pun-profile #profile8 #sub4,
  html.dark input[type=submit],
  html.dark #pun-admain .button,
  html.dark #pun-profile #profile-left #pa-edit strong {
    font-size: 130% !important;
    height: 56px;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd):first-child {
    margin-top: 1em;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) {
    text-align: left;
    margin-bottom: 5px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) {
    margin-top: 0;
    margin-bottom: 15px;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box {
    margin-bottom: 10px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box {
    margin-bottom: 10px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd):first-child p {
    margin-bottom: 0 !important;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box p:first-child,
  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box p:first-child {
    margin-bottom: 15px !important;
    font-size: 130%;
    line-height: 1;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box li p:first-child,
  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box li p:first-child {
    margin-bottom: 0;
    font-size: 120%;
    line-height: 1.2;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box li {
    margin-bottom: 15px !important;
  }

  html.dark #topic_t69 .post-box .post-content tr {
    display: flex;
    flex-wrap: wrap;
  }

  html.dark #topic_t69 .post-box .post-content td {
    padding: 2px !important;
    width: 100%;
  }

  html.dark #styleSwitch li {
    line-height: 55px;
  }

  html.dark #pun-reputation tr:first-child .tc2 {
    font-size: 130%;
  }

  html.dark #pun-reputation .button {
    font-size: 180% !important;
  }

  html.dark .multipage .flowers,
  html.dark #pun-post .flowers,
  html.dark #pun-edit .flowers,
  html.dark #pun-profile .flowers,
  html.dark #pun-search .flowers,
  html.dark #pun-messages .flowers,
  html.dark #pun-blogs .flowers {
    left: -36px;
    width: calc(100% + 65px);
  }

  html.dark #pun-viewtopic #post-form .flowers {
    left: -37px;
    width: calc(100% + 74px);
  }

  html.dark #mask_dialog .hv-control .button {
    margin-bottom: 5px;
  }

  html.dark label {
    font-size: 100%;
  }

  html.dark #mask_dialog .hv-form-block label {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: end;
  }

  html.dark #mask_dialog .hv-add-template {
    line-height: 49px;
    border: none !important;
    margin-bottom: 5px;
    padding: 2px 10px !important;
    font-size: 130% !important;
    order: 3;
  }

  html.dark #mask_dialog b {
    width: 100%;
    text-align: left;
  }

  html.dark #mask_dialog .description {
    font-style: italic;
    display: block;
    width: 100%;
  }

  html.dark #mask_dialog .hv-masks-storage {
    flex: 0 1 150px !important;
  }

  html.dark #mask_dialog .hv-mask-element {
    height: 70px;
    margin-bottom: 10px !important;
  }

  html.dark #mask_dialog .hv-mask-element img {
    height: 50px;
    width: 60px;
  }

  html.dark #mask_dialog .hv-preview-author {
    font-size: 75%;
  }

  html.dark #mask_dialog .hv-preview-title {
    font-size: 70%;
  }

  html.dark #mask_dialog .hv-preview-pafld1 {
    font-size: 110%;
    line-height: 0.8;
  }

  html.dark #mask_dialog .hv-preview-pafld3 {
    padding: 4px 5px 0 !important;
    font-size: 70%;
  }

  html.dark #mask_dialog .hv-preview-pafld2 {
    font-size: 65%;
  }

  html.dark #mask_dialog .hv-mask-element::after {
    bottom: 11px;
    right: 0;
  }

  html.dark .hv-storage-count {
    font-size: 70%;
  }

  html.dark #mask_dialog .inner {
    width: 90%;
    min-height: 620px;
  }

  html.dark #mask_dialog .hv-form-block {
    max-height: 435px !important;
  }

  html.dark #pun-report .inner,
  html.dark #pun-reputation .inner,
  html.dark #pun-admin-award-form .inner {
    left: 44.5%;
    width: 90%;
  }

  html.dark #pun-report .inner textarea,
  html.dark #pun-reputation .inner textarea,
  html.dark #pun-admin-award-form .inner textarea {
    width: 100% !important;
    font-size: 160%;
  }

  html.dark #pun-profile #profile-left #pa-edit strong {
    position: absolute;
    display: inline-block;
    bottom: -103px;
    left: 0;
    right: 0;
    line-height: 49px;
    margin: 0 auto;
    width: 204px;
    z-index: 0;
  }

  html.dark #pun-profile #profile-left li {
    width: 199px;
  }

  html.dark #pun-profile #profile-left #pa-edit strong {
    line-height: 49px;
    width: 200px;
  }

  html.dark #profilenav {
    width: 185px;
    font-size: 85%;
  }

  html.dark #pun-profile fieldset {
    margin-left: 185px;
  }

  html.dark #pun-profile .formsubmit {
    margin-left: 185px;
  }

  html.dark input[type=radio],
  html.dark input[type=checkbox] {
    width: 25px;
    min-width: 25px;
    height: 25px;
    border: 4px solid #cdc1b2;
  }

  html.dark input[type=checkbox]:checked {
    background-size: contain;
  }

  html.dark span.radio label,
  html.dark .checkfield label {
    margin-left: 10px;
    text-align: left;
  }

  html.dark #pun-userlist .tc2,
  html.dark #pun-userlist .tc3 {
    font-size: 65%;
  }

  html.dark #pun-userlist .username {
    width: 40%;
  }

  html.dark #pun-userlist .last_visit {
    width: 10%;
  }

  html.dark #pun-userlist .user_title {
    width: 25%;
  }

  html.dark #pun-searchposts h3 {
    left: 221px;
    width: calc(100% - 255px);
    font-size: 80%;
  }

  html.dark #pun-searchposts .pa-author strong {
    font-size: 90%;
  }

  html.dark #pun-searchposts .pa-replies {
    font-size: 70%;
  }

  html.dark #pun-profile #profile-right span {
    width: 30%;
    font-size: 60%;
  }

  html.dark #pun-profile #profile-right #pa-fld1 strong {
    font-size: 130%;
  }

  html.dark #pun-respect .tc3:nth-child(3), html.dark #pun-positive .tc3:nth-child(3) {
    font-size: 90%;
  }

  html.dark #pun-blogs .post.blog-entry .container .post_author {
    font-size: 120%;
  }

  html.dark #pun-blogs .blog-entry .post-content {
    max-height: 210px !important;
    font-size: 120%;
  }

  html.dark #pun-blogs .tc3 {
    left: 35%;
    bottom: 7px;
  }

  html.dark #pun-blogs .tc2 {
    padding-left: 112px;
    bottom: 7px;
  }

  html.dark #pun-blogs .tcr {
    width: 35%;
    font-size: 80%;
  }

  html.dark #pun-blogs tr {
    padding: 15px;
  }

  html.dark #pun-blogs .tc_Byuser {
    font-size: 90%;
  }

  html.dark #pun-blogs fieldset legend {
    width: 93.5%;
    justify-content: space-between;
  }

  html.dark #pun-ulinks ul,
  html.dark #pun-navlinks ul {
    margin-left: 10px !important;
    width: 91.4%;
  }

  html.dark #pun-navlinks ul li {
    margin: 0 8px;
  }

  html.dark #pun-ulinks ul li {
    margin: 0 8px;
  }

  html.dark #topic_t81 p span {
    font-size: 80% !important;
  }

  html.dark .post-box #post .formsubmit {
    display: flex;
    flex-wrap: wrap;
  }

  html.dark .post-box #post .formsubmit .button {
    margin-right: 5px !important;
    margin-bottom: 5px;
  }

  html.dark .post-box #post #form-buttons #button-image b p {
    top: 6px;
    right: -4px;
  }

  html.dark .post-box #post input[type=text] {
    width: 100%;
  }

  html.dark #post-preview .fs-box {
    font-size: 120%;
  }

  html.dark #pun-post .topic h3 {
    font-size: 80%;
  }

  html.dark #pun-post .pa-author {
    font-size: 90%;
  }

  html.dark #post .areafield .input > span::before {
    right: -30px;
    font-size: 120%;
  }

  html.dark .punbb #MyBookmarks .flowers {
    width: 342px;
  }

  html.dark #MyBookmarks #bm2::before {
    right: -10px;
    margin-top: 4px;
    font-size: 120%;
  }

  html.dark .punbb #MyBookmarks .flowers {
    width: 342px;
  }

  html.dark #MyBookmarks span.scrl span::before {
    font-size: 100%;
  }

  html.dark #MyBookmarks li span strong::before {
    font-size: 160%;
    margin-top: 10px;
  }

  html.dark .history_posts_list tr {
    align-items: center;
  }

  html.dark .history_posts_list th,
  html.dark .history_posts_list td {
    font-size: 80%;
  }

  html.dark #history_selected_diff {
    position: relative;
    z-index: 1;
  }

  html.dark #pun-messages .tc2,
  html.dark #pun-messages .tc3 {
    font-size: 80% !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  html.dark .punbb #pun-navlinks span.odd #form-login {
    width: 530px;
  }

  html.dark .punbb #form-login #List-UserNames li {
    margin-bottom: 10px;
  }

  html.dark .punbb #form-login #List-UserNames {
    width: 250px;
    height: 264px;
  }

  html.dark .punbb #form-login span:nth-child(2),
  html.dark .punbb #form-login div:nth-child(3) {
    font-size: 60%;
  }

  html.dark .punbb #form-login #List-UserNames span:nth-child(2) span.a1-paste {
    font-size: 100%;
  }

  html.dark .punbb #form-login #List-UserNames ul {
    width: 100%;
  }

  html.dark .punbb #form-login #List-UserNames li b {
    width: 190px;
  }

  html.dark .punbb #form-login .button {
    font-size: 120% !important;
  }

  html.dark .punbb #Paste-And-Copy {
    width: 240px !important;
  }

  html.dark .punbb #form-login .Rega {
    margin-bottom: 5px;
  }

  html.dark .punbb #pun-navlinks #New-exit img {
    top: 33px;
    right: 65px;
  }

  html.dark .punbb #pun-navlinks.fixed #New-exit img {
    top: 60px;
    right: 126px;
  }

  html.dark #pun::before {
    width: 90%;
  }

  html.dark #pun .punbb,
  html.dark #pun-title,
  html.dark .arrow_top_bottom {
    width: 100%;
  }

  html.dark #pun-title::before {
    width: calc(100% + 8px);
    left: -9px;
  }

  html.dark #pun .punbb {
    background-size: contain;
    background: url(https://i.imgur.com/7UEDDes.png);
    font-size: 100%;
    padding: 30px 90px 0 45px;
  }

  html.dark #pun .punbb::before {
    left: 0;
  }

  html.dark #pun .punbb::after {
    right: 0;
  }

  html.dark .table {
    left: -34px;
    width: calc(100% + 103px);
  }

  html.dark #pun-navlinks,
  html.dark #pun-ulinks {
    width: calc(100% - 60px);
  }

  html.dark #pun-navlinks {
    font-size: 145%;
  }

  html.dark #pun-ulinks ul li a {
    font-size: 120%;
  }

  html.dark #pun-ulinks {
    top: -13px;
  }

  html.dark .footer {
    width: calc(100% + 150px);
    margin-left: -60px;
    overflow: hidden;
  }

  html.dark .footer::before {
    background-size: contain;
    width: calc(100% + 12px);
  }

  html.dark #pun-about::after {
    display: none;
  }

  html.dark .arrow_top_bottom .go-up,
  html.dark .arrow_top_bottom .go-down {
    right: 10px;
  }

  html.dark .table .top .links p {
    font-size: 110%;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  html.dark .table .bottom {
    padding-top: 5px;
  }

  html.dark .table .bottom p {
    font-size: 100%;
  }

  html.dark .table .bottom h1 .cross {
    font-size: 54%;
  }

  html.dark .table .bottom h1::before {
    font-size: 17.7%;
  }

  html.dark #pun-navlinks.fixed {
    width: 91%;
    height: 55px;
    left: 38px;
    font-size: 130%;
  }

  html.dark #pun-ulinks.fixed {
    top: 30px;
  }

  html.dark #pun-navlinks.fixed ul {
    font-size: 95%;
  }

  html.dark .category:nth-child(odd) .flowers,
  html.dark #pun-stats .flowers {
    left: -37px;
    width: calc(100% + 74px);
  }

  html.dark .category:nth-child(even) .flowers {
    left: -39px;
    width: calc(100% + 80px);
  }

  html.dark #MyBookmarks {
    width: 340px !important;
  }

  html.dark #MyBookmarks span.scrl {
    width: 180px;
  }

  html.dark .container tr .tcl {
    width: 55%;
  }

  html.dark .container tr .tc2 {
    right: 266px;
    padding-left: 22px;
  }

  html.dark .container tr .tc3 {
    right: 148px;
    padding-left: 62px;
  }

  html.dark #pun-index .container tr .tc2::after,
  html.dark #pun-index .container tr .tc3::after {
    top: -8px;
  }

  html.dark #pun-index .container tr .tc2::after {
    content: "覧覧覧覧覧";
    right: -135px;
  }

  html.dark .container tr .dash::before {
    top: 5px;
    right: 252px;
  }

  html.dark .container tr .tcr {
    width: 55%;
  }

  html.dark .container tr .tcl .description {
    flex-wrap: wrap;
  }

  html.dark .container tr .tcl .description__small {
    width: 100%;
    padding-right: 0;
  }

  html.dark .container tr .tcl .description__small p.more {
    margin-top: 0;
  }

  html.dark .container tr .tcl .mainLink {
    width: 100%;
    margin-bottom: 10px;
  }

  html.dark .container tr .tcl .mainLink .flexbox {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  html.dark .container tr .tcl .mainLink li {
    width: 32%;
    margin-right: 3px;
  }

  html.dark .container tr .tcl .mainLink li.full {
    width: 32%;
  }

  html.dark .container tr .tcl .mainLink.piar li {
    width: 49%;
  }

  html.dark .container tr .tcl .mainLink.piar li.full {
    width: 100%;
  }

  html.dark .container tr .tcr {
    width: 45%;
    padding-top: 22px;
  }

  html.dark .container tr .tcl .mainLink a {
    font-size: 78%;
  }

  html.dark .container tr .tcl h3 {
    margin: 0 0 5px;
  }

  html.dark #pun-viewforum .tcr,
  html.dark #pun-searchtopics .tcr {
    width: 30%;
  }

  html.dark #pun-searchtopics .tc2 {
    padding-left: 39px;
  }

  html.dark #pun-viewforum .tcl,
  html.dark #pun-searchtopics .tcl {
    width: 70%;
  }

  html.dark #pun-viewforum .tc2,
  html.dark #pun-viewforum .tc3,
  html.dark #pun-searchtopics .tc2,
  html.dark #pun-searchtopics .tc3,
  html.dark #pun-modviewforum .tc2,
  html.dark #pun-modviewforum .tc3,
  html.dark #pun-blogs .tc2,
  html.dark #pun-blogs .tc3 {
    bottom: 12px;
  }

  html.dark #pun-viewforum .tc2 {
    padding-left: 62px;
  }

  html.dark #pun-viewforum .tc3,
  html.dark #pun-blogs .tc3 {
    padding-left: 65px;
  }

  html.dark .post-author, html.dark #profile-left {
    top: 65px;
  }

  html.dark .post-body {
    font-size: 135%;
  }

  html.dark .post-body p span {
    font-size: 100%;
  }

  html.dark .pa-avatar img {
    text-align: center;
  }

  html.dark .topic .post h3,
  html.dark .fs-box .post h3 {
    font-size: 110%;
  }

  html.dark .post-sig {
    font-size: 55%;
  }

  html.dark .quote-box cite,
  html.dark .code-box .legend {
    font-size: 80%;
  }

  html.dark .post-links ul li {
    font-size: 105%;
  }

  html.dark .spoiler-box div {
    padding-left: 35px !important;
  }

  html.dark .code-box pre {
    font-size: 85%;
  }

  html.dark #topic_t28 .topicpost .quote-box p a,
  html.dark #topic_t69 .topicpost .quote-box p a,
  html.dark #topic_t65 .topicpost .spoiler-box p:first-child,
  html.dark #topic_t20 .topicpost .spoiler-box:nth-last-child(2) p:first-child,
  html.dark #topic_t21 .topicpost .spoiler-box:nth-last-child(2) p:first-child,
  html.dark #topic_t27 .topicpost .quote-box p a,
  html.dark #topic_t22 .topicpost .quote-box .quote-box p:first-child,
  html.dark #topic_t65 .topicpost p:nth-child(3) span,
  html.dark #topic_t27 .topicpost p:nth-child(2) {
    font-size: 150%;
  }

  html.dark #topic_t65 .topicpost .quote-box:nth-child(2) p span:nth-child(1) span {
    font-size: 80% !important;
  }

  html.dark #topic_t65 .topicpost .quote-box:nth-child(2) p span:nth-child(3) span {
    font-size: 130% !important;
  }

  html.dark #topic_t65 .topicpost .spoiler-box .quote-box {
    margin-top: 0;
  }

  html.dark .post-content ul li {
    padding-left: 26px;
    margin-bottom: 15px !important;
  }

  html.dark .post-content ul li::before {
    top: 3px;
    font-size: 80%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(1) {
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(1) span {
    text-align: center !important;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p {
    width: 41%;
    text-align: right;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p br {
    display: none;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a {
    display: block;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a img {
    margin: 0 0 5px;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) p a:last-child img {
    margin: 0;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) ul {
    width: 53%;
    margin-bottom: 0 !important;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content td:nth-child(2) ul p {
    width: 100%;
    text-align: left;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2),
  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) p,
  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) .quote-box {
    width: 100%;
  }

  html.dark #topic_t65 .topicpost .post-box .post-content .spoiler-box td:nth-child(2) p {
    padding-right: 40px;
  }

  html.dark .first_post_img::before {
    top: 1px;
    right: -7px;
  }

  html.dark .first_post_img::after {
    bottom: 8px;
    left: -7px;
  }

  html.dark input[type=text],
  html.dark input[type=password],
  html.dark input[type=search],
  html.dark input[name=author],
  html.dark select,
  html.dark .form_bottom p {
    font-size: 120%;
  }

  html.dark input[type=text],
  html.dark input[type=password],
  html.dark input[type=search],
  html.dark input[name=author],
  html.dark select {
    height: 55px !important;
  }

  html.dark fieldset legend {
    top: 14px;
    font-size: 130%;
  }

  html.dark textarea {
    font-size: 120%;
  }

  html.dark #pun-about {
    left: 37px;
    width: 302px;
    font-size: 70%;
  }

  html.dark #topic_t22 .topicpost .quote-box tr,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td {
    width: 100%;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td .quote-box:first-child,
  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td .quote-box:first-child {
    margin-bottom: 0;
  }

  html.dark #topic_t22 .topicpost .quote-box tr td .quote-box:last-child {
    margin-top: 0;
  }

  html.dark #topic_t27 .topicpost .quote-box:nth-child(4) tr td .quote-box:last-child {
    margin-top: 0;
  }

  html.dark #topic_t86 .topicpost .quote-box:nth-child(2) span span:nth-child(1) {
    font-size: 70% !important;
  }

  html.dark #topic_t86 .topicpost .quote-box:nth-child(2) img {
    max-width: 172px;
  }

  html.dark #topic_t28 .topicpost .quote-box .quote-box {
    margin-top: 0;
    margin-bottom: 5px;
  }

  html.dark #topic_t28 .topicpost .quote-box .quote-box span {
    font-size: 90% !important;
  }

  html.dark #pun-viewtopic #poll-special table {
    width: 100%;
  }

  html.dark #pun-viewtopic #poll-special table td.tac strong {
    font-size: 210%;
  }

  html.dark #topic_t705 .cnt-part tr td:first-child {
    width: 25% !important;
    font-size: 130%;
    line-height: 1;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) tr {
    margin-bottom: 2px !important;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) td:first-child {
    width: 29% !important;
  }

  html.dark #topic_t705 .cnt-part #form-buttons tr td:first-child {
    width: 35px !important;
  }

  html.dark #topic_t705 .cnt-part .quote-box table:nth-child(3) #form-buttons td:first-child {
    width: 35px !important;
  }

  html.dark #topic_t705 .cnt-part #form-buttons tr td:first-child {
    width: 35px !important;
  }

  html.dark #topic_t705 .cnt-part textarea,
  html.dark #topic_t705 .cnt-part input[type=text] {
    font-size: 100%;
  }

  html.dark .spoiler-box blockquote div {
    padding-left: 0 !important;
  }

  html.dark #form-buttons #button-image b p {
    font-size: 60%;
  }

  html.dark #topic_t705 .cnt-part .quote-box:nth-child(2) .quote-box:first-child p:first-child {
    font-size: 100%;
  }

  html.dark button,
  html.dark .button,
  html.dark #pun-profile #profile8 #sub4,
  html.dark input[type=submit],
  html.dark #pun-admain .button,
  html.dark #pun-profile #profile-left #pa-edit strong {
    font-size: 170% !important;
    height: 48px;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd):first-child {
    margin-top: 1em;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) {
    text-align: left;
    margin-bottom: 5px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) {
    margin-top: 0;
    margin-bottom: 15px;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box {
    margin-bottom: 10px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box {
    margin-bottom: 10px;
    margin-top: 0;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd):first-child p {
    margin-bottom: 0 !important;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box p:first-child,
  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box p:first-child {
    margin-bottom: 15px !important;
    font-size: 130%;
    line-height: 1;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box li p:first-child,
  html.dark #topic_t69 .quote-box:nth-child(even) .quote-box li p:first-child {
    margin-bottom: 0;
    font-size: 120%;
    line-height: 1.2;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) .quote-box li {
    margin-bottom: 15px !important;
  }

  html.dark #topic_t69 .post-box .post-content tr {
    display: flex;
    flex-wrap: wrap;
  }

  html.dark #topic_t69 .post-box .post-content td {
    padding: 2px !important;
    width: 100%;
  }

  html.dark #styleSwitch li {
    line-height: 47px;
  }

  html.dark #pun-reputation .button {
    font-size: 215% !important;
  }

  html.dark .multipage .flowers,
  html.dark #pun-post .flowers,
  html.dark #pun-edit .flowers,
  html.dark #pun-profile .flowers,
  html.dark #pun-search .flowers,
  html.dark #pun-messages .flowers,
  html.dark #pun-blogs .flowers {
    left: -36px;
    width: calc(100% + 65px);
  }

  html.dark #pun-viewtopic #post-form .flowers {
    left: -37px;
    width: calc(100% + 74px);
  }

  html.dark #mask_dialog .hv-control .button {
    margin-bottom: 5px;
  }

  html.dark label {
    font-size: 100%;
  }

  html.dark #mask_dialog .hv-form-block label {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: end;
  }

  html.dark #mask_dialog .hv-add-template {
    line-height: 45px;
    border: none !important;
    margin-bottom: 5px;
    padding: 2px 10px !important;
    font-size: 130% !important;
    order: 3;
  }

  html.dark #mask_dialog b {
    width: 100%;
    text-align: left;
  }

  html.dark #mask_dialog .description {
    font-style: italic;
    display: block;
    width: 100%;
  }

  html.dark #mask_dialog .hv-masks-storage {
    flex: 0 1 150px !important;
  }

  html.dark #mask_dialog .hv-mask-element {
    height: 70px;
    margin-bottom: 10px !important;
  }

  html.dark #mask_dialog .hv-mask-element img {
    height: 50px;
    width: 60px;
  }

  html.dark #mask_dialog .hv-mask-element::after {
    bottom: 11px;
    right: 0;
  }

  html.dark #mask_dialog .inner {
    width: 90%;
    min-height: 620px;
  }

  html.dark #mask_dialog .hv-form-block {
    max-height: 435px !important;
  }

  html.dark #pun-report .inner,
  html.dark #pun-reputation .inner,
  html.dark #pun-admin-award-form .inner {
    left: 44.5%;
    width: 90%;
  }

  html.dark #pun-report .inner textarea,
  html.dark #pun-reputation .inner textarea,
  html.dark #pun-admin-award-form .inner textarea {
    width: 100% !important;
  }

  html.dark #pun-profile #profile-left #pa-edit strong {
    position: absolute;
    display: inline-block;
    bottom: -103px;
    left: 0;
    right: 0;
    line-height: 49px;
    margin: 0 auto;
    width: 204px;
    z-index: 0;
  }

  html.dark #pun-profile #profile-left li {
    width: 199px;
  }

  html.dark #pun-profile #profile-left #pa-edit strong {
    line-height: 49px;
    width: 200px;
  }

  html.dark #profilenav {
    width: 160px;
  }

  html.dark #pun-profile fieldset {
    margin-left: 160px;
  }

  html.dark #pun-profile .formsubmit {
    margin-left: 160px;
  }

  html.dark input[type=radio],
  html.dark input[type=checkbox] {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 3px solid #cdc1b2;
  }

  html.dark input[type=checkbox]:checked {
    background-size: contain;
  }

  html.dark span.radio label,
  html.dark .checkfield label {
    margin-left: 10px;
    text-align: left;
  }

  html.dark #pun-userlist .tc2,
  html.dark #pun-userlist .tc3 {
    font-size: 80%;
  }

  html.dark #pun-searchposts h3 {
    font-size: 110%;
  }

  html.dark #pun-profile #profile-right span {
    width: 24%;
    font-size: 75%;
  }

  html.dark #pun-profile #profile-right .profile_strong {
    width: 76%;
  }

  html.dark #pun-profile #profile-right #pa-fld1 strong {
    font-size: 160%;
  }

  html.dark #pun-blogs .post.blog-entry .container .post_author {
    font-size: 120%;
  }

  html.dark #pun-blogs .blog-entry .post-content {
    max-height: 210px !important;
    font-size: 120%;
  }

  html.dark #pun-blogs .tc3 {
    left: 35%;
    bottom: 7px;
  }

  html.dark #pun-blogs .tc2 {
    padding-left: 112px;
    bottom: 7px;
  }

  html.dark #pun-blogs .tcr {
    width: 35%;
    font-size: 80%;
  }

  html.dark #pun-blogs .tc_Byuser {
    font-size: 90%;
  }

  html.dark #pun-blogs fieldset legend {
    width: 93.5%;
    justify-content: space-between;
  }

  html.dark #pun-ulinks ul,
  html.dark #pun-navlinks ul {
    margin-left: 10px !important;
    width: 91.4%;
  }

  html.dark #pun-navlinks ul li {
    margin: 0 8px;
  }

  html.dark #pun-ulinks ul li {
    margin: 0 8px;
  }

  html.dark .post-box #post .formsubmit {
    display: flex;
    flex-wrap: wrap;
  }

  html.dark .post-box #post .formsubmit .button {
    margin-right: 5px !important;
    margin-bottom: 5px;
  }

  html.dark .post-box #post #form-buttons #button-image b p {
    top: 6px;
    right: -4px;
  }

  html.dark .post-box #post input[type=text] {
    width: 100%;
  }

  html.dark #post-preview .fs-box {
    font-size: 120%;
  }

  html.dark #pun-post .topic h3 {
    font-size: 80%;
  }

  html.dark #pun-post .pa-author {
    font-size: 90%;
  }

  html.dark #post .areafield .input > span::before {
    right: -30px;
    font-size: 120%;
  }

  html.dark #MyBookmarks #bm2::before {
    right: -10px;
    margin-top: 4px;
    font-size: 120%;
  }

  html.dark .punbb #MyBookmarks .flowers {
    width: 342px;
  }

  html.dark #MyBookmarks span.scrl span::before {
    font-size: 100%;
  }

  html.dark #MyBookmarks li span strong::before {
    font-size: 160%;
    margin-top: 10px;
  }

  html.dark .history_posts_list tr {
    align-items: center;
  }

  html.dark .history_posts_list th,
  html.dark .history_posts_list td {
    font-size: 80%;
  }

  html.dark #history_selected_diff {
    position: relative;
    z-index: 1;
  }

  html.dark #topic_t69 .quote-box:nth-child(odd) p:first-child {
    font-size: 135%;
  }
}