@charset "utf-8";
/* CSS Document */

/*
==============================================================================*/

main.main {}


/*======================================
 * Custom Properties
 *====================================*/
	:root {
		--hover-bgColor: #80808038;
	}


/*======================================
 * 年度
 *====================================*/

main.main > .p_year {
	display: flex;
	justify-content: space-around;
	border-right: solid 2px black;
	margin-top: 2rem;
}
main.main > .p_year > .onmouse_year_menu {
	border-left: solid 2px black;
	display: flex;
	width: 100%;
	justify-content: center;
}

main.main > .p_year > .onmouse_year_menu a {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
main.main > .p_year > .onmouse_year_menu a:hover {
	background-color: var(--hover-bgColor);
}

/*======================================
 * タイトル
 *====================================*/

main.main > .News_List > .News_Name {
	font-size: 2.5rem;
	font-weight: bold;
}

/*======================================
 * リスト
 *====================================*/

/*
main.main .News_List {
	padding: 0px;
}
main.main .News_List li {
	margin: 0px;
	padding: 0px 0px 3px;
	clear: both;
	float: none;
}

main.main .News_List ul {
	list-style-image: url(/jp/resources/fishing/common/image/yjpull.gif);
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
*/
main.main > #co_bottom1 > .News_List {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
main.main > #co_bottom1 > .News_List > .NewsList_List_Line > a {
	display: flex;
	gap: 2rem;
}
main.main > #co_bottom1 > .News_List > .NewsList_List_Line > a:hover {
	background-color: var(--hover-bgColor);
}

/*============================================================================*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■[[---// MO //---]]*/
@media screen and (max-width: 767px) {
/*============================================================================*/
	.onlyMO {
		display: block;
	}
	br.pcbr {
		display: none;
	}
	br.mobr {
		display: inline;
	}
	/*============================================================================*/
		main.main > .p_year,
		main.main > .News_List,
		main.main > #co_bottom1 {
			width: 100%;
			padding: 0 2rem;
		}
		main.main > .p_year {
			flex-wrap: wrap;
			justify-content: flex-start;
			border-right: none;
			margin-top: 2rem;
		}
		main.main > .p_year > .onmouse_year_menu {
			width: 25%;
			border-right: solid 2px black;
			margin-left: -2px;
		}
		main.main > .p_year > .onmouse_year_menu > a {
			padding: 1.3rem;
		}
		main.main > .News_List {
			margin-top: 5rem;
		}
		main.main > #co_bottom1 {
			margin-top: 3rem;
			margin-bottom: 10rem;
		}
	/*============================================================================*/
	.onlyPC {
		display: none;
	}
/*============================================================================*/
}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■[[---// PC //---]]*/
@media screen and (min-width: 768px) {
/*============================================================================*/
	.onlyPC {
		display: block;
	}
	br.mobr {
		display: none;
	}
	br.pcbr {
		display: inline;
	}
	/*============================================================================*/
		main.main > .p_year,
		main.main > .News_List,
		main.main > #co_bottom1 {
			width: 138rem;
			margin: 0 auto;
		}
		main.main > .p_year {
			margin-top: 2rem;
		}
		main.main > .News_List {
			margin-top: 5rem;
		}
		main.main > #co_bottom1 {
			margin-top: 3rem;
			margin-bottom: 10rem;
		}
	/*============================================================================*/
	.onlyMO {
		display: none;
	}

/*============================================================================*/
}



/* - - - - - - - - - - - - - - - - - - -
https://---/resources/fishing/news/css/newsTop.css
- - - - - - - - - - - - - - - - - - - */


/*　パンくず調整　*/
@media screen and (max-width: 767px) {
        main.main {
                margin-top: 5rem;
                margin-bottom: 14rem;
        }
}

@media screen and (min-width: 768px) {
        main.main {
                margin-top: 15.3rem;
                margin-bottom: 19.7rem;
        }
}