@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";
#main-inner {
    container-name: main-inner;
    container-type: inline-size;
}
.header {
    border-bottom: 2px solid #8B7F6C;
    padding-top: 12px;
    padding-bottom: 2px;
    background-color: #fff;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 21;
}
@media(width < 1440px) {
    .header {
        height: 101px;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
    }
}
@media(1440px <= width) {
    .header {
        padding-top: 0;
        padding-bottom: 20px;
    }
}
.header.is-scrolled {
    transform: translateY(0);
}
.header.is-scrolled-down {
    transform: translateY(-110%);
}
.header_logo {
    display: block;
    width: 197px !important;
}
@media(1440px <= width) {
    .header_logo {
        width: 312px !important;
    }
}
@media(1440px <= width) {
    .header_nav {
        gap: 10px;
    }
}
.header_nav a {
    display: inline-block;
    border: 1px solid currentColor;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 8px;
}
.header_search_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid currentColor;
    width: 240px;
    font-size: 16px;
    height: 39px;
}
.header_search_input::-moz-placeholder {
    color: #bbb;
}
.header_search_input::placeholder {
    color: #bbb;
}
@media(width < 1440px) {
    #nav-menu {
        overflow-x: auto;
        margin-right: -17px;
        padding-right: 17px;
    }
}
.header_menu {
    font-size: 14px;
    font-weight: 700;
    @media(width < 1440px) {
        padding-bottom: 10px;
    }
}
@media(1440px <= width) {
    .header_menu {
        font-size: 16px;
    }
}
.header_menu > li {
    display: flex;
    align-items: center;
    white-space: nowrap;
    > * {
        @media(width < 1440px) {
            padding-block: 5px;
        }
    }
}
.header_menu > li::after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #bbb;
    margin-inline: 10px;
}
@media(1440px <= width) {
    .header_menu > li::after {
        margin-inline: 12px;
    }
}
.header_menu a {
    display: flex;
    align-items: center;
}
.header_menu .trigger {
    position: relative;
    display: flex;
    align-items: center;
}
.header_menu .trigger .arrow {
    display: block;
    width: 10px;
    height: 7px;
    margin-top: 2px;
    margin-inline: 9px 2px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M9.41406 1.41406L4.70703 6.12109L0 1.41406L1.41406 0L4.70703 3.29297L8 0L9.41406 1.41406Z' fill='%232A2B2B'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}
@media(1440px <= width) {
    .header_menu .trigger .arrow {
        margin-inline: 7px 2px;
    }
}
.header_menu_child {
    position: fixed;
    left: 0;
    top: 85px;
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease;
    white-space: nowrap;
}
@media(1440px <= width) {
    .header_menu_child {
        top: 160px;
    }
}
.header_menu_child.is-dropdown-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.header_menu_child > ul {
    background-color: #fff;
    display: grid;
    grid-template-columns: repeat(2, auto);
    padding: 24px 20px;
    border-radius: 10px;
    gap: 9px 30px;
    position: relative;
    margin-top: 22px;
    border: 1px solid var(--color-black);
}
.header_menu_child > ul::before,
.header_menu_child > ul::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 22px solid var(--color-black);
    position: absolute;
    top: -22px;
    left: 47px;
}
.header_menu_child > ul::after {
    border-bottom-color: #fff;
    top: -20px;
}
.header_sub-menu {
    gap: 15px;
    margin-left: 9px;
}
.header_sub-menu a {
    display: inline-block;
    border: 1px solid currentColor;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    width: 76px;
    text-align: center;
}
#menu-btn {
    border-radius: 4px;
    border: 1px solid #2A2B2B !important;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 15px;
}
@media(1440px <= width) {
    #menu-btn {
        display: none !important;
    }
}
#menu-btn::before,
#menu-btn::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: var(--color-black);
    position: absolute;
    transition: all 0.3s ease;
    inset: 0;
    margin: auto;
}
#menu-btn::before {
    top: 6px;
}
#menu-btn::after {
    bottom: 6px;
}
.footer {
    background-color: #fff !important;
    margin-top: 40px !important;
    padding: 30px 0 90px !important;
}
@media(1440px <= width) {
    .footer {
        margin-top: 60px !important;
        padding-top: 40px !important;
    }
}
.footer_logo {
    width: 184px;
}
@media(1440px <= width) {
    .footer_logo {
        width: 307px;
    }
}
.footer_inner {
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-inline: 17px;
}
@media(1440px <= width) {
    .footer_inner {
        width: 1440px;
        padding-inline: 40px;
    }
}
.footer_menu {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}
@media(width < 1440px) {
    .footer_menu {
        row-gap: 11px;
    }
}
@media(1440px <= width) {
    .footer_menu {
        font-size: 13px;
        margin-top: 5px;
    }
}
.footer_menu > li:not(:last-child) {
    border-right: 1px solid currentColor;
    padding-right: 1em;
    margin-right: 1em;
}
@media(1440px <= width) {
    .footer_menu>li:not(:last-child) {
        padding-right: 1.6em;
        margin-right: 1.4em;
    }
}
.footer_copy {
    font-size: 11px;
    text-align: left;
    margin-top: 30px;
    font-weight: 700;
}
@media(1440px <= width) {
    .footer_copy {
        font-size: 13px;
        margin-left: auto;
        margin-right: 0;
        text-align: right;
        margin-top: 8px;
    }
}
.footer_copy_small {
    font-weight: 500;
    font-size: 10px;
}
@media(1440px <= width) {
    .footer_copy_small {
        font-size: 12px;
        margin-top: 9px;
    }
}
.float_bnr {
    position: fixed;
    display: block;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 15;
}
@media(768px <= width) {
    .float_bnr {
        display: none;
    }
}
.float_bnr img {
    max-width: none;
    width: 100%;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.sp-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 30;
    opacity: 0;
    display: none;
}
@media(1440px <= width) {
    .sp-menu {
        display: none;
    }
}
.sp-menu.is-open {
    display: block;
    animation: fadeIn 0.6s ease forwards;
}
.sp-menu_inner {
    height: 100%;
    overflow-y: auto;
}
.sp-menu_header {
    display: flex;
    justify-content: space-between;
    padding: 15px 17px;
    gap: 16px;
}
.sp-menu_btn-top {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-weight: 700;
    padding: 1px 9px;
    border-radius: 4px;
    border: 1px solid var(--color-black);
    background: #00a0e9;
    color: #fff;
    line-height: 1;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sp-menu_search {
    flex-grow: 1;
    display: flex;
    border-radius: 4px;
    border: 1px solid var(--color-black);
    overflow: hidden;
}
.sp-menu_search_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 10px;
    flex-grow: 1;
    font-size: 16px;
    height: 30px;
}
.sp-menu_search_input::-moz-placeholder {
    color: #bbb;
}
.sp-menu_search_input::placeholder {
    color: #bbb;
}
.sp-menu_search_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 31px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-black);
}
.sp-menu_btn-close {
    border-radius: 4px;
    border: 1px solid #2A2B2B !important;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.sp-menu_btn-close::before,
.sp-menu_btn-close::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: var(--color-black);
    position: absolute;
    transition: all .3s ease;
    inset: 0;
    margin: auto;
}
.sp-menu_btn-close::before {
    transform: rotate(45deg);
}
.sp-menu_btn-close::after {
    transform: rotate(-45deg);
}
.sp-menu_nav {
    padding: 12px 19px 15px;
    border-radius: 15px 0 0 15px;
    border: 1px solid var(--color-black);
    border-right: none;
    background: #f1f1f1;
    min-height: calc(100vh - 118px);
}
.sp-menu_nav_page2 {
    opacity: 0;
    display: none;
}
.sp-menu_nav_page2.is-open {
    display: block;
    animation: fadeIn .3s ease forwards;
}
.sp-menu_ttl {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
.sp-menu_btn-prev {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
}
.sp-menu_btn-prev::before {
    content: "";
    display: block;
    width: 14px;
    height: 9px;
    margin-right: 10px;
    transform: scaleX(-1);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M7.777 2.057C7.304 1.716 6.721 1.111 6.314 0.55L7.304 0C8.063 0.968 9.185 1.969 10.175 2.618C9.185 3.267 8.063 4.268 7.304 5.236L6.314 4.686C6.721 4.125 7.304 3.52 7.777 3.179H0V2.057H7.777Z' fill='%230078C0'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}
.sp-menu_menu {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 5px;
    border: 1px solid var(--color-black);
    background: #fff;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}
.sp-menu_menu a {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 3px 11px;
}
.sp-menu_menu .arrow {
    display: block;
    width: 11px;
    height: 7px;
    margin-left: 6px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M7.777 2.057C7.304 1.716 6.721 1.111 6.314 0.55L7.304 0C8.063 0.968 9.185 1.969 10.175 2.618C9.185 3.267 8.063 4.268 7.304 5.236L6.314 4.686C6.721 4.125 7.304 3.52 7.777 3.179H0V2.057H7.777Z' fill='%230078C0'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}
.sp-menu_menu .small {
    font-size: 11px;
}
.sp-menu_menu > li:nth-child(odd) {
    border-right: 1px dashed var(--color-black);
}
.sp-menu_menu > li:nth-child(n+3) {
    border-top: 1px dashed var(--color-black);
}
.sp-menu_menu + .sp-menu_ttl {
    margin-top: 10px;
}
.sp-menu_menu_child > li:first-child {
    grid-column: span 2;
    font-size: 16px;
}
.sp-menu_menu_child > li:nth-child(odd) {
    border-right: none;
}
.sp-menu_menu_child > li:nth-child(even) {
    border-right: 1px dashed var(--color-black);
}
.sp-menu_menu_child > li:nth-child(n+2) {
    border-top: 1px dashed var(--color-black);
}
.sp-menu_footer {
    padding-inline: 14px;
    padding-bottom: 8px;
}
.sp-menu_copy {
    font-size: 11px;
    margin-top: 10px;
    font-weight: 700;
}
.sp-menu_copy-small {
    font-size: 11px;
    margin-top: 5px;
}
.hatena-module-custom-banner-sp-top {
    margin-bottom: 10px !important;
}
@media(1440px <= width) {
    .hatena-module-custom-banner-sp-top {
        display: none !important;
    }
}
.hatena-module-custom-banner-sp-top .hatena-module-title {
    display: none !important;
}
html {
    --font-ja: "Noto Sans JP", sans-serif;
    --font-en: "Roboto Condensed", sans-serif;
    --color-black: #2A2B2B;
    --design-width-pc: 1440;
    --design-width-sp: 400;
}
body {
    font-family: var(--font-ja) !important;
    color: var(--color-black) !important;
    background-color: #f7f4ef !important;
}
#container {
    overflow: hidden;
}
#content-inner {
    padding-inline: 17px !important;
}
@media(1440px <= width) {
    #content-inner {
        width: 1440px !important;
        padding-inline: 96px !important;
    }
}
#content {
    margin: 0 !important;
}
@media(width < 1440px) {
    #content {
        padding-top: 111px !important;
    }
}
#wrapper {
    margin: 0 !important;
    background-color: transparent !important;
    overflow: visible !important;
}
@media(width < 1440px) {
    #wrapper {
        padding: 0 !important;
    }
}
@media(1440px <= width) {
    #wrapper {
        max-width: 1140px;
        margin: 30px 0 0 !important;
    }
}
.entry {
    margin-bottom: 0 !important;
}
@media(1440px <= width) {
    #main {
        width: 100% !important;
    }
}
@media(1440px <= width) {
    #box2 {
        margin-top: 30px
    }
}
.entrylist-image-box.is-new-entry::before,
.entrylist-image-box.is-pr::before,
.entrylist-image-box.is-popular::before {
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top-right-radius: 5px !important;
}
.entrylist-image-box.is-new-entry::before {
    background-color: #f54fa8 !important;
}
.entrylist-image-box.is-pr::before {
    background-color: #2a2b2b !important;
}
.entrylist-image-box.is-popular::before {
    background-color: #f54fa8 !important;
}

#category-include-placeholder {
    padding-inline: 17px!important;
    margin-top: 27px;
    margin-inline: auto!important;
}
#category-include-placeholder .u_row .u-col > div {
    padding: 0;
}
@media(1440px <= width) {
    #category-include-placeholder {
        max-width: 1440px!important;
        padding-inline: 96px!important;

        .container {
            width: 100%;
            max-width: none;
        }
        .u_row .u-row {
            gap: 24px 32px;
        }
        #u_row_2 {
            margin-top: 12px;
        }
    }
}
@media(width < 1440px) {

    #category-include-placeholder {
        .u_row .u-row {
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 18px;
            margin-top: 20px
        }
        .u-col {
                flex: 1;
                min-width: auto;
        }
    }
}
@media(width < 768px) {

    #category-include-placeholder {
        .u-col {
            min-width: calc((100% - 20px) / 2);
            flex: 1!important;
        }
    }
}
#category-include-placeholder .u_content_custom_blog .entrylist-item {
    width: 100%!important;
    flex-direction: column!important;
    .entrylist-image-box {
        width: 100%!important;
        max-width: 100%!important;
    }
}
@media(width < 1440px) {

    #category-include-placeholder .u_content_custom_blog .entrylist-contents {
        padding: 14px 15px;

        @media(width < 768px) {
            padding: 14px 8px;
        }
    }
}
.u_row {
    padding-bottom: 0 !important;
}
.u-row {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
}
.u-row .u-col {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.u-row .u-col.u-col-100 {
    flex: 0 0 100%;
    max-width: 100%;
}
@media(max-width:480px) {
    .container {
        max-width: 100% !important;
    }

    .u-row:not(.no-stack) {
        flex-wrap: wrap
    }

    .u-row:not(.no-stack) .u-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
@media (768px <= width) {
    #banner-sp-top {
        display: none !important;
    }
}

#category-include-placeholder .u_content_html {
    padding: 0 !important;
}
#banner-include-placeholder {
    padding-inline: 17px;
    margin-top: 28px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px 15px;
}
@media (768px <= width) {
    #banner-include-placeholder {
        max-width: 1440px;
        margin-top: 40px;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 24px;
    }
}
@media(1440px <= width) {
    #banner-include-placeholder {
        padding-inline: 96px;
    }
}
#banner-include-placeholder .u_content_image {
    padding: 0 !important;
}
#banner-include-placeholder img {
    max-width: none !important;
}
.hatena-module-title {
    font-family: var(--font-en) !important;
    font-weight: 300 !important;
}
@media(768px <= width) {
    .hatena-module-title {
        font-size: 30px !important;
    }
}
.heading-1 {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.heading-1 a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    color: inherit !important;
    text-decoration: none !important;
}
@media (any-hover: hover) {
    .heading-1 a:hover {
        text-decoration: underline !important;
        text-decoration-thickness: 1px !important;
    }
}
.heading-1_en {
    font-family: var(--font-en) !important;
    font-weight: 300 !important;
    letter-spacing: -.04em;
    line-height: 1 !important;
    font-size: 34px !important;
}
@media(768px <= width) {
    .heading-1_en {
        font-size: 60px !important;
    }
}
.heading-1_ja {
    font-weight: 700 !important;
    line-height: 1.4 !important;
    font-size: 16px !important;
    margin-left: 9px;
    margin-bottom: 2px;
}
@media(768px <= width) {
    .heading-1_ja {
        font-size: 20px !important;
        margin-bottom: 10px;
        margin-left: 11px;
    }
}
.heading-1_jaL {
    font-weight: 700 !important;
    line-height: 1.4 !important;
    font-size: 16px !important;
    margin-bottom: 2px;
}
@media(768px <= width) {
    .heading-1_jaL {
        font-size: 28px !important;
        margin-bottom: 4px;
        margin-right: 16px;
    }
}
.heading-1_tag {
    font-weight: 700 !important;
    border: 1px solid currentColor;
    border-radius: 4px;
    font-size: 10px !important;
    padding: 1px 5px;
    margin-bottom: 3px;
    margin-left: 4px;
}
@media(768px <= width) {
    .heading-1_tag {
        font-size: 12px !important;
        padding: 2px 8px;
        margin-left: 14px;
        margin-bottom: 10px;
        margin-right: 4px;
    }
}
.heading-1::after {
    content: "";
    display: block;
    width: 1px;
    flex-grow: 1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='907' height='20' viewBox='0 0 907 20' fill='none'%3E%3Cpath d='M0 19.76L4.98 0H6.92L1.96 19.76H0Z' fill='%232A2B2B'/%3E%3Cpath d='M7.75391 19.76L12.7339 0H14.6739L9.7139 19.76H7.75391Z' fill='%232A2B2B'/%3E%3Cpath d='M15.5078 19.76L20.4878 0H22.4278L17.4678 19.76H15.5078Z' fill='%232A2B2B'/%3E%3Cpath d='M23.2617 19.76L28.2417 0H30.1817L25.2217 19.76H23.2617Z' fill='%232A2B2B'/%3E%3Cpath d='M31.0156 19.76L35.9956 0H37.9356L32.9756 19.76H31.0156Z' fill='%232A2B2B'/%3E%3Cpath d='M38.7695 19.76L43.7495 0H45.6895L40.7295 19.76H38.7695Z' fill='%232A2B2B'/%3E%3Cpath d='M46.5234 19.76L51.5034 0H53.4434L48.4834 19.76H46.5234Z' fill='%232A2B2B'/%3E%3Cpath d='M54.2773 19.76L59.2573 0H61.1973L56.2373 19.76H54.2773Z' fill='%232A2B2B'/%3E%3Cpath d='M62.0312 19.76L67.0112 0H68.9512L63.9912 19.76H62.0312Z' fill='%232A2B2B'/%3E%3Cpath d='M69.7852 19.76L74.7652 0H76.7052L71.7451 19.76H69.7852Z' fill='%232A2B2B'/%3E%3Cpath d='M77.5391 19.76L82.5191 0H84.4591L79.4991 19.76H77.5391Z' fill='%232A2B2B'/%3E%3Cpath d='M85.293 19.76L90.273 0H92.213L87.253 19.76H85.293Z' fill='%232A2B2B'/%3E%3Cpath d='M93.0469 19.76L98.0269 0H99.9669L95.0069 19.76H93.0469Z' fill='%232A2B2B'/%3E%3Cpath d='M100.801 19.76L105.781 0H107.721L102.761 19.76H100.801Z' fill='%232A2B2B'/%3E%3Cpath d='M108.555 19.76L113.535 0H115.475L110.515 19.76H108.555Z' fill='%232A2B2B'/%3E%3Cpath d='M116.309 19.76L121.289 0H123.229L118.269 19.76H116.309Z' fill='%232A2B2B'/%3E%3Cpath d='M124.062 19.76L129.042 0H130.982L126.022 19.76H124.062Z' fill='%232A2B2B'/%3E%3Cpath d='M131.816 19.76L136.796 0H138.736L133.776 19.76H131.816Z' fill='%232A2B2B'/%3E%3Cpath d='M139.57 19.76L144.55 0H146.49L141.53 19.76H139.57Z' fill='%232A2B2B'/%3E%3Cpath d='M147.324 19.76L152.304 0H154.244L149.284 19.76H147.324Z' fill='%232A2B2B'/%3E%3Cpath d='M155.078 19.76L160.058 0H161.998L157.038 19.76H155.078Z' fill='%232A2B2B'/%3E%3Cpath d='M162.832 19.76L167.812 0H169.752L164.792 19.76H162.832Z' fill='%232A2B2B'/%3E%3Cpath d='M170.586 19.76L175.566 0H177.506L172.546 19.76H170.586Z' fill='%232A2B2B'/%3E%3Cpath d='M178.34 19.76L183.32 0H185.26L180.3 19.76H178.34Z' fill='%232A2B2B'/%3E%3Cpath d='M186.094 19.76L191.074 0H193.014L188.054 19.76H186.094Z' fill='%232A2B2B'/%3E%3Cpath d='M193.848 19.76L198.828 0H200.768L195.808 19.76H193.848Z' fill='%232A2B2B'/%3E%3Cpath d='M201.602 19.76L206.582 0H208.522L203.562 19.76H201.602Z' fill='%232A2B2B'/%3E%3Cpath d='M209.355 19.76L214.335 0H216.275L211.315 19.76H209.355Z' fill='%232A2B2B'/%3E%3Cpath d='M217.109 19.76L222.089 0H224.029L219.069 19.76H217.109Z' fill='%232A2B2B'/%3E%3Cpath d='M224.863 19.76L229.843 0H231.783L226.823 19.76H224.863Z' fill='%232A2B2B'/%3E%3Cpath d='M232.617 19.76L237.597 0H239.537L234.577 19.76H232.617Z' fill='%232A2B2B'/%3E%3Cpath d='M240.371 19.76L245.351 0H247.291L242.331 19.76H240.371Z' fill='%232A2B2B'/%3E%3Cpath d='M248.125 19.76L253.105 0H255.045L250.085 19.76H248.125Z' fill='%232A2B2B'/%3E%3Cpath d='M255.879 19.76L260.859 0H262.799L257.839 19.76H255.879Z' fill='%232A2B2B'/%3E%3Cpath d='M263.633 19.76L268.613 0H270.553L265.593 19.76H263.633Z' fill='%232A2B2B'/%3E%3Cpath d='M271.387 19.76L276.367 0H278.307L273.347 19.76H271.387Z' fill='%232A2B2B'/%3E%3Cpath d='M279.141 19.76L284.121 0H286.061L281.101 19.76H279.141Z' fill='%232A2B2B'/%3E%3Cpath d='M286.895 19.76L291.875 0H293.815L288.855 19.76H286.895Z' fill='%232A2B2B'/%3E%3Cpath d='M294.648 19.76L299.628 0H301.568L296.608 19.76H294.648Z' fill='%232A2B2B'/%3E%3Cpath d='M302.402 19.76L307.382 0H309.322L304.362 19.76H302.402Z' fill='%232A2B2B'/%3E%3Cpath d='M310.156 19.76L315.136 0H317.076L312.116 19.76H310.156Z' fill='%232A2B2B'/%3E%3Cpath d='M317.91 19.76L322.89 0H324.83L319.87 19.76H317.91Z' fill='%232A2B2B'/%3E%3Cpath d='M325.664 19.76L330.644 0H332.584L327.624 19.76H325.664Z' fill='%232A2B2B'/%3E%3Cpath d='M333.418 19.76L338.398 0H340.338L335.378 19.76H333.418Z' fill='%232A2B2B'/%3E%3Cpath d='M341.172 19.76L346.152 0H348.092L343.132 19.76H341.172Z' fill='%232A2B2B'/%3E%3Cpath d='M348.926 19.76L353.906 0H355.846L350.886 19.76H348.926Z' fill='%232A2B2B'/%3E%3Cpath d='M356.68 19.76L361.66 0H363.6L358.64 19.76H356.68Z' fill='%232A2B2B'/%3E%3Cpath d='M364.434 19.76L369.414 0H371.354L366.394 19.76H364.434Z' fill='%232A2B2B'/%3E%3Cpath d='M372.188 19.76L377.168 0H379.107L374.147 19.76H372.188Z' fill='%232A2B2B'/%3E%3Cpath d='M379.941 19.76L384.921 0H386.861L381.901 19.76H379.941Z' fill='%232A2B2B'/%3E%3Cpath d='M387.695 19.76L392.675 0H394.615L389.655 19.76H387.695Z' fill='%232A2B2B'/%3E%3Cpath d='M395.449 19.76L400.429 0H402.369L397.409 19.76H395.449Z' fill='%232A2B2B'/%3E%3Cpath d='M403.203 19.76L408.183 0H410.123L405.163 19.76H403.203Z' fill='%232A2B2B'/%3E%3Cpath d='M410.957 19.76L415.937 0H417.877L412.917 19.76H410.957Z' fill='%232A2B2B'/%3E%3Cpath d='M418.711 19.76L423.691 0H425.631L420.671 19.76H418.711Z' fill='%232A2B2B'/%3E%3Cpath d='M426.465 19.76L431.445 0H433.385L428.425 19.76H426.465Z' fill='%232A2B2B'/%3E%3Cpath d='M434.219 19.76L439.199 0H441.139L436.179 19.76H434.219Z' fill='%232A2B2B'/%3E%3Cpath d='M441.973 19.76L446.953 0H448.893L443.933 19.76H441.973Z' fill='%232A2B2B'/%3E%3Cpath d='M449.727 19.76L454.707 0H456.647L451.687 19.76H449.727Z' fill='%232A2B2B'/%3E%3Cpath d='M457.48 19.76L462.46 0H464.4L459.44 19.76H457.48Z' fill='%232A2B2B'/%3E%3Cpath d='M465.234 19.76L470.214 0H472.154L467.194 19.76H465.234Z' fill='%232A2B2B'/%3E%3Cpath d='M472.988 19.76L477.968 0H479.908L474.948 19.76H472.988Z' fill='%232A2B2B'/%3E%3Cpath d='M480.742 19.76L485.722 0H487.662L482.702 19.76H480.742Z' fill='%232A2B2B'/%3E%3Cpath d='M488.496 19.76L493.476 0H495.416L490.456 19.76H488.496Z' fill='%232A2B2B'/%3E%3Cpath d='M496.25 19.76L501.23 0H503.17L498.21 19.76H496.25Z' fill='%232A2B2B'/%3E%3Cpath d='M504.004 19.76L508.984 0H510.924L505.964 19.76H504.004Z' fill='%232A2B2B'/%3E%3Cpath d='M511.758 19.76L516.738 0H518.678L513.718 19.76H511.758Z' fill='%232A2B2B'/%3E%3Cpath d='M519.512 19.76L524.492 0H526.432L521.472 19.76H519.512Z' fill='%232A2B2B'/%3E%3Cpath d='M527.266 19.76L532.246 0H534.186L529.226 19.76H527.266Z' fill='%232A2B2B'/%3E%3Cpath d='M535.02 19.76L540 0H541.94L536.979 19.76H535.02Z' fill='%232A2B2B'/%3E%3Cpath d='M542.773 19.76L547.753 0H549.693L544.733 19.76H542.773Z' fill='%232A2B2B'/%3E%3Cpath d='M550.527 19.76L555.507 0H557.447L552.487 19.76H550.527Z' fill='%232A2B2B'/%3E%3Cpath d='M558.281 19.76L563.261 0H565.201L560.241 19.76H558.281Z' fill='%232A2B2B'/%3E%3Cpath d='M566.035 19.76L571.015 0H572.955L567.995 19.76H566.035Z' fill='%232A2B2B'/%3E%3Cpath d='M573.789 19.76L578.769 0H580.709L575.749 19.76H573.789Z' fill='%232A2B2B'/%3E%3Cpath d='M581.543 19.76L586.523 0H588.463L583.503 19.76H581.543Z' fill='%232A2B2B'/%3E%3Cpath d='M589.297 19.76L594.277 0H596.217L591.257 19.76H589.297Z' fill='%232A2B2B'/%3E%3Cpath d='M597.051 19.76L602.031 0H603.971L599.011 19.76H597.051Z' fill='%232A2B2B'/%3E%3Cpath d='M604.805 19.76L609.785 0H611.725L606.765 19.76H604.805Z' fill='%232A2B2B'/%3E%3Cpath d='M612.559 19.76L617.539 0H619.479L614.519 19.76H612.559Z' fill='%232A2B2B'/%3E%3Cpath d='M620.312 19.76L625.292 0H627.233L622.272 19.76H620.312Z' fill='%232A2B2B'/%3E%3Cpath d='M628.066 19.76L633.046 0H634.986L630.026 19.76H628.066Z' fill='%232A2B2B'/%3E%3Cpath d='M635.82 19.76L640.8 0H642.74L637.78 19.76H635.82Z' fill='%232A2B2B'/%3E%3Cpath d='M643.574 19.76L648.554 0H650.494L645.534 19.76H643.574Z' fill='%232A2B2B'/%3E%3Cpath d='M651.328 19.76L656.308 0H658.248L653.288 19.76H651.328Z' fill='%232A2B2B'/%3E%3Cpath d='M659.082 19.76L664.062 0H666.002L661.042 19.76H659.082Z' fill='%232A2B2B'/%3E%3Cpath d='M666.836 19.76L671.816 0H673.756L668.796 19.76H666.836Z' fill='%232A2B2B'/%3E%3Cpath d='M674.59 19.76L679.57 0H681.51L676.55 19.76H674.59Z' fill='%232A2B2B'/%3E%3Cpath d='M682.344 19.76L687.324 0H689.264L684.304 19.76H682.344Z' fill='%232A2B2B'/%3E%3Cpath d='M690.098 19.76L695.078 0H697.018L692.058 19.76H690.098Z' fill='%232A2B2B'/%3E%3Cpath d='M697.852 19.76L702.832 0H704.772L699.812 19.76H697.852Z' fill='%232A2B2B'/%3E%3Cpath d='M705.605 19.76L710.585 0H712.526L707.565 19.76H705.605Z' fill='%232A2B2B'/%3E%3Cpath d='M713.359 19.76L718.339 0H720.279L715.319 19.76H713.359Z' fill='%232A2B2B'/%3E%3Cpath d='M721.113 19.76L726.093 0H728.033L723.073 19.76H721.113Z' fill='%232A2B2B'/%3E%3Cpath d='M728.867 19.76L733.847 0H735.787L730.827 19.76H728.867Z' fill='%232A2B2B'/%3E%3Cpath d='M736.621 19.76L741.601 0H743.541L738.581 19.76H736.621Z' fill='%232A2B2B'/%3E%3Cpath d='M744.375 19.76L749.355 0H751.295L746.335 19.76H744.375Z' fill='%232A2B2B'/%3E%3Cpath d='M752.129 19.76L757.109 0H759.049L754.089 19.76H752.129Z' fill='%232A2B2B'/%3E%3Cpath d='M759.883 19.76L764.863 0H766.803L761.843 19.76H759.883Z' fill='%232A2B2B'/%3E%3Cpath d='M767.637 19.76L772.617 0H774.557L769.597 19.76H767.637Z' fill='%232A2B2B'/%3E%3Cpath d='M775.391 19.76L780.371 0H782.311L777.351 19.76H775.391Z' fill='%232A2B2B'/%3E%3Cpath d='M783.145 19.76L788.125 0H790.065L785.104 19.76H783.145Z' fill='%232A2B2B'/%3E%3Cpath d='M790.898 19.76L795.878 0H797.818L792.858 19.76H790.898Z' fill='%232A2B2B'/%3E%3Cpath d='M798.652 19.76L803.632 0H805.572L800.612 19.76H798.652Z' fill='%232A2B2B'/%3E%3Cpath d='M806.406 19.76L811.386 0H813.326L808.366 19.76H806.406Z' fill='%232A2B2B'/%3E%3Cpath d='M814.16 19.76L819.14 0H821.08L816.12 19.76H814.16Z' fill='%232A2B2B'/%3E%3Cpath d='M821.914 19.76L826.894 0H828.834L823.874 19.76H821.914Z' fill='%232A2B2B'/%3E%3Cpath d='M829.668 19.76L834.648 0H836.588L831.628 19.76H829.668Z' fill='%232A2B2B'/%3E%3Cpath d='M837.422 19.76L842.402 0H844.342L839.382 19.76H837.422Z' fill='%232A2B2B'/%3E%3Cpath d='M845.176 19.76L850.156 0H852.096L847.136 19.76H845.176Z' fill='%232A2B2B'/%3E%3Cpath d='M852.93 19.76L857.91 0H859.85L854.89 19.76H852.93Z' fill='%232A2B2B'/%3E%3Cpath d='M860.684 19.76L865.664 0H867.604L862.644 19.76H860.684Z' fill='%232A2B2B'/%3E%3Cpath d='M868.438 19.76L873.417 0H875.358L870.397 19.76H868.438Z' fill='%232A2B2B'/%3E%3Cpath d='M876.191 19.76L881.171 0H883.111L878.151 19.76H876.191Z' fill='%232A2B2B'/%3E%3Cpath d='M883.945 19.76L888.925 0H890.865L885.905 19.76H883.945Z' fill='%232A2B2B'/%3E%3Cpath d='M891.699 19.76L896.679 0H898.619L893.659 19.76H891.699Z' fill='%232A2B2B'/%3E%3Cpath d='M899.453 19.76L904.433 0H906.373L901.413 19.76H899.453Z' fill='%232A2B2B'/%3E%3C/svg%3E") no-repeat center left/auto 100%;
    height: 16px;
    margin-left: 10px;
    margin-bottom: 5px;
}
@media(768px <= width) {
    .heading-1::after {
        margin-bottom: 12px;
        margin-left: 5px;
        height: 20px;
    }
}
@media(768px <= width) {
    .heading-1-small .heading-1_en {
        font-size: 30px !important;
    }
}
@media(768px <= width) {
    .heading-1-small .heading-1_ja {
        font-size: 16px !important;
        margin-bottom: 2px;
        margin-left: 16px;
    }
}
@media(768px <= width) {
    .heading-1-small::after {
        margin-bottom: 5px;
        height: 15px;
    }
}
.heading-2 h1,
.heading-2 h2,
.heading-2 h3,
.heading-2 h4,
.heading-2 h5,
.heading-2 h6 {
    line-height: 1.4 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    font-weight: 700 !important;
    font-size: 16px !important;
}
@media(768px <= width) {

    .heading-2 h1,
    .heading-2 h2,
    .heading-2 h3,
    .heading-2 h4,
    .heading-2 h5,
    .heading-2 h6 {
        font-size: 20px !important;
    }
}
.heading-2 h1::after,
.heading-2 h2::after,
.heading-2 h3::after,
.heading-2 h4::after,
.heading-2 h5::after,
.heading-2 h6::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    margin-left: .7em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.76 7.76V7.84L0.959991 15.6L0 13.8L11.46 7.84V7.76L0 1.8L0.959991 0L15.76 7.76Z' fill='%232A2B2B'/%3E%3C/svg%3E") no-repeat center center/contain;
}
@media(768px <= width) {

    .heading-2 h1::after,
    .heading-2 h2::after,
    .heading-2 h3::after,
    .heading-2 h4::after,
    .heading-2 h5::after,
    .heading-2 h6::after {
        width: 17px;
        height: 17px;
    }
}
#box2 .hatena-module {
    margin-block: 32px !important;

    &:has(.heading-1), &.hatena-module-custom-side-ranking-ttl {
        margin-bottom: 16px!important;
    }

    @media(768px <= width) {
        margin-top: 0!important;
    }
}
#box2 .hatena-module-title {
    font-weight: 700 !important;
    line-height: 1.5 !important;
    border: none !important;
}
@media(768px <= width) {
    #box2 .hatena-module-title {
        font-size: 20px !important;
    }
}
#box2 .hatena-module-title,
#box2 .hatena-module-title a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#box2 .hatena-module-title a::before {
    content: "";
    display: block;
    width: 1.3em;
    aspect-ratio: 1;
    background-color: currentColor;
    margin-right: 4px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cg clip-path='url(%23clip0_891_350)'%3E%3Cpath d='M10.42 20.84C4.67 20.84 0 16.17 0 10.42C0 4.67 4.67 0 10.42 0C16.17 0 20.84 4.67 20.84 10.42C20.84 16.17 16.17 20.84 10.42 20.84ZM10.42 1C5.23 1 1 5.23 1 10.42C1 15.61 5.23 19.84 10.42 19.84C15.61 19.84 19.84 15.61 19.84 10.42C19.84 5.23 15.62 1 10.42 1Z' fill='%232A2B2B'/%3E%3Cpath d='M11.6597 15.37C11.6597 16.07 11.1397 16.61 10.4197 16.61C9.69969 16.61 9.17969 16.07 9.17969 15.37C9.17969 14.67 9.71969 14.13 10.4197 14.13C11.1197 14.13 11.6597 14.67 11.6597 15.37ZM11.5597 4.47998L11.3097 12.85H9.54969L9.29969 4.47998H11.5697H11.5597Z' fill='%232A2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_891_350'%3E%3Crect width='20.84' height='20.84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cg clip-path='url(%23clip0_891_350)'%3E%3Cpath d='M10.42 20.84C4.67 20.84 0 16.17 0 10.42C0 4.67 4.67 0 10.42 0C16.17 0 20.84 4.67 20.84 10.42C20.84 16.17 16.17 20.84 10.42 20.84ZM10.42 1C5.23 1 1 5.23 1 10.42C1 15.61 5.23 19.84 10.42 19.84C15.61 19.84 19.84 15.61 19.84 10.42C19.84 5.23 15.62 1 10.42 1Z' fill='%232A2B2B'/%3E%3Cpath d='M11.6597 15.37C11.6597 16.07 11.1397 16.61 10.4197 16.61C9.69969 16.61 9.17969 16.07 9.17969 15.37C9.17969 14.67 9.71969 14.13 10.4197 14.13C11.1197 14.13 11.6597 14.67 11.6597 15.37ZM11.5597 4.47998L11.3097 12.85H9.54969L9.29969 4.47998H11.5697H11.5597Z' fill='%232A2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_891_350'%3E%3Crect width='20.84' height='20.84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}
@media(768px <= width) {
    #box2 .hatena-module-title a::before {
        width: 1em;
        margin-bottom: 6px;
        margin-right: 5px;
        height: 20px;
        margin-top: .1lh;
    }
}
#box2 .hatena-module-title a::after {
    content: "一覧";
    display: inline-block !important;
    font-weight: 700 !important;
    border: 1px solid currentColor;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 10px !important;
    margin-left: 4px;
}
@media(768px <= width) {
    #box2 .hatena-module-title a::after {
        font-size: 12px !important;
        margin-left: 8px;
        padding: 1px 8px;
    }
}
#box2 .hatena-module-title:not(:has(a))::before {
    content: "";
    display: block;
    width: 1.3em;
    aspect-ratio: 1;
    background-color: currentColor;
    margin-right: 4px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cg clip-path='url(%23clip0_891_350)'%3E%3Cpath d='M10.42 20.84C4.67 20.84 0 16.17 0 10.42C0 4.67 4.67 0 10.42 0C16.17 0 20.84 4.67 20.84 10.42C20.84 16.17 16.17 20.84 10.42 20.84ZM10.42 1C5.23 1 1 5.23 1 10.42C1 15.61 5.23 19.84 10.42 19.84C15.61 19.84 19.84 15.61 19.84 10.42C19.84 5.23 15.62 1 10.42 1Z' fill='%232A2B2B'/%3E%3Cpath d='M11.6597 15.37C11.6597 16.07 11.1397 16.61 10.4197 16.61C9.69969 16.61 9.17969 16.07 9.17969 15.37C9.17969 14.67 9.71969 14.13 10.4197 14.13C11.1197 14.13 11.6597 14.67 11.6597 15.37ZM11.5597 4.47998L11.3097 12.85H9.54969L9.29969 4.47998H11.5697H11.5597Z' fill='%232A2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_891_350'%3E%3Crect width='20.84' height='20.84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cg clip-path='url(%23clip0_891_350)'%3E%3Cpath d='M10.42 20.84C4.67 20.84 0 16.17 0 10.42C0 4.67 4.67 0 10.42 0C16.17 0 20.84 4.67 20.84 10.42C20.84 16.17 16.17 20.84 10.42 20.84ZM10.42 1C5.23 1 1 5.23 1 10.42C1 15.61 5.23 19.84 10.42 19.84C15.61 19.84 19.84 15.61 19.84 10.42C19.84 5.23 15.62 1 10.42 1Z' fill='%232A2B2B'/%3E%3Cpath d='M11.6597 15.37C11.6597 16.07 11.1397 16.61 10.4197 16.61C9.69969 16.61 9.17969 16.07 9.17969 15.37C9.17969 14.67 9.71969 14.13 10.4197 14.13C11.1197 14.13 11.6597 14.67 11.6597 15.37ZM11.5597 4.47998L11.3097 12.85H9.54969L9.29969 4.47998H11.5697H11.5597Z' fill='%232A2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_891_350'%3E%3Crect width='20.84' height='20.84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
}
@media(768px <= width) {
    #box2 .hatena-module-title:not(:has(a))::before {
        width: 1em;
        margin-bottom: 6px;
        margin-right: 5px;
        height: 20px;
        margin-top: .1lh;
    }
}
#box2 .hatena-module-recent-entries .hatena-module-title {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}
@media(768px <= width) {
    #box2 .hatena-module-recent-entries .hatena-module-title {
        margin-top: 23px !important;
    }
}
#box2 .recent-entries_link {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--color-black) !important;
    border-radius: 5px !important;
    overflow: hidden;
}
@media(768px <= width) {
    #box2 .recent-entries_link {
        height: 75px;
    }
}
@media(768px <= width) {
    #box2 .recent-entries_thumb {
        width: 100px;
    }
}
#box2 .recent-entries_thumb img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}
#box2 .recent-entries_body {
    font-weight: 700;
    gap: 0 !important;
    position: relative;
    padding: 9px 14px !important;
    font-size: 13px;
    line-height: 1.4 !important;
}
@media(768px <= width) {
    #box2 .recent-entries_body {
        width: calc(100% - 100px);

        @media(width < 768px) {
            width: 100%;
        }
    }
}
#box2 .hatena-module-entries-access-ranking .hatena-module-body {
    padding: 0 !important;
    max-height: none !important;
    p {
        text-indent: 0!important;
    }
}
@media(width < 768px) {
    #box2 .entries-access-ranking {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    #box2 .entries-access-ranking-item {
        width: calc((100% - 20px) / 2);
        margin: 0;
    }
}
@media(width < 640px) {
    #box2 .entries-access-ranking-item {
        width: 100%;
    }
}
#box2 .entries-access-ranking-item::before {
    display: none !important;
}
#box2 .entries-access-ranking-item .recent-entries_link {
    background-color: #fff;
}
#box2 .entries-access-ranking-item .recent-entries_thumb {
    position: relative;
}
@media(width < 768px) {
    #box2 .entries-access-ranking-item .recent-entries_thumb {
        width: 41%;
        max-width: 178px;
    }
}
#box2 .entries-access-ranking-item .recent-entries_thumb::before {
    content: counter(rank-num);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 24px;
    height: 23px;
    padding-bottom: 2px;
    border-radius: 0 0 0 4px;
    position: absolute;
    top: 0;
    right: 0;
    background: #2a2b2b;
    font-weight: 700;
}
@media(768px <= width) {
    #box2 .entries-access-ranking-item .recent-entries_thumb::before {
        font-size: 13px;
        width: 20px;
        height: 18px;
    }
}
@media(width < 768px) {
    #box2 .entries-access-ranking-item .recent-entries_body {
        container-name: entrylist-contents-rank;
        container-type: inline-size;
        width: 59%;
        font-size: 19px;
        flex: 1;
        p {
            @container entrylist-contents-rank (width < 210px) {
                font-size: 16px;
            }
            @container entrylist-contents-rank (width < 190px) {
                font-size: 13px;
            }
        }
    }
}
#box2 .entries-access-ranking-item.rank-1 .recent-entries_thumb::before {
    background: #c1ab06;
}
#box2 .entries-access-ranking-item.rank-2 .recent-entries_thumb::before {
    background: #bbb;
}
#box2 .entries-access-ranking-item.rank-3 .recent-entries_thumb::before {
    background: #b86901;
}
@media(width < 768px) {
    #box2 .hatena-module-custom-ad-square {
        display: none;
    }
}
#box2 .hatena-module-custom-ad-square .hatena-module-title,
#box2 .hatena-module-custom-ad-small .hatena-module-title {
    display: none !important;
}
#box2 .hatena-module-custom-side-info .hatena-module-body {
    border-radius: 6px;
    border: 1px solid var(--color-black);
    background-color: #fff;
    padding: 9px 20px;
}
@media(768px <= width) {
    #box2 .hatena-module-custom-side-info .hatena-module-body {
        padding: 3px 20px;
    }
}
#box2 .hatena-module-custom-side-info .recent-entries > li {
    margin-bottom: 0 !important;
}
#box2 .hatena-module-custom-side-info .recent-entries > li + li {
    border-top: 1px solid #bbb;
}
#box2 .hatena-module-custom-side-info .info-list_link {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    padding-block: 10px;
    font-feature-settings: "palt";
}
@media(768px <= width) {
    #box2 .hatena-module-custom-side-info .info-list_link {
        font-size: 13px;
        padding-block: 16px;
    }
}
#box2 .hatena-module-custom-side-info .info-list_link::before {
    content: "";
    display: block;
    width: 1.3em;
    aspect-ratio: 1;
    flex-shrink: 0;
    margin-top: .2lh;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%232A2B2B'/%3E%3Cpath d='M10 7L5.5 9.59808L5.5 4.40192L10 7Z' fill='white'/%3E%3C/svg%3E") no-repeat center center/contain;
}
@media(768px <= width) {
    #box2 .hatena-module-custom-side-info .info-list_link::before {
        width: 1.1em;
    }
}
@media(width < 768px) {
    #box2 .hatena-module-custom-side-news .hatena-module-title {
        margin-top: 23px !important;
    }
}
#box2 .hatena-module-custom-side-news .hatena-module-title a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1108_2089)'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%232A2B2B'/%3E%3Cpath d='M11.1896 14.7504C11.1896 15.4222 10.6906 15.9404 9.99959 15.9404C9.30861 15.9404 8.80957 15.4222 8.80957 14.7504C8.80957 14.0786 9.3278 13.5604 9.99959 13.5604C10.6714 13.5604 11.1896 14.0786 11.1896 14.7504ZM11.0936 4.29932L10.8537 12.3319H9.16466L8.92473 4.29932H11.1032H11.0936Z' fill='%232A2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1108_2089'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1108_2089)'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%232A2B2B'/%3E%3Cpath d='M11.1896 14.7504C11.1896 15.4222 10.6906 15.9404 9.99959 15.9404C9.30861 15.9404 8.80957 15.4222 8.80957 14.7504C8.80957 14.0786 9.3278 13.5604 9.99959 13.5604C10.6714 13.5604 11.1896 14.0786 11.1896 14.7504ZM11.0936 4.29932L10.8537 12.3319H9.16466L8.92473 4.29932H11.1032H11.0936Z' fill='%232A2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1108_2089'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#box2 .hatena-module-custom-side-course .hatena-module-title a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%232A2B2B'/%3E%3Cpath d='M12.5623 10.3452C13.6468 10.3452 14.5201 11.2185 14.5201 12.303C14.5201 13.3874 13.6468 14.2608 12.5623 14.2608C11.4779 14.2608 7.39917 12.303 7.39917 12.303C7.39917 12.303 11.4779 10.3452 12.5623 10.3452Z' fill='%232A2B2B'/%3E%3Cpath d='M7.78245 6.08407C8.37746 5.18196 9.58668 4.93244 10.4888 5.52745C11.3909 6.12246 11.6404 7.33167 11.0454 8.23378C10.4504 9.13589 6.57324 11.4679 6.57324 11.4679C6.57324 11.4679 7.18745 6.98618 7.78245 6.08407Z' fill='%232A2B2B'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%232A2B2B'/%3E%3Cpath d='M12.5623 10.3452C13.6468 10.3452 14.5201 11.2185 14.5201 12.303C14.5201 13.3874 13.6468 14.2608 12.5623 14.2608C11.4779 14.2608 7.39917 12.303 7.39917 12.303C7.39917 12.303 11.4779 10.3452 12.5623 10.3452Z' fill='%232A2B2B'/%3E%3Cpath d='M7.78245 6.08407C8.37746 5.18196 9.58668 4.93244 10.4888 5.52745C11.3909 6.12246 11.6404 7.33167 11.0454 8.23378C10.4504 9.13589 6.57324 11.4679 6.57324 11.4679C6.57324 11.4679 7.18745 6.98618 7.78245 6.08407Z' fill='%232A2B2B'/%3E%3C/svg%3E");
}
@media(width < 768px) {
    #box2 .hatena-module-custom-side-trend {
        margin-top: 28px !important;
    }
}
#box2 .hatena-module-custom-side-trend .hatena-module-title a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1108_2108)'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%232A2B2B'/%3E%3Cpath d='M7.42756 14.2802C5.7193 14.2802 4.37573 12.3992 4.37573 9.99996C4.37573 7.60072 5.7193 5.71973 7.42756 5.71973C9.13581 5.71973 10.4794 7.60072 10.4794 9.99996C10.4794 12.3992 9.13581 14.2802 7.42756 14.2802ZM7.42756 6.67942C6.29512 6.67942 5.33543 8.20533 5.33543 9.99996C5.33543 11.7946 6.29512 13.3205 7.42756 13.3205C8.55999 13.3205 9.51969 11.7946 9.51969 9.99996C9.51969 8.20533 8.55999 6.67942 7.42756 6.67942Z' fill='%232A2B2B'/%3E%3Cpath d='M12.5814 14.2802C10.8731 14.2802 9.52954 12.3992 9.52954 9.99996C9.52954 7.60072 10.8731 5.71973 12.5814 5.71973C14.2896 5.71973 15.6332 7.60072 15.6332 9.99996C15.6332 12.3992 14.2896 14.2802 12.5814 14.2802ZM12.5814 6.67942C11.4489 6.67942 10.4892 8.20533 10.4892 9.99996C10.4892 11.7946 11.4489 13.3205 12.5814 13.3205C13.7138 13.3205 14.6735 11.7946 14.6735 9.99996C14.6735 8.20533 13.7138 6.67942 12.5814 6.67942Z' fill='%232A2B2B'/%3E%3Cpath d='M12.5821 11.6698C13.2022 11.6698 13.7049 10.9222 13.7049 9.99994C13.7049 9.0777 13.2022 8.33008 12.5821 8.33008C11.9619 8.33008 11.4592 9.0777 11.4592 9.99994C11.4592 10.9222 11.9619 11.6698 12.5821 11.6698Z' fill='%232A2B2B'/%3E%3Cpath d='M7.42826 11.6698C8.04839 11.6698 8.5511 10.9222 8.5511 9.99994C8.5511 9.0777 8.04839 8.33008 7.42826 8.33008C6.80813 8.33008 6.30542 9.0777 6.30542 9.99994C6.30542 10.9222 6.80813 11.6698 7.42826 11.6698Z' fill='%232A2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1108_2108'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1108_2108)'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%232A2B2B'/%3E%3Cpath d='M7.42756 14.2802C5.7193 14.2802 4.37573 12.3992 4.37573 9.99996C4.37573 7.60072 5.7193 5.71973 7.42756 5.71973C9.13581 5.71973 10.4794 7.60072 10.4794 9.99996C10.4794 12.3992 9.13581 14.2802 7.42756 14.2802ZM7.42756 6.67942C6.29512 6.67942 5.33543 8.20533 5.33543 9.99996C5.33543 11.7946 6.29512 13.3205 7.42756 13.3205C8.55999 13.3205 9.51969 11.7946 9.51969 9.99996C9.51969 8.20533 8.55999 6.67942 7.42756 6.67942Z' fill='%232A2B2B'/%3E%3Cpath d='M12.5814 14.2802C10.8731 14.2802 9.52954 12.3992 9.52954 9.99996C9.52954 7.60072 10.8731 5.71973 12.5814 5.71973C14.2896 5.71973 15.6332 7.60072 15.6332 9.99996C15.6332 12.3992 14.2896 14.2802 12.5814 14.2802ZM12.5814 6.67942C11.4489 6.67942 10.4892 8.20533 10.4892 9.99996C10.4892 11.7946 11.4489 13.3205 12.5814 13.3205C13.7138 13.3205 14.6735 11.7946 14.6735 9.99996C14.6735 8.20533 13.7138 6.67942 12.5814 6.67942Z' fill='%232A2B2B'/%3E%3Cpath d='M12.5821 11.6698C13.2022 11.6698 13.7049 10.9222 13.7049 9.99994C13.7049 9.0777 13.2022 8.33008 12.5821 8.33008C11.9619 8.33008 11.4592 9.0777 11.4592 9.99994C11.4592 10.9222 11.9619 11.6698 12.5821 11.6698Z' fill='%232A2B2B'/%3E%3Cpath d='M7.42826 11.6698C8.04839 11.6698 8.5511 10.9222 8.5511 9.99994C8.5511 9.0777 8.04839 8.33008 7.42826 8.33008C6.80813 8.33008 6.30542 9.0777 6.30542 9.99994C6.30542 10.9222 6.80813 11.6698 7.42826 11.6698Z' fill='%232A2B2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1108_2108'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#box2 .hatena-module-custom-side-challenge .hatena-module-title a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.9152 11.478L13.9344 11.5068C13.7425 9.24194 12.159 7.92716 12.159 7.92716C12.5045 8.27265 12.5908 8.96363 12.5908 8.96363V8.98282C12.5908 9.3475 12.6196 10.6911 11.9478 10.6911C11.276 10.6911 11.1993 8.39741 11.1993 8.16708C11.1897 8.16708 11.1801 8.15748 11.1609 8.14789H11.1993C11.1993 8.14789 11.1609 6.73714 10.3164 5.34558C9.46223 3.96363 8.56971 3.83887 8.56971 3.83887C9.29908 4.22274 9.29908 5.84463 9.03996 6.66036C8.78085 7.4761 7.00541 9.08839 7.00541 9.08839H7.01501C6.23766 9.83695 5.75781 10.8734 5.75781 12.0346C5.75781 14.098 7.28372 15.787 9.26069 16.0845C9.08795 15.9982 8.94399 15.8638 8.83843 15.7103C8.83843 15.7103 8.82883 15.7103 8.81923 15.7103C8.81923 15.7103 7.88833 14.8178 7.81156 13.954C7.73478 13.0903 7.9843 12.0155 8.81923 11.0654C8.81923 11.0654 7.77317 12.9464 10.0668 13.8869V13.906C10.5755 14.0308 10.9593 14.4723 10.9593 15.0289C10.9593 15.5087 10.6714 15.9214 10.2588 16.1037C12.3413 15.9022 13.9728 14.1748 13.9728 12.0346C13.9728 11.8427 13.944 11.6604 13.9152 11.478Z' fill='%232A2B2B'/%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%232A2B2B'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.9152 11.478L13.9344 11.5068C13.7425 9.24194 12.159 7.92716 12.159 7.92716C12.5045 8.27265 12.5908 8.96363 12.5908 8.96363V8.98282C12.5908 9.3475 12.6196 10.6911 11.9478 10.6911C11.276 10.6911 11.1993 8.39741 11.1993 8.16708C11.1897 8.16708 11.1801 8.15748 11.1609 8.14789H11.1993C11.1993 8.14789 11.1609 6.73714 10.3164 5.34558C9.46223 3.96363 8.56971 3.83887 8.56971 3.83887C9.29908 4.22274 9.29908 5.84463 9.03996 6.66036C8.78085 7.4761 7.00541 9.08839 7.00541 9.08839H7.01501C6.23766 9.83695 5.75781 10.8734 5.75781 12.0346C5.75781 14.098 7.28372 15.787 9.26069 16.0845C9.08795 15.9982 8.94399 15.8638 8.83843 15.7103C8.83843 15.7103 8.82883 15.7103 8.81923 15.7103C8.81923 15.7103 7.88833 14.8178 7.81156 13.954C7.73478 13.0903 7.9843 12.0155 8.81923 11.0654C8.81923 11.0654 7.77317 12.9464 10.0668 13.8869V13.906C10.5755 14.0308 10.9593 14.4723 10.9593 15.0289C10.9593 15.5087 10.6714 15.9214 10.2588 16.1037C12.3413 15.9022 13.9728 14.1748 13.9728 12.0346C13.9728 11.8427 13.944 11.6604 13.9152 11.478Z' fill='%232A2B2B'/%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%232A2B2B'/%3E%3C/svg%3E");
}
#box2 .hatena-module-custom-side-info .hatena-module-title a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%231F1715'/%3E%3Cpath d='M14.7025 13.2439H5.75817C5.48945 13.2439 5.27832 13.0327 5.27832 12.764V7.23619C5.27832 6.96748 5.48945 6.75635 5.75817 6.75635H14.7025C14.9712 6.75635 15.1824 6.96748 15.1824 7.23619V12.764C15.1824 13.0327 14.9712 13.2439 14.7025 13.2439ZM6.23801 12.2842H14.2227V7.71604H6.23801V12.2842Z' fill='%231F1715'/%3E%3Cpath d='M10.2304 11.5933L5.45117 7.60095L6.06538 6.87158L10.2304 10.3457L14.3955 6.87158L15.0097 7.60095L10.2304 11.5933Z' fill='%231F1715'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%231F1715'/%3E%3Cpath d='M14.7025 13.2439H5.75817C5.48945 13.2439 5.27832 13.0327 5.27832 12.764V7.23619C5.27832 6.96748 5.48945 6.75635 5.75817 6.75635H14.7025C14.9712 6.75635 15.1824 6.96748 15.1824 7.23619V12.764C15.1824 13.0327 14.9712 13.2439 14.7025 13.2439ZM6.23801 12.2842H14.2227V7.71604H6.23801V12.2842Z' fill='%231F1715'/%3E%3Cpath d='M10.2304 11.5933L5.45117 7.60095L6.06538 6.87158L10.2304 10.3457L14.3955 6.87158L15.0097 7.60095L10.2304 11.5933Z' fill='%231F1715'/%3E%3C/svg%3E");
}
#box2 .hatena-module-custom-side-ranking-ttl > .hatena-module-title {
    display: none;
}
#box2 .hatena-module-custom-side-ranking-ttl .hatena-module-body .hatena-module-title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#box2 .hatena-module-custom-side-ranking-ttl a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%231F1715'/%3E%3Cpath d='M9.94187 13.3396C9.81711 13.3396 9.69236 13.2916 9.60598 13.1956L6.65013 10.2398L4.68276 12.2071C4.49082 12.3991 4.19331 12.3991 4.00138 12.2071C3.80944 12.0152 3.80944 11.7177 4.00138 11.5257L6.30464 9.22248C6.49658 9.03054 6.79408 9.03054 6.98602 9.22248L9.94187 12.1783L14.8747 7.24552C15.0666 7.05358 15.3641 7.05358 15.5561 7.24552C15.748 7.43746 15.748 7.73496 15.5561 7.9269L10.2874 13.1956C10.201 13.282 10.0762 13.3396 9.95147 13.3396H9.94187Z' fill='%231F1715'/%3E%3Cpath d='M15.5274 10.6048L14.9516 10.5856L15.0571 7.74491L12.2261 7.85048L12.1973 7.27466L15.6618 7.1499L15.5274 10.6048Z' fill='%231F1715'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 20C4.48177 20 0 15.5182 0 10C0 4.48177 4.48177 0 10 0C15.5182 0 20 4.48177 20 10C20 15.5182 15.5182 20 10 20ZM10 0.959693C5.01919 0.959693 0.959693 5.01919 0.959693 10C0.959693 14.9808 5.01919 19.0403 10 19.0403C14.9808 19.0403 19.0403 14.9808 19.0403 10C19.0403 5.01919 14.9904 0.959693 10 0.959693Z' fill='%231F1715'/%3E%3Cpath d='M9.94187 13.3396C9.81711 13.3396 9.69236 13.2916 9.60598 13.1956L6.65013 10.2398L4.68276 12.2071C4.49082 12.3991 4.19331 12.3991 4.00138 12.2071C3.80944 12.0152 3.80944 11.7177 4.00138 11.5257L6.30464 9.22248C6.49658 9.03054 6.79408 9.03054 6.98602 9.22248L9.94187 12.1783L14.8747 7.24552C15.0666 7.05358 15.3641 7.05358 15.5561 7.24552C15.748 7.43746 15.748 7.73496 15.5561 7.9269L10.2874 13.1956C10.201 13.282 10.0762 13.3396 9.95147 13.3396H9.94187Z' fill='%231F1715'/%3E%3Cpath d='M15.5274 10.6048L14.9516 10.5856L15.0571 7.74491L12.2261 7.85048L12.1973 7.27466L15.6618 7.1499L15.5274 10.6048Z' fill='%231F1715'/%3E%3C/svg%3E");
}
@media(width < 768px) {
    #box2 .hatena-module-custom-side-ranking {
        margin-top: 20px !important;
    }
}
#box2 .hatena-module-custom-side-ranking .hatena-module-title {
    display: none;
}
.hatena-module-custom-side-news .hatena-module-body .hatena-urllist>li,
.hatena-module-custom-side-course .hatena-module-body .hatena-urllist>li,
.hatena-module-custom-side-trend .hatena-module-body .hatena-urllist>li,
.hatena-module-custom-side-challenge .hatena-module-body .hatena-urllist>li {
    flex: 1;
    p {
        text-indent: 0!important;
        word-break: break-all;
    }
}
@media(768px <= width) {

    .hatena-module-custom-side-news .hatena-module-body,
    .hatena-module-custom-side-course .hatena-module-body,
    .hatena-module-custom-side-trend .hatena-module-body,
    .hatena-module-custom-side-challenge .hatena-module-body,
    .hatena-module-custom-side-challenge .hatena-module-body {
        margin-right: -15px !important;
        padding-right: 12px;
        max-height: 160px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .hatena-module-custom-side-news .hatena-module-body::-webkit-scrollbar,
    .hatena-module-custom-side-course .hatena-module-body::-webkit-scrollbar,
    .hatena-module-custom-side-trend .hatena-module-body::-webkit-scrollbar,
    .hatena-module-custom-side-challenge .hatena-module-body::-webkit-scrollbar {
        width: 3px;
        border-radius: 2px;
    }

    .hatena-module-custom-side-news .hatena-module-body::-webkit-scrollbar-track,
    .hatena-module-custom-side-course .hatena-module-body::-webkit-scrollbar-track,
    .hatena-module-custom-side-trend .hatena-module-body::-webkit-scrollbar-track,
    .hatena-module-custom-side-challenge .hatena-module-body::-webkit-scrollbar-track {
        background-color: var(--color-black);
        width: 3px;
        border-radius: 2px;
        border: 1px solid #F7F4EF;
    }

    .hatena-module-custom-side-news .hatena-module-body::-webkit-scrollbar-thumb,
    .hatena-module-custom-side-course .hatena-module-body::-webkit-scrollbar-thumb,
    .hatena-module-custom-side-trend .hatena-module-body::-webkit-scrollbar-thumb,
    .hatena-module-custom-side-challenge .hatena-module-body::-webkit-scrollbar-thumb {
        background-color: var(--color-black);
        border-radius: 2px;
        width: 3px;
        cursor: grab;
        overflow: visible;
        &::after {
            content: "";
            position: absolute;
            top: -10px;
            bottom: -10px;
            left: 0;
            right: 0;
            background-color: transparent;
            cursor: grab;
        }
        &:active::after {
            cursor: grabbing;
        }
    }

    .hatena-module-custom-side-news .hatena-module-body .hatena-urllist>li,
    .hatena-module-custom-side-course .hatena-module-body .hatena-urllist>li,
    .hatena-module-custom-side-trend .hatena-module-body .hatena-urllist>li,
    .hatena-module-custom-side-challenge .hatena-module-body .hatena-urllist>li {
        margin-bottom: 10px !important;
    }
}
@media(width < 768px) {

    .hatena-module-custom-side-news .recent-entries,
    .hatena-module-custom-side-course .recent-entries,
    .hatena-module-custom-side-trend .recent-entries,
    .hatena-module-custom-side-challenge .recent-entries {
        display: flex;
        gap: 15px;
        margin-right: -17px !important;
        padding-right: 17px;
        overflow-x: auto;
        scrollbar-width: none;
    }
}
.hatena-module-custom-side-news .recent-entries_link,
.hatena-module-custom-side-course .recent-entries_link,
.hatena-module-custom-side-trend .recent-entries_link,
.hatena-module-custom-side-challenge .recent-entries_link {
    background-color: #fff;
}
@media(width < 768px) {

    .hatena-module-custom-side-news .recent-entries_link,
    .hatena-module-custom-side-course .recent-entries_link,
    .hatena-module-custom-side-trend .recent-entries_link,
    .hatena-module-custom-side-challenge .recent-entries_link {
        min-width: 150px !important;
        display: flex;
        flex-direction: column !important;
        border-radius: 6px !important;
        border: 1px solid var(--color-black);
    }
}
@media(768px <= width) {

    .hatena-module-custom-side-news .recent-entries_thumb,
    .hatena-module-custom-side-course .recent-entries_thumb,
    .hatena-module-custom-side-trend .recent-entries_thumb,
    .hatena-module-custom-side-challenge .recent-entries_thumb {
        width: 100px;
    }
}
.hatena-module-custom-side-news .recent-entries_thumb img,
.hatena-module-custom-side-course .recent-entries_thumb img,
.hatena-module-custom-side-trend .recent-entries_thumb img,
.hatena-module-custom-side-challenge .recent-entries_thumb img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}
.hatena-module-custom-side-news .recent-entries_body,
.hatena-module-custom-side-course .recent-entries_body,
.hatena-module-custom-side-trend .recent-entries_body,
.hatena-module-custom-side-challenge .recent-entries_body {
    font-weight: 700;
    gap: 0 !important;
    position: relative;
    padding: 9px 10px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    margin-top: 2px !important;
    min-height: 81px !important;
}
@media(768px <= width) {

    .hatena-module-custom-side-news .recent-entries_body,
    .hatena-module-custom-side-course .recent-entries_body,
    .hatena-module-custom-side-trend .recent-entries_body,
    .hatena-module-custom-side-challenge .recent-entries_body {
        width: calc(100% - 100px);
        font-size: 13px !important;
        margin-top: 0 !important;
        padding: 9px 14px !important;
        min-height: unset;
    }
}
.hatena-module-custom-side-news .recent-entries_body .entrylist-title,
.hatena-module-custom-side-course .recent-entries_body .entrylist-title,
.hatena-module-custom-side-trend .recent-entries_body .entrylist-title,
.hatena-module-custom-side-challenge .recent-entries_body .entrylist-title {
    font-size: 11px !important;
}
@media(768px <= width) {

    .hatena-module-custom-side-news .recent-entries_body .entrylist-title,
    .hatena-module-custom-side-course .recent-entries_body .entrylist-title,
    .hatena-module-custom-side-trend .recent-entries_body .entrylist-title,
    .hatena-module-custom-side-challenge .recent-entries_body .entrylist-title {
        font-size: 13px !important;
    }
}
.hatena-module-custom-side-news .custom-carousel-controls,
.hatena-module-custom-side-course .custom-carousel-controls,
.hatena-module-custom-side-trend .custom-carousel-controls,
.hatena-module-custom-side-challenge .custom-carousel-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px !important;
    margin-top: 5px !important;
}
@media(768px <= width) {

    .hatena-module-custom-side-news .custom-carousel-controls,
    .hatena-module-custom-side-course .custom-carousel-controls,
    .hatena-module-custom-side-trend .custom-carousel-controls,
    .hatena-module-custom-side-challenge .custom-carousel-controls {
        display: none !important;
    }
}
.hatena-module-custom-side-news .scrollbar-track,
.hatena-module-custom-side-course .scrollbar-track,
.hatena-module-custom-side-trend .scrollbar-track,
.hatena-module-custom-side-challenge .scrollbar-track {
    width: 176px !important;
    height: 1px !important;
    background-color: var(--color-black) !important;
    position: relative;
    border-radius: 2px;
}
@media(768px <= width) {

    .hatena-module-custom-side-news .scrollbar-track,
    .hatena-module-custom-side-course .scrollbar-track,
    .hatena-module-custom-side-trend .scrollbar-track,
    .hatena-module-custom-side-challenge .scrollbar-track {
        width: 440px !important;
    }
}
.hatena-module-custom-side-news .scrollbar-thumb,
.hatena-module-custom-side-course .scrollbar-thumb,
.hatena-module-custom-side-trend .scrollbar-thumb,
.hatena-module-custom-side-challenge .scrollbar-thumb {
    height: 3px !important;
    background-color: var(--color-black);
    margin-block: auto;
    position: absolute;
    bottom: -1px !important;
    border-radius: 2px;
    cursor: grab;
    overflow: visible;
    &::after {
        content: "";
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: 0;
        right: 0;
        background-color: transparent;
        cursor: grab;
    }
    &:active::after {
        cursor: grabbing;
    }
}
.hatena-module-custom-side-news .carousel-arrow,
.hatena-module-custom-side-course .carousel-arrow,
.hatena-module-custom-side-trend .carousel-arrow,
.hatena-module-custom-side-challenge .carousel-arrow {
    border: 1px solid var(--color-black) !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8' viewBox='0 0 6 8' fill='none'%3E%3Cpath d='M0 7.264L3.696 3.632L0 0H2.304L5.984 3.632L2.304 7.264H0Z' fill='%232A2B2B'/%3E%3C/svg%3E") no-repeat center center/6px auto !important;
}
@media(768px <= width) {

    .hatena-module-custom-side-news .carousel-arrow,
    .hatena-module-custom-side-course .carousel-arrow,
    .hatena-module-custom-side-trend .carousel-arrow,
    .hatena-module-custom-side-challenge .carousel-arrow {
        background-size: 6px auto !important;
    }
}
.hatena-module-custom-side-news .carousel-arrow svg,
.hatena-module-custom-side-course .carousel-arrow svg,
.hatena-module-custom-side-trend .carousel-arrow svg,
.hatena-module-custom-side-challenge .carousel-arrow svg {
    display: none !important;
}
.hatena-module-custom-side-news .carousel-arrow.prev,
.hatena-module-custom-side-course .carousel-arrow.prev,
.hatena-module-custom-side-trend .carousel-arrow.prev,
.hatena-module-custom-side-challenge .carousel-arrow.prev {
    transform: scaleX(-1);
}
#main-inner,
#bottom-editarea {
    container-name: main-inner;
    container-type: inline-size;

    .u_content_custom_blog,
    .u_content_custom_pagePartsPlaceholder {
        .entrylist-list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        .entrylist-item {
            position: relative;
            display: flex;
            gap: 0;
            overflow: hidden;
            width: calc((100% - 20px) / 2);
            background-color: #fff;
            border: 1px solid var(--color-black);
            border-radius: 5px;
            counter-increment: count;
            transition: box-shadow 0.2s ease;
            margin: 0;
            flex-direction: row;
            /* 縦並び */
            @container main-inner ( width < 700px ) {
                width: 100%;
            }
            .entrylist-link {
                z-index: 2;
            }
            /* サムネイル */
            .entrylist-image-box {
                position: relative;
                overflow: hidden;
                width: 200px;
                max-width: 41%;
                @container main-inner ( width < 700px ) {
                    width: 178px;
                }
                img {
                    object-fit: cover;
                    height: 100%;
                    aspect-ratio: 4 / 3;
                }
            }
            /* テキスト情報 */
            .entrylist-contents {
                container-name: entrylist-contents;
                container-type: inline-size;
                padding: 16px 15px;
                font-weight: 700;
                gap: 0 !important;
                position: relative;
                line-height: 1.4 !important;
                @container main-inner ( width < 700px ) {
                    padding: 11px 15px;
                }

                .entrylist-title {
                    font-size: 19px;
                    line-height: 1.4;
                    word-break: break-all;
                    margin: 0;
                    overflow: hidden;
                    @container entrylist-contents ( width < 210px ) {
                        font-size: 16px;
                    }
                    @container entrylist-contents ( width < 190px ) {
                        font-size: 13px;
                    }
                }
            }
            /* 日付 */
            .entrylist-date {
                display: none;
            }
            /* カテゴリー */
            .entrylist-meta {
                position: absolute;
                bottom: 0;
                right: 0;
                border-radius: 5px 0 0;
                border: 1px solid var(--color-black);
                border-right: none;
                border-bottom: none;
                background-color: #f1f1f1;
                font-size: 12px;
                min-width: 9em;
                text-align: center;
                padding-inline: .3em;
                z-index: 3;
                @container main-inner ( width < 700px ) {
                    font-size: 10px;
                    min-width: 9.7em;
                }
            }
            .entrylist-categories {
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
                justify-content: flex-end;
                width: 100%;
                overflow: hidden;
                .entrylist-category-link {
                    display: block;
                    width: 100%;
                    padding: 2px 6px;
                    background-color: transparent ;
                    color: inherit ;
                    font-size: inherit ;
                    line-height: 1.2 ;
                    text-decoration: none;
                    &:not(:first-child){
                        display: none;
                    }
                    &::before {
                        content: "#";
                        margin-right: 2px;
                    }
                }
            }
            .entrylist-description {
                display: none;
            }
            /* hover */
            &:has(.entrylist-link:hover) {
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
                .entrylist-title {
                    text-decoration: underline;
                }
            }
        };
    }
}
/*--- サイドバー広告 ----*/
#box2 {
    .hatena-module-custom-ad-small,
    .hatena-module-custom-ad-small [id*="wrapper-"] {
    max-width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    }
    #div-gpt-ad-1765439910342-0 {
        transform: scale(.8);

        @media ( width <= 768px ) {
            transform: scale(.9);
        }
    }
}

/*--- ヘッダー下広告（SP） ----*/
.u_content_html:has(#wrapper-K1_SP) {
    display: none;
    justify-content: center;
    #wrapper-K1_SP {
      transform: scale(.9);
    }

  @media (width < 768px) {
      display: flex;
  }
}