@charset "UTF-8";
.movie_cate_box{
	margin-bottom:20px;
	text-align:left;
	background-color:#795;
	font-size:14rem;
	line-height:1.005;
	color:#fff;
	font-weight:normal;
	padding:0.5em;
}
.movie_box{
	text-align: left;
	margin-bottom: 60px;
	padding:0 0;
}
.movie_box_inner{
	display: flex;
}
.movie_box h2{
	font-weight: normal;
	font-size: 20rem;
	line-height: 1.5;
	margin-bottom: 20px;
	padding:0 0 15px 0;
	border-bottom:dotted 1px #666;
}
.movie_box p{
	font-weight: normal;
	font-size: 15rem;
	line-height: 1.8;
}

.movie_box_inner{
	flex-direction:row-reverse;
}
.movie_box_embed{
	width: 50%;
}
.movie_box_embed .movie_box_youtube{
  position: relative;
	width:100%;
  padding-top: 56.25%;
}
.movie_box_embed .movie_box_youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.movie_box_com{
	width: 50%;
	box-sizing: border-box;
	padding-right:20px;
}
.movie_box_comtime{
	margin-bottom: 10px;
	font-size: 15rem;
}
.movie_box_comtime span:first-of-type{
	display: inline-block;
	background-color: #573;
	color:#fff;
	padding:0.5em 0.5em;
	border-radius:2px;
	margin-right:5px;
	line-height:1.005;
}
.top_movie_cate{
	padding-bottom:0.2em;
	margin-bottom:0.2em;
	font-size:16rem;
	line-height:1.4;
	color:#360;
	font-weight:bold;
	border-bottom: solid 1px #ccc;
}
.movie_box_com .kuwashiku_link{
	text-align:center;
}
.movie_box_com .kuwashiku_link a{
	display:inline-block;
	background-color:#795;
	font-size:14rem;
	line-height:1.005;
	padding:0.5em 1em;
	border-radius:3px;
	margin-top:0.5em;
	transition:ease-out 0.2s;
	color:#fff;
}
.movie_box_com .kuwashiku_link a:hover{
	background-color: #8a6;
}


.movie_cate_list{
	border:solid 1px #ccc;
	padding:10px;
	margin-bottom: 30px;
}
.movie_cate_list .movie_cate_st{
	font-size:20rem;
	line-height:1.005;
	padding:0.5em 0;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
}
.movie_cate_list .movie_cate_st span{
	display: inline-block;
	font-size:14rem;
	font-weight: normal;
}
.movie_cate_list .movie_cate_st span::after{
	content: "］";
}
.movie_cate_list .movie_cate_st span::before{
	content: "［";
}
.movie_cate_list ul{
	display: flex;
	flex-wrap:wrap;
}
.movie_cate_list li{
	margin:0 0.2%;
}
.movie_cate_list a{
	display:block;
	background-color:#795;
	font-size:18rem;
	line-height:1.005;
	padding:0.5em 1em;
	border-radius:3px;
	margin-top:0.5em;
	transition:ease-out 0.2s;
	color:#fff;
	position: relative;
	white-space: nowrap;
}
.movie_cate_list a:hover{
	background-color: #8a6;
}
.movie_cate_list a::before{
	content: "";
	position: absolute;
	border-left:8px solid #fff;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	top:50%;
	left:0.2em;
	margin-top: -5px;
	transition:ease-out 0.2s;
}
.movie_cate_list a:hover::before{
	border-left:8px solid #f9f099;
	left:0.5em;
}
.movie_cate_list li.current a{
	background-color:#960;
}

/*-----767以下-----*/
@media (max-width: 767px) {
	.movie_box{
		margin-bottom: 40px;
		padding:0;
	}
	.movie_box_inner{
		display: block;
	}
	.movie_box h2{
		font-size: 18rem;
		margin-bottom: 10px;
		padding:0 0 5px 0;
	}
	.movie_box p{
		font-weight: normal;
		font-size: 14rem;
	}

	.movie_box_embed{
		width: auto;
		margin: 0 5% 15px 5%;
	}
	.movie_box_com{
		width: auto;
		padding-right:0;
	}
	.movie_box_comtime{
		font-size: 14rem;
	}
	.top_movie_cate{
		padding-bottom:0.2em;
		margin-bottom:0.2em;
		font-size:16rem;
		line-height:1.4;
		color:#360;
		font-weight:bold;
		border-bottom: solid 1px #ccc;
	}

	.movie_cate_list .movie_cate_st{
		font-size:16rem;
		padding:0.5em 0;
	}
	.movie_cate_list .movie_cate_st span{
		display: none;
	}
	.movie_cate_list ul{
		display: block;
	}
	.movie_cate_list li{
		margin:0 0.2%;
	}
	.movie_cate_list a{
		display:block;
		font-size:16rem;
		text-align: left;
		white-space: normal;
	}

}