@charset "utf-8";
/* CSS Document */
.under_mv{
/*   background: url(../../img/mv.png) no-repeat center; */
  background: url(../img/mv.webp) no-repeat center;  
  background-size: cover;
}
.article {
  padding: 30px 0;
}

.rec_list {
  margin-top: 120px;
  margin-bottom: -50px;
}
.rec_card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
}
.rec_card.single{
	display: block;
	
	& .txt_wrap{
	width: 100%;	
	}
}
.txt_wrap{
width: 55%;	
}
.rec_day{
  font-size: var(--fs-13);
}
.rec_title{
  font-weight: bold;
  font-size: var(--fs-20);
  margin-top: 5px;
  line-height: 1.8;
  text-align: left;
  color: black;
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-ideograph; 
  word-break: break-all;
}
.rec_txt{
  font-size: var(--fs-14);
  margin-top: 10px;
  line-height: 1.8;
  text-align: left;
  color: black;
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-ideograph; 
  word-break: break-all;
  
  & a{
  text-decoration: underline;		  
  }

}
.rec_movie{
width: 43%;
position: relative;
	
	&::before{
	content: "";
	padding-top: 56.25%;
	display: block;	
	}
	
	& iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
	}
	
}
.rec_sub{
  font-weight: bold;
  margin-top: 10px;
}
.com_nav{
  margin-top: 90px;
}
@media screen and ( max-width: 1023px ) {
 .rec_list {
  margin-top: 60px;	  
}
.rec_card {
  display: block;
}
.txt_wrap{
width: 100%;	
}
.rec_movie{
width: 100%;
position: relative;
margin-top: 30px;
}
}
@media screen and ( max-width: 767px ) {
 .rec_list {
  margin-bottom: -30px;
}
  .rec_card {
  margin-bottom: 30px;
}
.rec_movie{
margin-top: 15px;
}
}