@charset "UTF-8";
/*************************************** 矢印
*****************************************/
/* library.scss
***************************************

library

*****************************************/
.library { /*************************************** //附属図書館 ページ共通
*****************************************/ /*************************************** //附属図書館　トップ
*****************************************/ /*************************************** //本館　ページ共通
*****************************************/ /*************************************** //分館　ページ共通
*****************************************/ /*************************************** //カレンダー　ページ共通
*****************************************/ /*************************************** //愛媛県内図書館リンク集
*****************************************/ /*************************************** //附属図書館関連ログイン
*****************************************/ /*************************************** //研究紀要
*****************************************/ }
.library .title_bar { background-color: #E5DED5; }
@media screen and (max-width: 1029px) { .library .title_bar { background-color: #96856F; }
  .library .title_bar.pic_bg { background-color: #E5DED5; } }
.library .contents_nav_title { background-color: #96856F; }
@media screen and (max-width: 1029px) { .library .sp-right_nav { background: #E5DED5; } }
.library .sp-right_nav a.se, .library .right-cont a.se { background: #E5DED5; }
.library .sp-right_nav a:hover, .library .right-cont a:hover { background-color: #E5DED5; }
.library .library-page .honkan { background-color: #B57C30; }
.library .library-page .branch { background-color: #B1595E; }
.library .library-page .fs-14 { font-size: 1.4rem; }
@media screen and (min-width: 1030px) { .library .library-page .ma100 { margin-bottom: 100px; } }
.library .library-page .elm-block { display: block; }
.library .library-page .call_box { border: 1px solid #777; padding: 20px; font-size: 1.4rem; }
@media screen and (max-width: 1029px) { .library .library-page .call_box { padding: 5%; } }
.library .library-page .contents-title.name::after { background: #606060; }
.library .library-page .page_nav.jus-end ul { justify-content: flex-end; }
.library .library-page .text-red { color: #b40000; }
.library .library-page .link-blue { color: #2F569F; font-weight: bold; }
.library .library-page .bg-title { background-color: #E5DED5; }
.library .library-page .main-flex_cont { flex-wrap: nowrap; }
.library .library-page .main-flex_cont .pic-box { width: 180px; flex-shrink: 0; margin-right: 30px; }
@media screen and (max-width: 1029px) { .library .library-page .main-flex_cont .pic-box { width: 130px; } }
.library .library-page .main-flex_cont .txt-box { flex-grow: 1; }
@media screen and (min-width: 1030px) { .library .library-top .top_txt { text-align: center; } }
.library .library-top .library-top_nav .btn.main_gide a { width: 100%; max-width: 530px; font-size: 2rem; padding: 25px 40px; }
@media screen and (max-width: 1029px) { .library .library-top .library-top_nav .btn.main_gide a { padding-left: 15px; } }
.library .library-top .library-top_nav .btn.sub_gide a { width: 100%; max-width: 340px; }
.library .library-top .library-top_nav .btn.btn-gray a { background-color: #606060; width: 100%; max-width: 340px; }
.library .library-top .library-top_nav .honkan-box { color: #B57C30; }
.library .library-top .library-top_nav .honkan-box .btn a { background-color: #B57C30; }
.library .library-top .library-top_nav .branch-box { color: #B1595E; }
.library .library-top .library-top_nav .branch-box .btn a { background-color: #B1595E; }
.library .library-top .library-top_nav .gray_nav li { background-color: #606060; padding: 30px 0; box-sizing: border-box; text-align: center; height: 180px; position: relative; }
@media screen and (max-width: 1029px) { .library .library-top .library-top_nav .gray_nav li { height: 200px; } }
.library .library-top .library-top_nav .gray_nav li a { display: block; font-size: 2rem; font-weight: bold; color: #fff; line-height: 130%; }
@media screen and (max-width: 1029px) { .library .library-top .library-top_nav .gray_nav li a { font-size: 1.6rem; } }
.library .library-top .library-top_nav .gray_nav li a .txt_box { display: flex; align-items: center; justify-content: center; height: 2.5em; margin-bottom: 20px; }
@media screen and (max-width: 1029px) { .library .library-top .library-top_nav .gray_nav li a .txt_box { height: 4em; } }
.library .library-top .library-top_nav .gray_nav li a .ico-box { width: 50px; height: 50px; margin: 0 auto; background-repeat: no-repeat; background-position: center; }
.library .library-top .library-top_nav .gray_nav li a .ico-box.search { background-image: url("../../img/library/ico_search.svg"); background-size: 100%; }
.library .library-top .library-top_nav .gray_nav li a .ico-box.dbsearch { background-image: url("../../img/library/ico_dbsearch.svg"); background-size: auto 90%; }
.library .library-top .library-top_nav .gray_nav li a .ico-box.study { background-image: url("../../img/library/ico_study.svg"); background-size: 100% 45px; }
.library .library-top .library-top_nav .gray_nav li a .ico-box.news { background-image: url("../../img/library/ico_news.svg"); background-size: 32px 39px; }
.library .library-top .library-top_nav .gray_nav li a::after { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.library .library-top .square-title.library-branch::before { background-color: #B1595E; }
.library .library-top .square-title.library-gray::before { background-color: #606060; }
.library .library-honkan .contents-title.name::after { background: #B57C30; }
.library .library-honkan .square-title::before { background-color: #B57C30; }
.library .library-honkan ul.dot li::before { background: #B57C30; }
.library .library-branch .contents-title.name::after { background: #B1595E; }
.library .library-branch .square-title::before { background-color: #B1595E; }
.library .library-branch ul.dot li::before { background: #B1595E; }
.library .library-calendar .btn a { width: 100%; max-width: 340px; }
.library .library-links ul.dot li::before { background: #606060; }
.library .library-links ul.dot li a { color: #2F569F; font-weight: bold; }
.library .library-links ul.dot li a::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 10px; background: url(../../img/common/newtab.svg) no-repeat center; background-size: contain; }
.library .library-login .login_area { background: #f5f5f5; padding: 60px 0; text-align: center; }
.library .library-login .login_area .error-txt { color: #9d3939; }
.library .library-login .login_area .btn { margin: auto; width: 200px; background-color: #606060; position: relative; }
.library .library-login .login_area .btn::after { content: ""; position: absolute; margin-top: -4px; display: block; background-size: contain !important; width: 25px; height: 8px; top: 50%; right: 20px; background: url(../../img/common/arrow_w.svg) no-repeat center; }
.library .library-login .login_area .btn a, .library .library-login .login_area .btn input { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; display: inline-block; text-align: left; padding: 10px 15px; color: white; padding-right: 40px; background: transparent; }
.library .library-login .login_area input[type="password"] { width: 100px; }
.library .database ul { border-top: solid 1px #777; }
.library .database li { border-bottom: solid 1px #777; line-height: 150%; word-break: break-all; }
@media print, screen and (min-width: 1030px) { .library .database li { display: flex; justify-content: space-between; align-items: center; } }
@media screen and (max-width: 1029px) { .library .database li { padding: 20px 5%; } }
@media print, screen and (min-width: 1030px) { .library .database li div:first-child { max-width: 500px; padding: 20px 40px; width: 40%; } }
@media screen and (max-width: 1029px) { .library .database li div:first-child img { max-width: 200px; margin-bottom: 10px; } }
.library .database li div:first-child a { color: #2F569F; font-weight: bold; font-size: 1.8rem; }
@media print, screen and (min-width: 1030px) { .library .database li div + div { width: 60%; padding: 20px 0; } }
.library .database li div + div a { text-decoration: underline; color: #2F569F; font-weight: bold; }
.library .database li div + div p { margin-top: 10px; }
.library .library-bulletin .page_nav li a { background-color: #606060; }
.library .library-bulletin .table_area table tr { border-top: 1px solid #777; }
.library .library-bulletin .table_area table tr th, .library .library-bulletin .table_area table tr td { padding: 15px 0; }
.library .library-bulletin .table_area table tr th { text-align: left; }
.library .library-bulletin .table_area table tr td a { color: #2F569F; font-weight: bold; text-decoration: underline; display: block; }