@media (hover: hover) {
    div.button_type1 {
        transition: opacity 0.3s;
        transition: transform 0.3s;
    }

    div.button_type1:hover {
        opacity: 0.7;
        transform: scale(0.975);
    }
}
:root {
    --tint-color: #259cca;

    --all-color: #333;
    --notice-color: #2f389c;
    --addon-color: #43821c;
    --press-color: #986921;
}

.post-update {
    display: flex;
    gap: 10px;

    span { display: block; }
    time { 
        display: block;
        width: fit-content;
        margin-left: 0  !important;
    }
}


.category {
    display: inline-block;
    flex-shrink: 0;
    user-select: none;
    text-align: center;
    height: fit-content;
}
div.news-label {
    display: flex;
}
.news-label-line {
    width: 100%;
    margin: auto 0 !important;
    height: 2px;
    background-color: #333;
}
.news-label-line-bottom {
    margin-top: 10px !important;
}
#news-label-circle-div {
    position: absolute;
}
.news-content {
    display: inline-block;
    height: fit-content;
    user-select: none;
    width: auto;
    margin-bottom: 0 !important;
}
div.frame {
    max-width: 1237px;
    margin: 0 auto;
    justify-content: center;
    width: 100%;
}
.popup_box {
    height: 80px;
    width: 80px;
    position: absolute;
}
.popup {
    animation: fluffy 2s infinite;
    z-index: 10;
    position: relative;
}

@keyframes fluffy {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}

div.container1 {
    position: relative;
}


p.button1_en {
    font-family: 'Minecraftia', sans-serif;
}
/*835px以上*/
@media screen and (min-width: 835px) {
    p.txt {
        text-align: center;
    }
    h1.entry-title {
        margin: 0 0;
        padding: 5px 0.8em;
    }
    div.container1 {
        display: flex;
        justify-content: space-around;
    }
    div.container1_block {
        width: 100%;
        padding: auto 0;
        text-align: center;
        height: 200px !important;
        position: relative;
    }
    div.container1_block_wide {
        width: 100%;
        text-align: center;
        padding: auto 0;
        height: 200px !important;
    }
    .popup_1 {
        right: 20px;
        top: -50px;
    }
    .popup_2 {
        right: 15px;
        top: -50px;
    }
    .popup {
        width: 80px;
        height: 80px;
    }
    a.button1 {
        height: 100%;
    }
    div.button1 {
        background-color: #4f4837;
        display: inline-block;
        position: relative;
        opacity: 1;
        border-radius: 25px;
        width: calc(100% - 15px);
        height: 100%;
    }
    img.button1 {
        opacity: 0.5;
        display: block;
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 25px;
    }
    p.button1_en {
        color: #eeeeee;
        font-weight: bold;
        font-size: 2em;
        text-shadow: 2px 2px 4px rgb(0, 0, 0);
        white-space: nowrap;
        text-align: center;
        line-height: 5px;
    }
    p.button1_jp {
        color: #eeeeee;
        font-weight: bold;
        font-size: 18px;
        text-shadow: 2px 2px 4px rgb(0, 0, 0);
        white-space: nowrap;
        text-align: center;
        line-height: 5px;
    }
    div.button1_inside {
        position: absolute;
        top: 60%;
        /*謎のずれ解消*/
        left: 50%;
        transform: translate(-50%, -50%);
    }
    div.container1_block_gen {
        margin-bottom: 15px;
    }
    .notice_unit {
        display: flex;
        padding: 10px 0;
        /*border-top: 2px solid #2D2D2D;
        border-bottom: 2px solid #2D2D2D;*/
        min-height: 4em;
    }
    p.news-label {
        display: block;
        width: 8em;
    }
    .news-label a {
        color: inherit;
    }
    .news-label a:hover {
        color: #1967d2;
    }
    p.news-label {
        padding-right: 25px;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 0 !important;

    }
    #news-label-circle {
        position: absolute;
        width: 9px;
        height: 9px;
        background-color: rgb(235, 53, 89);
        border-radius: 50%;
        left: 112px;
        top: 4px;
    }
    .unit-up {
        display: flex;
        flex-direction: column;
        width: fit-content;
        margin-right: 10px;
        text-align: center;
    }
    .category {
        margin-top: 5px !important;
        margin-bottom: 0 !important;
        padding: 1px 2px;
        width: 120px;
        font-size: 0.8em;
        font-weight: bold;
    }
    .category p {
        margin: 0;
    }
    .notice {
        /*background-color: var(--notice-color);*/
        border: 3px solid var(--notice-color);
        color: var(--notice-color);
    }
    .addon {
        /*background-color: var(--addon-color);*/
        border: 3px solid  var(--addon-color);
        color: var(--addon-color);;
    }
    .press {
        /*background-color: var(--press-color);*/
        border: 3px solid  var(--press-color);
        color: var(--press-color);;
    }
    .date {
        margin: 0 !important;
        /*width: 80px;*/
        padding: 0 !important;
        font-size: 0.9em;
    }
    .news-content {
        margin-top: 0 !important;
    }
    
    .widget.widget-content-top.widget_metaslider_widget {
        margin-top: 67px !important;
        margin-bottom: 0 !important;
    }
    #content {
        margin-top: 0 !important;
    }
    #content-top {
        margin-bottom: 0 !important;
    }
}

/*834px以下*/
@media screen and (max-width: 834px) {
    div.container1 {
        vertical-align: top;
        max-height: 500px
    }
    div.container1_block {
        width: 100%;
        padding: auto 0;
        text-align: center;
        height: 160px;
        margin-bottom: 15px;
    }
    div.container1_block_wide {
        width: 100%;
        padding: auto 0;
        text-align: center;
        height: 160px;
        margin-bottom: 15px;
    }
    .popup_1 {
        right: -10px;
        top: -25px;
    }
    .popup_2 {
        right: -10px;
        top: -25px;
    }
    .popup {
        width: 70px;
        height: 70px;
    }
    div.button1 {
        background-color: #4f4837;
        display: inline-block;
        position: relative;
        opacity: 1;
        border-radius: 25px;
        width: 100%;
        height: 100%;
    }
    img.button1 {
        opacity: 0.5;
        display: block;
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 25px;
    }
    p.button1_en {
        color: #eeeeee;
        font-weight: bold;
        font-size: 2em;
        text-shadow: 2px 2px 4px rgb(0, 0, 0);
        white-space: nowrap;
        text-align: center;
        line-height: 5px;
    }
    p.button1_jp {
        color: #eeeeee;
        font-weight: bold;
        font-size: 18px;
        text-shadow: 2px 2px 4px rgb(0, 0, 0);
        white-space: nowrap;
        text-align: center;
        line-height: 5px;
    }
    div.button1_inside {
        position: absolute;
        top: 60%;
        /*謎のずれ解消*/
        left: 50%;
        transform: translate(-50%, -50%);
    }
    p.news-label {
        display: block;
        width: 9em;
    }
    .notice_unit {
        display: flex;
        flex-direction: column;
        padding: 10px 0;
        min-height: 4em;

        p {
            margin-bottom: 0;
        }
    }
    .news-label a {
        color: inherit;
    }
    .news-label a:hover {
        color: #1967d2;
    }
    p.news-label {
        padding-right: 25px;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 0 !important;

    }
    #news-label-circle {
        position: absolute;
        width: 9px;
        height: 9px;
        background-color: rgb(235, 53, 89);
        border-radius: 50%;
        left: 112px;
        top: 4px;
    }
    .unit-up {
        display: flex;
        flex-direction: row;
    }
    .category {
        margin: auto 0 !important;
        padding: 1px 2px;
        width: 110px;
        font-size: 0.8em;
        font-weight: bold;
    }
    .category p {
        margin: 0;
    }
    .notice {
        /*background-color: var(--notice-color);*/
        border: 2px solid var(--notice-color);
        color: var(--notice-color);
    }
    .addon {
        /*background-color: var(--addon-color);*/
        border: 2px solid  var(--addon-color);
        color: var(--addon-color);;
    }
    .press {
        /*background-color: var(--press-color);*/
        border: 2px solid  var(--press-color);
        color: var(--press-color);;
    }
    .date {
        display: block;
        margin-left: 20px !important;
        width: 130px;
        padding: 0 !important;
        font-size: 1em;
    }
    .news-content {
        margin-top: 0 !important;
    }
    /* .category.press {
        width: 130px;
        font-size: 17px;
    } */

    .widget.widget-content-top.widget_metaslider_widget {
        margin-top: 46px !important;
        margin-bottom: 0 !important;
    }
    #content {
        margin-top: 0 !important;
    }
    #content-top {
        margin-bottom: 0 !important;
    }
}