/*=共通=========================================================================================*/

@media screen and (min-width:0px) {

	#bl_category_box a {
		padding: 1em;
		margin-top: 2em;
		margin-bottom: 1em;
		width: 100%;
	}

	#bl_category_box a .title {
		display: block;
		padding: 2px 0px 0px;
		text-align: center;
		font-size: 1.2em;
		color: WhiteSmoke;
		background: linear-gradient(225deg, transparent 13px, Gray 0%);
		border-top: 3px solid Gray;
		border-right: 3px solid Gray;
		border-left: 3px solid Gray;
		box-sizing: border-box;
	}

	#bl_category_box a span.cnt {
		display: block;
		padding: 1.0em;
		border-top: 0px solid Gray;
		border-left: 5px solid Gray;
		border-bottom: 5px solid Gray;
		border-right: 5px solid Gray;
		box-sizing: border-box;
		height: 100%;
		overflow: auto;
		line-height: 1.5;
	}

	#bl_category_box a:hover {
		text-decoration: none;
		color: DarkBlue;
	}

	#bl_category_box a:hover .title {
		background: linear-gradient(225deg, transparent 13px, DimGray 0%);
		border-top: 3px solid DimGray;
		border-right: 3px solid DimGray;
		border-left: 3px solid DimGray;
		color: WhiteSmoke;
	}

	#bl_category_box a:hover .cnt {
		border-top: 0px solid DimGray;
		border-left: 5px solid DimGray;
		border-bottom: 5px solid DimGray;
		border-right: 5px solid DimGray;
		color: #333;
	}

}

/*=モバイル=======================================================================================*/

@media screen and (min-width:414px) {}

/*=タブレット=======================================================================================*/

@media screen and (min-width:768px) {

	#bl_category_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 1em auto 4em;
	}

	#bl_category_box a {
		width: 32.5%;
		/**/
		padding: 0em;
	}

}


/*=PC用=========================================================================================*/

@media screen and (min-width:1024px) {

	#bl_category_box {
		margin-right: 1em;
		margin-left: 1em;
	}

}