5ch.net has too wide a blank space on both sides! by menndouyukkuri

/* ==UserStyle==
@name           5ch.net has too wide a blank space on both sides! / 5ch.netは左右の余白が広すぎる！
@namespace      https://userstyles.world/style/11568/
@version        1.5.17
@description    Reduce the overly large blank space on the left and right sides of threads on 5ch.net to make threads easier to read. / 5ch.netのスレッドの左右にある大きすぎる空白を削減し、スレッドを見やすくします。
@author         menndouyukkuri
==/UserStyle== */

@-moz-document domain("5ch.net"), domain("bbspink.com"){
/* 5ch.net / PINKちゃんねる全体に適用されるCSS*/

    /* 下線のスキップを行わない */
    * {
        text-decoration-skip-ink: none;
    }

    /* 細すぎるフォントを標準的な太さに */
    body:has(#hideme),
    #settingscontainer h5,
    #navcontainer h5 {
        font-weight: normal;
    }

    /* スレッドの幅を拡大 */
    #thread {
        width: 95%;
        max-width: 1000px;
    }

    /* スレッドの左右の余白の削減 */
    div#hideme,
    div#hidemetoo {
        width: 0px !important;
        min-width: 0px !important;
    }
    div#hideme {
        min-width: 110px !important;
        max-width: 200px !important;
    }
    div#overleft {
        min-width: 100px;
    }

    @media (max-width: 1250px) {
        div#overright {
            display: none;
        }
    }
    @media (max-width: 900px) {
        div#hideme {
            min-width: 0px !important;
        }
        div#overleft {
            display: none;
        }
    }

    /* コンテンツに被ってしまう広告の非表示化 */
    #hideme .vm-placement {
        display: none;
    }
    .vm-footer,
    .avp-floating-container,
    #adoverlay,
    #AD_afcfd95694979f81ed3078b4e303f7f0_1,
    #AD_afcfd95694979f81ed3078b4e303f7f0_2,
    #AD_afcfd95694979f81ed3078b4e303f7f0_3,
    #AD_9c281645f69ddf3ef5be65bb0c31f59e_1,
    #AD_a57e5ef3323f1d0c31db4576e0f9b47e_1,
    #AD_a4243dd6150d95b21dda17fb2e2741d5_1 {
        display: none !important;
    }

    /* レスを投稿するフォームの幅の調整 */
    .formbox {
        max-width: 600px;
        margin: 0 auto;
    }

    /* 「書き込む」ボタンの後にマージンを設定 */
    .submitbtn {
        margin-right: 10px;
    }

    /* リンクに下線を表示 */
    a {
        text-decoration: underline !important;
    }

    /* いくつかの要素のリンクの下線を消去 */
    a#more_news_index,
    a#rocketbtn,
    #boardname a:link,
    .menujust a,
    .newpostbutton a,
    .threadnav a {
        text-decoration: none !important;
    }

    /* いくつかの要素のリンクに下線を表示 */
    #thread .menujust a,
    #thread .newpostbutton a {
        text-decoration: underline !important;
    }

    /* リンクの色を調整 */
    a:link {
        color: #0000ff;
    }
    a:hover,
    a:visited {
	    color: #23527c;
    }

    /* 名前の文字色をクラシックUIと同じものに変更 */
    .postusername {
        color: #008000;
    }
    .postusername a:link {
	    color: #0000ff;
    }
    .postusername a:hover,
    .postusername a:visited {
	    color: #23527c;
    }

    /* 名前の文字のリンクの下線を消去 */
    .postusername a:link,
    .postusername a:visited {
        text-decoration: none !important;
    }

    /* ホバー時に名前の文字のリンクの下線を表示 */
    .postusername a:hover {
        text-decoration: underline !important;
    }

    /* sageコマンドが使われたレスの名前のmailtoリンクを無効化 */
    a[href="mailto:sage"]{
        pointer-events: none;
        text-decoration: none !important;

    /* sageコマンドが使われたレスの名前の文字色を変更 (掲示板ページ、クラシックUI) */
        color: #9b4dca;
    }

    /* sageコマンドが使われたレスの名前の文字色のみ戻す (スレッドページ) */
    .postusername a[href="mailto:sage"]{
        color: #9b4dca;
    }

    /* 明るすぎて見づらい色を暗く変更 */
    .orangefont {
        color: #db6200 !important;
    }
    a.orangefont:hover,
    a.orangefont:visited{
        color: #a34600 !important;
    }

    /* スレッドのページの検索ボックスの大きさを調整 */
    #searchfollow .padding0p5 {
        padding: .2em !important;
    }
    #searchreturnflt,
    #searchbtnfollow {
        padding-top: .28em;
    }
    #searchf input {
        max-height: 2.05em;
    }

    /* AAのフォントサイズを拡大 */
    .AA{
        font-size: .9em;
    }

    /* smallタグ内のフォントサイズを拡大 */
    .post-header small {
        font-size: .9em;
    }

    /* 時刻とbeの間にmarginを設定 */
    .post-header .be {
        margin-left: 5px;
    }

    /* 横幅が450px以上の場合 */
    @media (min-width: 450px) {

        /* スレッド右上のコメント数・バイト数表示のフォントサイズを拡大 */
        .pagestats {
            font-size: .9em;
        }
    }

    /* 特定のリンクの削除 */
    #thread a[href="https://twitter.com/thejimwatkins"], 
    .thread-content a[href="https://twitter.com/thejimwatkins"],
    .THREAD_CONTENTS a[href="https://twitter.com/thejimwatkins"]{
        display: none;
    }

    /* 特定のリンクに対する変更 */
    #thread a[href="https://twitter.com/5chan_nel"]::before, 
    .thread-content a[href="https://twitter.com/5chan_nel"]::before,
    .THREAD_CONTENTS a[href="https://twitter.com/5chan_nel"]::before{
        content: "\A広告：";
        white-space: pre;
    }

    /* 横幅が500px以上の場合 */
    @media (min-width: 500px) {

        /* レス左上の投稿年月日のフォントサイズを拡大 */
        .date {
            font-size: 1em;
        }
    }

    /* ホームのコンテンツ幅を拡大 */
    .col-lg-6 {
        flex: 0 0 75%;
        max-width: 1000px;
    }
    @media (max-width: 1260px) {
        .col-lg-6 {
            flex: 0 0 100%;
            max-width: 1000px;
        }
    }

    /* 横幅が330px以上の場合 */
    @media (min-width: 330px) {

        /* 最小幅を指定 */
        #content-widget {
            min-width: 300px;
        }
    }

    /* 幅70rem未満でも#content-widgetを表示 */
    @media (max-width: 70rem) {
        #content-widget{
            display: block !important;
        }
    }

    /* ホームの余白の削減 */
    .col-lg-3 {
        display: none;
    }

    /* ホームの[隠す]のフォントサイズを拡大 */
    .post_nav_buttons {
        font-size: 13px;
    }

    /* ホームの名前・投稿時刻・IDのフォントサイズを拡大 */
    .poster_info {
        font-size: .8em !important;
    }

    /* ホームの#content-widgetの「インフォメーション」のフォントサイズを拡大 */
    #content-widget .title-widget {
        font-size: 12px !important;
    }

    /* ホームの「もっと見る」ボタンの上下のマージンを調整 */
    #more_news_index h3 {
        margin-top: .2rem;
        margin-bottom: .2rem;
    }

    /* その他マージンの調整 */
    #AD_afcfd95694979f81ed3078b4e303f7f0_4 {
        margin-top: 50px;
    }

    /* 「この板の投稿数順位」の文字サイズを拡大 */
    .SPARROW h3,
    .SPARROW p {
        font-size: 1.5em !important;
    }

    /* 拡大した文字がはみ出ないよう「この板の投稿数順位」の要素を拡大 */
    div.SPARROW {
        width: 30em !important;
    }

    /* 文字の左端が前の要素と被って消えていたのを修正 */
    .post-item-box h4 {
        margin-left: -15px;
    }
    
    /* 表示されなくなっているTwitterアイコンの表示を修正 */
    img[src="/images/twitter.png"]{
        display: none;
    }
    a[href="https://twitter.com/5chan_nel"]:has(img){
        padding-left: 1.25em;
        background-repeat: no-repeat;
        background-size:contain;
    }
    /* Twitterロゴ
       ※Xロゴを使用する場合は下のブロックをコメントアウトしてください */
    a[href="https://twitter.com/5chan_nel"]:has(img){
        background-image: url("https://i.gyazo.com/4f0381c9e8dd40c1933938164b775141.jpg");
    }
    /* Xロゴ
       ※Xロゴを使用する場合は下のブロックをアンコメントしてください */
    /*
    a[href="https://twitter.com/5chan_nel"]:has(img){
        background-image: url("https://i.gyazo.com/b47dc6804886871e11dc5505f20a6962.png");
    }
    */


/* ここから2023年6月まで標準だった現クラシックUI用の記述 */

    /* スレッドの右のマージンを削除 */
    .container_body {
        margin-right: 0px;
        max-width: 1054px;
    }

    /* スレッドページ上部の「設定」ボタンの調整 */
    .dropBtnSetting span {
        vertical-align: middle;
        margin-left: 1px;
        margin-right: 3px;
    }

    /* 名前の文字のリンクの下線を消去 */
    .name a:link,
    .name a:visited {
        text-decoration: none !important;
    }

    /* ホバー時に名前の文字のリンクの下線を表示 */
    .name a:hover {
        text-decoration: underline !important;
    }

    /* 明るすぎて見づらい色を暗くする */
    .highlight {
        color: #ef7300 !important;
    }
    a.highlight:hover {
        color: #b75500 !important;
    }

    /* 大きすぎるpaddingを調整 */
    .footer {
        padding-top: 15px;
    }
}

@-moz-document url("https://www2.5ch.net/5ch.html") {
/* 掲示板の一覧のページにのみ適用されるCSS */

    /* 掲示板の一覧の幅を拡大 */
    div {
        min-width: 17em;
    }
    /* :has()疑似クラスを使用したバージョンです。
       上のコードで不具合がある場合は無効化し、こちらを有効化してください。
       Firefoxでこちらを使用する場合は、about:configで"layout.css.has-selector.enabled"をtrueに設定してください。
    div:has(font) {
        min-width: 17em;
    }
    */

    /* 幅が拡大された掲示板の一覧に被らないように調整 */
    div:nth-child(2) {
        left: 14em !important;
        width: calc(100% - 14em) !important;
    }
    div:nth-child(2) div {
        width: 99%;
        min-width: 420px;
    }

    /* 要素の幅に合わせて水平線の幅を調整 */
    div:nth-child(2) hr {
        width: 100% !important;
        max-width: 640px;
    }

    /* 左側に5pxのマージンを指定 */
    font a,
    font b,
    font input,
    font button {
        margin-left: 5px;
    }

    /* 掲示板の一覧のリンクと見出しのフォントサイズを拡大 */
    font a,
    font b {
        font-size: 1.2em;
    }

    /* 掲示板の一覧のボタンのサイズを調整 */
    font button {
        font-size: 1em;
    }

    /* 掲示板の一覧の検索ボックスのサイズを調整 */
    font input {
        margin-top: 5px;
        min-width: 11em;
        font-size: 1.3em;
    }
}

@-moz-document domain("bbspink.com") {
/* PINKちゃんねる全体に適用されるCSS */

    /* リンクの色を調整 */
    a:link {
        color: #ff337a;
    }
    #thread a:link {
        color: #9b4dca;
    }
    a:hover,
    a:visited,
    #thread a:hover,
    #thread a:visited {
	    color: #23527c;
    }

    /* フォントサイズを14pxに */
    #myNavbar ul li a,
    #main .detail h3 a,
    .shukei h3,
    div.wakusen1 {
        font-size: 14px;
    }

    /* フォントサイズを13pxに */
    .ikioi_text,
    .area_new li h4,
    .shukei p,
    .shukei .right,
    .threadnav li,
    .topmenu,
    .wakusen1 span {
        font-size: 13px;
    }
    /* !important が必要 */
    .sidebar-nv li a,
    .breadcrumb-bace {
        font-size: 13px !import...