@charset "utf-8";
.news-list,
.single .article-area{
    max-width: 1024px;
    margin: auto;
}
.news-list ul {
    width: 100%;
}

.news-list ul li {
    border-bottom: 0.5px solid #CCCCCC;
}

.news-list ul li:first-of-type {
    border-top: 0.5px solid #CCCCCC;
}

.news-list ul li a {
    text-decoration: none;
    padding: 22.5px 50px 22.5px 25px;
    display: block;
    position: relative;
}

.news-list ul li a:hover {
    background: #f5f5f5;
}

.news-list ul li a:after {
    content: '';
    position: absolute;
    right: 19px !important;
    top: 50% !important;
    width: 15px;
    height: 15px;
    background-image: url(../images/common/arrow.svg);
}

.news-list dl {
    display: block;
}

.news-list dl dd {
    font-weight: 500;
    letter-spacing: 0;
    color: #ff7bab;
}

.post-type-archive-news #h2-title::before,
.single-post #h2-title::before,
.single-news #h2-title::before {
    background-image: url(../images/news/bg-h2-title.webp);
}

.single-cat-activity #h2-title::before {
    background-image: url(../images/activity/bg-h2-title.webp);
}

.single .article-head h3 {
    margin: 0 !important;
}

.single .article-head .p-head {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px 0 0;
}

.single .article-body {
    padding: 40px 0;
}

.single .article-head h3 span.day {
    display: block;
    color: #ff7bab;
    font-size: 1.6rem;
}

.single .article-head h3 {
    font-size: 1.8rem;
    font-weight: 600;
}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1136px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 960px) {}

@media screen and (max-width: 835px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 640px) {}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 350px) {}