/*----------------------------------------------------------------------------*/
/* --------------------------------------------------- information style */
/*----------------------------------------------------------------------------*/
/* --------------------------------------------------- information list */
.information-box {
  margin: 50px auto;
  font-size: 1.5rem;
}
.information-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.information-box ul li {
  border-bottom: 1px solid #c9caca;

}
.information-box ul .no-b {
  border-bottom: none;

}
.information-box dl {
  margin: 20px auto;
}
.information-box dt {
  width: 140px;
  height: 20px;
}
.information-box dd {
  margin: -20px 0 0 140px; /* top=dtのheightマイナス left=dtのwidth */
}
.information-box dd a {
  color: #000;
  text-decoration: none;
}
.information-box dd div {
  margin-top: 5px;
}
.information-box dd div span {
  margin-right: 3px;
  font-size: 1.2rem;
  font-weight: 100;
  color: #fff;
  background: #bfbfbf;
  padding: 2px 4px;
}
.information-box .important-info-list dt:before {
  content: "?";
}
/* ソートキー */
#info-all:hover,
#info-total:hover,
#info-admission:hover,
#info-campus:hover,
#info-career:hover,
#info-sdgs:hover,
#info-2009:hover,
#info-2010:hover,
#info-2011:hover,
#info-2012:hover,
#info-2013:hover,
#info-2014:hover,
#info-2015:hover,
#info-2016:hover,
#info-2017:hover,
#info-2018:hover,
#info-2019:hover,
#info-2020:hover,
#info-2021:hover,
#info-disaster:hover,
#info-social:hover,
#info-management:hover,
#info-policy:hover,
#info-law:hover,
#info-nurse:hover {
  cursor:pointer;
  color: #c9caca;
  font-weight: 100;
}
.select-info span {/* 選択中のカテゴリ */
  color: #fff;
  background: #bfbfbf;
  padding: 2px 4px;
  text-align: center;
}
/* ぺージャー */
.page-box {
  position: relative;
  height: 50px;
  margin: 30px 0;
}
.pageNum {
  position: absolute;
  left: 0;
  font-size: 1.2rem;
  font-weight: 300;
}
.nownum,
.totalnum {
  font-size: 1.5rem;
  margin: 0 10px;
}
.pager ,
.pager2 {
  position: absolute;
  right: 0;
  font-size: 1.5rem;
}
.pager span ,
.pager2 span {
  margin:0;
  padding:0 8px;
}
.pager span:hover ,
.pager2 span:hover {
  cursor:pointer;
  color: #808080;
}

.pager span.current ,
.pager2 span.current {
  background:none;
  font-weight: 400;
}
.pager span.current:hover ,
.pager2 span.current:hover {
  cursor:default;
}

.pager span.invalid ,
.pager2 span.invalid {
  color:#dcdcdc;
  background:none;
}
.pager span.invalid:hover ,
.pager2 span.invalid:hover {
  cursor:default;
}
.pager span.ellipsis ,
.pager2 span.ellipsis {
  color:#000;
  background:none;
}
.pager span.ellipsis:hover ,
.pager2 span.ellipsis:hover {
  cursor:default;
}
.next {
  padding: 0 0 0 25px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
}
.next::before{
  width: 17px;
  height: 17px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
}
.next::after{
  left: 8px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #000;
}
@media screen and (max-width: 480px) {
  .information-box dd {
    margin: 20px 0 0 0;
  }
.information-box .important-info-list dd {
    margin: 5px 0 0 1em;
}
  .page-box {
    position: static;
    width: 100%;
  }
  .pageNum {
    display: none;
  }
  .pager ,
  .pager2 {
    position: static;
    text-align: center;
  }
}

/* --------------------------------------------------- information detail */
.information-detail {
  margin: 70px auto;
}
/* 日にち */
.information-detail-inner dt .dt {
  font-size: 1.6rem;
  padding-right: 10px;
  border-right: 1px solid #c9caca;
}
/* カテゴリ */
.information-detail-inner dt .category .key {
  margin-right: 3px;
  font-size: 1.2rem;
  font-weight: 100;
  color: #fff;
  background: #bfbfbf;
  padding: 2px 4px;
}
.information-detail-inner dt .category span:first-child {
  margin-left: 10px;
}
.information-detail-inner dd {
  margin-left: 0;
}
/* タイトル */
.information-detail-inner dd h2 {
  font-size: 2.5rem;
  font-weight: 400;
  margin: 50px 0 30px 0;
}
/* 文章 */
.information-detail-inner dd .sentence {
  margin-top: 30px;
}
.information-detail-inner dd .sentence p {
  margin: 20px 0 0 0;
}
.information-detail-inner dd .sentence hr {
  height: 1px;
  background-color: #c9caca;
  border: none;
}
.information-detail-inner dd .sentence .strong {
 font-size: 1.5rem;
 font-weight: 400;
}
.information-detail-inner dd .sentence a {
  text-decoration: none;
  color: #000;
}
.information-detail-inner dd .no-margin p {
  margin-top: 0;
  margin-bottom: 0;
}
.information-detail-inner dd .margin-10 {
  margin-top: 10px;
  margin-bottom: 0;
}


/* 下のナビゲーション */
.information-detail-nav {
  width: 100%;
  height: 80px;
  text-align: center;
}
.information-detail-nav ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 50px 0 0 0;
  vertical-align: bottom;
}
.information-detail-nav ul li {
  display: inline-block;
}
.information-detail-nav ul li:first-child {
  margin-right: 5%;
}
.information-detail-nav ul li:last-child {
  margin-left: 5%;
}
.information-detail-nav ul li a {
  text-decoration: none;
  color: #000;
}
/* 下のナビゲーション矢印 */
.arrow-left,
.arrow-right{
  position: relative;
  display: inline-block;
  color: #000;
  text-decoration: none;
}
.arrow-left::before,
.arrow-left::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}
.arrow-right::before,
.arrow-right::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
}
.arrow-left {
  padding: 0 0 0 20px;
  line-height: 2.5rem;
}
.arrow-right {
  padding: 0 20px 0 0;
  line-height: 2.5rem;
}
.arrow-left::before,
.arrow-right::before{
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #000;
}
.arrow-left::after{
  left: 0;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-right: 4px solid #fff;
}
.arrow-right::after{
  right: 0;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}

/* --------------------------------------------------- 過去ニュース?イベント */

.passed {
  font-size: 1.2rem;
  text-align: right;
}
.passed a {
  text-decoration: none;
  color: #000;
}


/* --------------------------------------------------- 詳細 */
.detail {
  width: 100%;
  padding: 30px 20px;
}
.detail .title {
  margin: 0 20px;
}
.detail .person {
  margin: 0 20px 10px;
}
.detail .comment {
  margin: 0 20px;
}
.detail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.detail ul li {
  border-bottom: 1px solid #c9caca;
  padding: 10px 0;
  margin: 0 20px;
}
.detail ul li:last-child {
  border: 0;
}
/* --------------------------------------------------- 囲み */
.info-kakomi{
  max-width: 95%;
  border: 2px solid rgb(76,181,179);
  margin: 20px 0 0 10px;
  padding: 0 10px 10px;
  display: block;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.info-waku {
  width: 99%;
  border: 1px solid #a0a0a0;
  padding: 5px 10px 10px 20px;
  box-sizing: border-box;
  margin: 30px 0;
}
.info-waku p {
  margin: 0;
}
/* --------------------------------------------------- SDGs */
.info-sdgs-icon {
  margin: -10px 0 50px 10px;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
.sdgs-icon00 {
  width: 35px;
  float: left;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-00-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon01 {
  width: 35px;
  float: left;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-01-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon02 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-02-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon03 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-03-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon04 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-04-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon05 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-05-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon06 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-06-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon07 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-07-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon08 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-08-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon09 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-09-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon10 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-10-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon11 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-11-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon12 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-12-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon13 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-13-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon14 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-14-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon15 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-15-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon16 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-16-m.png") no-repeat;
  background-size: 35px;
}
.sdgs-icon17 {
  width: 35px;
  float: left;
  height: 35px;
  margin: 3px;
  background: url("/news_archive/sdgs/img/icon-goal-17-m.png") no-repeat;
  background-size: 35px;
}