.movLIST {
	display: flex;
	flex-wrap: wrap;
}
.movLIST .movITEM {
	width: 31.8%;
	margin: 0 5px 10px;
}
.movLIST .movITEM figure {
	margin-bottom: 0px;
	border: 2px solid;
  border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%) 1;
	box-sizing: border-box;
}

.movLIST .movITEM .bg {
	padding: 10px;
	box-sizing: border-box;
}

.movLIST .movITEM .movtitle {
	font-size: clamp(1.4rem, 1.4vw, 1.7rem);
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
}

.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:#644701;
}



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

.movDETAIL .vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
	background-size: cover;
	box-sizing: border-box;
	margin-bottom: 10px;
	
}
.movDETAIL video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
	border: 2px solid;
  border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%) 1;
	box-sizing: border-box;
	
}

.btn-box {
	background: #2f1e0c;
	max-width: 40%;
	margin: 30px auto 0;
}
.btn-box a {
	padding: 15px;
	color:#fff;
	text-align: center;
	display: block;
	font-size: clamp(1.4rem, 1.3vw, 1.6rem);
}


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

.movLIST .movITEM .bg {
	padding: 5px;
	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;
}



.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;
}
.movDETAIL .name a {
	font-weight: 600;
	
}

.movDETAIL .vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
	background-size: cover;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.movDETAIL video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}
.btn-box {
	background: #2f1e0c;
	max-width: 80%;
	margin: 15px auto 0;
}
.btn-box a {
	padding: 15px;
	color:#fff;
	text-align: center;
	display: block;
	font-size: clamp(1.4rem, 1.3vw, 1.6rem);
}

	
}