/* サイト全体の基本文字サイズを16px → 14pxに */
html { font-size: 14px; }

/* サイト全体のH1～H6のサイズ調整 */
h1 { font-size: 1.5rem;}
h2 { font-size: 1.4rem;}
h3 { font-size: 1.3rem;}
h4 { font-size: 1.2rem;}
h5 { font-size: 1.1rem;}
h6 { font-size: 1rem;}

/*--------------------------------------
  ヘッダーの設定
--------------------------------------*/
.header-icons {
    padding-top: 1rem;
}
.header-icons img {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.header-icons01, .header-icons02 {
    display: inline-block;
}
.header-icons01 {
    float: left;
}
 .site-logo { height: 55px; }
.icon-login01, .icon-search { height: 50px; }
.icon-shokai, .icon-kamei, .icon-moushikomi  {
    height: 30px;
    margin-top: 1rem;
}

/* フッター */
.footer_frame{
    background-color: #2F5597;
    color: #fff;
}
.footer_frame .card-body a {
    color: #fff;
}

/* 特定の新着プラグインの文字を大きくする */
.topics-font-s-16 .card-body {
    font-size: 16px;
}

/* タブを使う時のプラグインヘッダーを隠す */
.tab-header-none h1.bg-none:not(.can-edit-frame) > div {
    display: none;
}

/* データベースにて「詳細ボタン」を隠す */
.plugin-databases.detail-none > .container > .card > .card-body  > .row.mt-2 > .col > .text-right > a {
    display: none;
}

/* 新着情報 */
.plugin-whatsnews .card-body .row {
    padding-bottom: 1rem;
    padding-top: 1rem !important;
}

/* -----------------------------------------------
   ページ上部へ戻るボタンの設定
----------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
    z-index: 9999;
}
#page-top a {
    display: block;
    background: #0f7f90;
    color: #fff;
    width: 4rem;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size:2rem;
    opacity:1;
}
#page-top a:hover {
    background: #5dafbc;
    text-decoration: none;
    opacity:0.8;
}

/*--------------------------------------
    固定記事メニューの設定
-------------------------------------- */
/* 高等教育ページ */
.higher_education-menu {
  list-style: none;
  display: flex;
  margin: auto;
  flex-wrap: wrap;
  padding-left: 0;
  border-bottom: 0.1rem solid #ddd;
}
.higher_education-menu li {
  flex: auto;
  text-align: center;
  border-top: 0.1rem solid transparent;
  border-left: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;
  border-radius: 0.8rem 0.8rem 0 0;
  padding: 0.8rem 0;
}
.higher_education-menu li a {
  display: block;
}
.higher_education-menu li:hover {
  border-color: #ddd;
}
body.member_site-higher_education .higher_education-menu-li,
body.member_site-higher_education_z .member_site-higher_education_z-li,
body.member_site-higher_education_x .member_site-higher_education_x-li {
  border-color: #ddd;
  background-color: #f0f0f0;
}



/*--------------------------------------
    仮ページお試しCSS
-------------------------------------- */
/* 仮TOPページ ヘッダーアイコン */
.header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 仮TOPページメニュー */
.top-menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4rem;
}
.top-menu-icon img {
    margin: auto;
    display: block;
}

/* TOPページ　ヘッダー＆スライドショー */
.pc_slideshows, .pc_header { display: unset; }
.smapho_slideshows:has( .can-edit-frame ) .container::before { content: '※管理者のみが見えています。'; }
.smapho_slideshows:not(:has( .can-edit-frame )) { display: none; }
@media screen and (max-width: 540px) {
    .pc_slideshows:has( .can-edit-frame )::before, .pc_header:has( .can-edit-frame )::before { content: '※管理者のみが見えています。'; }
    .pc_slideshows:not(:has( .can-edit-frame )), .pc_header:not(:has( .can-edit-frame )) { display: none !important; }
    .smapho_slideshows:not(.d-none) { display: unset !important; }
    .smapho_slideshows:has( .can-edit-frame ) .container::before { content: ''; }
}

/* 仮高等教育ページ */
/* スマホでも隠さない */
.sumapho-view .card-body ul {
    display: flex !important;
}

/* メニューカラー */
.zendaikyo-menu.menus-tab_flat .card-body nav ul.nav-tabs,
.zendaikyo-menu.menus-mouseover_dropdown .card-body nav ul.nav-tabs
{
    background-color: #f6f7f7;
    border-bottom: unset;
}
.zendaikyo-menu.menus-tab_flat .card-body nav ul.nav-tabs a.nav-link,
.zendaikyo-menu.menus-mouseover_dropdown .card-body nav ul.nav-tabs a.nav-link
{
    color: #595656 !important;
    padding: 1rem;
}
.zendaikyo-menu.menus-tab_flat .card-body nav ul.nav-tabs a.nav-link.active,
.zendaikyo-menu.menus-tab_flat .card-body nav ul.nav-tabs a.nav-link:hover,
.zendaikyo-menu.menus-mouseover_dropdown .card-body nav ul.nav-tabs a.nav-link.active,
.zendaikyo-menu.menus-mouseover_dropdown .card-body nav ul.nav-tabs a.nav-link:hover,
.zendaikyo-menu.menus-mouseover_dropdown .card-body nav ul.nav-tabs li.show a.nav-link
{
    background-color: #dae7f3;
    color: #264a64 !important;
}
/* サブメニュー：スマホでも隠さない */
.zendaikyo-menu-sub .card-body ul {
    display: flex !important;
}


/* トップページ 新着情報 */
.top_news_logo {
    background: linear-gradient(to bottom, #fff 45%, #eee 45%);
}
.top_news_menu .card-body > ul {
    list-style: none;
    display: flex;
    padding-left: unset;
}
.top_news_menu .card-body > ul > li {
    width: 200px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
.top_news_menu .card-body > ul > li > a {
    color: #212529;
    display: block;
    padding: 1rem;
}
.top_news_menu .card-body > ul > li:nth-child(1),
.top_news_menu .card-body > ul > li > a:hover  {
    background-color: #cdddea;
}
.top_news_menu .container .card {
    margin-bottom: unset !important;
}
.top_news_menu .container {
    padding-left: unset;
    padding-right: unset;
}
.top_news,
.top_news_menu {
    background-color: #eee;
}
.top_news >.container {
    background-color: #fff;
}
.top_news .card-body .row {
    border-bottom: solid #333 0.1rem;
}
/*
.top_news .card-body .row > div:nth-child(2) > div {
    min-width: 180px;
}
*/
.top_news .card-body .container .text-center {
    margin: 1rem 0;
}
.top_news .card-body .container .text-center > button {
    border-radius: 1rem !important;
    padding-left: 1rem;
    padding-right: 1rem;
}



/*--------------------------------------
  データベースの設定
--------------------------------------*/
/* デフォルトテーマ：一覧用 */
.databases-default.zendaikyo-db-design .card-body .container > div.row {
    border: unset !important;
}
.databases-default.zendaikyo-db-design .card-body .container.mt-4  {
    border-top: 0.1rem solid #ccc;
}
.databases-default.zendaikyo-db-design .card-body > .row.mt-2 .text-right {
    text-align: unset !important;
    padding-left: 0.5rem;
}
/* カードタイプ：詳細画面用 */
.zendaikyo-db-card-detail .card-body .container > div.row {
    border: unset !important;
}
.zendaikyo-db-card-detail .card-body .container {
    border: solid 0.1rem #ccc;
}
.zendaikyo-db-card-detail .card-body .container > div.row:first-child {
    padding-top: 1rem;
}
/* 「詳細」ボタンの色 */
.databases-default.zendaikyo-db-design a > span.btn-success {
    background-color: #dae7f3;
    border-color: #dae7f3;
    color: #264a64;
}
.databases-default.zendaikyo-db-design a > span.btn-success:hover,
.databases-default.zendaikyo-db-design a > span.btn-success:active
.databases-default.zendaikyo-db-design a > span.btn-success:not(:disabled):not(.disabled):active {
    background-color: #f6f7f7;
    border-color: #264a64;
    color: #264a64;
}
/*--------------------------------------
  ページングの色
--------------------------------------*/
nav .page-item .page-link {
    color: #264a64;
}
nav .page-item.active .page-link {
    background-color: #dae7f3;
    border-color: #dae7f3;
    color: #264a64;
}
/*--------------------------------------
 infoボタンの色
--------------------------------------*/
.btn-info {
    background-color: #dae7f3;
    border-color: #dae7f3;
    color: #264a64;
}
.btn-info:hover,
.btn-info:active {
    background-color: #f6f7f7;
    border-color: #264a64;
    color: #264a64;
}
.btn-info:not(:disabled):not(.disabled):active {
    background-color: #f6f7f7;
    border-color: #264a64;
    color: #264a64;
}