#index_category_mobile {
	display:none;
}

#index_maker h2, #index_category h2, #index_info h2, #index_category_mobile h2 {
	border-left:8px solid #003475;
	padding-left:12px;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:16px;
	line-height:1.6em;
	color:#003475;
	position:relative;
}

#index_maker h2 img, #index_category h2 img, #index_info h2 img, #index_category_mobile img {
	height:36px;
	padding-right:8px;
}

#index_category_mobile h2+div, #index_maker h2+div {
		margin-top:16px;
		padding-top:16px;
		display:block;
}

#index_maker h2 a, #index_category_mobile h2 a {
	display:none;
}

#index_maker ul, #index_category ul, #index_category_mobile ul {
	list-style-type:none;
}

#index_maker ul > li, #index_maker_mobile ul > li {
	padding-bottom:2px;
}

#index_maker li a, #index_category_mobile li a {
	display:block;
	padding:2px;
}

#index_maker li a+a, #index_category_mobile li a+a {
	width:calc( 100% - 15px );
	display:inline-block;
}

#index_category_mobile li a.item_category_arrow, #index_category_mobile li a.item_category_arrow2 {
	font-size:0.9em;
	display:inline-block;
	width:15px;
}

#index_maker li a:hover, #index_category_mobile li a:hover, #index_maker li a:active, #index_category_mobile li a:active {
	background-color:#D3E6FF;
}

#index_category_mobile li a.item_category_arrow:hover, #index_category_mobile li a.item_category_arrow2:hover,
#index_category_mobile li a.item_category_arrow:active, #index_category_mobile li a.item_category_arrow2:active {
	background-color:#fff;
}

#index_category ul {
	display:flex;
	flex-wrap:wrap;
}

#index_category ul > li {
	width:calc( 50% - 20px );
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #ccc;
}

#index_category ul > li:nth-of-type( 2n+1 ) {
	margin-right:20px;
}

#index_category ul > li:nth-of-type( 2n+2 ) {
	margin-left:20px;
}

#index_category ul > li > div {
	display:table;
	width:100%:
}

#index_category ul > li > div > div:first-of-type {
	width:108px;
	display:table-cell;
	vertical-align:top;
}

#index_category ul > li > div > div:last-of-type {
	width: calc( 100% - 108px );
	display:table-cell;
	vertical-align:top;
}

#index_category ul > li img {
	width:98px;
	height:98px;
	object-fit:cover;
	object-position:center center;
}

#index_category ul > li p {
	font-size:1.1em;
}

#index_category ul > li p a:before {
	content: '▶︎ ';
}

#index_category ul > li p a:link, #index_category ul > li p a:visited {
	color:#000;
}

#index_category ul > li p a:active, #index_category ul > li p a:hover { color:#003475; }

#index_category ul > li > div > div > p+div {
	margin-top:6px;
}

#index_category ul > li > div > div > div a {
	display:inline;
}

#index_category ul > li > div > div > div a:nth-of-type( n+2 ):before {
	content: ' | ';
}

#index_category ul > li > div > div > div a:link, #index_category ul > li > div > div > div a:visited {
	color:#777;
}

#index_category ul > li > div > div > div a:active, #index_category ul > li > div > div > div a:hover { color:#003475; }

#index_info {
	margin-top:16px;
}

#index_info ul {
	margin-top:36px;
	border-top:1px solid #ccc;
	list-style-type:none;
}

#index_info ul li {
	padding:16px 12px 14px 12px;
	border-bottom:1px solid #ccc;
}

#index_info ul li:hover {
	background-color:#eee;
}

#index_info ul li a {
	display:flex;
	width:100%:
}

#index_info ul li a > div:first-of-type {
	width:110px;
	font-size:15px;
	line-height:1.7em;
}

p.index_info_category {
	text-align:center;
	border-radius:15px;
	margin-bottom:2px;
}

p.index_info_date {
	text-align:center;
}

#index_info ul li a > div:last-of-type {
	padding-left:16px;
	width:calc( 100% - 110px );
}

@media screen and (max-width:640px) {
	#index_category_mobile {
		display:block;
	}
	#index_category {
		display:none;
	}
	#index_maker {
		margin-top:20px;
	}
	#index_maker h2, #index_category_mobile h2 {
		margin-bottom:8px;
	}
	#index_maker h2 a, #index_category_mobile h2 a {
		display:block;
		position:absolute;
		right:8px;
		bottom:0;
	}
	#index_maker h2 a:visited, #index_maker h2 a:link,
	#index_category_mobile h2 a:visited, #index_category_mobile h2 a:link {
		color:#003475;
	}
	#index_maker h2 a:hover, #index_maker h2 a:active,
	#index_category_mobile h2 a:hover, #index_category_mobile h2 a:active {
		color:#003475;
	}
	#index_maker ul, #index_category_mobile ul {
		margin-top:0;
		padding-top:0;
		list-style-type:none;
	}
	#index_maker ul > li, #index_maker_mobile ul > li {
		padding:2px 0;
	}

	#index_category_mobile ul ul {
		display:none;
		padding-left:1em;
	}
	#index_category_mobile h2+div, #index_maker h2+div {
		margin-top:3px;
		padding-top:3px;
		display:none;
	}
	.item_category_arrow, .item_category_arrow2 {
		font-size:0.9em;
		display:inline-block;
		width:1.2em;
	}
	#index_info {
		margin-top:20px;
	}
}