@charset "UTF-8";
.box{
	display: inline-block;
	width: 300px;
	height:auto;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	/*margin: 0px;
	line-height:1.2;
	border-radius: 0px;
	font-weight:normal;*/
}
.box2{
	display: inline-block;
	width: 300px;
	height:auto;
	margin: 0px;
	background-color:#FFFFFF;
	text-align: left;
	vertical-align: top;
	line-height:1.2;
	border-radius: 0px;
	font-weight:normal;
}
			.thumb-wrapper {
			position: relative;
			width: 300px;
			height: 168px;
			cursor: pointer;
			display: inline-block;
			}

			.thumbnail {
			width: 100%;
			height: 100%;
			object-fit: cover;
			/*cursor: pointer;
			display: inline-block;*/
			border-radius: 8px;
			}

			.main {
			width: 100%;
			height: auto; /* 元の縦横比を保つ */
			}