@charset "utf-8";

.select_box{width:220px;}
.select_name{display:none;}
.select_item{
	position:relative;
	border:1px solid #ddd;
}
.select_item.cate_select{display:none;}
.select_item::after{
	content:'';
	position:absolute;
	top:2px;
	right:14px;
	bottom:0;
	width:10px;
	height:5px;
	margin:auto;
	background:url(/img/common/arrow_drop.svg) no-repeat center;
}
.select_item_in{
	display:block;
	width:100%;
	padding:12px 40px 13px 12px;
	background:#fff;
	color:#333 !important;
	font-family:var(--noto);
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:2.4rem;
	cursor:pointer;
}

.post_search_box{
	margin-bottom:60px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.search_box_head{margin:0;}
.search_box_in{
	display:none;
	padding:20px 0 30px;
}
.search_acc_btn{
	display:block;
	position:relative;
	width:100%;
	padding:13px 70px 14px 35px;
	background:url(/img/common/icon_search.svg) no-repeat center left 15px;
	color:#333 !important;
	font-family:var(--font_noto);
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:3.2rem;
	text-align:left;
	cursor:pointer;
	transition:background 0.3s;
}
.search_acc_btn.open::after{opacity:0;}
.search_acc_btn:hover{background-color:#F5F5F5;}
.search_acc_btn::before, .search_acc_btn::after{
	content:'';
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	width:19px;
	height:1px;
	margin:auto;
	background:#333;
}
.search_acc_btn::after{
	transform:rotate(90deg);
	transition:opacity 0.3s;
}
.input_keyword{
	display:block;
	width:100%;
	padding:17px 25px;
	margin-bottom:30px;
	border:1px solid #ddd !important;
	letter-spacing:1.28px;
}
.input_keyword::placeholder{color:#ccc;}
.submit_area{position:relative;}
.reset_btn{
	position:absolute;
	top:21px;
	right:0;
	padding:0 0 0 15px;
	color:#333 !important;
	font-family:var(--font_noto);
	font-size:1.3rem;
	letter-spacing:1.04px;
	line-height:1.9rem;
	text-decoration:none !important;
	cursor:pointer;
}
.reset_btn:hover{text-decoration:underline !important;}
.reset_btn::before, .reset_btn::after{
	content:'';
	position:absolute;
	top:1px;
	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 40px 20px;
	margin:55px 0 60px;
	background:#F5F5F5;
}
.result_head{
	font-size:1.8rem;
	letter-spacing:0.9px;
	line-height:2.6rem;
	margin:0 0 15px;
}
.result_list{
	padding:0;
	margin-bottom:30px;
}
.result_item{
	list-style:none;
	background:#fff;
	margin-bottom:10px;
}
.result_item_in{
	display:flex;
	align-items:flex-start;
	padding:17px 0 19px;
}
.result_cate{
	flex-shrink:0;
	width:155px;
	padding:0 25px;
	font-weight:bold;
}
.result_data{
	position:relative;
	width:100%;
	padding:0 40px;
}
.result_data::before{
	content:'';
	position:absolute;
	top:4px;
	left:0;
	width:1px;
	height:calc(100% - 5px);
	background:#333;
}

.result_count{
	font-size:1.2rem;
	letter-spacing:0.96px;
	line-height:1.7rem;
}
.result_count span{
	font-size:2.4rem;
	font-weight:bold;
	letter-spacing:1.92px;
	line-height:3.5rem;
}

.wp-pagenavi{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	margin-top:50px;
}
.wp-pagenavi span, .wp-pagenavi a{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	width:34px;
	height:34px;
	margin:0 7px;
	border-radius:50%;
	font-weight:bold;
	letter-spacing:1.28px;
	text-decoration:none !important;
	transition:background 0.3s, color 0.3s;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover,
.wp-pagenavi .current{
	background:#094;
	color:#fff;
}
.wp-pagenavi .extend{padding-bottom:8px;}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{
	position:absolute;
	top:5px;
	width:auto;
	height:auto;
	margin:0;
	border-radius:0;
	font-size:1.5rem;
	font-weight:normal;
	letter-spacing:1.2px;
	line-height:2.1rem;
	text-decoration:underline !important;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover{
	text-decoration:none !important;
}
.wp-pagenavi .previouspostslink{
	left:0;
	padding-left:15px;
	background:url(/img/common/arrow_l.svg) no-repeat center left;
}
.wp-pagenavi .nextpostslink{
	right:0;
	padding-right:15px;
	background:url(/img/common/arrow_r.svg) no-repeat center right;
}


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

.select_box{width:200px;}

.post_search_box{margin-bottom:50px;}
.search_acc_btn{
	padding:11px 70px 12px 35px;
	font-size:1.5rem;
	letter-spacing:1.2px;
}
.input_keyword{
	font-size:1.5rem;
	letter-spacing:1.2px;
	line-height:2.2rem;
}

.search_result{
	padding:30px 30px 20px;
	margin:45px 0 50px;
}
.result_head{
	font-size:1.7rem;
	letter-spacing:0.85px;
	line-height:2.5rem;
}
.result_item_in{padding:16px 0 17px;}
.result_cate{
	width:130px;
	padding:0 20px;
}
.result_data{padding:0 30px;}

.result_count span{
	font-size:2.2rem;
	letter-spacing:1.76px;
	line-height:3.2rem;
}

.wp-pagenavi{margin-top:40px;}

}


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

.input_keyword{
	padding:16px 20px;
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2rem;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{
	font-size:1.4rem;
	letter-spacing:1.12px;
}

}


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

.select_box{width:auto;}
.select_box_in{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	max-width:400px;
	margin:auto;
}
.select_name{
	display:block;
	width:75px;
	margin-bottom:10px;
	font-size:1.3rem;
	font-weight:bold;
	letter-spacing:1.04px;
	line-height:1.9rem;
}
.select_item{
	width:calc(100% - 75px);
	margin-bottom:10px;
}
.select_item.cate_select{display:block;}
.select_item::after{
	top:0;
	right:20px;
}
.select_item_in{padding:14px 50px 14px 10px;}

.post_search_box{margin-bottom:35px;}
.search_acc_btn{
	padding:6px 60px 8px 30px;
	background-position:center left 10px;
	font-size:1.4rem;
	letter-spacing:1.12px;
}
.search_acc_btn::before, .search_acc_btn::after{right:15px;}
.search_box_in{padding:15px 0 10px;}
.submit_area{text-align:center;}
.reset_btn{
	display:inline-block;
	position:relative;
	top:auto;
	right:auto;
	margin-top:25px;
}

.search_result{
	padding:25px 20px 10px;
	margin:35px 0;
}
.result_head{
	font-size:1.6rem;
	letter-spacing:0.8px;
	line-height:2.4rem;
}
.result_item{margin-bottom:5px;}
.result_item_in{
	font-size:1.3rem;
	letter-spacing:1.04px;
	line-height:1.9rem;
	padding:15px 0 16px;
}
.result_cate{
	width:105px;
	padding:0 15px;
}
.result_data{padding:0 15px;}
.result_data::before{
	top:1px;
	height:100%;
}

.result_count span{
	font-size:2rem;
	letter-spacing:1.6px;
	line-height:2.9rem;
}

.wp-pagenavi{
	padding-bottom:50px;
	margin-top:25px;
}
.wp-pagenavi::after{
	content:'';
	position:absolute;
	right:0;
	bottom:-6px;
	left:0;
	width:1px;
	height:30px;
	margin:auto;
	background:#ddd;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{
	top:auto;
	bottom:0;
}

}