/*
Theme Name: 泉佐野補聴器センター
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
*/

/******************************************************************

■お知らせ機能の追加（2026.03.30）
前任者が元のsassファイルを残してくれて無いため、以下に追記する

******************************************************************/
/******************************************************************

トップページ(toppage)

******************************************************************/
.home #news {
    padding-bottom: 5rem;
    border-bottom: 3rem solid #e9eeeb;
}
.home #news .box-news {
    max-width: 915px;
    margin: 0 auto;
}
.home .postlist > li {
    border-bottom: 2px dotted #898989;
}
.home .postlist > li .li-inner {
    display: flex;
    flex-flow: wrap;
    padding: 1.0rem 0;
}
.home .postlist > li .date {
    flex-basis: 85px;
    max-width: 85px;
}
.home .postlist > li .category {
    flex-basis: 120px;
    max-width: 120px;
    margin-left: 2%;
    color: #00a23e;

}
.home .postlist > li .text {
    flex: 1;
}
.home .postlist > li .text a {
    color: #231815;
}
.home .postlist > li .text a:hover {
    text-decoration: underline;
}


/******************************************************************

お知らせ一覧ページ(news)

******************************************************************/
.archive #news {
    padding: 3rem 0;
}
.archive #news .inner {
    max-width: 900px;
    margin: 0 auto;
}
.archive #news .postlist > li {
    font-size: 1.4rem;
    margin-bottom: 5rem;
}
.archive #news .postlist > li .date {
    font-weight: bold;
    padding-bottom: 0.5rem;
    margin-bottom: 1.0rem;
    border-bottom: 2px dotted #706067;
}
.archive #news .postlist > li .category {
    color: #00a23e;
    margin-bottom: 1.0rem;
}
.archive #news .postlist > li .list-title {
    display: inline-block;
    font-size: 1.6rem;
    width: 100%;
    padding: 0.4rem 1rem 0.2rem;
    background-color: #e9eeeb;
    color: #00a23e;
    margin-bottom: 1.5rem;
}
.archive #news .postlist > li .text {
    margin-bottom: 2rem;
}
.archive #news .postlist > li .link a {
    color: #009fe8;
}
.archive #news .postlist > li .link a:hover {
    text-decoration: underline;
}

.archive #news .select-wrapper {
    margin-bottom: 3rem;
}
.archive #news .select-wrapper select#year-filter {
    background-color: #00913a;
    color: #ffffff;
    border: none;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 0.2rem 1.2rem;
}



/******************************************************************
*******************************************************************

メディアクエリー

*******************************************************************
******************************************************************/
/* 640px以下:Small screens */
@media only screen and (max-width: 40em) {
    .home .postlist > li .text {
        flex: initial;
        flex-basis: 100%;
        max-width: 100%;
    }
}