@charset "utf-8";

main{display: block; max-width: 1000px; margin: 0 auto;}
.pankuzu {display: flex;margin: 1em 0 4em;list-style: none;padding-left: 0;}
.pankuzu li::after{content: ">";display:inline-block;padding:0 0.5em;}
.pankuzu li:last-child::after{content: none;}
.pankuzu a:hover{text-decoration: none;}




.news_list ul{ list-style: none;padding: 0;margin: 0;}
.news_list li {display: flex;padding-bottom: 12px;margin-bottom: 14px;border-bottom: 1px solid #ccc;}
.news_list li span {display: block;margin-right: 1em;white-space: nowrap;}
.news_list li p {flex: 1 0 0%;padding-right: 1em;position: relative; margin: 0;}
.news_list li p::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.news_list li p a {width: 100%;transition: all 0.3s ease;transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.news_list li p a span {margin: 0;display: inline-block;position: relative;}

.news_list li p a span::after {
    position: absolute;
    display: block;
    bottom: -4px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #333;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
  }
.news_list li p a:hover span::after {
    transform-origin: left top;
    transform: scale(1, 1);
  }

.pagenation-container {text-align: center;padding: 2em 0;}
.pagenation-container .page-numbers {padding: 7px 15px;margin-right: 5px;text-decoration: underline;}
.pagenation-container .page-numbers:last-child {margin-right: 0;}
.pagenation-container a.page-numbers:hover,
.pagenation-container .current {background-color: #000;color: #fff;text-decoration: none;}


.news_single h1{font-size: 1.5em; margin: .5em 0;}
.news_single article a:hover{text-decoration:none;}
.news_single .pager{display: flex;justify-content: space-between;margin-top: 4em;}
.news_single .pager a:hover{text-decoration:none;}
.news_single .pager .back a{border: 1px solid #666;padding: .5em 6em;text-decoration:none; color: #666;}
.news_single .pager .back a:hover{background: #666;color: #fff;}

.news_single article p{margin: 0;}
.news_single .ql-align-center{text-align: center;}
.news_single .ql-align-right{text-align: right;}