@charset "utf-8";

/*pr(PR広告)
************************************************************************************/
/* 薄灰色背景 */
#pr2026test {
    background-color: #efefef;
    padding: 20px 0;
}

#pr2026test .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* タイトル */
#pr2026test h1 {
    display: flex;
    align-items: center;
    gap: 0.4em;
    font-size: 24px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    margin-bottom: 30px;
    color: #575757;
}

#pr2026test h1::before,
#pr2026test h1::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #575757; /* タイトル左右の線の色 */
}

/* バナーリスト */
#pr2026test ul.archives-box-pr {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
}

#pr2026test ul.archives-box-pr li {
}

#pr2026test ul.archives-box-pr li a {
    display: block;
	margin:0 auto;
	text-align:center;
}

#pr2026test ul.archives-box-pr li img {
    display: block; /* 画像下の空白を削除 */
	margin:0 auto;
    width: 160px;
	max-width: 160px;
    height: 64px;
}

/* タブレット */
@media screen and (max-width: 979px) {
    #pr2026test ul.archives-box-pr li img {
        width: 100%;
        height: auto;
    }
}

/* スマートフォン */
/* 3列 */
@media screen and (max-width: 620px) {
    #pr2026test ul.archives-box-pr li {
        width: calc(33.333% - 6px);
    }
    #pr2026test ul.archives-box-pr li img {
        width: 100%;
        height: auto;
    }
}
/* スマートフォン */
/* 2列 */
@media screen and (max-width: 480px) {
 #pr2026test ul.archives-box-pr {
        padding: 0 10%; /* 左右の余白を調整 */
    }
    #pr2026test ul.archives-box-pr li {
        width: calc(50% - 4px);
    }
    #pr2026test ul.archives-box-pr li img {
        width: 100%;
        height: auto;
    }
}

/*pr(PR広告)
************************************************************************************/
/* 白背景 */
#pr2026test.white {
    background-color: #ffffff;
}

#pr2026test.white h1 {
    color: #575757; /* タイトル文字色 */
}

#pr2026test.white h1::before,
#pr2026test.white h1::after {
    background: #575757; /* タイトル左右の線の色 */
}


/*以下富田結木260428
************************************************************************************/
/* 薄灰色背景 */
#pr{
    background-color: #efefef;
    padding: 20px 0;
}

#pr .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* タイトル */
#pr h1 {
    display: flex;
    align-items: center;
    gap: 0.4em;
    font-size: 24px;
    font-family: ten-mincho, serif;
    font-weight: 400;
    margin-bottom: 30px;
    color: #575757;
}

#pr h1::before,
#pr h1::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #575757; /* タイトル左右の線の色 */
}

/* バナーリスト */
#pr ul.archives-box-pr {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
}

#pr ul.archives-box-pr li {
}

#pr ul.archives-box-pr li a {
    display: block;
	margin:0 auto;
	text-align:center;
}

#pr ul.archives-box-pr li img {
    display: block; /* 画像下の空白を削除 */
	margin:0 auto;
    width: 160px;
	max-width: 160px;
    height: 64px;
}

/* タブレット */
@media screen and (max-width: 979px) {
    #pr ul.archives-box-pr li img {
        width: 100%;
        height: auto;
    }
}

/* スマートフォン */
/* 3列 */
@media screen and (max-width: 620px) {
    #pr ul.archives-box-pr li {
        width: calc(33.333% - 6px);
    }
    #pr ul.archives-box-pr li img {
        width: 100%;
        height: auto;
    }
}
/* スマートフォン */
/* 2列 */
@media screen and (max-width: 480px) {
 #pr ul.archives-box-pr {
        padding: 0 10%; /* 左右の余白を調整 */
    }
    #pr ul.archives-box-pr li {
        width: calc(50% - 4px);
    }
    #pr ul.archives-box-pr li img {
        width: 100%;
        height: auto;
    }
}

/*pr(PR広告)
************************************************************************************/
/* 白背景 */
#pr.white {
    background-color: #ffffff;
}

#pr.white h1 {
    color: #575757; /* タイトル文字色 */
}

#pr.white h1::before,
#pr.white h1::after {
    background: #575757; /* タイトル左右の線の色 */
}