@charset "utf-8";

.page_content img {
  width: 100%;
  height: auto;
}

/*
index.html
*/
.index .grid {
  margin-top: 40px;
}

/*.index ul#nav-tab-wrapper {*/
  /*overflow: hidden;*/
  /*border-bottom: 1px solid #d6d6d6;*/
/*}*/

/*.index ul#nav-tab-wrapper > li ul {*/
  /*display: table;*/
  /*width: 100%;*/
/*}*/

/*.index ul#nav-tab-wrapper > li ul li {*/
  /*display: table-cell;*/
  /*width: 33%;*/
  /*text-align: center;*/
  /*vertical-align: middle;*/
/*}*/

/*.index ul#nav-tab-wrapper > li ul li:first-child {*/
  /*border-left: 1px solid #d6d6d6;*/
/*}*/

/*.index ul#nav-tab-wrapper > li ul a {*/
  /*display: block;*/
  /*width: 98%;*/
  /*height: 50px;*/
  /*line-height: 50px;*/
  /*background-color: #f9f9f9;*/
  /*border: 1px solid #d6d6d6;*/
  /*border-bottom: none;*/
  /*border-left: none;*/
  /*color: #222222;*/
  /*font-size: 12px;*/
/*}*/

/*.index ul#nav-tab-wrapper > li ul a.current {*/
  /*background-color: #222222;*/
  /*color: #ffffff;*/
/*}*/

.index .tab_btns {
  margin-bottom: 29px;
  width: 100%;
  border-left: 1px solid #dadada;
  box-sizing: border-box;
  font-size: 117%;
}
.index .tab_btns:before, .index .tab_btns:after {
  content: " ";
  display: table;
}
.index .tab_btns:after {
  clear: both;
}
.index .tab_btns {
  *zoom: 1;
}
.index .tab_btns > li {
  width: 33.33333%;
  vertical-align: middle;
  height: 46.5px;
  float: left;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.index .tab_btns > li:nth-child(n+4) {
  border-top: none;
}
.index .tab_btns > li.current {
  background: #222222;
  color: #ffffff;
  cursor: default;
}
.index .tab_btns > li > a {
  display: block;
  font-size: 90%;
  line-height: 46px;
  color: #222;
}
.index .tab_btns > li.current > a {
  color: #fff;
}

.index #list_container {
  margin-top: 0;
}
.index #list_container > div {
  /*width: 48.8%;*/
  width: 50%;
  margin-bottom: 10px;
}
.index .news-wrapper {
  display: block;
  background-color: #efefef;
  position: relative;
  font-size: 100%;
}

.index .news-wrapper .item_thumb {
  position: relative;
  padding-top: 125px;
  overflow: hidden;
}
.index .news-wrapper .item_thumb .vast_box {
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
}
.index .news-wrapper .item_thumb img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  min-height: 50%;
  min-width: 50%;
  max-width: 70%;
}

.index .news-wrapper .item_about {
  position: relative;
  padding-top: 115px;
  background-color: #efefef;
  overflow: hidden;
}
.index .news-wrapper .item_about_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px 7px 23px;
  box-sizing: border-box;
}
.index .news-wrapper .item_about .news_excerpt,
.index .news-wrapper .item_about .clone_excerpt {
  line-height: 22px;
  height: 66px;
  overflow: hidden;
}
.index .news-wrapper .item_about time {
  color: #00a7d7;
  font-size: 94%;
}
.index .news-wrapper .item_category {
  position: absolute;
  left: 0;
  bottom: 0;
}
.index .news-wrapper .item_category > li {
  float: left;
  padding: 0 7px;
  line-height: 22px;
  font-size: 75%;
  color: #ffffff;
}

.index .news-wrapper .item_category > li.info {
  background-color: #90c31f;
}
.index .news-wrapper .item_category > li.exam {
  background-color: #fabe00;
}
.index .news-wrapper .item_category > li.study {
  background-color: #00a7d7;
}
.index .news-wrapper .item_category > li.event {
  background-color: #e34581;
}
.index .news-wrapper .item_category > li.important {
  background-color: #ea5555;
}
.index #list_container .item_category > li.kpu {
  background-color: #8C51D0;
}
.index #list_container .item_category > li.search {
  background-color: #99959D;
}

.index #nav-cnt {
  text-align: center;
  margin-top: 25px;
}

.index #nav-cnt table {
  width: 100%;
  margin: 10px auto;
  table-layout: fixed;
}

.index #nav-cnt table .number {
  width: 35px;
}

.index #nav-cnt table td a {
  line-height: 1;
  display: block;
  border: 1px solid #d6d6d6;
  border-left: none;
  background-color: #f9f9f9;
  padding: 12px 2px;
  color: #222222;
  font-size: 12px;
}

.index #nav-cnt table td:first-child a {
  border-left: 1px solid #d6d6d6;
}

.index #nav-cnt table td a.current {
  background-color: #222222;
  color: #ffffff;
}

.index #nav-cnt table td a.nav-first {
  padding: 12px 15px;
  background: #f9f9f9 url("/news/img/img-news-nav-cnt-first_sp.png") no-repeat center center;
  background-size: 6px auto;
}

.index #nav-cnt table td a.nav-last {
  padding: 12px 15px;
  background: #f9f9f9 url("/news/img/img-news-nav-cnt-last_sp.png") no-repeat center center;
  background-size: 6px auto;
}

/*
detail.html
*/
.detail .page-content-wrapper ul#news-type-wrapper {
  overflow: hidden;
  border-top: 1px solid #d6d6d6;
  padding: 8px 0;
  font-size: 14px;
}

.detail .page-content-wrapper ul#news-type-wrapper li {
  float: right;
  color: #ffffff;
  padding: 3px 7px;
  margin-right: 8px;
  font-size: 11px;
  margin-top: 2px;
}

.detail .page-content-wrapper ul#news-type-wrapper li:first-child {
  float: left;
  color: #00a7d7;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  margin-left: 16px;
  margin-top: 0;
}

.detail .page-content-wrapper .info {
  background-color: #90c31f;
}

.detail .page-content-wrapper .exam {
  background-color: #fabe00;
}

.detail .page-content-wrapper .study {
  background-color: #00a7d7;
}

.detail .page-content-wrapper .event {
  background-color: #e34581;
}

.detail .page-content-wrapper .important {
  background-color: #ea5555;
}
.detail .page-content-wrapper .kpu {
  background-color: #8C51D0;
}

.detail .page-content-wrapper h2 {
  margin-bottom: 25px;
  padding: 8px 18px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background-color: #ebf8fc;
  font-size: 16px;
}

.detail .page-content-wrapper .content-wrapper {
  padding: 0 20px;
  font-size: 117%;
}
.detail .page-content-wrapper .content-wrapper p {
  font-size: 100%;
}

.detail .page-content-wrapper ul#winning-wrapper {
  margin-top: 20px;
}

.detail .page-content-wrapper ul#winning-wrapper .winning-wrapper-title {
  font-size: 16px;
  font-weight: bold;
}

.detail .page-content-wrapper ul#winning-wrapper .winning-wrapper-text {
  font-size: 14px;
}

.detail .page-content-wrapper h3 {
  position: relative;
  margin-bottom: 20px;
  padding: 2px 13px;
  border-left: 4px solid #00a7d7;
  border-bottom: none;
  font-size: 150%;
  line-height: 1;
}

.detail .page-content-wrapper h3:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: none;
}

.detail .page-content-wrapper .news-wrapper {
  display: block;
  background-color: #efefef;
  position: relative;
  font-size: 117%;
}

.detail .page-content-wrapper .news-wrapper .news-date {
  padding: 0 15px;
  padding-top: 10px;
  font-size: 12px;
  font-weight: bold;
}

.detail .page-content-wrapper .news-wrapper .news-text,
.detail .page-content-wrapper .news-wrapper .clone-text {
  padding: 0 15px;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
}
.detail .page-content-wrapper .news-wrapper .news-text.no_omit {
  height: auto;
}

.detail .page-content-wrapper .news-wrapper .news-type-wrapper {
  color: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #efefef;
}

.detail .page-content-wrapper .news-wrapper .news-type-wrapper ul {
  overflow: hidden;
}

.detail .page-content-wrapper .news-wrapper .news-type-wrapper ul li {
  float: left;
  font-size: 10px;
  padding: 3px 7px;
}

.detail .page-content-wrapper .news-wrapper .news-type-wrapper ul li:first-child {
  border-left: none;
}

.detail .page-content-wrapper .news-wrapper .news-text-wrapper.type1 {
  height: 145px;
}

.detail .page-content-wrapper .news-wrapper .news-text-wrapper.type2 {
  height: 118px;
  overflow: hidden;
}

.detail .page-content-wrapper hr {
  display: block;
  margin: 25px 0;
}

.detail .grid .col figure {
  width: 100%;
  margin-top: 10px;
}
.detail .grid .col figure img {
  max-width: 100%;
  height: auto;
}

/* 20170329追�?? */
.detail .page-content-wrapper h3.accent {
  position: relative;
  margin-bottom: 0;
  padding: 6px 0 4px;
  border-bottom: 2px solid #d6d6d6 !important;
  border-left: none;
  font-size: 134%;
}
.detail .page-content-wrapper h3.accent:before {
  content: "";
  display: block;
  width: 14.24501%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background: #00a7d7;
}

/* 20171006追�?? */
@media only screen and (max-width: 767px) {
  .dormitory {
    background: url(../img/dormitory/dormitory_bg_01.jpg) 0 0 no-repeat;
    padding-top: 20px;
    margin: -25px -20px 0;
    position: relative;
    z-index: 1;
    background-size: cover;
  }
  .dormitory-heading,
  .dormitory-point {
    background: url(../img/dormitory/dormitory_bg_02.png) center bottom no-repeat;
    position: relative;
    margin: 0 20px;
  }
  .dormitory-heading {
    padding: 20px 30px;
    margin-bottom: 30px;
  }
  .dormitory-heading:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/dormitory/dormitory_bg_03.png) 0 0 no-repeat;
    width: 90%;
    height: 50%;
    top: -5%;
    left: -5%;
    background-size: 100%;
    z-index: 1;
  }
  .dormitory-heading:after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/dormitory/dormitory_bg_04.png) 0 0 no-repeat;
    width: 90%;
    height: 50%;
    bottom: -5.5%;
    right: -3%;
    background-position: center bottom;
    background-size: 100%;
    z-index: 1;
  }
  .dormitory-heading p:first-child {
    text-align: center;
    margin-bottom: 20px;
  }
  .dormitory-heading p {
    position: relative;
    z-index: 100;
  }
  .dormitory-heading + p {
    text-align: center;
  }
  .dormitory-heading + p img {
    width: 90%;
  }
  .dormitory-student {
    position: relative;
    width: 94%;
    height: auto;
    margin: 0 3% 30px;
  }
  .dormitory-student:after {
    content: "";
    display: table;
    clear: both;
  }
  .dormitory-student li {
    position: relative;
    width: 53%;
    float: left;
  }
  .dormitory-student li:first-child {
    top: 0;
    left: auto;
  }
  .dormitory-student li:nth-child(2) {
    top: 0;
    left: auto;
    margin-top: 5%;
  }
  .dormitory-student li:nth-child(3) {
    position: absolute;
    top: 25%;
    right: 0;
  }
  .dormitory-student + div {
    display: table;
    margin: 0 3% 20px;
  }
  .dormitory-student + div p {
    display: table-cell;
    vertical-align: middle;
  }
  .dormitory-student + div p:first-child {
    padding-right: 20px;
  }
  .dormitory-point {
    padding: 40px 3% 30px;
    background-size: cover;
  }
  .dormitory-point:after {
    content: "";
    display: block;
    width: 108%;
    height: 50%;
    position: absolute;
    top: -1%;
    left: -4%;
    background: url(../img/dormitory/dormitory_bg_05.png) 0 0 no-repeat;
    background-size: 100%;
    z-index: 0;
  }
  .dormitory-point > p {
    text-align: center;
    margin-bottom: 20px;
  }
  .dormitory-point > div {
    display: table;
    margin: 0 auto 50px;
  }
  .dormitory-point > div p {
    display: table-cell;
    vertical-align: top;
    position: relative;
    z-index: 1;
  }
  .dormitory-point > div p:nth-child(2) {
    padding-left: 10px;
    padding-top: 0;
  }
  .dormitory-point > div p em {
    color: #fb415f;
    font-weight: bold;
  }
  .dormitory-point ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .dormitory-point li {
    width: 80%;
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .dormitory-point li:first-child {
    float: none;
    position: relative;
    margin-bottom: 60px;
  }
  .dormitory-point li:first-child:after {
    content: '';
    display: block;
    width: 21px;
    height: 103px;
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: -80px;
    margin: auto;
    background: url(../img/dormitory/dormitory_img_07.png) 0 0 no-repeat;
    transform: rotate(90deg);
  }
  .dormitory-point li .img {
    margin-bottom: 10px;
  }
  .dormitory-point .txt {
    margin-left: -20px;
    margin-bottom: -15px;
    width: 80%;
    position: relative;
    z-index: 100;
  }
  .dormitory > p:last-child {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 3%;
  }
}