@charset "utf-8";
/*********************************************************************
 *
 *  For ブログ 一覧
 *
*********************************************************************/

/* ---------------------------------------------------- */
/* areaContents */
/* ---------------------------------------------------- */
#areaContents {
	padding-bottom: 0;
}

/* ---------------------------------------------------- */
/* sec_mv_wrap */
/* ---------------------------------------------------- */
.term-movie .sec_mv_wrap {
	padding-top: 140px;
	padding-bottom: 140px;
	color: #FFF;
	background-image: url(../img/mv_bg_1.jpg);
	background-position: center;
	background-size: cover;
}

@media (max-width: 767px) {
    .term-movie .sec_mv_wrap{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* ---------------------------------------------------- */
/* sec_search_wrap */
/* ---------------------------------------------------- */
.sec_search_wrap {
	padding-top: 70px;
	padding-bottom: 60px;
}

.sec_search_wrap .list_terms>ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-bottom: -20px;
}

.sec_search_wrap .list_terms>ul>li {
	margin-right: 20px;
	margin-bottom: 20px;
	width: calc(33.33% - 20px);
}

.sec_search_wrap .list_terms a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	color: #E03B57;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius: 10px;
	border: 2px solid #E03B57;
}

.sec_search_wrap .list_terms .current-cat a,
.sec_search_wrap .list_terms a:hover {
	color: #FFF !important;
	background-color: #E03B57;
}

.sec_search_wrap .list_terms .all a {
	color: #000;
	border-color: #000;
}

.sec_search_wrap .list_terms .all.current-cat a,
.sec_search_wrap .list_terms .all a:hover {
	background-color: #000;
}

.sec_search_wrap .list_terms .cat-item-66 a {
	color: #0089D2;
	border-color: #0089D2;
}

.sec_search_wrap .list_terms .cat-item-66.current-cat a,
.sec_search_wrap .list_terms .cat-item-66 a:hover {
	background-color: #0089D2;
}

.sec_search_wrap .list_terms .cat-item-67 a {
	color: #8CB808;
	border-color: #8CB808;
}

.sec_search_wrap .list_terms .cat-item-67.current-cat a,
.sec_search_wrap .list_terms .cat-item-67 a:hover {
	background-color: #8CB808;
}

@media (max-width: 767px) {
	.sec_search_wrap {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.sec_search_wrap .list_terms>ul {
		display: flex;
		flex-wrap: wrap;
		margin-right: -10px;
		margin-bottom: -10px;
	}

	.sec_search_wrap .list_terms>ul>li {
		margin-right: 10px;
		margin-bottom: 10px;
		width: calc(50% - 10px);
	}

	.sec_search_wrap .list_terms a {
		font-size: 1.4rem;
	}
}

/* ---------------------------------------------------- */
/* sec_archive_wrap */
/* ---------------------------------------------------- */
.sec_archive_wrap {
	padding-top: 60px;
	padding-bottom: 100px;
	background-color: #F1F1F1;
	background-image: url(../../common/img/bg/line_1.png);
	background-size: 21px auto;
	background-position: center;
}

.sec_archive_wrap .archive_wrap>ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: -25px;
	margin-bottom: -25px;
}

.sec_archive_wrap .archive_wrap>ul>li {
	margin-right: 25px;
	margin-bottom: 25px;
	width: calc(33.33% - 25px);
}

@media (max-width: 767px) {
	.sec_archive_wrap {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.sec_archive_wrap .archive_wrap>ul {
		margin-right: 0;
		margin-bottom: -20px;
	}

	.sec_archive_wrap .archive_wrap>ul>li {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
}



/* ---------------------------------------------------- */
/* list_monthly */
/* ---------------------------------------------------- */
.list_monthly {
	position: relative;
	margin: 0 auto 60px;
	width: 440px;
	z-index: 10;
}

.list_monthly .btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	height: 50px;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 500;
	background-color: #000;
	transition: 0.3s ease-in-out;
}

.list_monthly .btn::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: translateY(-50%) rotate(135deg);
	transition: 0.3s ease-in-out;
}

.list_monthly.is_show .btn::after {
	transform: translateY(-50%) rotate(-45deg);
}

.list_monthly ul {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	padding: 20px 50px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.85);
}

.list_monthly ul li+li {
	margin-top: 10px;
}

.list_monthly ul a {
	position: relative;
	padding-left: 20px;
	color: #FFF;
}

.list_monthly ul a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: translateY(-50%) rotate(45deg);
	transition: 0.3s ease-in-out;
}

.list_monthly ul a:hover {
	opacity: 0.6;
}

@media (min-width: 768px) {
	.list_monthly .btn:hover {
		background-color: #585858;
	}
	
}

@media (max-width: 767px) {
	.list_monthly {
		margin: 0 auto 30px;
		width: 90%;
	}

	.list_monthly ul {
		padding: 20px 20px;
	}


}






/* ---------------------------------------------------- */
/* sec_archive_wrap_2 */
/* ---------------------------------------------------- */
.sec_archive_wrap_2 {
	padding-top: 60px;
	padding-bottom: 100px;
}

.sec_archive_wrap_2 .archive_wrap>ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: -25px;
	margin-bottom: -25px;
}

.sec_archive_wrap_2 .archive_wrap>ul>li {
	margin-right: 25px;
	margin-bottom: 25px;
	width: calc(50% - 25px);
}

@media (max-width: 767px) {
	.sec_archive_wrap_2 {
		margin: 0 -20px;
		padding-top: 30px;
		padding-bottom: 50px;
	}
	
	.sec_archive_wrap_2 .archive_wrap>ul {
		display: flex;
		flex-wrap: wrap;
		margin-right: 0;
		margin-bottom: -25px;
	}
	
	.sec_archive_wrap_2 .archive_wrap>ul>li {
		margin-right: 0;
		margin-bottom: 25px;
		width:100%;
	}
	
}