@charset "UTF-8";
/* カラーパレット(普通の変数) */
@import url("https://use.fontawesome.com/releases/v5.6.1/css/all.css");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Monsieur+La+Doulaise&display=swap");
/* 各種のサイズ(普通の変数) */
/*固定されたNavBarによって覆い隠されてしまう分の補正*/
#greeting #profile #reseach-theme #classic-reading #special-lecture {
  margin-top: -58px;
  /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 58px;
  /* 打ち消し用のパディング */
  /*この場所に、左右方向のPadding設定をしても打ち勝てない*/
}

#iif-navbar {
  -webkit-box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.5);
  /*画面縮小時に表示されるNav Barのボタンの枠を非表示に*/
  /* Bootstrapへの上書き */
  /* 通常のボタン色 */
  /* focusされた時の枠線の色 */
  /* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定）*/
  /* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
}

#iif-navbar .btn-primary,
#iif-navbar .btn-primary.disabled, #iif-navbar .btn-primary:disabled {
  color: #303030 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#fef0b5), to(#e5b802)) !important;
  background: linear-gradient(#fef0b5, #e5b802) !important;
  border: solid 1px #675201 !important;
  border-radius: 0.25rem !important;
}

#iif-navbar .btn-primary:focus, #iif-navbar .btn-primary.focus,
#iif-navbar .btn-primary:not(:disabled):not(.disabled):active:focus, #iif-navbar .btn-primary:not(:disabled):not(.disabled).active:focus,
#iif-navbar .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 184, 2, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(229, 184, 2, 0.5);
}

#iif-navbar .btn-primary:hover {
  color: black !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff5ce), to(#cca402)) !important;
  background: linear-gradient(#fff5ce, #cca402) !important;
  border: solid 1px black !important;
  border-radius: 0.25rem !important;
}

#iif-navbar .btn-primary:not(:disabled):not(.disabled):active, #iif-navbar .btn-primary:not(:disabled):not(.disabled).active,
#iif-navbar .show > .btn-primary.dropdown-toggle {
  color: #707070 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#cca402), to(#fee069)) !important;
  background: linear-gradient(#cca402, #fee069) !important;
  border: solid 1px white !important;
  border-radius: 0.25rem !important;
}

.navbar-toggler {
  border-color: rgba(0, 0, 0, 0) !important;
}

.nav-link {
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
}

.nav-item .active {
  color: #ffffff !important;
  opacity: 1.0 !important;
}

.iif-top_carousel-caption h2 {
  font-weight: bold;
  text-shadow: 0px 0px 8px black;
  white-space: nowrap;
}

.iif-top_carousel-caption p {
  font-weight: bold;
  text-shadow: 0px 0px 4px black;
}

body {
  margin: 0em;
  padding-top: 58px;
}

a {
  color: #072B87;
}

.iif-top_greeting {
  background-color: #860031;
  color: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4.0rem;
  padding-bottom: 4.0rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.iif-top_greeting h2 {
  font-family: 'Cinzel', serif;
  padding: 0.0rem !important;
  margin-bottom: 0.0rem;
}

.iif-top_greeting h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: larger !important;
  padding-top: 0.25rem;
  margin-bottom: 1.50rem;
  border-top: solid 1px #ffffff;
}

.iif-top_greeting div {
  opacity: 80%;
}

.iif-top_profile {
  background-color: #f2f0df;
  background-image: url("../asset/image/bg_flower_pattern_light.png");
  background-size: contain;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4.0rem;
  padding-bottom: 4.0rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.iif-top_profile h2 {
  font-family: 'Cinzel', serif;
  padding: 0.0rem !important;
  margin-bottom: 0.0rem;
}

.iif-top_profile h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: larger !important;
  padding-top: 0.25rem;
  margin-bottom: 1.5rem;
  border-top: solid 1px #303030;
}

.iif-top_research-theme {
  background-color: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4.0rem;
  padding-bottom: 4.0rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.iif-top_research-theme h2 {
  font-family: 'Cinzel', serif;
  padding: 0.0rem !important;
  margin-bottom: 0.0rem;
}

.iif-top_research-theme h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: larger !important;
  padding-top: 0.25rem;
  margin-bottom: 1.5rem;
  border-top: solid 1px #303030;
}

.iif-top_research-theme th {
  vertical-align: middle;
  padding-left: 1.0rem;
  color: #545232;
}

.iif-top_research-theme th i {
  color: #bfbd93;
}

.iif-top_research-theme ul {
  font-size: small;
  list-style: none;
  padding: 0;
  margin: 0;
}

.iif-top_research-theme ul li {
  font-family: 'Noto Serif JP', serif;
  padding-left: 1.00em;
  text-indent: -1.25em;
}

.iif-top_research-theme ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f5ad";
  color: #b6b383;
  margin-right: 0.25rem;
  font-weight: 600;
}

.iif-top_reading {
  background-color: #f2f0df;
  background-image: url("../asset/image/bg_flower_pattern_light.png");
  background-size: contain;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4.0rem;
  padding-bottom: 4.0rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.iif-top_reading h2 {
  font-family: 'Cinzel', serif;
  padding: 0.0rem !important;
  margin-bottom: 0.0rem;
}

.iif-top_reading h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: larger !important;
  padding-top: 0.25rem;
  margin-bottom: 1.5rem;
  border-top: solid 1px #303030;
}

.iif-top_special-lecture {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), color-stop(75%, #f2f0df), to(#e5e4d3));
  background: linear-gradient(#ffffff 0%, #ffffff 50%, #f2f0df 75%, #e5e4d3 100%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4.0rem;
  padding-bottom: 4.0rem;
  padding-right: 1.0rem;
  padding-left: 1.0rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.iif-top_special-lecture h2 {
  font-family: 'Cinzel', serif;
  padding: 0.0rem !important;
  margin-bottom: 0.0rem;
}

.iif-top_special-lecture h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: larger !important;
  padding-top: 0.25rem;
  margin-bottom: 1.5rem;
  border-top: solid 1px #303030;
}

.iif-top_contact {
  background-image: url("../asset/image/bg_flower_pattern_dark.png");
  background-size: contain;
  background-color: #860031;
  color: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4.0rem;
  padding-bottom: 4.0rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition-duration: 1.00s;
          transition-duration: 1.00s;
  /* Bootstrapへの上書き */
  /* 通常のボタン色 */
  /* focusされた時の枠線の色 */
  /* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定）*/
  /* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
}

.iif-top_contact h2 {
  font-family: 'Cinzel', serif;
  padding: 0.0rem !important;
  margin-bottom: 0.0rem;
}

.iif-top_contact h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: larger !important;
  padding-top: 0.25rem;
  margin-bottom: 1.50rem;
  border-top: solid 1px #ffffff;
}

.iif-top_contact div {
  opacity: 80%;
}

.iif-top_contact .btn-primary,
.iif-top_contact .btn-primary.disabled, .iif-top_contact .btn-primary:disabled {
  padding-top: 0.50rem !important;
  padding-bottom: 0.50rem !important;
  color: #c9c9c9 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#a0003a), to(#6d0028)) !important;
  background: linear-gradient(#a0003a, #6d0028) !important;
  border: solid 1px #3a0015 !important;
  border-radius: 0.25rem !important;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

.iif-top_contact .btn-primary:focus, .iif-top_contact .btn-primary.focus,
.iif-top_contact .btn-primary:not(:disabled):not(.disabled):active:focus, .iif-top_contact .btn-primary:not(:disabled):not(.disabled).active:focus,
.iif-top_contact .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 0, 49, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(134, 0, 49, 0.5);
  -webkit-transition-duration: 0.00s;
          transition-duration: 0.00s;
}

.iif-top_contact .btn-primary:hover {
  color: #ffffff !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#af0040), to(#5d0022)) !important;
  background: linear-gradient(#af0040, #5d0022) !important;
  border: solid 1px black !important;
  border-radius: 0.25rem !important;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

.iif-top_contact .btn-primary:not(:disabled):not(.disabled):active, .iif-top_contact .btn-primary:not(:disabled):not(.disabled).active,
.iif-top_contact .show > .btn-primary.dropdown-toggle {
  color: white !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#6d0028), to(#b90044)) !important;
  background: linear-gradient(#6d0028, #b90044) !important;
  border: solid 1px white !important;
  border-radius: 0.25rem !important;
  -webkit-transition-duration: 0.00s;
          transition-duration: 0.00s;
}

.iif-top_card {
  background: rgba(0, 0, 0, 0);
  margin-bottom: 1rem;
  width: 16rem;
}

.iif-top_card a {
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

.iif-top_card a img {
  height: 12rem;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.iif-top_card a:hover img {
  -webkit-filter: brightness(105%);
          filter: brightness(105%);
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
}

.iif-top_card a:active img {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
  -webkit-transition-duration: 0.00s;
          transition-duration: 0.00s;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.iif-top_card {
  margin-bottom: 1rem;
  width: 16rem;
}

.iif-top_card div {
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

.iif-top_card div img {
  cursor: pointer;
  height: 12rem;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.iif-top_card div:hover img {
  -webkit-filter: brightness(105%);
          filter: brightness(105%);
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
}

.iif-top_card div:active img {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
  -webkit-transition-duration: 0.00s;
          transition-duration: 0.00s;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.iif-top_reading-auther_jp {
  font-size: xx-small;
}

.iif-top_reading-auther_en {
  font-size: medium;
  font-family: 'Monsieur La Doulaise', cursive;
}

.iif-top_reading-title {
  font-family: 'Noto Serif JP', serif;
}

.iif-top_special-lecture-table {
  margin-top: 1.0rem;
  font-size: small;
}

.iif-top_special-lecture-table th {
  background-image: url("../asset/image/bg_flower_pattern_light.png");
  background-size: contain;
  vertical-align: middle;
  white-space: nowrap;
}

.iif-top_special-lecture-table td {
  background-image: url("../asset/image/bg_flower_pattern_light.png");
  background-size: contain;
  vertical-align: middle;
}

.iif-top_special-lecture-table .special-lecture-date {
  font-family: 'Noto Serif JP', serif;
  font-size: x-small;
}

.iif-top_special-lecture-table .special-lecture-title-main {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: large;
}

.iif-top_special-lecture-table .special-lecture-title-sub {
  font-family: 'Noto Serif JP', serif;
  font-size: small;
}

.iif-top_special-lecture-table .special-lecture-speaker {
  font-size: large;
  font-weight: bold;
}

.iif-top_special-lecture-table ul {
  padding-left: 1.0rem;
  margin-bottom: 0.25rem;
  font-size: small;
}

.iif-top_reading_modal .modal-header {
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f0df), to(#e5e4d3));
  background: linear-gradient(#f2f0df, #e5e4d3);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.iif-top_reading_modal .modal-header .modal-title {
  font-family: 'Noto Serif JP', serif;
  font-size: large;
}

.iif-top_reading_modal .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-top: 3.0rem;
  padding-bottom: 3.0rem;
}

.iif-top_reading_modal .modal-body .left {
  margin-bottom: 3.0rem;
}

.iif-top_reading_modal .modal-body .left .book {
  height: 16rem;
  margin-right: 3rem;
  margin-left: 3rem;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
}

.iif-top_reading_modal .modal-body .right .iif-top_reading_modal_reason-for-choice {
  margin-bottom: 3rem;
}

.iif-top_reading_modal .modal-body .right .iif-top_reading_modal_reason-for-choice h1 {
  font-size: larger;
  font-family: 'Noto Sans JP', sans-serif;
  border-left: solid 0.5rem #c0c0c0;
  padding-left: 0.5rem;
  margin-bottom: 0.0rem;
}

.iif-top_reading_modal .modal-body .right .iif-top_reading_modal_reason-for-choice p {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1.00rem;
  font-size: medium;
  border-left: solid 1px #c0c0c0;
}

.iif-top_reading_modal .modal-body .right .iif-top_reading_modal_from-report h1 {
  font-size: larger;
  font-family: 'Noto Sans JP', sans-serif;
  border-left: solid 0.5rem #c0c0c0;
  padding-left: 0.5rem;
  margin-bottom: 0.0rem;
}

.iif-top_reading_modal .modal-body .right .iif-top_reading_modal_from-report ul {
  padding-left: 1.25rem;
  border-left: solid 1px #c0c0c0;
}

.iif-top_reading_modal .modal-body .right .iif-top_reading_modal_from-report li {
  padding-top: 0.50rem;
  padding-bottom: 0.50rem;
  font-size: small;
  font-style: italic;
  font-family: 'Noto Serif JP', serif;
}

.iif-top_reading_modal .modal-footer {
  background-color: #f8f8f8;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  /* focusされた時の枠線の色 */
  /* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定）*/
  /* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
}

.iif-top_reading_modal .modal-footer .btn {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: small;
}

.iif-top_reading_modal .modal-footer .btn-primary,
.iif-top_reading_modal .modal-footer .btn-primary.disabled, .iif-top_reading_modal .modal-footer .btn-primary:disabled {
  color: #303030 !important;
  background-color: #fdd11d !important;
  border: solid 1px #675201 !important;
  border-radius: 0.25rem !important;
}

.iif-top_reading_modal .modal-footer .btn-primary:focus, .iif-top_reading_modal .modal-footer .btn-primary.focus,
.iif-top_reading_modal .modal-footer .btn-primary:not(:disabled):not(.disabled):active:focus, .iif-top_reading_modal .modal-footer .btn-primary:not(:disabled):not(.disabled).active:focus,
.iif-top_reading_modal .modal-footer .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 184, 2, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(229, 184, 2, 0.5);
}

.iif-top_reading_modal .modal-footer .btn-primary:hover {
  color: black !important;
  background-color: #fddb50 !important;
  border: solid 1px black !important;
  border-radius: 0.25rem !important;
}

.iif-top_reading_modal .modal-footer .btn-primary:not(:disabled):not(.disabled):active, .iif-top_reading_modal .modal-footer .btn-primary:not(:disabled):not(.disabled).active,
.iif-top_reading_modal .modal-footer .show > .btn-primary.dropdown-toggle {
  color: #707070 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#cca402), to(#fee069)) !important;
  background: linear-gradient(#cca402, #fee069) !important;
  border: solid 1px white !important;
  border-radius: 0.25rem !important;
}

footer {
  display: block;
  padding: 1.0rem;
  text-align: center;
  font-size: small;
  font-family: 'Cinzel', serif;
  color: #bfbfbf;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
  background-color: #303030;
}
/*# sourceMappingURL=index.css.map */