@charset "UTF-8";

/* --------------------------------------------
POSTS
--------------------------------------------- */
.posts01{
	hgroup{
		p{
			top : calc( -24 * var( --remBase ) );
			width : calc( 160 * var( --remBase ) );
			&::after{
				display : block;
				width : calc( 80 * var( --remBase ) );
				height : calc( 2 * var( --remBase ) );
				margin-inline : auto;
				font-size : 0;
				content : "";
				background-color : var( --after-color );
			}
		}
	}
	.status{
		min-width : calc( 100 * var( --remBase ) );
	}
}
#competitionLinks{
	background-color : #e5e5ea;
}

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	.toTop{
		width : calc( 42 * var( --remBase ) );
		height : calc( 42 * var( --remBase ) );
	}
	@media screen and ( width <= 767px ){
		background-color : var( --bs-primary );
		.copyright{
			margin-top : calc( -16 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 767px ){
		background-color : var( --bs-dark );
		border-bottom : solid calc( 16 * var( --remBase ) ) var( --bs-primary );
		.links{
			> li::after{
				font-size : calc( 14 * var( --remBase ) );
				line-height : calc( 24 / 14 );
				color : white;
				content : "｜";
			}
		}
	}
}


/* --------------------------------------------
共通
--------------------------------------------- */

.contents-wrapper {
	padding: 2em 0;
}
.sec-back01 {
	background-color: var(--fjcablue);
}

.pagelink-wrap {
	ul{
		flex-wrap: wrap;
		row-gap: .2em !important;
	}
	a{
		color: var(--bs-body-color);
		white-space: nowrap;
		text-decoration: none;
	}
}
@media screen and ( width <= 767px ){
	.pagelink-wrap.top {
		padding: 1em ;
	}
	.pagelink-wrap.bottom {
		padding: 1em ;
	}
	.pagelink-wrap {
		ul {
			justify-content: flex-start !important;
			font-size: .875rem ! important;
		}
	}

}
@media print , screen and ( width > 767px ){
	.pagelink-wrap.top {
		padding: 2em 0 1em 0;
	}
	.pagelink-wrap.bottom {
		padding: 1em 0 1em 0;
	}
}

.sidemenu a {
	text-decoration: none;
}