@charset "UTF-8";

#page{padding-top:0 !important;}

#page .search_box{padding:75px 0;} 
#page .search_box .search{max-width: 800px; margin: 0 auto;}
#page .search_box .search:after{content:"";display:block;clear:both;}
#page .search_box .search input[type="text"],
#page .search_box .search input[type="submit"]{height:63px;box-sizing:border-box;-webkit-appearance:none;font-size:18px;border:0;margin:0;border-radius:0;}
#page .search_box .search input[type="text"]{float:left;background-color:#ffffff;color:#000000;font-weight:400;width:calc(100% - 155px); border-radius: 10px;padding:0 0.7em;}
#page .search_box .search input[type="submit"]{float:right;background-color:#e25d19;color:#ffffff;font-weight:600;width:145px;cursor:pointer; border-radius: 10px;line-height: 1;}


@media all and (max-width:1350px){
	#page .search_box{padding:5.5556vw 0;} 

}
@media all and (max-width:750px){
	#page .search_box{padding:30px 15px;} 
	#page .search_box .search input[type="text"] {display: block; width: 100%;  margin-bottom: 10px;}
	#page .search_box .search input[type="submit"] {float:none; display: block;width: 150px; height: 54px; margin: 0 auto; font-size: 15px;}


}


/* 
@media all and (max-width:600px){
	#page .search_box{padding:30px;}
	#page .search_box .search input[type="text"],
	#page .search_box .search input[type="submit"]{height:45px;font-size:14px;}
	#page .search_box .search input[type="text"]{width:calc(100% - 125px);}
	#page .search_box .search input[type="submit"]{width:120px;}
}
@media all and (max-width:500px){
	#page .search_box{padding:25px;}
	#page .search_box .search input[type="text"],
	#page .search_box .search input[type="submit"]{height:40px;font-size:13px;}
	#page .search_box .search input[type="text"]{border-width:1px;width:calc(100% - 105px);}
	#page .search_box .search input[type="submit"]{width:100px;}
}
@media all and (max-width:400px){
	#page .search_box{padding:20px;}
	#page .search_box .search input[type="text"],
	#page .search_box .search input[type="submit"]{height:35px;font-size:12px;}
	#page .search_box .search input[type="text"]{width:calc(100% - 85px);}
	#page .search_box .search input[type="submit"]{width:80px;}
}
@media all and (max-width:350px){
	#page .search_box{padding:15px;}
}
@media all and (max-width:300px){
	#page .search_box{padding:10px;}
} */


#page .post_list{}

#page .post_list .result{display: flex;justify-content: center;align-items: center; padding:90px 0 75px;}
#page .post_list .result:after{content:"";display:block;clear:both;}
#page .post_list .result .count{margin-right: 50px;font-size:27px;font-weight:900;color:#ffffff;line-height:1;}
#page .post_list .result .search_target{}
#page .post_list .result .search_target ul{margin:0;padding:0;list-style:none;font-size:18px;font-weight:500;line-height:2em;border-radius:1.1em;}
#page .post_list .result .search_target ul:after{content:"";display:block;clear:both;}
#page .post_list .result .search_target ul li{position:relative;float:left;min-width:5em;}
#page .post_list .result .search_target ul li:nth-child(n+2):before{content:"";display:block;width:2px;height: 17px;background-color:#a2a3a2;position:absolute;left:5%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#page .post_list .result .search_target input[type="radio"]{display:none;}
#page .post_list .result .search_target input[type="radio"] + label{color:#ffffff;display:block;text-align:center;cursor:pointer;}
#page .post_list .result .search_target input[type="radio"]:checked + label{color:#e46c37;font-weight: 600;}



@media all and (max-width:1350px){
	#page .post_list .result{padding:6.6667vw 0 5.5556vw;}
}


@media all and (max-width:750px){
	#page .post_list .result{display: block;text-align: center;}
	#page .post_list .result .count {margin-bottom: 15px;margin-right: 0;font-size: 16px;}
	
	#page .post_list .result .search_target ul {display: inline-block;text-align: center;font-size: 12px;}
	#page .post_list .result .search_target ul li:nth-child(n+2):before{height: 12px;}

}



/* list */
#page .post_list{}
#page .post_list .list{}
#page .post_list .list ul{display: flex;justify-content: start; align-items: center; flex-wrap: wrap; margin:0;padding:0;list-style:none;}
#page .post_list .list ul li{position: relative;width: calc((100% - 40px)/3); margin-bottom: 20px; margin-right: 20px; font-size:24px; box-sizing: border-box; overflow: hidden; border-radius: 20px;}
#page .post_list .list ul li:nth-child(3n) {margin-right: 0;}

#page .post_list .list ul li a{display: flex;flex-direction: column-reverse; width: 100%;height: 100%;text-decoration:none;}
#page .post_list .list ul li a::after{content:"";display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none; background-image: linear-gradient(90deg, rgba(33,35,38,0.6) 0%,rgba(0, 0, 0, 0) 8%,rgba(0, 0, 0, 0) 87%,rgba(33,35,38,0.6) 120%);
}
#page .post_list .list ul li a::before{content:"";display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;
background-image: linear-gradient(180deg, rgba(33,35,38,0.6) 5%,rgba(0, 0, 0, 0) 10%,rgba(0, 0, 0, 0) 80%,rgba(33,35,38,0.6) 110%);
}

#page .post_list .list ul li .text {padding: 30px 30px 0;}
#page .post_list .list ul li .text .category {margin-bottom: 10px;font-size: 20px;color:#e25d19;}
#page .post_list .list ul li .text .title{font-size:27px;font-weight:600;color:#ffffff;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page .post_list .list ul li .text .summary{font-size:17px;color:#ffffff;opacity: 0.8; line-height:1.4; margin-top: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#page .post_list .list ul li .text .regdate{font-size: 17px;color:#ffffff;opacity: 0.6; line-height:1;margin-top:10px;}

#page .post_list .list ul li .thumbnail{margin-top: 25px;background: #efefef url(../img/noimage.png)no-repeat center/cover}
#page .post_list .list ul li .thumbnail:before{content:"";display:block;padding-bottom:60%;}


@media all and (max-width:1350px){
	#page .post_list .list ul li .text {padding: 2.2222vw 2.2222vw 0;}
	#page .post_list .list ul li .text .category{font-size: 1.4815vw;}
	#page .post_list .list ul li .text .title{font-size:2vw;}
	#page .post_list .list ul li .text .summary{font-size:1.2593vw;}
	#page .post_list .list ul li .text .regdate{font-size: 1.2593vw;}
}

@media all and (max-width:750px){
	#page .post_list .list ul li{width: 100%;margin-right: 0;}

	#page .post_list .list ul li a::after{background-image: linear-gradient(90deg, rgba(33,35,38,0.6) -2%,rgba(0, 0, 0, 0) 3%,rgba(0, 0, 0, 0) 87%,rgba(33,35,38,0.6) 120%);}
	#page .post_list .list ul li a::before{	background-image: linear-gradient(180deg, rgba(33,35,38,0.6) 2%,rgba(0, 0, 0, 0) 10%,rgba(0, 0, 0, 0) 90%,rgba(33,35,38,0.6) 110%);}

	#page .post_list .list ul li .text {padding: 15px 15px 0;}
	#page .post_list .list ul li .text .category{font-size: 11px;}
	#page .post_list .list ul li .text .title{font-size:16px;}
	#page .post_list .list ul li .text .summary{font-size:11px;margin-top: 15px;}
	#page .post_list .list ul li .text .regdate{font-size: 8px;}
}


#page .post_list .pagination{margin-top:30px;}
#page .post_list .pagination .count {display: none;}

#page .post_list .pagination .pages ul {display: flex;justify-content: center;align-items: center;margin:0;padding:0;list-style:none;}
#page .post_list .pagination .pages ul li a{display:block;padding: 10px;font-size:17px;font-weight:300;color:#a8a8a8;box-sizing:border-box;text-align:center;text-decoration:none;}
#page .post_list .pagination .pages ul li a.active{color:#ff641e;}

#page .post_list .pagination .pages ul li a.direction{position: relative;width: 35px;height: 30px;color:transparent;/* background-size:100%;background-repeat:no-repeat;background-position:center center; */border: 1px solid #7a7a7a;}
#page .post_list .pagination .pages ul li a.direction.prev {margin-right: 20px;}
#page .post_list .pagination .pages ul li a.direction.next {margin-left: 20px;}

#page .post_list .pagination .pages ul li a.direction::after {content: '';display: block;position: absolute; width: 8px; height: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#page .post_list .pagination .pages ul li a.direction.prev::after{background:url(../img/icon_pagination_prev.png)no-repeat center/cover;}
#page .post_list .pagination .pages ul li a.direction.next::after{background:url(../img/icon_pagination_next.png)no-repeat center/cover;}