@charset "UTF-8";




/*================================================
 *  フッターのコピーライトの背景色を設定する
 *  ※ site-copyrightの色
 ================================================*/
 .site-copyright {
    background-color: #abaaaa !important;

}



/* #region フッター */
#n_footer {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}


#n_footer .main {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 150px; 
    width: 100%;
    background-color: #abaaaa;

}


/***************************************
    項目じたいなくてもよさそう？？？
    とりあえず非表示
***************************************/
#n_footer .main .footer_msg {
    /*height: 300px; */
    position: absolute;
    top: 10%;
    left: 6%;



    display: none;


}
#n_footer .main .footer_msg .msg p.honbun {
	display: block; /* pタグをブロック要素に設定 */
	margin: 0;
	/*height: 32px;*/
    font-weight: 500;
	font-size: 22px;
	color: white; /* 文字色を設定 */
	line-height: 1.7;
	/*width: calc(35%);*/

}

#n_footer .main .footer_menu {
    /*height: 300px; */
    /*background-color: #c4c4c4;*/

    position: absolute;
    top: 15%;
    left: 5%;

}

#n_footer .main .footer_menu .menuul {



    display: flex;
    flex-wrap: wrap; /* 複数行に折り返し */
    justify-content: space-between; /* 要素間のスペースを均等に */
    list-style: none; /* リストのマーカーを非表示 */
    padding: 0;
    
}



#n_footer .main .menuul li {

    flex: 1 1 calc(33.333% - 10px); /* 3つごとに1列に配置 */
    margin: 5px;
    box-sizing: border-box;

    /* リスト項目の間隔 */
    margin-bottom: 5px; /* メディアクエリ調整する */

}
#n_footer .main .menuul li a {
    color: white;


    transition: color 0.7s; /* スムーズな色変化 */
}
#n_footer .main .menuul li a:hover {
    animation: n_footer_flash-color 0.7s forwards; /* 一瞬のアニメーション */

}
/* アニメーション定義 */
@keyframes n_footer_flash-color {
    0% {
      color: #868686; /* 変化する色 */
    }
    100% {
      color:white; /* 元の色に戻る */
    }
}





#n_footer .underline {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    height: 0.5px;
    background-color: white;
    margin: 0 1% 0 1%;
}

/* #endregion フッター */