@charset "utf-8";

#pager .inner{ position: relative; width: 90%; max-width: 400px; margin: 0 auto; padding: 40px;}
#pager .btn-prev,
#pager .btn-next { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%);}
#pager .btn-prev { left: 0;}
#pager .btn-next { right: 0;}
#pager .btn-prev a,
#pager .btn-next a { position: relative; display: block; width: 100%; height: 100%;}
#pager .btn-prev a:before,
#pager .btn-next a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; top: 50%;}
#pager .btn-prev a:before { left: 30%; border-bottom: solid 3px #000; border-left: solid 3px #000; transform: translateY(-50%) rotate(45deg);}
#pager .btn-next a:before { left: 20%; border-top: solid 3px #000; border-right: solid 3px #000; transform: translateY(-50%) rotate(45deg);}

#pager .btn-back { width: 100%; max-width: 280px; margin: 0 auto;}
#pager .btn-back a { position: relative; display: block; width: 100%; padding: 5px 0; background: #000; border: solid 1px #000;
 color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 0.15rem; text-align: center; text-decoration: none;
 transition: 0.4s ease;
}
#pager .btn-back a:before{ content: ''; display: block; width: 10px; height: 10px; border-bottom: solid 2px #fff; border-left: solid 2px #fff;
 position: absolute; left: 25px; top: 50%;transform: translateY(-50%) rotate(45deg); z-index: 2;
}

#pager .btn-back a:hover { background: #fff; color: #000;}
#pager .btn-back a:hover:before{  border-color: #000;}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
	#pager .btn-back a { padding: 6px 0; font-size: 14px;}
	#pager .btn-back a:before{ width: 10px; height: 10px; left: 10px;}
}


#cate .inner-sct {}
#cate .ctn { width: 88%; max-width: 1160px; margin: 0 auto;}
#cate .ctn ul { display: flex; flex-wrap: wrap; font-size: 14px;}
#cate .ctn ul li { width: 33.33334%; padding: 30px 0px; font-size: 16px;}
#cate .ctn ul li a { display: block; width: 94%; max-width: 300px; margin: 0 auto; color: #000; text-decoration: none; transition: 0.3s linear;}
#cate .ctn ul li a dl dt { position: relative; width: 100%; padding-top: 100%; margin-bottom: 15px; overflow: hidden;}
#cate .ctn ul li a dl dt span.status { position: absolute; left: 0; top: 0; z-index: 2;
 width: 60px; padding: 2px 0; background: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.1rem; text-align: center;
}
#cate .ctn ul li a dl dt span.status.fin { background: #000; color: #fff;}
#cate .ctn ul li a dl dt img { position: absolute; left: 50%; top: 50%; z-index: 1; width: 100%; transform: translate(-50%,-50%); transition: 0.4s ease;}
#cate .ctn ul li a dl dd { letter-spacing: 0.1rem;}
#cate .ctn ul li a dl dd span.tit { font-size: 18px; font-weight: 700;}
#cate .ctn ul li a dl dd time { display: block; font-size: 12px; font-weight: 700; vertical-align: middle;}
#cate .ctn ul li a dl dd time em { font-size: 20px;}
#cate .ctn ul li a dl dd span.tag { display: inline-block; width: auto; background: #000; padding: 1px 10px 3px; background: #000; border-radius: 50px; color: #fff; font-size: 15px; line-height: 1.2; vertical-align: middle;}
#cate .ctn .btn { max-width: 200px;}
#cate .ctn ul li a:hover { opacity: 0.8;}
#cate .ctn ul li a:hover dl dt img { transform: translate(-50%,-50%) scale(1.05);}

@media (max-width: 1025px) {
	#cate .inner-sct { padding: 80px 0 100px;}
	#cate .ctn ul { flex-wrap: wrap;}
	#cate .ctn ul li { width: 33%; padding: 18px 10px;}
}
@media (max-width: 801px) {
	#cate .ctn ul { justify-content: space-between;}
	#cate .ctn ul li { width: 48%;}
}
@media (max-width: 481px) {
	#cate .inner-sct { }
	#cate .ctn ul { display: block;}
	#cate .ctn ul li { width: 100%; padding: 18px 0px;}
	#cate .ctn ul li a { width: 96%;}
	#cate .ctn ul li a dl dt { margin-bottom: 8px;}
	#cate .ctn ul li a dl dd { font-size: 12px; letter-spacing: 0.05rem;}
	#cate .ctn ul li a dl dd.tit { margin-bottom: 0px;}
	#cate .ctn ul li a dl dd time { margin-right: 8px; font-size: 10px;}
	#cate .ctn ul li a dl dd span.tag { padding: 1px 6px 2px; font-size: 10px;}
}


#news { border-top: solid 1px #b4b4b4;}
#news .inner-sct { padding: 80px 0;}
#news .article-hd { position: relative; width: 88%; max-width: 930px; margin: 0 auto 30px;}
#news .article-hd p { margin-bottom: 12px; font-size: 14px; font-weight: 700; line-height: 1;}
#news .article-hd p time {}
#news .article-hd p time em { display: inline-block; margin: 0 4px; font-size: 18px;}
#news .article-hd h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1.4;}
#news .article-ctn { position: relative; width: 88%; max-width: 930px; margin: 0 auto; padding-bottom: 70px; z-index: 2;}
#news .article-ctn h2 { margin-bottom: 12px; font-size: 22px; font-weight; 700;}
#news .article-ctn h3 { margin-bottom: 12px; font-size: 20px; font-weight; 700;}
#news .article-ctn p { margin-bottom: 20px; font-size: 18px; line-height: 2; letter-spacing: 0.1rem;}
#news .article-ctn p:last-child { margin-bottom: 0px;}
#news .article-ctn ul,
#news .article-ctn ul.wp-block-list { padding-left: 1.5rem;}
#news .article-ctn ul li ,
#news .article-ctn ul.wp-block-list li { font-size: 18px; letter-spacing: 0.1rem; list-style-type: disc;}
#news .formBloc { width: 88%; max-width: 800px; margin: 0 auto; padding: 40px 0;}
#news .formBloc h3 { margin-bottom: 20px; font-size: 30px; font-weight: 700; text-align: center;}
@media (max-width: 801px) {
	#news .article-hd p { margin-bottom: 12px; font-size: 14px;}
	#news .article-hd p span.status { width: 60px; margin-right: 12px; padding: 8px 0; font-size: 15px;}
	#news .article-hd p time em { font-size: 20px;}
	#event .article-hd h2 { font-size: 20px;}

	#news .article-ctn .article-hd h2 { font-size: 24px;}
	#news .article-ctn .article-hd p time { font-size: 18px;}
	#news .article-ctn .article-hd p span { font-size: 15px;}
	#news .article-ctn p { font-size: 16px;}
}
@media (max-width: 481px) {
	#news .inner-sct { padding:60px 0;}
	#news .article-hd p { font-size: 12px;}
	#news .article-hd p span.status { margin-right: 8px; padding: 4px 0; font-size: 12px;}
	#news .article-hd p time em { font-size: 16px;}
	#news .article-hd h2 { font-size: 16px;}

	#news .article-ctn { padding-bottom: 40px;}
	#news .article-ctn p { font-size: 13px; letter-spacing: 0.05rem; line-height: 1.65;}
}