@charset "UTF-8";

.vr-column {
	width: 1000px;
	margin: 50px auto;
	background-color: #fff;
	border-radius: 25px;
}
@media screen and (max-width: 768px) {
	.vr-column {
		width: 100%;
		border-radius: 0;
	}
}

.vr-column__title {
	width: 100%;
	min-height: 75px;
	background-color: #f9c347;
	border-radius: 25px 25px 0 0;
	padding: 20px 25px;
	font-size: 24px;
}
@media screen and (max-width: 768px) {
	.vr-column__title {
		border-radius: 0;
	}
}

.vr-column__body {
	width: 100%;
	padding: 25px;
}

.vr-column__movie {
	position: relative;
	width: 560px;
	height: auto;
	margin: 25px auto;
}
@media screen and (max-width: 768px) {
	.vr-column__movie {
		width: 100%;
	}
}

.vr-column__movie::after {
	display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/assets/2022/img/common/icon_play-vr_detail.png) no-repeat center center / contain;
    font-size: 0px;
    line-height: 0px;
    left: 0px;
    top: 0px;
	cursor: pointer;
}

.vr-column__movie > img {
	width: 100%;
	height: auto;
}

.vr-column__info {
	position: relative;
	width: 560px;
	height: auto;
	margin: 25px auto;
}
@media screen and (max-width: 768px) {
	.vr-column__info {
		width: 100%;
	}
}

.vr-column__info > h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}

.vr-column__info > p {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 30px;
}

.vr-column__attention {
	font-size: 22px !important;
	font-weight: bold;
}

.vr-column__attention > span {
	color: #e50012;
}

.vr-column__button {
	width: 100%;
	height: 80px;
	margin: 15px auto;
	background-color: #fff;
	border: 3px #ff8400 solid;
	border-radius: 20px;
	font-size: 28px;
	color: #ff8400;
	text-align: center;
	letter-spacing: -1px;
	cursor: pointer;
	background: url(../img/common/arr_r_menubt.png) no-repeat right 20px center / 24px auto;
}
@media screen and (max-width: 768px) {
	.vr-column__button {
		font-size: 24px;
		background: url(../img/common/arr_r_menubt.png) no-repeat right 18px center / 20px auto;
	}
}

.vr-column__button:hover {
	background-color: #f9c347;
}