.movLIST {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.movLIST .movITEM {
	width: 32%;
	margin-bottom: 15px;
	color:#fff;
}
.movLIST .movITEM figure {
	margin-bottom: 0px;
}

.movLIST .movITEM .bg {
	background-image: linear-gradient(0deg, rgba(85, 85, 85, 0) , rgba(0, 0, 0, 0.4)90%);
	padding: 10px;
	box-sizing: border-box;
}

.movLIST .movITEM h3 {
	font-size: clamp(1.5rem, 1.6vw, 1.8rem);
	font-family: "Noto Serif JP", serif;
}

.movLIST .movITEM .name {
	font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}
.movLIST .movITEM .name span {
	font-size: 1.4rem;
}
.movLIST .movITEM .name a {
	text-decoration: underline;
	color:#fff;
}



.movDETAIL h3 {
	font-size: clamp(1.7rem, 2.1vw, 2.4rem);
	padding: 10px 20px;
	color:#fff;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 15px;
	background:rgba(12,200,217,0.6);
}

.movDETAIL .name {
	font-size: clamp(1.5rem, 1.9vw, 2.2rem);
	font-family: "Noto Serif JP", serif;
	color:#fff;
	text-align: center;
	border-bottom: dotted 1px #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.movDETAIL .name a {
	color:#fff;
	font-weight: 600;
	
}

.movDETAIL .vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
padding: 60px 20px;
background: url("../../image/top/movbg.webp");
	background-size: cover;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.movDETAIL video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}



@media screen and (max-width: 834px) {
.movLIST {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.movLIST .movITEM {
	width: 49%;
	margin-bottom: 15px;
	color:#fff;
}
.movLIST .movITEM figure {
	margin-bottom: 0px;
}

.movLIST .movITEM .bg {
	background-image: linear-gradient(0deg, rgba(85, 85, 85, 0) , rgba(0, 0, 0, 0.4)90%);
	padding: 10px;
	box-sizing: border-box;
}

.movLIST .movITEM h3 {
	font-size: 1.4rem;
	font-family: "Noto Serif JP", serif;
}

.movLIST .movITEM .name {
	font-size:1.3rem;
}
.movLIST .movITEM .name span {
	font-size: 1.2rem;
}
.movLIST .movITEM .name a {
	text-decoration: underline;
	color:#fff;
}



.movDETAIL h3 {
	font-size:1.7rem;
	padding: 10px 20px;
	color:#fff;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 10px;
	background:rgba(12,200,217,0.6);
}

.movDETAIL .name {
	font-size: 1.6rem;
	font-family: "Noto Serif JP", serif;
	color:#fff;
	text-align: center;
	border-bottom: dotted 1px #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.movDETAIL .name a {
	color:#fff;
	font-weight: 600;
	
}

.movDETAIL .vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
padding: 20px 20px;
background: url("../../image/top/movbg.webp");
	background-size: cover;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.movDETAIL video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}

	
}