@charset "utf-8";

/* ----------------------------------------------------
  topics
---------------------------------------------------- */
.topics #pageTitle					{ background-image: url("../images/topics/ttl_bg.png")}




/* pager */
#pager						{ margin: 2rem 0 6rem; }
#pager ul					{ display: flex; justify-content: center; margin: 0 -0.5rem; font-size: 1.2rem;}
#pager ul li 				{ padding: 0 0.5rem; }
#pager ul li a				{ display: block; padding: 1rem 1.5rem 0.8rem; border: #cccccc 1px solid; color: #0080bf; }
#pager ul li.current-cat a	{ border: #3499df 1px solid; background: #3499df; color: #FFFFFF; }
#pager ul li.pagerDot a		{ border: none;  }
#pager ul li.prev a			{ color: #333333; }
#pager ul li.next a			{ color: #333333; }
@media print, screen and (min-width: 768px) {
#pager						{ margin:80px 0 100px;  }
}
@media print, screen and (min-width: 860px) {

}



/* idx */
.topics #sec01										{ padding: 4rem 0 0; overflow: hidden;}
.topics .news-wrap									{ margin-top: 2rem;}
.topics .news-wrap .row-wrap						{}
.topics .news-wrap .news-box						{ margin-top: 2rem;}
.topics .news-wrap .news-box:first-child			{ margin-top: 0;}
.topics .news-wrap .news-box .pic					{}
.topics .news-wrap .news-box .txt-box				{}
.topics .n-detail									{ -webkit-display: flex; display: flex; justify-content: flex-end; margin: 1rem -5px 0;}
.topics .date										{ font-weight: 300; margin: 0 5px; font-size: 1.2rem;}
.topics .cat										{ margin: 0 5px; padding: 0.2rem 1rem; background: #3499df; color: #FFFFFF; font-size: 1rem;}
.topics .n-title									{ margin-top: 1rem;  font-weight: bold;}
.topics .news-wrap .news-box .txt-box .txt			{ margin-top: 0.5rem; font-size: 1.2rem;}
@media print, screen and (min-width: 768px) {
.topics #sec01										{ padding: 60px 0 0;}
.topics .news-wrap									{ margin-top: 40px;}
.topics .news-wrap .row-wrap						{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 0 -10px; }
.topics .news-wrap .news-box						{ width: calc(50% - 20px); margin: 30px 10px 0;}
.topics .news-wrap .news-box:nth-child(-n+2)		{ margin-top: 0;}
.topics .date										{ font-size: 14px;}
.topics .cat										{ padding: 0.4rem 1rem 0.2rem; }
}
@media print, screen and (min-width: 1024px) {
.topics #sec01										{ padding:80px 0 0;}
.topics .news-wrap									{ margin-top: 60px;}
.topics .news-wrap .row-wrap						{ margin: 0 -15px; }
.topics .news-wrap .news-box						{ width: calc(33.33% - 30px); margin: 30px 15px;}
.topics .news-wrap .news-box:nth-child(-n+3)		{ margin-top: 0;}
.topics .n-title									{ margin-top: 1rem; font-size: 18px;}
.topics .txt										{ margin-top: 0.5rem; font-size: 14px;}
}


/* detail */
.topics.detail .detail-wrap							{ max-width: 920px; margin: 2rem auto; padding: 1.5rem; box-shadow: 0 0 3px 2px #dddddd; }
.topics.detail .title-box							{ padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: #333333 1px solid;}
.topics.detail .n-detail							{ justify-content: flex-start; }
.topics.detail .txt .link a							{ color: #3499df; text-decoration: underline; }
.topics.detail .detail-pager						{ -webkit-display: flex; display: flex; justify-content: center; margin: 0 -10px;}
.topics.detail .detail-pager li						{ margin: 0 10px;}
.topics.detail .detail-pager li a					{ text-decoration: underline; font-weight: 300; }
.topics.detail .detail-pager li.prev a:before		{ content: "<< ";  }
.topics.detail .detail-pager li.next a:after		{ content: " >>";  }
@media print, screen and (min-width: 768px) {
.topics.detail .detail-wrap							{ margin: 40px auto; padding: 40px; box-shadow: 3px 3px 10px 4px #dddddd;  }
.topics.detail .title-box							{ padding-bottom: 30px; margin-bottom: 30px;}
.topics.detail .title-box .n-title					{ font-size: 20px;}

}
@media print, screen and (min-width: 768px) {
.topics.detail .detail-wrap							{ margin: 80px auto; padding: 70px;   }

}