@charset "UTF-8";

/*
動画一覧
-----------------------------------------------------------------------------------------------*/
.listMovie{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;

	> li{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 10px;
		width: calc((100% - 30px)/2);

		video {
			width: 100%;
		}

		.caption{
			font-size: 1.4rem;
			text-align: justify;
		}
	}
}


/*
	iPhone13ランドスケープ セーフエリア
	（SafeLandLeft：47　/　SafeLandRight：47）
	844 - 94 = 750　※750px以上でPC表示
-----------------------------------------------------------------------------------------------*/
@media screen and (width < 750px){
	.listMovie{
		flex-direction: column;
		gap: 30px;

		> li{
			width: 100%;

			video {
				width: 100%;
			}

			.caption{
				font-size: 1.2rem;
			}
		}
	}
}