@charset "utf-8";
/* ================================================================================================================== */
/* MAIN                                                                                                               */
/* ===================================================================================================================*/
#main {
	padding-top: 10px;
}
@media screen and (max-width: 750px) {
	#main {
		padding-top: 35px;
	}
}
/* ================================================================================================================== */
/* TAXONOMY_MENU_CTRL                                                                                                 */
/* ===================================================================================================================*/
#main #taxonomy_menu_ctrl {
	display: none;
}
@media screen and (max-width: 750px) {
	#main #taxonomy_menu_ctrl {
		display: block;
		width: 690px;
		margin: 0 auto;
		background: #58abd9;
		text-align: center;
		color: #ffffff;
		font-size: 0.33rem;
		line-height: 72px;
		cursor: pointer;
		position: relative;

		font-family: source-han-sans-japanese,sans-serif;
		font-weight: 700;
		font-style: normal;
	}
	#main #taxonomy_menu_ctrl::after {
		content: "";
		width: 40px;
		height: 100%;
		background-image: url('../../images/archive/common/search_open.png');
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		right: 30px;
	}
	#main #taxonomy_menu_ctrl.active::after {
		background-image: url('../../images/archive/common/search_close.png');
	}
}
/* ================================================================================================================== */
/* TAXONOMY_MENU                                                                                                      */
/* ===================================================================================================================*/
#main #taxonomy_menu {
	box-sizing: border-box;
	width: 980px;
	margin: 0 auto;
	padding: 29px;
	border: 1px solid #198bcb;
}
#main #taxonomy_menu dl.item:nth-child(n + 2) {
	margin-top: 25px;
}
#main #taxonomy_menu dl.item dt {
	color: #198bcb;
	font-size: 0.26rem;
	line-height: 1;

	font-family: poynter-oldstyle-display,serif;
	font-weight: 600;
	font-style: normal;
}
@media screen and (max-width: 750px) {
	#main #taxonomy_menu {
		display: none;
		width: 690px;
		padding: 40px 28px;
		border-width: 2px;
	}
	#main #taxonomy_menu dl.item:nth-child(n + 2) {
		margin-top: 40px;
	}
	#main #taxonomy_menu dl.item dt {
		font-size: 0.36rem;
	}
}
/* =============================================================== */
/* TAXONOMY_MENU:ITEM(TYPE_CATEGORY)                               */
/* =============================================================== */
#main #taxonomy_menu dl.item.type_category dd {
	margin-top: 15px;
}
#main #taxonomy_menu dl.item.type_category dd ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
  gap: 15px 0;
}
#main #taxonomy_menu dl.item.type_category dd ul li {
	box-sizing: border-box;
	padding-left: 10px;
	font-size: 0.14rem;
	line-height: 1;
	white-space: nowrap;
	position: relative;
}
#main #taxonomy_menu dl.item.type_category dd ul li:nth-child(5n - 4) {
  min-width: 225px;
}
#main #taxonomy_menu dl.item.type_category dd ul li:nth-child(5n - 3) {
  min-width: 198px;
}
#main #taxonomy_menu dl.item.type_category dd ul li:nth-child(5n - 2) {
  min-width: 131px;
}
#main #taxonomy_menu dl.item.type_category dd ul li:nth-child(5n - 1) {
  min-width: 186px;
}
#main #taxonomy_menu dl.item.type_category dd ul li:nth-child(5n) {
  min-width: 165px;
}
#main #taxonomy_menu dl.item.type_category dd ul li::before {
	content: "";
	border-top:    4.2px solid transparent;
	border-right:    0px solid transparent;
	border-bottom: 4.2px solid transparent;
	border-left:   4.2px solid #198bcb;
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	top: 50%;
}
#main #taxonomy_menu dl.item.type_category dd ul li a:hover {
	color: #198bcb;
}
@media screen and (max-width: 750px) {
	#main #taxonomy_menu dl.item.type_category dd {
		margin-top: 30px;
	}
	#main #taxonomy_menu dl.item.type_category dd ul {
	  gap: 30px 0;
	}
	#main #taxonomy_menu dl.item.type_category dd ul li {
		width: calc(100% / 2);
		padding-left: 15px;
		font-size: 0.24rem;
		white-space: normal;
	}
	#main #taxonomy_menu dl.item.type_category dd ul li:nth-child(n + 3) {
		margin-top: 30px;
	}
	#main #taxonomy_menu dl.item.type_category dd ul li::before {
  	transform: translateY(8.4px);
		border-top:    7.2px solid transparent;
		border-right:    0px solid transparent;
		border-bottom: 7.2px solid transparent;
		border-left:   7.2px solid #198bcb;
		top: 0;
	}
	#main #taxonomy_menu dl.item.type_category dd ul li a:hover {
		color: inherit;
	}
}
/* =============================================================== */
/* TAXONOMY_MENU:ITEM(TYPE_TAG)                                    */
/* =============================================================== */
#main #taxonomy_menu dl.item.type_tag {
	display: -webkit-flex;
	display: flex;
}
#main #taxonomy_menu dl.item.type_tag dt {
	width: 80px;
}
#main #taxonomy_menu dl.item.type_tag dd {
	width: 824px;
	position: relative;
}
#main #taxonomy_menu dl.item.type_tag dd ul {
	width: 100%;
}
#main #taxonomy_menu dl.item.type_tag dd ul li {
	margin-right: 7px;
}
#main #taxonomy_menu dl.item.type_tag dd ul li a {
	display: inline-block;
	padding: 0 13px;
	background: #edf6fb;
	border-radius: 14px;
	color: #198bcb;
	font-size: 0.14rem;
	line-height: 28px;
	letter-spacing: 0.05em;
}
#main #taxonomy_menu dl.item.type_tag dd .slider_prev,
#main #taxonomy_menu dl.item.type_tag dd .slider_next {
	cursor: pointer;
	position: absolute;
	top: 6px;
}
#main #taxonomy_menu dl.item.type_tag dd .slider_prev {
	right: calc(100% + 13px);
}
#main #taxonomy_menu dl.item.type_tag dd .slider_next {
	left: calc(100% + 10px);
}
#main #taxonomy_menu dl.item.type_tag dd .sp_over_ctrl {
	display: none;
}
@media screen and (max-width: 750px) {
	#main #taxonomy_menu dl.item.type_tag {
		display: block;
	}
	#main #taxonomy_menu dl.item.type_tag dt {
		width: auto;
	}
	#main #taxonomy_menu dl.item.type_tag dd {
		width: 100%;
		margin-top: 7px;
		overflow: hidden;
	}
	#main #taxonomy_menu dl.item.type_tag dd ul {
		width: calc(100% + 12px);
		letter-spacing: -.40em;
	}
	#main #taxonomy_menu dl.item.type_tag dd ul li {
		display: none;
		margin-right: 12px;
		margin-top: 10px;
		letter-spacing: normal;
		vertical-align: top;
	}
	#main #taxonomy_menu dl.item.type_tag dd ul li.loop_00 {
		display: inline-block;
	}
	#main #taxonomy_menu dl.item.type_tag dd ul li.loop_00.sp_over {
		display: none;
	}
	#main #taxonomy_menu dl.item.type_tag dd ul li.loop_00.sp_over.show_all {
		display: block;
	}
	#main #taxonomy_menu dl.item.type_tag dd ul li a {
		padding: 0 23px;
		border-radius: 25px;
		font-size: 0.24rem;
		line-height: 50px;
	}
	#main #taxonomy_menu dl.item.type_tag dd .slider_prev,
	#main #taxonomy_menu dl.item.type_tag dd .slider_next {
		display: none;
	}
	#main #taxonomy_menu dl.item.type_tag dd .slider_prev {
	}
	#main #taxonomy_menu dl.item.type_tag dd .slider_next {
	}
	#main #taxonomy_menu dl.item.type_tag dd .sp_over_ctrl {
		display: block;
		margin-top: 20px;
	}
	#main #taxonomy_menu dl.item.type_tag dd .sp_over_ctrl span {
		display: inline-block;
		color: #198bcb;
		font-size: 0.24rem;
		line-height: 1;
		cursor: pointer;
	}
}
/* ================================================================================================================== */
/* ARCHIVE_LIST                                                                                                       */
/* ===================================================================================================================*/
#main #archive_list {
	width: 980px;
	margin: 0 auto;
	padding: 55px 0 40px;
	letter-spacing: -.40em;
}
#main #archive_list ul.item {
	display: inline-block;
	width: 200px;
	margin-right: 60px;
	letter-spacing: normal;
	vertical-align: top;
}
#main #archive_list ul.item:nth-child(4n) {
	margin-right: 0;
}
#main #archive_list ul.item:nth-child(n + 5) {
	margin-top: 30px;
}
@media screen and (max-width: 750px) {
	#main #archive_list {
		width: 690px;
		padding: 50px 0;
	}
	#main #archive_list ul.item {
		width: 330px;
		margin-right: 30px;
	}
	#main #archive_list ul.item:nth-child(4n) {
		margin-right: 0;
	}
	#main #archive_list ul.item:nth-child(2n) {
		margin-right: 0;
	}
	#main #archive_list ul.item:nth-child(n + 5) {
		margin-top: 45px;
	}
	#main #archive_list ul.item:nth-child(n + 3) {
		margin-top: 45px;
	}
}
/* =============================================================== */
/* ARCHIVE_LIST:ITEM                                               */
/* =============================================================== */
#main #archive_list ul.item li.type_eyecath img {
	width: 200px !important;
	height: 200px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'; /*IE対策*/
}
#main #archive_list ul.item li.type_date {
	margin-top: 17px;
	color: #198bcb;
	font-size: 0.10rem;
	line-height: 1;

	font-family: brother-1816,sans-serif;
	font-weight: 400;
	font-style: normal;
}
#main #archive_list ul.item li.type_title {
	margin-top: 8px;
	font-size: 0.16rem;
	line-height: 1.3;
}
#main #archive_list ul.item li.type_title a {
//  display: inline;
}
#main #archive_list ul.item li.type_excerpt {
	margin-top: 12px;
	font-size: 0.12rem;
	line-height: 1.5;
}
@media screen and (max-width: 750px) {
	#main #archive_list ul.item li.type_eyecath img {
		width:  330px !important;
		height: 330px;
	}
	#main #archive_list ul.item li.type_date {
		margin-top: 25px;
		font-size: 0.20rem;
	}
	#main #archive_list ul.item li.type_title {
		margin-top: 8px;
		font-size: 0.28rem;
	}
	#main #archive_list ul.item li.type_excerpt {
		margin-top: 14px;
		font-size: 0.24rem;
	}
}
/* ================================================================================================================== */
/* ARCHIVE_PAGE_CONTROL                                                                                               */
/* ===================================================================================================================*/
#main #archive_page_control {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 90px;
	text-align: center;
	letter-spacing: -.40em;
}
#main #archive_page_control a {
	box-sizing: border-box;
	display: inline-block;
	width:  40px;
	height: 40px;
	border: 1px solid #198bcb;
	text-align: center;
	color: #198bcb;
	font-size: 0.18rem;
	line-height: 36px;
	letter-spacing: normal;
	vertical-align: top;

	font-family: source-han-sans-japanese,sans-serif;
	font-weight: 700;
	font-style: normal;
}
#main #archive_page_control a:nth-child(n + 2) {
	margin-left: 15px;
}
#main #archive_page_control a:hover,
#main #archive_page_control a.active {
	background: #198bcb;
	color: #ffffff;
}
@media screen and (max-width: 750px) {
	#main #archive_page_control {
		width: 690px;
		padding-bottom: 72px;
	}
	#main #archive_page_control a {
		width:  70px;
		height: 70px;
		border-width: 1.75px;
		font-size: 0.30rem;
		line-height: 63px;
	}
	#main #archive_page_control a:nth-child(n + 2) {
		margin-left: 25px;
	}
	#main #archive_page_control a:hover,
	#main #archive_page_control a.active {
	}
}
