.around_container {
	display: none;
}

.around_subject_area {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.around_subject_area .area {
	flex: 1 1 33%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}
.around_subject_area .area:hover {
	background-color: #f8f8f8;
}
.around_subject_area .area.selected {
	border: 1px solid #000000;
}
.around_subject_area .blank_area {
	flex: 1 1 33%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 50px;
}
.around_subject_area .blank_area:nth-last-child(-n+2) {
	display: none;
}
.around_imgs {
	display: block;
}
.around_img {
	display: none;
}
.around_img.selected {
	display: block;
}

@media (min-width: 992px) {
	.around_container {
	}

	.around_subject_area {
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.around_subject_area .area {
		flex: 1 1 20%;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		height: 50px;
	}
	.around_subject_area .area:hover {
		background-color: #f8f8f8;
	}
	.around_subject_area .area.selected {
		border: 1px solid #000000;
	}
	.around_subject_area .blank_area {
		flex: 1 1 20%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		height: 50px;
	}
	.around_subject_area .blank_area:nth-last-child(-n+2) {
		flex: 1 1 20%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		height: 50px;
	}
	.around_imgs {
		display: block;
	}
	.around_img {
		display: none;
	}
	.around_img.selected {
		display: block;
	}
}

@media (min-width: 1400px) {
	.around_container {
		display: flex;
		justify-content: center;
	}
	.around_wrap {
		position: relative;
		width: 1300px;
		height: 700px;
	}
	.around_wrap img {
		width: 1300px;
		height: 700px;
	}
	.around_wrap .area {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 100px;
		height: 100px;
		font-size: 0;
	}
	.around_wrap .area.area01 {
		top: 560px;
		left: 3px;
		width: 250px;
		height: 130px;
	}
	.around_wrap .area.area02 {
		top: 60px;
		left: 3px;
		width: 250px;
		height: 110px;
	}
	.around_wrap .area.area03 {
		top: 192px;
		left: 3px;
		width: 250px;
		height: 95px;
	}
	.around_wrap .area.area04 {
		top: 310px;
		left: 3px;
		width: 250px;
		height: 110px;
	}
	.around_wrap .area.area05 {
		top: 430px;
		left: 3px;
		width: 250px;
		height: 110px;
	}
	.around_wrap .area.area06 {
		top: 230px;
		left: 260px;
		width: 100px;
		height: 65px;
	}
	.around_wrap .area.area07 {
		top: 200px;
		left: 370px;
		width: 100px;
		height: 65px;
	}
	.around_wrap .area.area08 {
		top: 160px;
		left: 940px;
		width: 100px;
		height: 65px;
	}
	.around_wrap .area.area09 {
		top: 330px;
		left: 865px;
		width: 100px;
		height: 57px;
	}
	.around_wrap .area.area10 {
		top: 390px;
		left: 900px;
		width: 110px;
		height: 57px;
	}
	.around_wrap .area.area11 {
		top: 10px;
		left: 1050px;
		width: 250px;
		height: 90px;
	}
	.around_wrap .area.area12 {
		top: 110px;
		left: 1050px;
		width: 250px;
		height: 110px;
	}
	.around_wrap .area.area13 {
		top: 230px;
		left: 1050px;
		width: 250px;
		height: 100px;
	}
	.around_wrap .area.area14 {
		top: 340px;
		left: 1050px;
		width: 250px;
		height: 110px;
	}
	.around_wrap .area.area15 {
		top: 460px;
		left: 1050px;
		width: 250px;
		height: 110px;
	}
	.around_wrap .area.area16 {
		top: 580px;
		left: 1050px;
		width: 250px;
		height: 110px;
	}
	.around_wrap .area.area17 {
		top: 60px;
		left: 530px;
		width: 150px;
		height: 90px;
	}

	.full_image_area {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
		display: none;
		padding-left: 25%;
		padding-right: 25%;
	}
	.full_image_area img {
	}
	.full_image_close {
		position: fixed;
		display: inline-block;
		top: 30px;
		right: 30px;
		color: #ffffff;
		font-size: 40px;
	}


	.around_subject_area {
		display: none;
	}
	.around_imgs {
		display: none;
	}
}