@charset "utf-8";
/*===============================
	pc　769px以上
================================*/

@media only screen and (min-width: 769px), print {
	.row .col.top_w_8_box {
		padding: 0 0.75rem 0 0;
	}
	.row .col.top_w_4_box {
		padding: 0 0 0 0.75rem;
	}
	.photo_box img {
		max-height: 500px;
	}
}

/*===============================
	スマホ・タブレット 768px以下
================================*/

@media only screen and (max-width: 768px) {
	.hp_top_belsana_img{
		background-image: none!important;
	}
	.sp_only_top_img{
		height: 200px;
	}
}

/*===============================
	PCとスマホの共通
================================*/

.container {
	max-width: 1280px;
}

.thumbnail {
	background-size: cover;
	background-position: center center;
	padding-top: 56.25%;
	width: 100%;
}

.content_box {
	overflow: hidden;
}

.hp_top_belsana_img {
	background-position: 100% 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}



a.img_a_link:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}