@charset "utf-8";

/*下層ページ用のスタイルです。*/

/* ------------ */
/* デザイン共通 */
/* ------------ */

section > article { margin:4rem auto; }
section .heading02 { margin-bottom:2rem; }

@media print,screen and (max-width:767px) {
	section > article { width:calc(100% - 2rem); margin-top:5rem; }
}
@media print,screen and (min-width:768px) {
	section > article { width:calc(100% - 128px); margin-top:8rem; }
}
@media print,screen and (min-width:960px) {
	
}
@media print,screen and (min-width:1100px) {
	section > article { max-width:1100px; }
}

/* ------------- */
/*  block_pager  */
/* ------------- */

.block_pager { margin:2rem 0; }

.block_pager > * {
	display:inline-block;
	margin-right:0.5rem;
	padding:0.25rem 0.5rem;
	line-height:1;
	border:#ddd 1px solid;
}
.block_pager > a {
	border:#D10001 1px solid;
	background:#fff;
}
.block_pager > span,
.block_pager > a:hover {
	color:#fff;
	border:#D10001 1px solid;
	background:#D10001;
}

@media print,screen and (max-width:767px) {
	
}
@media print,screen and (min-width:768px) {
	
}
@media print,screen and (min-width:960px) {
	
}
@media print,screen and (min-width:1100px) {
	
}

/* ---------------- */
/* sec_archive_navi */
/* ---------------- */

.sec_archive_navi .area_current_year,
.sec_archive_navi .area_old_year{
	
}

.sec_archive_navi .area_current_year { margin-bottom:2rem; }

.sec_archive_navi .area_current_year .title,
.sec_archive_navi .area_old_year a {
	padding:0.75rem 0;
	line-height:1;
	text-align:center;
}
.sec_archive_navi .area_current_year .title {
	color:#fff;
	background:#D10001;
}
.sec_archive_navi .area_current_year .list_month a {
	display:inline-block;
	position:relative;
	margin-right:1rem;
	padding-right:1.5rem;
	color:#000;
}
.sec_archive_navi .area_current_year .list_month a:hover { color:#D10001; }
.sec_archive_navi .area_current_year .list_month a::after {
	display:block;
	content:"／";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	wight:1rem;
	height:1rem;
}

.sec_archive_navi .area_old_year a {
	display:block;
	color:#D10001;
	border:#D10001 1px solid;
	background:#fff;
}
.sec_archive_navi .area_old_year a:hover {
	color:#fff;
	background:#D10001;
}

@media print,screen and (max-width:767px) {
	.sec_archive_navi .area_current_year .title { margin-bottom:1rem; }
	.sec_archive_navi .area_old_year a { margin-bottom:0.75rem; }
}
@media print,screen and (min-width:768px) {
	.sec_archive_navi .area_current_year,
	.sec_archive_navi .area_old_year{
		display:flex;
		justify-content:flex-start;
	}
	.sec_archive_navi .area_current_year { align-items:center; }
	.sec_archive_navi .area_current_year .title { width:18%; }
	.sec_archive_navi .area_current_year .list_month {
		width:79.5%;
		margin-left:2.5%;
	}
	.sec_archive_navi .area_current_year .list_month a:nth-child(6)::after,
	.sec_archive_navi .area_current_year .list_month a:last-child::after{ display:none; }
	.sec_archive_navi .area_old_year{
		flex-wrap:wrap;
	}
	.sec_archive_navi .area_old_year a {
		width:18%;
		margin:0 2.5% 0.75rem 0;
	}
	.sec_archive_navi .area_old_year a:nth-child(5n) { margin-right:0; }
}

@media print,screen and (min-width:960px) {
	
}

@media print,screen and (min-width:1100px) {
	
}

/* ---------------- */
/* 背景オブジェクト */
/* ---------------- */

/*-- 背景オブジェクトのz-index,height,background,transformは各cssで設定 --*/
/*-- レスポンシブ時のtopも各cssのメディアクエリで設定 --*/

main::before,
main::after {
	position:absolute;
	display:block;
	content:"";
	width:100vw;
	margin-left:calc(50% - 50vw);
}

/*-- 背景オブジェクト基本設定ここまで --*/


@media print,screen and (max-width:767px) {
	
}
@media print,screen and (min-width:768px) {
	
}

@media print,screen and (min-width:960px) {
	
}

@media print,screen and (min-width:1100px) {
	
}


/* ---- */
/* LAST */
/* ---- */