@charset "utf-8";

section#pageMv {
	background: url("/2024/wp-content/themes/jc2024/images/event_wanpaku-sumo_mv.webp") 50% 50% no-repeat;
	background-size: cover;
}

section#wanpakuSumo {
}
section#wanpakuSumo h3.title01 {
	margin-top: 80px;
}
section#wanpakuSumo h4.title02 {
	margin-top: 50px;
}

section#wanpakuSumo div#wanpakuSumoPhotoList {
	display: flex;
	justify-content: space-between;
}
section#wanpakuSumo div#wanpakuSumoPhotoList div {
	width: 47.5%;
}

section#wanpakuSumo ul.wanpakuSumoButtonList {
}
section#wanpakuSumo ul.wanpakuSumoButtonList li.linkBtn {
}
section#wanpakuSumo ul.wanpakuSumoButtonList li.linkBtn a {
	margin-top: 20px;
}
section#wanpakuSumo ul.wanpakuSumoButtonList li.linkBtn:first-child a {
	margin-top: 0;
}

section#wanpakuSumo ul#wanpakuSumoYoutubeList {
	display: flex;
	flex-wrap: wrap;
}
section#wanpakuSumo ul#wanpakuSumoYoutubeList li {
	width: calc(calc(100% - 50px) / 3);
	margin: 25px 25px 0 0;
}
section#wanpakuSumo ul#wanpakuSumoYoutubeList li:first-child,
section#wanpakuSumo ul#wanpakuSumoYoutubeList li:nth-child(2),
section#wanpakuSumo ul#wanpakuSumoYoutubeList li:nth-child(3) {
	margin-top: 0;
}
section#wanpakuSumo ul#wanpakuSumoYoutubeList li:nth-child(3n) {
	margin-right: 0;
}



/* タブレット用
------------------------------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:1279px) {
	section#wanpakuSumo ul#wanpakuSumoYoutubeList li {
		width: calc(calc(100% - 25px) / 2);
	}
	section#wanpakuSumo ul#wanpakuSumoYoutubeList li:nth-child(3) {
		margin-top: 25px;
	}
	section#wanpakuSumo ul#wanpakuSumoYoutubeList li:nth-child(3n) {
		margin-right: 25px;
	}
	section#wanpakuSumo ul#wanpakuSumoYoutubeList li:nth-child(even) {
		margin-right: 0;
	}
}



/* スマホ用
------------------------------------------------------------------------------------ */
@media screen and (max-width:767px) {
	section#wanpakuSumo h3.title01 {
		margin-top: 50px;
	}
	section#wanpakuSumo h4.title02 {
		margin-top: 30px;
	}

	section#wanpakuSumo div#wanpakuSumoPhotoList {
		display: block;
	}
	section#wanpakuSumo div#wanpakuSumoPhotoList div {
		width: 100%;
		margin-top: 20px;
	}
	section#wanpakuSumo div#wanpakuSumoPhotoList div:first-child {
		width: 100%;
		margin-top: 0;
	}

	section#wanpakuSumo ul#wanpakuSumoYoutubeList {
		display: block;
	}
	section#wanpakuSumo ul#wanpakuSumoYoutubeList li {
		width: 100%;
		margin: 25px 0 0 0;
	}
	section#wanpakuSumo ul#wanpakuSumoYoutubeList li:nth-child(2),
	section#wanpakuSumo ul#wanpakuSumoYoutubeList li:nth-child(3) {
		margin-top: 25px;
	}
}