@charset "UTF-8";
/* CHUKYO custom.css */
/*----------- 共通 ----------------*/
/* リストや※の後2行目字下げの際使用 */
.indent-p {
  text-indent: -0.9rem;
  padding-left: 0.9rem; }

.pdf-indent{
  text-indent:0;
}

/*----------- 図書館ページ改修 ----------------*/
.category-badge-blue {
  background-color: #005bac;
  color: #ffffff;
  border-radius: 5px;
  padding: 0.25rem 1rem;
  margin-bottom: 0.5rem; }

.category-badge-red {
  background-color: #dc3545;
  color: #fff;
  border-radius: 5px;
  padding: 0.25rem 1rem;
  margin-bottom: 0.5rem; }

.btn-opac-pink {
  background-color: #ff6c8f;
  border-color: #ff6c8f;
  color: #fff; }

.btn-opac-pink:hover {
  background-color: #ed4f75;
  border-color: #ed4f75;
  color: #fff; }

.btn-opac-blue {
  background-color: #0092a9;
  border-color: #0092a9;
  color: #fff; }

.btn-opac-blue:hover {
  background-color: #038296;
  border-color: #038296;
  color: #fff; }

/*----------- 在学生ページ改修 ----------------*/
@media screen and (max-width: 480px) {
  /*　画面サイズが480pxまではここを読み込む　*/
  .class-category-menu {
    display: flex;
    flex-direction: column !important;
    /* 縦方向に配置 */
    align-items: center;
    justify-content: center;
    text-align: center;
    border: solid 4px #A6A6A6;
    height: 150px; }
    .class-category-menu img {
      margin-top: 10px;
      margin-bottom: 5px;
      width: 70%; }

  .class-category-menu02 {
    display: flex;
    align-items: center;
    border: solid 4px #A6A6A6;
    height: 160px; }
    .class-category-menu02 img {
      display: flex;
      align-items: center; } }
@media screen and (min-width: 480px) {
  /*　画面サイズが480pxからはここを読み込む　*/
  .class-category-menu {
    display: flex;
    flex-direction: column !important;
    /* 縦方向に配置 */
    align-items: center;
    justify-content: center;
    border: solid 4px #A6A6A6;
    height: 180px; }
    .class-category-menu img {
      margin-top: 10px;
      margin-bottom: 5px;
      width: 70%; }

  .class-category-menu02 {
    display: flex;
    align-items: center;
    border: solid 4px #A6A6A6;
    height: 170px; } }
/*　画面サイズが480pxからはここを読み込むここまで　*/
.category-menu-box {
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 1rem; }

.class-menu-inner {
  display: flex;
  align-items: center;
  justify-content: center; }

.table-d9 {
  background-color: #d9d9d9;
  border-color: darkgray; }

.table-d9-white {
  border-color: #bebebe; }

.table-bd-dg {
  border-color: darkgray; }

/* デフォルトのデザイン */
.menu-overlay-link {
  text-decoration: none !important;
  /* 下線を消す */
  color: inherit !important;
  /* テキストの色を親要素に合わせる */
  display: block;
  /* ブロック要素にして全体をクリック可能に */
  position: relative;
  /* オーバーレイを配置するための基準 */
  overflow: hidden;
  /* はみ出し防止 */ }

/* ホバー時のオーバーレイ */
.menu-overlay-link::after {
  content: "";
  /* 疑似要素 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fbfbfb;
  /* オーバーレイの色 */
  opacity: 0;
  /* デフォルトは透明 */
  transition: opacity 0.3s ease;
  /* スムーズに変化 */
  pointer-events: none;
  /* オーバーレイがリンクのクリックを邪魔しないようにする */ }

/* ホバー時にオーバーレイを表示 */
.menu-overlay-link:hover::after {
  opacity: 0.4;
  /* 色の濃さ（0.0?1.0で調整） */ }

/* 水色は#7ca1d2 */
.menu-overlay-title {
  color: #005bac !important; }

.menu-overlay-title18 {
  font-size: 18px;
  color: #005bac; }

/* 学生便覧 */
.menu-overlay-title21 {
  font-size: 21px;
  color: #005bac; }

.catalog-title {
  color: #0E2841; }

.border-bungaku {
  border: solid 2px #FCC68D;
  padding: 0 0 3px 0; }

.border-sougoseisaku {
  border: solid 2px #A6B7DD;
  padding: 0 0 3px 0; }

.border-gensha {
  border: solid 2px #CEC38E;
  padding: 0 0 3px 0; }

.border-kokusai {
  border: solid 2px #F8B7BD;
  padding: 0 0 3px 0; }

.border-keizai {
  border: solid 2px #D8B487;
  padding: 0 0 3px 0; }

.border-sport {
  border: solid 2px #6BCFF6;
  padding: 0 0 3px 0; }

.border-shinri {
  border: solid 2px #BCDCA0;
  padding: 0 0 3px 0; }

.border-keiei {
  border: solid 2px #94D3C5;
  padding: 0 0 3px 0; }

.border-kokusaieigo {
  border: solid 2px #51C6D8;
  padding: 0 0 3px 0; }

.border-hougaku {
  border: solid 2px #F8AB7F;
  padding: 0 0 3px 0; }

.border-kougaku {
  border: solid 2px #D8B1D2;
  padding: 0 0 3px 0; }

.border-kokusaikyouyou {
  border: solid 2px #F37D76;
  padding: 0 0 3px 0; }

.catalog-box {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }

.catalog-img {
  width: 100%;
  height: auto;
  display: block; }

.catalog-click {
  position: absolute;
  top: 45%;
  left: 63%;
  width: 35%;
  height: auto;
  object-fit: contain; }