a {
    display: flex;
    align-items: center;
    text-decoration: none;

    text-align: center;
}

footer a
,footer a:hover {
    color: white;

    font-family: 'Noto Sans JP';
    font-size: 14px;
    /* line-height: 68px; */
    font-weight: normal;
    /* letter-spacing: 0.3em; */
}

/* オプションリストのスタイル */
option {
    color: #434343; /* リストに表示される値の色 */
}


.box-type-signage .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* 透明な黒 */
    pointer-events: none; /* オーバーレイがクリックを妨げないようにする */
}

/* 
----------------------------------------
********** フロントページ ↓↓↓↓↓↓↓↓↓↓
----------------------------------------
 */
.front-page{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    /* margin-top: 28px; */
    /* margin-bottom: 71px; */
}
.front-page .front-page-inner{
    width: 100%;
    max-width: 1100px;

}
@media screen and (max-width: 1150px) {
        
}
@media screen and (max-width: 855px) {
    
}
@media screen and (max-width: 550px) {
    
}
@media screen and (max-width: 400px) {
    
}


/* 
----------------------------------------
********** フロントページ ↑↑↑↑↑↑↑↑↑↑
----------------------------------------
 */

/* 
----------------------------------------
********** 投稿 - サイネージ ↓↓↓↓↓↓↓↓↓↓
----------------------------------------
 */
.page-single{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    margin-top: 82px;
    margin-bottom: 75px;
}
.page-single .page-inner{
    width: 100%;
    max-width: 1100px;

}
@media screen and (max-width: 1350px) {
    .page-single{
        padding: 0 70px;
        width: calc(100% - 140px);
        margin-top: 70px;
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 1150px) {
    .page-single{
        padding: 0 40px;
        width: calc(100% - 80px);
        margin-top: 60px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 855px) {
    .page-single{
        padding: 0 30px;
        width: calc(100% - 60px);
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 550px) {
    .page-single{
        padding: 0 20px;
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 400px) {
    .page-single{
        padding: 0 16px;
        width: calc(100% - 32px);
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
/* 
----------------------------------------
********** 投稿 - サイネージ ↑↑↑↑↑↑↑↑↑↑
----------------------------------------
 */






/* 
----------------------------------------
********** アーカイブ - サイネージ ↓↓↓↓↓↓↓↓↓↓
----------------------------------------
 */
.archive-signage{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    margin-top: 80px;
    margin-bottom: 80px;
}
.archive-signage .archive-signage-inner{
    width: 100%;
    max-width: 1100px;

}
@media screen and (max-width: 1350px) {
    .archive-signage{
        padding: 0 70px;
        width: calc(100% - 140px);
        margin-top: 70px;
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 1150px) {
    .archive-signage{
        padding: 0 40px;
        width: calc(100% - 80px);
        margin-top: 60px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 855px) {
    .archive-signage{
        padding: 0 30px;
        width: calc(100% - 60px);
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 550px) {
    .archive-signage{
        padding: 0 20px;
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 400px) {
    .archive-signage{
        padding: 0 16px;
        width: calc(100% - 32px);
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
/* 
----------------------------------------
********** アーカイブ - サイネージ ↑↑↑↑↑↑↑↑↑↑
----------------------------------------
 */



/* 
----------------------------------------
********** コラム記事トップ ↓↓↓↓↓↓↓↓↓↓
----------------------------------------
 */
.page-column-top{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    margin-top: 82px;
    margin-bottom: 75px;
}
.page-column-top .page-inner{
    width: 100%;
    max-width: 1100px;

}
@media screen and (max-width: 1350px) {
    .page-column-top{
        padding: 0 70px;
        width: calc(100% - 140px);
        margin-top: 70px;
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 1150px) {
    .page-column-top{
        padding: 0 40px;
        width: calc(100% - 80px);
        margin-top: 60px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 855px) {
    .page-column-top{
        padding: 0 30px;
        width: calc(100% - 60px);
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 550px) {
    .page-column-top{
        padding: 0 20px;
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 400px) {
    .page-column-top{
        padding: 0 16px;
        width: calc(100% - 32px);
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
/* 
----------------------------------------
********** コラム記事トップ ↑↑↑↑↑↑↑↑↑↑
----------------------------------------
 */




/* 
----------------------------------------
********** 固定ページ - ヘッダーなし版 ↓↓↓↓↓↓↓↓↓↓
----------------------------------------
 */
.page-DL{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    margin-top: 120px;
    margin-bottom: 40px;
}
.page-DL .page-DL-inner{
    width: 100%;
    max-width: 1100px;

}
@media screen and (max-width: 1350px) {
    .page-DL{
        padding: 0 70px;
        width: calc(100% - 140px);
        margin-top: 90px;
    }
}
@media screen and (max-width: 1150px) {
    .page-DL{
        padding: 0 40px;
        width: calc(100% - 80px);
        margin-top: 60px;
    }
}
@media screen and (max-width: 855px) {
    .page-DL{
        padding: 0 30px;
        width: calc(100% - 60px);
        margin-top: 50px;
    }
}
@media screen and (max-width: 550px) {
    .page-DL{
        padding: 0 20px;
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 400px) {
    .page-DL{
        padding: 0 16px;
        width: calc(100% - 32px);
        margin-top: 40px;
    }
}
/* 
----------------------------------------
********** 固定ページ - ヘッダーなし版 ↑↑↑↑↑↑↑↑↑↑
----------------------------------------
 */


/* 
----------------------------------------
********** 固定ページ - ヘッダーあり版 ↓↓↓↓↓↓↓↓↓↓
----------------------------------------
*/
.page-fixed{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    margin-top: 82px;
    margin-bottom: 75px;
}
.page-fixed .page-fixed-inner{
    width: 100%;
    max-width: 1100px;

}
@media screen and (max-width: 1350px) {
    .page-fixed{
        padding: 0 70px;
        width: calc(100% - 140px);
        margin-top: 70px;
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 1150px) {
    .page-fixed{
        padding: 0 40px;
        width: calc(100% - 80px);
        margin-top: 60px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 855px) {
    .page-fixed{
        padding: 0 30px;
        width: calc(100% - 60px);
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 550px) {
    .page-fixed{
        padding: 0 20px;
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 400px) {
    .page-fixed{
        padding: 0 16px;
        width: calc(100% - 32px);
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
/* 
----------------------------------------
********** 固定ページ - ヘッダーあり版 ↑↑↑↑↑↑↑↑↑↑
----------------------------------------
 */