/*=============================================*/
:root {
	--color_BLK : #252525;
	--color_YLW : #eeff2c;
	--color_RED : #e60012;
	--color_BLU : #0e70bb;
	/* --color_BEG : #ffefce; */
	--fontS : clamp(18px,2.4vw,24px);
	--fontM : clamp(18px,2.8vw,28px);
	--fontL : clamp(20px,4vw,38px);
	--gap_96px : clamp(32px, 12vw, 96px);
	--gap_80px : clamp(27px, 10vw, 80px);
	--gap_64px : clamp(21px, 8vw, 64px);
	--gap_48px : clamp(16px, 6vw, 48px);
	--gap_32px : clamp(11px, 4vw, 32px);
	--gap_24px : clamp(8px, 3vw, 24px);
	--gap_16px : clamp(5px, 2vw, 16px);
	--gap_8px : clamp(3px, 1vw, 8px);
}
/*=============================================*/

#archives {
    padding-inline: 8%;
}
.archives_hd {
    position: relative;
}
.archives_hd::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    background-color: var(--color_BLK);
}
.archives_hd::before {
    left: 0;
}
.archives_hd em {
    font-size: var(--fontS);
    font-weight: 700;
    line-height: 1;
    padding-inline: var(--gap_8px);
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 100;
}

.archives {
    margin: 0 auto var(--gap_64px) auto;
    border-bottom: solid 2px var(--color_BLK);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: var(--gap_32px) clamp(12px,1.6vw,24px);
    padding-bottom: var(--gap_48px);
}

.archives li img { 
    width: 100%;
    margin-bottom: var(--gap_8px);
}

.archives p { 
    text-align: center;
    font-size: 0.8em;
    line-height: 1.2;
}

@media (max-width: 800px) {
    #archives {
        padding-inline: 0;
    }
    .archives_hd {
        width: 100% !important;
    }
    .archives {
        width: 100%;
    }
}
@media (max-width: 599px) {
    .archives {
        grid-template-columns: repeat(3,1fr);
    }
}


.sns_area .sns,
.sns_area .tver_yt {
    width: 65%;
    margin: 0 auto var(--gap_64px) auto;
    display: flex;
    justify-content: space-between;
}
.sns_area .sns li,
.sns_area .tver_yt li {
    width: 47%;
    margin-bottom: 0;
}

.sns_area h5 {
    font-size: var(--fontS);
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--gap_16px);
}
.sns_area h5 span {
    position: relative;
}
.sns_area h5 span::before,
.sns_area h5 span::after {
    position: absolute;
    content: "";
    display: block;
    width: 12%;
    height: 3px;
    background-color: var(--color_BLK);
    bottom: 35%;
}
.sns_area h5 span::before {
    left: -13%;
    transform: rotate(50deg);
}
.sns_area h5 span::after {
    right: -13%;
    transform: rotate(-50deg);
}
@media (max-width: 800px) {
    .sns_area h5::before,
    .sns_area h5::after {
        width: 5%;
    }
    .sns_area h5::before {
        left: 17%;
    }
    .sns_area h5::after {
        right: 17%;
    }
    .sns_area .sns,
    .sns_area .tver_yt {
        width: 80%;
    }
}
@media (max-width: 600px) {
    .sns_area .sns,
    .sns_area .tver_yt {
        flex-direction: column;
        align-items: center;
    }
    .sns_area .sns li,
    .sns_area .tver_yt li {
        width: 70%;
    }
    .sns_area .sns li:first-child,
    .sns_area .tver_yt li:first-child {
        margin-bottom: var(--gap_32px);
    }
}

/* JS 譎る俣謖�ｮ壹〒陦ｨ遉ｺ髱櫁｡ｨ遉ｺ繧貞宛蠕｡逕ｨ */
.js-time_limited {
    display: none;
}
.js-time_limited_fire {
    display: block;
}
/* END // JS 譎る俣謖�ｮ壹〒陦ｨ遉ｺ髱櫁｡ｨ遉ｺ繧貞宛蠕｡逕ｨ */