@charset "UTF-8";
#newslist .inner-sct { padding: 40px 0 100px;}
#newslist .list-ctn { width: 88%; max-width: 1100px; margin: 0 auto;}
#newslist .list-ctn ul.tab { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-bottom: 40px; font-size: 0;}
#newslist .list-ctn ul.tab li { width: 13.5%; padding: 10px 0; font-size: clamp(12px,1.8vw,16px); font-weight: 700;}
#newslist .list-ctn ul.tab li span,
#newslist .list-ctn ul.tab li a { display: block; padding: 5px; border-radius: 50px; text-align: center;}
#newslist .list-ctn ul.tab li.all span,
#newslist .list-ctn ul.tab li.all a:hover { background: #559d88; color: #fff;}
#newslist .list-ctn ul.tab li.magazine span,
#newslist .list-ctn ul.tab li.magazine a:hover { background: #ffcaaf;}
#newslist .list-ctn ul.tab li.event span,
#newslist .list-ctn ul.tab li.event a:hover { background: #e4f5af;}
#newslist .list-ctn ul.tab li.public span,
#newslist .list-ctn ul.tab li.public a:hover { background: #dab894;}
#newslist .list-ctn ul.tab li.calls span,
#newslist .list-ctn ul.tab li.calls a:hover { background: #ffa8d1;}
#newslist .list-ctn ul.tab li.conv span,
#newslist .list-ctn ul.tab li.conv a:hover { background: #42bfdd;}
#newslist .list-ctn ul.tab li.news span,
#newslist .list-ctn ul.tab li.news a:hover { background: #00cecb;}

#newslist .list-ctn ul.tab li a { background: #fff; text-decoration: none;}
#newslist .list-ctn ul.list li { position: relative; margin-bottom: 12px; padding: 20px; padding-left: 300px; background: #fff; border-radius: 30px; }
#newslist .list-ctn ul.list li:last-child { margin-bottom: 0px;}
#newslist .list-ctn ul.list li time { position: absolute; top: 50%; left: 36px; transform: translateY(-50%); width: 64px; color: #323232; font-size: clamp(12px,1.6vw,17px); font-weight: 700; line-height: 0.96; text-align: center;}
#newslist .list-ctn ul.list li span.tag { position: absolute; left: 150px; top: 50%; transform: translateY(-50%); width: 120px; padding: 2px 0; border-radius: 50px; font-size: clamp(10px,1.5vw,14px); text-align: center;}
#newslist .list-ctn ul.list li a { display: inline-block; font-size: clamp(13px,1.6vw,16px); letter-spacing: 0.1rem; line-height: 1.4; text-decoration: none;}
#newslist .list-ctn ul.list li a:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;}
@media (max-width: 801px) {
	#newslist .list-ctn ul.tab { flex-wrap: wrap;}
	#newslist .list-ctn ul.tab li { width: 31.5%;}
	#newslist .list-ctn ul.list li { padding: 20px; padding-left: 100px; border-radius: 20px;}
	#newslist .list-ctn ul.list li time { left: 20px;}
	#newslist .list-ctn ul.list li span.tag { position: relative; left: auto; top: auto; transform: translateY(0%); display: block; margin-bottom: 8px;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#newslist .list-ctn ul.tab { margin-bottom: 20px;}
	#newslist .list-ctn ul.tab li { padding: 6px 0;}
	#newslist .list-ctn ul.list li { padding: 12px; padding-left: 80px; border-radius: 12px;}
	#newslist .list-ctn ul.list li time { left: 9px;}
	#newslist .list-ctn ul.list li span.tag { width: 90px;; margin-bottom: 5px;}
	#newslist .list-ctn ul.list li a { letter-spacing: 0.05rem;}
}


#newslist .list-ctn .table { width: 100%; max-width: 1000px; margin: 0 auto;}
#newslist .list-ctn .table ul { position: relative; border: solid 1px #85ccb7; font-size: 0;}
#newslist .list-ctn .table ul.head { display: table; width: 100%; border: solid 1px #85ccb7; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #559d88; font-size: 0;}
#newslist .list-ctn .table ul.head li { display: table-cell; padding: 12px 0px; color: #fff; font-size: clamp(13px,1.65vw,16px); font-weight: 700; vertical-align: middle;}
#newslist .list-ctn .table ul.head li.link span.eng { font-size: 13px;}
#newslist .list-ctn .table ul.ctn { border: solid 1px #85ccb7; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #fff;}
#newslist .list-ctn .table ul.ctn li { position: relative; font-size: clamp(13px,1.85vw,18px);}
#newslist .list-ctn .table ul.ctn > li { border-top: solid 1px #85ccb7;}
#newslist .list-ctn .table ul.ctn > li:first-child { border-top: none;}

#newslist .list-ctn .table ul.ctn li ul { display: table; width: 100%; border: none;}
#newslist .list-ctn .table ul.ctn li ul li { display: table-cell; padding: 14px 0; font-size: clamp(10px,1.65vw,16px); line-height: 1.5; vertical-align: middle;}

#newslist .list-ctn .table ul li.year{ width: 132px; text-align: center;}
#newslist .list-ctn .table ul li.num { width: 72px; border-left: solid 1px #85ccb7; text-align: center;}
#newslist .list-ctn .table ul li.theme{ width: auto; padding-left: 14px !important; padding-right: 14px !important; border-left: solid 1px #85ccb7;}
#newslist .list-ctn .table ul li.link { width: 140px; border-left: solid 1px #85ccb7; text-align: center;}

#newslist .list-ctn .table ul li.year.yet { color: #559d88;}
#newslist .list-ctn .table ul li.theme a {}
#newslist .list-ctn .table ul li.theme a:hover { color: #559d88; text-decoration: none;}
#newslist .list-ctn .table ul li.link a { display: block; width: 72%; max-width: 100px; margin: 0 auto;}
#newslist .list-ctn .table ul li.link a img { width: 100%;}
#newslist .list-ctn .table ul li.link a:hover { opacity: 0.8;}
@media (max-width: 1001px) {
	#newslist .list-ctn .table ul.head li { padding: 8px 0;}
	#newslist .list-ctn .table ul.head li.link span.eng { font-size: 10px;}
	#newslist .list-ctn .table ul.ctn li ul li { padding: 10px 0px;}
	#newslist .list-ctn .table ul li.year { width: 100px;}
	#newslist .list-ctn .table ul li.num { width: 50px;}
	#newslist .list-ctn .table ul li.link{ width: 100px;}
}
@media (max-width: 801px) {
	#newslist .list-ctn .table ul.head li { line-height: 1.2;}
	#newslist .list-ctn .table ul.head li.link span.eng { display: block;}
}
@media (max-width: 641px) {
	#newslist .list-ctn .table ul { border: none;}
	#newslist .list-ctn .table ul.head { display: none;}

	#newslist .list-ctn .table ul.ctn { border: none; border-radius: 0px; background: transparent;}
	#newslist .list-ctn .table ul.ctn > li { border-top: none; margin-bottom: 20px;}
	#newslist .list-ctn .table ul.ctn > li:last-child { margin-bottom: 0px;}

	#newslist .list-ctn .table ul.ctn li ul { position: relative; display: block; border: solid 1px #85ccb7; border-radius: 10px; background: #fff; overflow: hidden;}
	#newslist .list-ctn .table ul.ctn li ul li { padding: 12px 0;}

	#newslist .list-ctn .table ul.ctn li ul li.year { display: block; width: 100%; padding: 8px 20px; text-align: left; background: #559d88; border-bottom: solid 1px #85ccb7; color: #fff;}
	#newslist .list-ctn .table ul.ctn li ul li.num { width: 50px; border-left: 0;}
	#newslist .list-ctn .table ul.ctn li ul li.num:before { content: '第';}
	#newslist .list-ctn .table ul.ctn li ul li.num:after { content: '号';}
	#newslist .list-ctn .table ul.ctn li ul li.num:before,
	#newslist .list-ctn .table ul.ctn li ul li.num:after { display:: inline;}
	#newslist .list-ctn .table ul.ctn li ul li.theme { width: 75%; padding-left: 10px !important; padding-right: 10px !important;}
	#newslist .list-ctn .table ul.ctn li ul li.link{ width: 80px;}
}
@media (max-width: 481px) {
	#newslist .list-ctn .table ul.ctn > li { margin-bottom: 12px;}
	#newslist .list-ctn .table ul.ctn li ul { border-radius: 6px;}
	#newslist .list-ctn .table ul.ctn li ul li { padding: 8px 0;}
	#newslist .list-ctn .table ul.ctn li ul li.year { padding: 4px 12px;}
	#newslist .list-ctn .table ul.ctn li ul li.num { font-size: 10px;}
	#newslist .list-ctn .table ul.ctn li ul li.theme { width: 68%;}
	#newslist .list-ctn .table ul.ctn li ul li.link{ width: 60px;}
}


#newslist .list-ctn ul.event-list { padding: 12px 40px; background: #fff; border-radius: 30px; box-shadow: 0 0 12px #ddd;}
#newslist .list-ctn ul.event-list li { position: relative; padding: 20px; padding-left: 220px; border-bottom: solid 1px #85ccb7; font-size: clamp(12px,2.1vw,20px); letter-spacing: 0.05rem;}
#newslist .list-ctn ul.event-list li:last-child { border-bottom: none;}
#newslist .list-ctn ul.event-list li time { position: absolute; left: 20px; top: 20px;}
#newslist .list-ctn ul.event-list li a { text-decoration: none;}
#newslist .list-ctn ul.event-list li a:hover { color: #559d88;}
@media (max-width: 801px) {
	#newslist .list-ctn ul.event-list li { padding: 12px; padding-left: 150px;}
	#newslist .list-ctn ul.event-list li time { top: 12px; left: 12px;}
}
@media (max-width: 641px) {
	#newslist .list-ctn ul.event-list { padding: 8px 20px; border-radius: 20px;}
	#newslist .list-ctn ul.event-list li { padding-left: 120px; letter-spacing: 0;}
}
@media (max-width: 481px) {
	#newslist .inner-sct { padding: 20px 0 60px;}
	#newslist .list-ctn ul.event-list { padding: 8px 15px; box-shadow: 0 0 8px #eee;}
	#newslist .list-ctn ul.event-list li { padding: 10px 6px; padding-left: 90px;}
	#newslist .list-ctn ul.event-list li time { left: 6px; top: 10px;}
}


#newslist .page-navi { width: 88%; max-width: 1100px; margin: 0 auto;}
#newslist .page-navi .wp-pagenavi { position: relative; padding: 45px 0;}
#newslist .page-navi .wp-pagenavi a { display: block; width: 108px; position: absolute; top: 50%; transform: translateY(-50%); 
 color: #000; font-size: clamp(12px,2.0vw,18px); text-decoration: none;
}
#newslist .page-navi .wp-pagenavi a.previouspostslink { padding-left: 32px; left: 0;}
#newslist .page-navi .wp-pagenavi a.nextpostslink { padding-right: 32px; right: 0; text-align: right;}

#newslist .page-navi .wp-pagenavi a:after { content: ''; display: block; width: 22px; height: 22px; border-radius: 50%; vertical-align: -15%;
 position: absolute; top: 50%; transform: translateY(-48%);
}
#newslist .page-navi .wp-pagenavi a.previouspostslink:after { left: 0;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><rect width="50" height="50" fill="%23559d88"/><polygon points="31.6 33.5 23.1 25 31.6 16.6 29.3 14.3 18.5 25 29.3 35.8 31.6 33.5" fill="%23fff"/></svg>');
 background-position: 50% 50%; background-size: 100% auto;
}
#newslist .page-navi .wp-pagenavi a.nextpostslink:after { right: 0;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><rect width="50" height="50" fill="%23559d88"/><polygon points="18.4 16.5 26.9 25 18.4 33.4 20.7 35.7 31.5 25 20.7 14.2 18.4 16.5" fill="%23fff"/></svg>');
 background-position: 50% 50%; background-size: 100% auto;}
#newslist .page-navi .wp-pagenavi a:hover { color: #559d88;}
@media (max-width: 481px) {
	#newslist .page-navi .wp-pagenavi a.previouspostslink { padding-left: 21px;}
	#newslist .page-navi .wp-pagenavi a.nextpostslink { padding-right: 21px;}
	#newslist .page-navi .wp-pagenavi a:after { width: 15px; height: 15px;}
}

#newslist .years { padding-top: 80px;}
#newslist .years .ttl { margin-bottom: 20px;}
#newslist .years ul { width: 92%; max-width: 1110px; margin: 0 auto; font-size: 0;}
#newslist .years ul li { display: inline-block; width: 12.5%; padding: 5px; font-size: clamp(13px,2.1vw,21px); line-height: 1;}
#newslist .years ul li a { display: block; width: 100%; margin: 0 auto; padding: 15px 0; background: #fff; border-radius: 50px;
 text-align: center; text-decoration: none;
}
#newslist .years ul li a:hover { background: #559d88; color: #fff;}
@media (max-width: 1001px) {
	#newslist .years ul li { width: 20%;}
}
@media (max-width: 641px) {
	#newslist .years ul li { width: 25%; padding: 4px;}
	#newslist .years ul li a { padding: 10px 0;}
}
@media (max-width: 481px) {
	#newslist .years .ttl { margin-bottom: 12px;}
	#newslist .years ul li a { padding: 8px 0;}
}


/* 記事ページ */
#article .inner-sct { padding: 40px 0 100px;}
#article .article-hd { width: 88%; max-width: 1100px; margin: 0 auto 20px;}
#article .article-hd:after { content: ''; display: block; width: 100%; height: 6px; border-radius: 10px; background: #559d88;}
#article .article-hd p { margin-bottom: 20px;}
#article .article-hd p time { display: inline-block; margin-right: 20px; font-size: clamp(13px,2.0vw,18px); letter-spacing: 0.05rem;}
#article .article-hd p a { display: inline-^block; padding: 2px 20px; border-radius: 50px; font-size: 14px; text-decoration: none;}
#article .article-hd p a:hover { opacity: 0.8;}
#article .article-hd h1{ margin-bottom: 18px; font-size: clamp(18px, 3.0vw, 30px); font-weight: 700; line-height: 1.4;}
#article article.base { width: 88%; max-width: 1100px; margin: 0 auto 40px;}
#article article.base .tags { margin-bottom: 20px;}
#article article.base .tags ul { font-size: 0;}
#article article.base .tags ul li { display: inline-block; padding: 5px 10px; padding-left: 0; font-size: 14px;}
#article article.base .tags ul li span { display: block; padding: 2px 20px; background: #fff; border-radius:50px;}
#article article.base h3,
#article article.base h4 { margin-bottom: 12px; font-size: clamp(14px,2.2vw,18px); font-weight: 700; letter-spacing: 0.05rem; line-height: 1.85;}
#article article.base p { margin-bottom: 20px; font-size: clamp(13px,2.0vw,16px); letter-spacing: 0.05rem; line-height: 1.85;}
#article article.base p:last-child { margin-bottom: 0px;}
#article article.base .publication-thum { margin-bottom: 30px;}
#article article.base .publication-thum figure { margin-bottom: 12px;}
#article article.base .publication-thum figure img { width: 150px;}
#article article.base .publication-thum p { margin-bottom: 0px;}
@media (max-width: 481px) {
	#article .article-hd h2 { margin-bottom: 8px;}
	#article .article-hd:after { height: 4px;}
	#article article.base h3,
	#article article.base h4 { line-height: 1.55;}
	#article article.base p { line-height: 1.65;}
}
#article .btn-back { margin: 0 auto;}
#article .ctn h3 { position: relative; margin-bottom: 12px; padding-left: 30px; font-size: clamp(14px,2.2vw,22px); font-weight: 700;}
#article .ctn h3:before { content: ''; display: block; width: 18px; height: 18px; background: #559d88; border-radius: 50%;
 position: absolute; left: 0; top: 0.45em;
}
#article .ctn p { margin-bottom: 20px; font-size: clamp(13px,2.0vw,16px); letter-spacing: 0.05rem; line-height: 1.85;}
#article .ctn p a:hover { color: #559d88; text-decoration: none;}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
	#article .ctn { padding: 20px 0;}
	#article .ctn h3 { padding-left: 20px;}
	#article .ctn h3:before { width: 12px; height: 12px;}
	#article .ctn p { margin-bottom: 12px; line-height: 1.65;}
}