@charset "utf-8";

/* archive */
.archive_works .page_top{background:url(/img/common/h1_works.jpg) no-repeat center/cover;}

.works_search{
	margin-bottom:60px;
	border-radius:10px;
	overflow:hidden;
}
.search_top_head{
	padding:0;
	margin:0;
}
.search_acc_btn{
	display:block;
	position:relative;
	width:100%;
	padding:20px 85px 20px 75px;
	background:#2F880C url(/img/common/icon_search.svg) no-repeat center left 40px;
	color:#fff !important;
	font-family:var(--font_noto);
	font-size:2rem;
	font-weight:bold;
	letter-spacing:2px;
	line-height:3rem;
	text-align:left;
	cursor:pointer;
	transition:background 0.3s;
}
.search_acc_btn.open::after{opacity:0;}
.search_acc_btn:hover{background-color:#1C6807;}
.search_acc_btn::before, .search_acc_btn::after{
	content:'';
	position:absolute;
	top:0;
	right:30px;
	bottom:0;
	width:25px;
	height:3px;
	margin:auto;
	background:#fff;
}
.search_acc_btn::after{
	transform:rotate(90deg);
	transition:opacity 0.3s;
}
.search_box{
	display:none;
	padding:10px 50px 40px;
	background:#E9FAD2;
}
.search_head{
	padding:0;
	margin:30px 0 20px;
	border:none;
	font-size:1.9rem;
	letter-spacing:1.9px;
	line-height:2.7rem;
}
.check_area{
	display:flex;
	align-items:center;
	padding:30px 20px;
	margin-bottom:20px;
	background:#fff;
}
.check_parent{
	display:flex;
	align-items:center;
	width:20%;
	padding:0 15px;
}
.check_parent .check_label{font-weight:bold;}
.check_parent .check_label input{
	top:5px;
	left:0;
}
.check_child{width:80%;}
.check_list{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	padding:0;
	margin:0;
}
.check_item{
	list-style:none;
	padding:14px 10px 0;
	margin:0;
	border-left:1px dotted #ccc;
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.check_item:nth-child(-n+4){padding-top:0;}
.check_label{
	display:inline-block;
	position:relative;
	padding-left:20px;
	cursor:pointer;
}
.check_label input{
	position:absolute;
	top:3px;
	left:0;
	width:15px;
	height:15px;
	cursor:pointer;
}
.year_slider{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:26px 20px;
	background:#fff;
}
.slider_item{
	width:360px;
	margin:0 35px;
}
#input_from, #input_to{
	width:90px;
	padding:8px 2px 8px 10px;
	border:1px solid #ccc;
	border-radius:4px;
	font-weight:500;
	letter-spacing:1.28px;
	line-height:2rem;
	-webkit-appearance:none;
	appearance:none;
}
.noUi-target{border:none;}
.noUi-horizontal{height:10px;}
.noUi-connect{background:#65C206;}
.noUi-horizontal .noUi-handle{top:-9px;}
.noUi-tooltip{display:none;}
.keyword_box{
	padding:20px;
	background:#fff;
}
.input_keyword{
	display:block;
	width:100%;
	padding:13px 18px 14px;
	border:1px solid #ccc !important;
	border-radius:4px;
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2rem;
}
.input_keyword::placeholder{color:#DCDCDC;}
.submit_area{
	position:relative;
	margin:35px 0 0;
}
.search_box .link_btn{
	width:200px;
	margin:auto;
	cursor:pointer;
}
.reset_btn{
	position:absolute;
	top:20px;
	right:0;
	padding:0 0 0 15px;
	color:#333 !important;
	font-family:var(--font_noto);
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
	text-decoration:none !important;
	cursor:pointer;
}
.reset_btn:hover{text-decoration:underline !important;}
.reset_btn::before, .reset_btn::after{
	content:'';
	position:absolute;
	top:2px;
	bottom:0;
	left:-2px;
	width:14px;
	height:1px;
	margin:auto;
	background:#333;
}
.reset_btn::before{transform:rotate(45deg);}
.reset_btn::after{transform:rotate(-45deg);}

.search_result{
	padding:35px 50px 40px;
	margin-bottom:60px;
	background:#E9FAD2;
}
.result_head{
	padding:0;
	margin:0 0 20px;
	background:none;
	font-size:1.7rem;
	letter-spacing:1.7px;
	line-height:2.5rem;
}
.result_table th, .result_table td{
	font-size:1.5rem;
	letter-spacing:1.8px;
	line-height:2.7rem;
}
.result_table td{background:#fff;}
.search_result .link_btn{
	width:240px;
	padding:16px 20px;
	margin:auto;
}
.search_result .link_btn::after{display:none;}

.result_count{
	font-size:1.3rem;
	font-weight:bold;
	letter-spacing:1.3px;
	line-height:1.9rem;
	margin-bottom:15px;
}
.result_count span{
	font-size:2.4rem;
	letter-spacing:2.4px;
	line-height:3.5rem;
	margin-right:2px;
}


/* single */
.single_works .page_top{flex-direction:column;}

.works_slide{background:#FAF7F0;}
.works_slide_list{
	padding:0 185px;
	margin-bottom:20px;
}
.works_slide .slick-list{
	max-height:473px;
	height:calc((var(--vw_100) - 370px) * 0.75);
}
.works_slide .slick-track{height:100%;}
.works_slide .slick-arrow{
	z-index:1;
	top:0;
	bottom:0;
	width:50px;
	height:50px;
	margin:auto;
	background:#fff !important;
	border:3px solid #ddd;
	border-radius:50%;
	transform:none;
	transition:border 0.3s;
}
.works_slide .slick-prev{
	left:-25px;
	transform:rotate(180deg);
}
.works_slide .slick-next{right:-25px;}
.works_slide .slick-arrow:hover{border-color:#65C206;}
.works_slide .slick-arrow::before{display:none;}
.works_slide .slick-arrow::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:3px;
	width:12px;
	height:16px;
	margin:auto;
	background:url(/img/common/arrow_r_green.svg) no-repeat center/cover;
}
.works_slide .slick-arrow:hover::after{animation:arrow_slide 0.3s forwards cubic-bezier(0.75,0,0.2,1);}
@keyframes arrow_slide{
	0%{
		right:0;
		opacity:1;
	}
	60%{
		right:-10px;
		opacity:0;
	}
	61%{
		right:10px;
		opacity:0;
	}
	100%{
		right:0;
		opacity:1;
	}
}
.works_slide_item{
	position:relative;
	list-style:none;
	margin:0;
}
.works_pic{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-height:100%;
	margin:auto;
}
.works_nav_slide_list{
	padding:0;
	margin:0 -5px;
}
.works_nav_slide_list .slick-track{
	display:flex;
	justify-content:center;
}
.works_nav_slide_list .slick-track.fixed{transform:none !important;}
.works_nav_slide_list .slick-arrow{display:none !important;}
.works_nav_slide_item{
	position:relative;
	list-style:none;
	width:91px !important;
	padding-bottom:calc(91px * 0.75);
	margin:0 5px;
	cursor:pointer;
	opacity:0.5;
	transition:opacity 0.3s;
}
.works_nav_slide_item:hover,
.works_nav_slide_item.slick-current, .works_nav_slide_item.is-active-next{
	opacity:1;
}
.works_nav_slide_item::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:3px solid #65C206;
	border-radius:8px;
	opacity:0;
	transition:opacity 0.3s;
}
.works_nav_slide_item.slick-current::after, .works_nav_slide_item.is-active-next::after{opacity:1;}
.works_nav_pic{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:8px;
	object-fit:cover;
}

.single_works .content_area{padding-bottom:80px;}
.content_box{
	max-width:800px;
	margin:auto;
}
.content_box th{width:200px;}

.related_post_area{
	padding:70px 20px 45px;
	background:#E9FAD2;
}
.related_post_box{
	max-width:1000px;
	margin:auto;
}
.related_post_head{
	padding:0;
	margin:0 0 30px;
	background:none;
	letter-spacing:3px;
	text-align:center;
}
.works_btn{margin-top:35px;}
.works_btn .link_btn{margin:auto;}


@media screen and (max-width:1080px){

/* single */
.works_slide .slick-prev{left:10px;}
.works_slide .slick-next{right:10px;}

}


@media screen and (max-width:1024px){

/* archive */
.works_search{margin-bottom:55px;}

}


@media screen and (min-width:768px) and (max-width:1024px){

/* archive */
.search_acc_btn{
	padding:17px 85px 17px 65px;
	background-position:center left 30px;
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.6rem;
}
.search_box{padding:10px 20px 40px;}
.search_head{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
}
.check_area{padding:25px 20px;}
.check_parent{
	width:25%;
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.check_parent .check_label input{top:3px;}
.check_child{width:75%;}
.check_list{grid-template-columns:repeat(3, 1fr);}
.check_item{
	padding-top:16px !important;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
}
.check_item:nth-child(-n+3){padding-top:0 !important;}
.input_keyword{
	font-size:1.4rem;
	letter-spacing:1.4px;
}
.submit_area{margin-top:30px;}
.reset_btn{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.search_result{
	padding-right:20px;
	padding-left:20px;
	margin-bottom:55px;
}
.result_head{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
}
.result_table th, .result_table td{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.1rem;
}
.result_table th{width:180px;}
.result_count span{
	font-size:2.3rem;
	letter-spacing:2.3px;
	line-height:3.4rem;
}


/* single */
.single_works .content_area{padding-bottom:60px;}
.works_slide .slick-arrow{
	width:45px;
	height:45px;
}
.works_slide_list{padding:0 80px;}
.works_slide .slick-list{height:calc((var(--vw_100) - 200px) * 0.75);}
.works_nav_slide_list{
	max-width:720px;
	margin:auto;
}
.works_nav_slide_item{
	width:80px !important;
	padding-bottom:calc(80px * 0.75);
}
.related_post_area{padding:55px 20px 15px;}
.related_post_head{letter-spacing:2.5px;}
.works_btn{margin-top:30px;}

}


@media screen and (max-width:767px){

/* archive */
.archive_works .page_top{margin-bottom:70px;}
.search_acc_btn{
	padding:12px 65px 14px 45px;
	background-position:center left 15px;
	background-size:21px;
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
}
.search_acc_btn::before, .search_acc_btn::after{
	right:20px;
	width:19px;
}
.search_box{padding:5px 20px 25px;}
.search_head{
	margin:20px 0 15px;
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.check_area{
	display:block;
	padding:18px 20px 10px;
	margin-bottom:10px;
}
.check_parent{
	display:block;
	width:auto;
	padding:0 0 12px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.check_parent .check_label input{top:4px;}
.check_child{width:auto;}
.check_list{grid-template-columns:repeat(2, 1fr);}
.check_item{
	padding:0 !important;
	margin:0 10px 13px 0;
	border:none;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
}
.check_label input{
	width:14px;
	height:14px;
}
.year_slider{
	position:relative;
	padding:30px 20px 90px;
	margin-bottom:20px;
}
.year_slider::after{
	content:'～';
	position:absolute;
	right:0;
	bottom:31px;
	left:0;
	width:20px;
	height:20px;
	margin:auto;
	font-size:1.2rem;
	letter-spacing:0.96px;
	text-align:center;
}
.slider_item{margin:0 17px;}
#input_from, #input_to{
	position:absolute;
	right:0;
	bottom:20px;
	left:0;
	padding:10px 2px 10px 12px;
	margin:auto;
	font-size:1.4rem;
	letter-spacing:1.4px;
}
#input_from{right:145px;}
#input_to{left:145px;}
.keyword_box{padding:15px;}
.input_keyword{
	padding:14px 18px 15px;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
}
.submit_area{
	margin-top:25px;
	text-align:center;
}
.search_box .link_btn{width:185px;}
.reset_btn{
	display:inline-block;
	position:relative;
	top:auto;
	right:auto;
	margin-top:20px;
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.search_result{padding:25px 20px;}
.result_head{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
	margin-bottom:15px;
}
.result_table th, .result_table td{
	display:table-cell;
	padding:14px 15px;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:2rem;
}
.result_table th{
	width:105px;
	border-right:none;
	border-bottom:1px solid #D3CCC0;
}
.result_count{
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:1.7rem;
}
.result_count span{
	font-size:2.1rem;
	letter-spacing:2.1px;
	line-height:3rem;
}


/* single */
.single_works .content_area{padding-bottom:50px;}
.works_slide_list{
	padding:0;
	margin-bottom:40px !important;
}
.works_slide .slick-arrow{
	top:auto;
	bottom:-86px;
	width:40px;
	height:40px;
	border-width:2px;
}
.works_slide .slick-prev{left:0;}
.works_slide .slick-next{right:0;}
.works_slide .slick-arrow::after{
	left:0;
	width:9px;
	height:12px;
}
.works_slide .slick-list{height:calc((var(--vw_100) - 40px) * 0.75);}
.works_slide .slick-dots{
	display:flex;
	justify-content:center;
	right:0;
	bottom:-23px;
	left:0;
}
.works_slide .slick-dots li{
	width:6px;
	height:6px;
	margin:0 6px;
	border-radius:50%;
	overflow:hidden;
}
.works_slide .slick-dots li button{
	width:6px;
	height:6px;
	padding:0;
	background:#E2DED5;
}
.works_slide .slick-dots .slick-active button{background:#65C206;}
.works_slide .slick-dots li button::before{display:none !important;}
.works_nav_slide_list{
	max-width:480px;
	margin:auto;
}
.works_nav_slide_item{
	width:70px !important;
	padding-bottom:calc(70px * 0.75);
}
.works_nav_slide_item::after{
	border-radius:5px;
	border-width:2px;
}
.works_nav_pic{border-radius:5px;}
.content_box th, .content_box td{
	display:table-cell;
	padding:12px 12px 13px;
}
.content_box th{
	width:90px;
	border-right:none;
	border-bottom:1px solid #D3CCC0;
}
.related_post_area{padding:45px 20px 35px;}
.related_post_head{letter-spacing:2px;}

}


@media screen and (max-width:600px){

/* single */
.works_nav_slide_list{max-width:240px;}

}