/* --- Stylesheet 7948 (optional) --------- */ 

.T4113.S7948 .mask {
	position: absolute;
	bottom: 0px;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.4);
	z-index: 5;
}

.T4113.S7948 .inner:hover .mask{
	background-color: rgba(0,0,0,0.0);
}


.T4113.S7948 .headline{
	position: relative;
	z-index: 20;
}

.T4113.S7948 .inner:hover .headline{
	transform: scale(0.95);
}

/* --- Stylesheet 6513 () --------- */ 

.T4113 .outer {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
		
}

.T4113 .outer .memo {
	position: relative; 
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
		
}

.T4113 .outer .memo img { width: 100%; height: auto; }

.T4113 .outer .memo .inner   {
	display: block;
	position: relative;
		
}

.T4113 .outer .memo .inner .headline {
	position: absolute;
	left: 0px;
	bottom: 30px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: 5px 15px;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}


.T4113 .outer .memo .text   {
	margin-top: 10px;
}


@media (min-width: 567px) {
	
	.T4113 .outer { flex-direction: row; justify-content: space-between; }

	.T4113 .outer .memo {
		width: 48%;
	}
}

@media (min-width: 768px) {
	.T4113 .outer .memo {
		width: 30%;
	}
}