@charset "utf-8";
/* バナー */
.banner_area {
  width: calc(1200px - 80px);
  text-align: center;
  margin: 0 auto 30px auto;
}
.banner_area a + a {
  padding-left: 15px;
}
.banner_area img {
  width: 49%;
}
.txt_banner {
  display: inline-block;
  padding: 10px 60px;
  border: 2px solid #ee560b;
  background-color: #fff;
  border-radius: 3px;
  transition: 0.3s background-color;
  color: #ee560b;
  font-size: 18px;
  font-weight: bold;
  margin: 30px 20px 0 20px;
}
.txt_banner:hover {
  background-color: #ee560b;
  text-decoration: none;
  color: #fff;
}
/* レイアウト変更 */
.link_area .area_content {
  border-top: none;
  border-bottom: 2px dotted #eee;
  padding: 30px 90px 50px 90px;
  box-sizing: border-box;
}
main .area_content {
  width: 1200px;
  margin: 0 auto;
}
.service_area {
  padding: 0 0 50px 0;
}
.link_area ul.link_list li.list_item a span {
  font-size: 0.8em;
}
/* 学内限定コンテンツの閲覧方法について */
.howto_browse {
  display: block;
  background: #2e6757;
  width: 12em;
  text-align: center;
  color: #fff;
  font-size: 14px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 3px;
  font-weight: bold;
  z-index: 9999;
}
.howto_browse a {
  color: #054e3c;
  text-decoration: underline;
}
.howto_browse_popUp-content {
  color: #000;
}
.howto_browse_popUp-content h4 {
  background: #2e6757;
  color: #fff;
  padding: 10px;
  margin: 0 0 30px 0;
}
.howto_browse_popUp-content h4 + p {
  margin-bottom: 30px;
}
.howto_browse_popUp-content ul {
  margin: 30px 0 20px 0;
  overflow: hidden;
}
.howto_browse_popUp-content ul li {
  width: 48%;
  float: left;
  list-style-type: none;
}
.howto_browse_popUp-content ul li + li {
  float: right;
}
.howto_browse_popUp-content ul li a {
  display: block;
  padding: 50px 30px 50px 80px;
  background: #2e6757;
  color: #fff;
  font-size: 24px;
  border-radius: 6px;
  position: relative;
  transition: .3s all;
  text-decoration: none;
}
.howto_browse_popUp-content ul li a:hover {
  opacity: 0.8;
  transition: .5s all;
}
.howto_browse_popUp-content ul li a:before {
  position: absolute;
  top: 0;
  left: 25px;
  content: '\f128';
  font-size: 90px;
  font-family: FontAwesome;
  font-weight: 100;
}
.howto_browse_popUp-content ul li + li a:before {
  content: '\f10b';
}
.howto_browse_popUp-content ul li a:hover {
  text-decoration: none;
}
.howto_browse_popUp-content img.mark {
  width: 22px;
  height: auto;
  margin: -2px 0 0 0;
}
.howto_browse_popUp, input[name="howto_browse_switch"], #howto_browse_open + label ~ label {
  display: none;
}
#howto_browse_open + label, #howto_browse_close-button + label {
  cursor: pointer;
  display: block;
  padding: 10px;
}
.howto_browse_popUp {
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
#howto_browse_open:checked ~ #howto_browse_close-button + label {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
#howto_browse_open:checked + label ~ .howto_browse_popUp {
  background: #fff;
  display: block;
  width: 90%;
  height: 80%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 998;
  border-radius: 6px;
}
#howto_browse_open:checked + label ~ .howto_browse_popUp > .howto_browse_popUp-content {
  width: calc(100%);
  height: calc(100% - 20px - 44px);
  padding: 10px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#howto_browse_open:checked + label + #howto_browse_close-overlay + label {
  background: rgba(0, 0, 0, 0.70);
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  z-index: 996;
}
#howto_browse_open:checked ~ #howto_browse_close-button + label {
  display: block;
  text-align: center;
  font-size: 25px;
  line-height: 44px;
  width: 90%;
  height: 44px;
  position: fixed;
  bottom: 10%;
  left: 5%;
  z-index: 999;
}
#howto_browse_open:checked ~ #howto_browse_close-button + label::before {
  content: '×';
  color: #000;
}
.howto_browse dl {
  margin-bottom: 50px;
}
.howto_browse dl dt {
  background: #2e6757;
  color: #fff;
  padding: 10px;
  margin: 30px 0;
}
.howto_browse dl dd + dd img {
  margin: 45px 0;
  height: 230px;
}
#howto_browse_first {
  margin-top: 100px;
}
#howto_browse_open:checked + label ~ .howto_browse_popUp {
  width: 600px;
  height: 500px;
}
#howto_browse_open:checked + label ~ .howto_browse_popUp > .howto_browse_popUp-content {
  height: calc(100% - 50px);
  margin: 30px 0 20px 0;
}
#howto_browse_open:checked ~ #howto_browse_close-button + label {
  width: 44px;
  height: 44px;
  left: 50%;
  top: 50%;
  margin-left: 250px;
  margin-top: -264px;
  overflow: hidden;
}
#howto_browse_open:checked ~ #howto_browse_close-button + label::after {
  display: none;
}

.top_area .important_area {
  background-color: rgba(170, 0, 0, 0.65);
}

.top_area .important_area .area_content .content_ttl {
    min-width: 8em;
}

/* 検索窓位置調整 中央下下げ */
.top_area {
  height: 750px;
}
.search_area {
  background-color: rgba(5, 78, 60, 0.65);
  margin-top: 475px;
}
.info_area {
  background-color: rgba(5, 78, 60, 0.45);
  height: 55px;
}
.search_area .area_content .content_ttl, .info_area .area_content .content_ttl {
  font-size: 16px;
  font-size: 1.6rem;
}
.search_area, .info_area {
  width: 460px;
}
.search_area .search_form, .search_area .search_form input.search_field {
  width: 405px;
}
.info_area ul.info_list li.list_item {
  font-size: 14px;
  font-size: 1.4rem;
}
.info_area ul.info_list li.list_item span:not(.schedule_time) {
  font-size: 13px;
  font-size: 1.3rem;
}
.area_content.en .info_list {
  margin-top: 5px;
}
.area_content.en .info_list .time_default {
  display: block;
  margin-top: 2px;
}

/* 開館時間非表示 */
.is_open:after {
  display: none;
}
.top_area .info_area .area_content .content_ttl {
  margin:0 4em;
}

/**************************

スマホ

***************************/
@media only screen and (max-width: 767px) {
/* トップバナー */
.banner_area {
  width: 100%;
}
.banner_area a {
  display: block;
}

.banner_area a + a {
  padding: 10px 0 0 0;
}
.banner_area img {
  width: 100%;
}
.news_area ul.news_list,
.news_area ul.topics-list,
main .area_content {
  width: 100%;
}

/* レイアウト変更 */
.link_area {
  padding: 10px 10px 30px 10px;
}
.link_area .area_content {
  padding: 20px 0;
}
/* 学内限定コンテンツの閲覧方法について */
.howto_browse {
  position: static;
  margin: 1px 15px 0 15px;
  width: auto;
  border-radius: 0;
  background-color: rgba(5, 78, 60, 0.65);
}
#howto_browse_open + label {
  text-align: left;
}
#howto_browse_open:checked ~ #howto_browse_close-button + label {
  text-align: center;
  font-size: 25px;
  width: 100%;
  height: unset;
  bottom: unset;
  top: 20px;
  left: 0;
  margin: 40px 0 0 0;
}
#howto_browse_open:checked + label ~ .howto_browse_popUp {
  width: 90%;
  height: 70%;
  z-index: 999;
}
#howto_browse_open:checked + label ~ .howto_browse_popUp > .howto_browse_popUp-content {
  height: calc(100% - 30px);
  margin: 25px 0 0 0;
}
.howto_browse_popUp-content h4 {
  margin-bottom: 20px;
}
.howto_browse_popUp-content h4 + p {
  margin-bottom: 10px;
}
.howto_browse_popUp-content h4 + p + img {
  width: 20%;
  height: auto;
}
.howto_browse_popUp-content ul {
  margin: 15px 0 10px 0;
  overflow: hidden;
}
.howto_browse_popUp-content ul li {
  width: 100%;
  float: none;
}
.howto_browse_popUp-content ul li + li {
  float: none;
  margin-top: 10px;
}
.howto_browse_popUp-content ul li a {
  display: block;
  padding: 15px 0 15px 100px;
  background: #2e6757;
  color: #fff;
  font-size: 24px;
  border-radius: 6px;
  position: relative;
  transition: .3s all;
  text-align: left;
}
.howto_browse dl dd + dd img {
  margin: 50px 0;
  height: auto;
  width: 90%;
}
.howto_browse dl + dl dd + dd img {
  margin: 30px 0;
  height: auto;
  width: 40%;
}
.howto_browse_popUp-content ul li a:before {
  position: absolute;
  top: -7px;
  left: 30px;
  content: '\f128';
  font-size: 55px;
  width: 50px;
  text-align: center;
}
#howto_browse_open:checked + label + #howto_browse_close-overlay + label {
  z-index: 999;
}
.top_area .important_area .area_content .content_ttl {
  min-width: inherit;
}
.top_area .important_area .area_content ul.important_list li.list_item a {
  margin-left: 0;
}

/* 検索窓位置調整 中央下下げ */
.top_area {
  height: 500px;
  padding-top: 110px;
}
.search_area {
  margin-top: 100px;
}
.search_area, .info_area {
  width: unset;
}
.search_area .search_form, .search_area .search_form input.search_field {
  width: auto;
}
.is_open .list_item .schedule_time.time_default {
  display: unset;
}
.is_open .list_item span {
  font-size: 0.9em !important;
}

/* 開館時間非表示 */
.top_area .info_area .area_content .content_ttl {
  margin:0;
}
.info_area .content_ttl a {
  bottom: 0;
}
.info_area .content_ttl:after, .info_area .content_ttl.is_open:after {
  display: none;
}
.header_inner .nav .info_area .content_ttl a {
  bottom: 0;
}
.header_inner .nav .info_area .area_content {
  margin: 5px;
}
}

/* リンクアイコン縮小 */
.service_area ul.service_list li.list_item {
  margin: 25px 8px 0
}
.service_area ul.service_list li.list_item a img {
  width: auto;
  height: 20px;
}
.service_area ul.service_list li.list_item a.icon_sit:after {
  width: 8px;
  height: ato;
}

/* Topics list */
.item-date-cat {
  float: left;
  display: inline-block;
}
.item-date {
  width: 4.5em;
}
.news_area ul.topics-list li.list_item .item-cat {
  vertical-align: top;
}

/* 附属中高生の方へ 追加*/
.header_inner .nav .main_nav ul.nav_list > li.list_item .nav_ttl {
  font-size: 1.5rem;
}

/* お知らせ一覧折返し調整 */
.item-title a {
  width: 85%;
}
@media only screen and (max-width: 767px) {
  .item-title a {
    width: 100%;
  }
}

/* 記事タイトル改行なし */
#article_new_arrival_articles__articles_target ul li .item-title a em br {
  display: none;
}

/* TOP検索アイコン */
.isfw_header .search_submit-btn,
.search_area .search_submit-btn {
  position: relative;
  width: 15%;
}
.isfw_header .search_submit-btn:before,
.search_area .search_submit-btn:before {
  height: inherit;
  font-family: "FontAwesome";
  font-size: 28px;
  color: #5b7a72;
  content: "\f002";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 15px;
}
.isfw_header .search_submit-btn .search_submit,
.search_area .search_submit-btn .search_submit {
   width: 100%;
}