/* -----------------------------------------
// 広島サンダーズ トップス広島バレーボール学校（Sassは使っていないです）
// 使用ページ：
// ・トップス広島バレーボール学校ページ
// -----------------------------------------*/
@charset "UTF-8";

.ttlVolleyLv1 {
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.ttlVolleyLv1 {
		margin-bottom: 6vw;
	}
}

@media (max-width: 767px) {
	.leadArea {
		padding: 0 4vw;
	}
}

.topsDetailArea {
	padding-bottom: 60px;
}

@media (max-width: 767px) {
	.topsDetailArea {
		padding-bottom: 20px;
	}
}

.topsDetailArea>section {
	margin-bottom: 40px;
	padding: 40px;
}

@media (max-width: 767px) {
	.topsDetailArea>section {
		padding: 0 4vw 5vw;
		margin-bottom: 5vw;
	}
}

.topsDetailArea>section:nth-child(odd) {
	background-color: #eff2f1;
}

.topsDetailArea>section:nth-child(even) {
	background-color: #edebe6;
}

.topsDetailArea .topsBox {
	position: relative;
}

@media (min-width: 768px) {
	.topsDetailArea .topsBox .ttlBox {
		position: absolute;
		left: 370px;
		top: 0;
	}
}

@media (max-width: 767px) {
	.topsDetailArea .topsBox .ttlBox .ttlVolleyLv4 {
		padding-top: 6vw;
		padding-bottom: 6vw;
	}
}

.topsDetailArea .topsBox .imgBox {
	order: 1;
}

.topsDetailArea .topsBox .imgBox figure{
	border-radius: 10px;
	overflow: hidden;
}

.topsDetailArea .topsBox .descBox {
	order: 2;
	padding-top: 50px;
}

.topsDetailArea .topsBox .descBox .linkBtnArea {
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.topsDetailArea .topsBox .descBox p {
		padding: 6vw 0;
	}

	.topsDetailArea .topsBox .descBox .linkBtnArea {
		margin: 0 0 10vw;
	}
}