@charset "utf-8";

@import url(reset.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
@import url(common_parts.css);
@import url(common.css);


/*
 index
==============================*/
img { display:block; }
ul { list-style:none; }
section { margin-top: 15rem; }
@media screen and (max-width:414px){
	section { margin-top: 7.5rem; }
}

/* color */
.tx-grn { color:#25983b!important; }

#category { margin-bottom: 10rem; }
#category .inner { max-width:128rem; }
#category .top { position:relative; min-height:20rem; }
#category .top h2 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-weight: bold; color: #fff; font-size:5rem; }
@media screen and (max-width:414px){
	#category .top img { object-fit:cover; height:20rem; }
	#category .top h2 { font-size: 3.2rem; }
	#category h3 { font-size:2.2rem;}
}

/* category --------------------*/
#category {  }
#category ul { display:flex; margin:5rem 0 3rem; flex-wrap:wrap; }
#category ul:after { display:none; }
#category ul li { position:relative; width:calc(25% - 3rem * 3/4); background:linear-gradient(45deg, #f7c2c1, #a8c22f); margin:0 3rem 3rem 0; }
#category ul li:nth-of-type(4n) { margin-right:0; }
#category ul li .img { position:relative; }
#category ul li .img .cate { position:absolute; top:0; right:0; background:#4CAF50; color:#fff; text-align:center; }
#category ul li .text-area { background:#fff; padding:1rem; border-top:solid 1px #ddd; }
#category ul li .title { font-size:2rem; font-weight: bold; text-align:center; }
#category ul li .day { text-align:right; color:#7b7b7b; }
#category ul li .main-text { background:#fff; padding:2rem; }
#category ul li a { display:block;border:solid 1px #ddd; }
#category ul li a:hover { transform: translate(-20px,-20px);opacity:1;}
#category .btn { text-align:center; }
#category .btn a { display:block; width:26%; margin:0 auto; }
@media screen and (max-width:900px){
    #category { margin-top:9rem; }
}
@media screen and (max-width:414px){
    #category {  }
    #category ul { display:block; }
	#category ul li { width:100%; }
	#category ul li:nth-of-type(n+2){ margin-top:3rem; }
}

/* pagenation  --------------------*/
#pagination {}
#pagination .pagination_wrap { text-align:center; font-size:2rem; font-weight: bold; }
#pagination .pagination_wrap span, #pagination .pagination_wrap a{ margin-right:2rem; padding:0.5rem 1rem; background:#25983b; }
#pagination .pagination_wrap span {  }
#pagination .pagination_wrap a { color:#fff; }
#pagination .pagination_wrap a:last-child { margin-right:0; }