@charset "UTF-8";
/* =======================================================
* column-list.php
* ======================================================= */
@media screen and (min-width: 769px) {
	#column-list-container .flex {
		height: 250px;
		box-sizing: content-box;
	}
}
#column-list-container .flex {
	border-radius: 4px;
	padding-bottom: 2%;
}

#column-list-container .flex:last-of-type {
	padding-bottom: 0;
}

.column-thumbnail {
	display: flex;
}

.column-thumbnail img {
	width: 400px;
	border-radius: 4px 0 0 4px;
  object-fit: cover;
}

.column-inner {
	width: 100%;
	background: #FFF;
	padding: 2%;
}

/* =======================================================
* max-width: 768px
* ======================================================= */
@media screen and (max-width: 768px) {
	#column-list-container .flex {
		display: block;
		padding: 2% 4%;
	}

	.column-thumbnail {
		position: relative;
    overflow: hidden;
    padding-top: 50%;
	}

	.column-thumbnail img {
		border-radius: 4px 4px 0 0;
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	}

	.column-inner {
		padding: 4%;
	}

	.day {
		padding: 4% 0;
	}

}