@charset "utf-8";




/*********************
	h2
*********************/
h2{
	width:100%;
	max-width:750px;
	margin:0 auto 20px;
}
@media screen and (max-width: 767px){
	h2{
		
	}
}
/*********************
	.result_wrap
*********************/
.result_wrap{
	width:100%;
	margin:0 auto 100px;
	
}
@media screen and (max-width: 767px){
	
}
/*********************
	.recommend_area
*********************/

.recommend_area{
	width:100%;
	margin:0 auto 100px;
	padding:40px 3%;
	box-sizing:border-box;
	background:#fff;
	border-radius:20px;
}


.recommend_wrap{
	width:100%;
	margin:0 auto;
}

.recommend_box{
	width:100%;
	margin:0 auto;
}
.recommend_box.active{
	display:flex;
	flex-wrap:wrap;
}
.recommend_box .item_box{
	width:49%;
	margin-right:2%;
	margin-bottom:40px;
}
.recommend_box .item_box a{
	display:block;
	width:100%;
}
.recommend_box .item_box a:hover{
	color:#882111;
	transition:.3s;
}
.recommend_box .item_box a:hover img{
	opacity:.7;
}

.recommend_box .item_box:nth-child(even){
	margin-right:0;
}

.recommend_slide{
	display: flex;
    flex-wrap: wrap;
}

.recommend_slide li{
	width:calc(94% / 3);
	margin:0 2% 20px 0;
}
.recommend_slide li:nth-child(3n){
	margin:0 0 20px 0;
}
.recommend_slide li a{
	display: block;
	width:100%;
	font-size:1.6rem;
	font-weight:bold;
}
.recommend_slide li a:hover{
	color:#882111;
	transition:.3s;
}
.recommend_slide li a:hover .item_date{
	color:#882111;
	transition:.3s;
}
.recommend_slide li a:hover img{
	opacity:.7;
}
.recommend_slide li img{
	width:100%;
	height: auto;
	background:#facf4b;
}

.recommend_slide .img_box{
	width:100%;
	border:4px solid #dec694;
	box-sizing:border-box;
	margin:0 auto;
}
.recommend_slide .item_img{
	width:100%;
	margin:0 auto;
	line-height:0;
}
.recommend_slide .img_btm{
	width:100%;
	min-height:30px;
	margin:0 auto 5px;
	position:relative;
}


.recommend_slide .img_btm .label_movie{
	width:100px;
	height:26px;
	line-height:26px;
	background:#facf4b;
	color:#fff;
	text-align:center;
	font-size:1.3rem;
	position:absolute;
	top:0;
	left:0;
}

.img_btm .credit{
	/* width:calc(100% - 120px); */
	color:#bbb;
	font-size:.8rem;
	text-align:right;
	line-height:1.4;
	padding-top:5px;
}

.recommend_slide .ttl{
	width:100%;
	margin:0 auto;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.4;
}


.item_date{
	width:100%;
	margin:0 auto 5px;
	font-size:1.6rem;
	color:#707070;
}
.item_ttl{
	width:100%;
	margin:0 auto;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.4;
}
.item_txt{
	width:100%;
	margin:0 auto;
	font-size:1.4rem;
}

.recommend_slide .ico_movie{
	display:inline-block;
	width:24px;
	height:18px;
	vertical-align:-2px;
	margin-left:5px;
	background-image:url(../images/youtube.svg);
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
	font-size:2.4rem;
	text-indent:100%;
	white-space:nowrap;
	
}
@media screen and (max-width: 767px){
	.recommend_area{
		width:94%;
		padding:20px 2%;
		margin:0 auto 60px;
	}
	.recommend_wrap{
		border-radius:0;
	}
	.recommend_box .item_box{
		width:100%;
		margin:0 auto 30px;
	}
	.recommend_box .item_box:nth-child(even){
		margin:0 auto 30px;
	}

	.recommend_slide li{
		width: 100%;
		margin:0 auto;
	}
	.recommend_slide li a{
		display: block;
		width: 90%;
		margin: 0 auto;
		font-size: 1.4rem;
		font-weight: bold;
		border-bottom: #ccc solid 1px;
		padding:20px 0;
	}
	.recommend_slide .img_btm {
		margin: 0 auto;
	}
	
	.item_box .img_btm{
		min-height:20px;
	}
	.item_box .img_btm .label_movie{
		width:80px;
		height:20px;
		line-height:20px;
		font-size:1.2rem;
	}
	.item_box .img_btm .credit{
		width:calc(100% - 80px);
		margin-left:80px;
	}
	.item_date{
		font-size:1.2rem;
	}
	.recommend_slide .ttl{
		font-size:1.4rem;
	}
	.item_txt{
		font-size:1.2rem;
	}
	.recommend_slide .img_btm .label_movie{
		font-size:1.0rem;
		height:16px;
		line-height:16px;
	}
}


/*********************
	.movie_area
*********************/

.movie_area{
	width:100%;
	margin:0 auto 100px;
}
.movie_slide{
	width:100%;
}
.movie_slide li{
	margin-right:30px;
}
.movie_slide li .movie_wrap{
	width:100%;
	padding-top:56.25%;
	position:relative;
}
.movie_slide li .movie_wrap iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.movie_slide .slick-next{
	top:48%;
}
.movie_slide .slick-prev{
	top:48%;
}



.category_area{
	width:100%;
	margin:0 auto 100px;
}
.category_area h3{
	width:360px;
	margin: 0 auto 20px;
}
.category_list_wrap{
	width:100%;
	margin:0 auto;
	font-size:0;
}
.category_list_wrap .category_list{
	width:100%;
	margin:0 auto 30px;
}
.category_list_wrap li{
	display:inline-block;
	width:18%;
	margin:0 1% 20px;
}
.category_list_wrap li a{
	display:block;
	width:100%;
	padding:15px 5px;
	box-sizing:border-box;
	border-radius:50vh;
	background:#7e8ebf;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
}
.category_list_wrap li a:hover{
	transition:.3s;
	background:#882111;
}
@media screen and (max-width:1200px){
	.category_list_wrap li{
		width:23%;
	}
}
@media screen and (max-width:980px){
	.category_list_wrap li{
		width:48%;
	}
}
@media screen and (min-width: 767px){
	.btn_moreview_category{
		display:none !important;
	}
}
@media screen and (max-width: 767px){
	.category_area h3{
		width:100%;
		margin: 0 auto 20px;
	}
		.category_list_wrap .category_list{
		width:90%;
	}
	.category_list_wrap li{
		width:48%;
	}
	.category_list_wrap li:nth-child(even){
		margin:0 0 20px 0;
	}
	
	.category_list_wrap .category_list li:nth-child(n+7){
		display:none;
	}
	.category_list_wrap .category_list.active li:nth-child(n+7){
		display:inline-block;
	}
	
	.category_list_wrap li a{
		font-size:1.2rem;
	}
}

.search_result {
	width: 100%;
	margin:0 auto 30px;
	box-sizing: border-box;
	font-size: 1.8rem;
	color: #8f8f8f;
	font-weight: bold;
}
.search_result span{
	font-size:1.6rem;
	color: #8f8f8f;
	font-weight: bold;
}

.pagination {
	margin-top: 60px;
}

.wp-pagenavi {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
  }
  .wp-pagenavi a {
	transition: .3s;
  }
  .wp-pagenavi a:hover {
	opacity: .8;
  }
  .wp-pagenavi a:not(.previouspostslink):not(.nextpostslink),
  .wp-pagenavi span:not(.previouspostslink):not(.nextpostslink) {
	padding: 10px 15px;
	font-size: 1.2rem;
	border-left: 1px solid #cccccc;
  }
  .wp-pagenavi a.current,
  .wp-pagenavi span.current {
	position: relative;
  }
  .wp-pagenavi a.current::before,
  .wp-pagenavi span.current::before {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%);
	width: 10px;
	height: 2px;
	background: #cccccc;
	display: block;
  }
  .wp-pagenavi a.extend::before,
  .wp-pagenavi span.extend::before {
	content: "...";
	display: block;
  }
  .wp-pagenavi a .previouspostslink + a.page,
  .wp-pagenavi span .previouspostslink + a.page {
	border-left: none;
  }
  .wp-pagenavi a.previouspostslink,
  .wp-pagenavi a.nextpostslink,
  .wp-pagenavi span.previouspostslink,
  .wp-pagenavi span.nextpostslink {
	position: absolute;
  }
  .wp-pagenavi a.previouspostslink,
  .wp-pagenavi span.previouspostslink {
	top: 0;
	left: 0;
  }
  .wp-pagenavi a.previouspostslink::before,
  .wp-pagenavi span.previouspostslink::before {
	content: "\f137";
	margin-right: 10px;
	font-family: FontAwesome;
	font-size: 3rem;
	display: inline-block;
	vertical-align: -4px;
  }
  .wp-pagenavi a.nextpostslink,
  .wp-pagenavi span.nextpostslink {
	top: 0;
	right: 0;
  }
  .wp-pagenavi a.nextpostslink::after,
  .wp-pagenavi span.nextpostslink::after {
	content: "\f138";
	margin-left: 10px;
	font-size: 3rem;
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: -4px;
  }
  @media screen and (min-width: 768px){
	.program__list__items {
	  -ms-flex-preferred-size: 336px;
	  flex-basis: 333px;
	}
	.program__list__items:not(:nth-child(3n + 1)) {
	  margin-left: 40px;
	}
	.wp-pagenavi a:not(.previouspostslink):not(.nextpostslink),
	.wp-pagenavi span:not(.previouspostslink):not(.nextpostslink) {
	   padding: 12px 30px;
	  font-size: 1.6rem;
	}
	.wp-pagenavi a.current::before,
	.wp-pagenavi span.current::before {
	  width: 20px;
	  height: 3px;
	}
  }

  @media screen and (max-width: 767px){
	.search_result {
		width: 90%;
		margin: 0 auto 10px;	
		box-sizing: border-box;
		font-size: 1.4rem;
		color: #8f8f8f;
		font-weight: bold;
	}
	.previouspostslink,
	.nextpostslink{
		display:none;
	}
	.pagination{
		margin:20px auto;
	}
}

/*********************
	.more_btn
*********************/
.more_btn{
	width:360px;
	margin:0 auto;
}
.more_btn a,
.more_btn span{
	display:block;
	width:100%;
	height:48px;
	line-height:48px;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#333;
	border-radius:50vh;
}
.more_btn a:hover,
.more_btn span:hover{
	background:#882111;
	transition:.3s;
	cursor:pointer;
}
@media screen and (max-width: 767px){
	.more_btn{
		width:80%;
	}
	.more_btn a,
	.more_btn span{
		font-size:1.6rem;
	}
}