@charset "utf-8";

/********************************************************/
/****************** 重なり（z-index）指定 ******************/
/* ページ遷移アニメーション：z-index:10000〜; */
/* 展開後コンテンツ（ハンバーガーメニュー展開・モーダルウインドウ）：z-index:1000〜9999; */
/* header,ステークホルダーメニュー：z-index:100〜999; */
/* コンテンツ：z-index:-10〜99; */
/*******************************************************/

/**********************/
/****** TOPページ *****/
/**********************/
.mainVisual {
  position: relative;
  width: 100%;
  padding: 90px 0 0;
}

.mainVisual img {
  width: 100%;
}

/* SP */
@media only screen and (max-width:768px) {
  .mainVisual {
    padding: 80px 0 0;
  }

}

.homeTopLink a {
  margin: 0 20px 20px;
}

/* SP */
@media only screen and (max-width:768px) {
  .homeTopLink a {
    margin: 0 0 20px;

  }
}

/*Opac*/
.homeOpac {
  position: relative;
  z-index: 1;
  margin: 30px 0 60px;
  padding: 60px 0 55px;
  background: #f4f2ed;
}

.homeOpacForm {
  position: relative;
  z-index: 2;
  max-width: 660px;
  width: 100%;
  margin: 15px auto 30px;
}

/* iPad Airだけ */
@media only screen and (max-width:1300px) {
  .homeOpacForm {
    margin: 10px auto 60px;
    max-width: 500px;
  }
}

/*動画エリア*/
.homeVideo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.homeVideoBox {
  width: calc(100% / 2 - 10px)
}

.homeVideoBox iframe {
  width: 100%;
}

.homeVideoBox dd {
  margin: 15px 0 0;
  font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'Noto Sans JP';
  position: relative;
  color: #181000;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
}


/* SP */
@media only screen and (max-width:768px) {
  .homeVideoBox {
    width: 100%;
    margin: 0 0 30px;
  }
}


/*カレンダー*/
.homeCalender {
  margin: 90px auto;
}

.homeCalender .library_tabs {
  width: 100%;
}

.homeCalender .library_tabs tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #181000;
  border-right: 1px solid #181000;
  border-left: 1px solid #181000;
}

.homeCalender .library_tabs td.library_tab_annual {
  width: calc(100% / 2);
  padding: 15px;
  text-align: center;
  color: #181000;
  font-size: 1.6rem;
  font-weight: bold;
}

.homeCalender .library_tabs td.selected {
  background: #f4f2ed;
}

.homeCalender .library_tabs td.library_tab_annual:first-of-type {
  border-right: 1px solid #181000;
}


.homeCalender .library_calendar_table {
  width: 100%;
  border-collapse: collapse;
}

.homeCalender .library_calendar_table tr td {
  padding: 15px;
  color: #181000;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  border-collapse: collapse;
  border: 1px solid #181000;
  border-collapse: collapse;
}



.homeCalender .library_calendar_table tr td.pre_month {
  text-align: left;
}

.homeCalender .library_calendar_table tr td.year_month {
  text-align: center;
}

.homeCalender .library_calendar_table tr td.next_month {
  text-align: right;
}

.homeCalender .form-item {
  margin: 10px 0 0;
}

.homeCalender .form-text {
  width: 100%;
  padding: 10px;
  color: #181000;
  font-size: 1.2rem;
}

/* SP */
@media only screen and (max-width:768px) {
  .homeCalender .overflowScroll {
    overflow-x: scroll;
  }

  .homeCalender .library_tabs {
    width: 100%;
    min-width: 400px;
  }

  .homeCalender .library_calendar_table {
    width: 100%;
    min-width: 400px;
  }

}


/*図書館と地域連携研究センターのリンク*/
.homeLink {
  padding: 65px 0 55px;
  background: #f4f2ed;
}

.homeLinkWrap {
  max-width: 660px;
}

/* SP */
@media only screen and (max-width:768px) {
  .homeLinkWrap {
    width: 80%;
  }
}

/* iPadMini（768px）のみ調整 */
@media only screen and (width:768px) {
  .homeLinkWrap {
    width: 40%;
  }
}



/**********************/
/****** 中ページ ****/
/**********************/
/* 共通（中ページ共通パーツ） */