@charset "UTF-8";
/* CSS Document */
:root {
  --color-economics: #00a7ea;
  --color-sociology: #e85298;
  --color-distribution: #009d85;
  --color-law: #ea5504;
  --color-sports: #f7ab00;
  --color-economics-labo: #535ca8;
  --color-sociology-labo: #c25b89;
  --color-distribution-labo: #529e93;
  --color-law-labo: #a84f43;
  --color-sports-labo: #a9984a;
  --color-ryugasaki: #669b2c;
  --color-matsudo: #f19149;
  --color-red: #d00;
  --color-gray-666: #666;
  --color-gray-555: #555;
  --link-blue: #346FAF;
  --rku-red: #AC1C22;
  --rku-blue: #002B62;
  --rku-red-rgb: 172,28,34;
  --rku-blue-rgb: 0,43,98; }
  
main.news .text-news_list { border-top: 1px #ddd solid;}
.text-news_list li {
    width: 100%;
    display: inline-flex;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px #ddd solid;
    align-items: flex-start;
    justify-content: flex-start;
    letter-spacing: 0.0625rem;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .text-news_list li {
        flex-direction: column;
        padding: 3vw 0;
    }
}

.text-news_list li:after {
    position: absolute;
    top: 50%;
    content: "";
    vertical-align: middle;
    right: .325em;
    width: .75em;
    height: .75em;
    border-top: 1px solid #346FAF;
    border-right: 1px solid #346FAF;
    transform: translateY(-50%) rotate(45deg);
}

.text-news_list li span.date { white-space: nowrap;
    font-size: 0.875rem;
    padding: .25rem 3.5rem .25rem 0;
    position: relative;
    width: 8.5rem;
}

@media (max-width: 767px) {
    .text-news_list li span.date {
        font-size: 3.2vw;
        width: 32vw;
        padding-right: 12vw;
    }
}

.text-news_list li a {
    display: block;
    flex: 1;
    font-size: 1.125rem;
    padding-right: 1.25em;
    color: #346FAF;
    letter-spacing: 0.0625rem;
}

@media (max-width: 767px) {
    .text-news_list li a {
        font-size: 3.4666666667vw;
    }
}

.text-news_list li.new span.date:after {
    content: "NEW";
    color: #d00;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 3.5rem;
    text-align: center;
}

@media (max-width: 767px) {
    .text-news_list li.new span.date:after {
        width: 12vw;
    }
}



.title__area { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 90%;}
.title__area .tag__area { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 5px;}
.title__area .tag__area a { color: #555; border: 1px #cbcbcb solid; background-color: #fff; padding: .15em .5em; min-width: 6em; font-size: .75em; display: inline-flex; justify-content: center; align-items: center; text-align: center; margin: 0 .25em; margin-bottom: .25em;}

.tag__area .economics_dep a ,.tag__area .business_dep a { background-color: var(--color-economics); border-color:var(--color-economics);color: #fff;}
.tag__area .sociology_dep a,.tag__area .tourist_dep a { background-color: var(--color-sociology);border-color:var(--color-sociology);color: #fff;}
.tag__area .distribution_dep a { background-color: var(--color-distribution);border-color:var(--color-distribution);color: #fff;}
.tag__area .enterprise_dep a,.tag__area .admini_dep a { background-color: var(--color-law);border-color:var(--color-law);color: #fff;}
.tag__area .sports_dep a, .tag__area .communication_dep a { background-color: var(--color-sports);border-color:var(--color-sports);color: #fff;}

.archive__year__list a::after { content: "年一覧";}


/* pagination */
.pagination { display: block; margin: 2rem auto; text-align: center;}

.page-numbers {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.page-numbers li a,.page-numbers li span {display: flex; align-items: center; justify-content: center;width: 1.75em; height: 2em; border: 1px #346fad solid; border-radius: 3px; background-color: #fff; color: #346fad; margin: 0 .25em;}
.page-numbers li .current { background-color: #346fad; color: #fff;}
.page-numbers li a.prev,.page-numbers li a.next { background-color: rgba(52,111,173,.2);}


/* NEWS用読み込み */
img.alignright {
    display: block;
    margin: 0 0 0 auto
}

img.alignleft {
    display: block;
    margin: 0 auto 0 0
}

img.aligncenter {
    display: block;
    margin: 0 auto
}

/* 投稿用ニュース調整 */
.p-news-contents p { margin-top: 1.5em;}
.p-news-contents b,
.p-news-contents strong { font-weight: 600;}

.text-news_list li { max-width: 960px;}

main.news img {max-width: 100%;
    height: auto !important;
    vertical-align: bottom;}