/* 下記は円形にするなら必須です。 */
	.cropper-view-box,
	//.cropper-face {
	//	border-radius: 50%;
	//}
	/* 下記はできれば必要なスタイルかと思います。（厳密にはスタイルなど必要ありませんが、最低現のスタイルとしてという意味です。） */
	.cropper-container{
		width: 100%;
	}
	/* 下記は必須ではありません。 Sampleを見やすくするために作成しました。 */
	main{
		width: 50%;
		margin: 0 auto;
	}
	main .triming-image{
		width: 100%;
		height: 100px;
		border: dashed #000 1px;
		cursor: pointer;
	}
	main #trimed_image{
		height: 500px;
	}
	//.img-container {
	//	margin-bottom: 1rem;
	//	max-height: 497px;
	//	min-height: 200px;
	//}

	@media (min-width: 768px) {
		.img-container {
			max-width: 1000px;
			max-height: 768px;
		}
	}

	.img-container > img {
		max-width: 100%;
	}

	.img_row{
		overflow: hidden;
	}
	
	.img_col{
		float: left;
	}
	
	.col-3{
		width: 25%;
	}
	
	.col-6{
		width: 50%;
	}