@charset "UTF-8";

/**======================================
	link
======================================**/

/*--------------------------------------
	common
---------------------------------------*/

/*--------------------------------------
	index
---------------------------------------*/

/* link_box */

.link_box p.pic {
	margin-bottom: 0;
}

.link_box .link_cont {
  position: relative;
  overflow: hidden;
}

.link_box .list_cont .link_cont img {
	border: 1px solid #eee;
	transition: .5s;
}

.link_box .list_cont a:hover .link_cont img {
	transform: scale(1.1);
	opacity: 0.8;
	transition: .5s;
}

.link_box .link_caption {
	padding: 8px 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.75);
	color: #333;
}

.link_box .link_caption .link_category {
	margin-bottom: 0.4em;
	text-align: center;
	line-height: 1.0em;
}

.link_box .link_caption .link_category span {
	color: #333;
	font-size: 1.2rem;
	line-height: 1.2em;
}

.link_box .link_caption .link_category span::after {
	content: ' / ';
}
.link_box .link_caption .link_category span:last-child::after {
	content: '';
}

.link_box .link_caption .link_title {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.2em;
}

.link_box .object_fit {
	margin-bottom: 0;
}


@media screen and (max-width: 599px) {
	
}

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

	.link_box .link_caption {
		padding: 10px 15px;
	}

	.link_box .link_caption .link_category {	
		margin-bottom: 0.3em;
	}

	.link_box .link_caption .link_category span {	
		font-size: 1.4rem;
	}

	.link_box .link_caption .link_title {
		font-size: 2.0rem;
	}
	
}


/*--------------------------------------
	single
---------------------------------------*/