@charset "UTF-8";
/********************************************************************************

page-column.css　コラム用css

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

/*######################################################################
 一覧
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-column-list #mainvisual {
}

/*============================================================
 セクション共通
*============================================================*/
#page-column-list .section {
    margin-bottom: 64px;
}

/*============================================================
 セクション アイキャッチ
*============================================================*/
#page-column-list #sec-eyecatch {
    width: 100%;
    height: 320px;
    background-image: url(../images/column/eyecatch.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
/*============================================================
 セクション
*============================================================*/
#page-column-list #sec-AAA {
    /* background-color: var(--common-color-background1); */
}


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-column #mainvisual {
    padding-bottom: 32px;
}

/*============================================================
 セクション共通
*============================================================*/
#page-column .section {
    margin-bottom: 64px;
}

/*============================================================
 セクション メタ情報
*============================================================*/
#page-column #sec-meta .posted-date {
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 64px;
}

/*============================================================
 セクション
*============================================================*/
#page-column #sec-AAA {
    background-color: var(--common-color-background1);
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1007px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-column-list #mainvisual {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-column #mainvisual {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-column-list #mainvisual {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-column #mainvisual {
    }

}