@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* コンテンツ背景 */
div#content {
    & main#main_content {
        background: rgba(255, 255, 255, 0.4);
    }
    & aside#sidebar {
        & div.p-profileBox {
            background: transparent;
        }
        & div.c-widget {
            background: rgba(255, 255, 255, 0.4);
        }
    }
}

/* Myコードブロック */
div.chun-log-code-block-wrap {
    & div.cap_box_ttl span {
        font-weight: bold;
    }
    & div.cap_box_content {
        padding: 0;
        border-width: 7px;
        & .hcb_wrap.hcb_wrap > pre {
            border-radius: 0;
        }
    }
}

/* インラインコード */
.post_content code:not(pre code) {
    color: #8a2424;
}

/* スマホメニュー */
div#sp_menu div.p-spMenu__body {
    & > div.c-widget__title.-spmenu {
        display: none;
    }
    & > div.p-spMenu__nav {
        display: none;
    }
    & div#sp_menu_bottom {
        margin-top: 0;
    }
}

/* 広告ブロック */
div.p-adBox {
    padding-top: 2em;
}
div#swell_ad_widget-2 div.p-adBox {
    padding-top: 2em;
    padding-bottom: 3em;
}

/* SlimStatダッシュボード */
div#slim_p4_07 p.slimstat-tooltip-trigger {
    padding-top: 0;
    padding-bottom: 0;
}

/* リンク */
a {
    &[target="_blank"] {
        text-decoration: underline;
        &:not(:has(*))::after {
            content: "";
            display: inline-block;
            width: 1em;
            height: 1em;
            margin-left: 2px;
            vertical-align: -0.1em;
            background-color: var(--color_link);
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
            -webkit-mask-size: contain;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
        }
        :hover::after {
            background-color: var(--color-link-hover);
            text-decoration: none;
            display: inline-block;
        }
    }
    &:not(:has(*)):hover {
        color: red;
    }
    &:not(:has(*)):hover::after {
        background-color: red;
    }
}