/* 訪問済みリンク */
a:visited {
    color: #551a8b;
}
/* 外部リンク */
a[target="_blank"]:not(:has(img))::after {
    font-family: "bootstrap-icons" !important;
    content: "\f1c5";          /* box-arrow-up-right */
    display: inline-block;
    margin-left: .25em;
    font-size: .9em;
    vertical-align: -.125em;   /* 文字との縦位置を揃える */
    color: #64748b;
}

/* ===========================
  色
   =========================== */
/* ロゴのグラデーション: #009bdd → #001a7f */
/* 文字の色 */
:root {
    /* サイトタイトルの色: */
    --site-bg-color: #fff;
    --site-footer-bg-color: #e8f5fc;  /* サイトの footer の背景色 */
    --site-bg-deep-color: #95b3bf;
    --site-footer-text-color: #001a7f;
    --site-main-border: #8fb0d0; /* サイトの main の枠の色 */
    --sitetitle-color: #001a7f;  /* ロゴの右端の色よりもトーンを抑えたものを仕様する */
    --site-accent-color: #8cd2f1; /* 下線や背景のアクセントに使用する */
    --site-deep-color: #001a7f;
    --site-card-border-color: #c8daee; /* cardの枠線の色 */
    --site-card-heading-bg-color: #f5f9fc; /* cardの中の見出しの背景色 */

    --site-all-news-color: #000; /* All News タグの色 */
    --site-news-color: #e45d4e; /* news タグの色 */
    --site-event-color: #f09a3e; /* event タグの色 */
    --site-principal_investigator-color: #009933; /* 課題代表者 タグの色 */

    --site-properties-color: rgba(0, 0, 0, 0.85); /* 日付、IDの色 */

    --site-header-menu-bg: #001a7f;
    --site-side-menu-bg: #001a7f;

    --site-accent-backcolor: #f2f2f2;
    --metaslider-bg-color: black;
    --site-button-color: #8cd2f1; /* ボタンに利用する */
    --site-button-hover-color: #38b6e8; /* ボタンのホバーに利用する */
    --site-button-text-color: #000; /* ボタンに利用する */
    --site-button-text-hover-color: #000; /* ボタンのホバーに利用する */
    /* Max Mega Menu プラグインで定義されているもの */
    /* メガメニューの色 rgb(16,156,222)*/

    /* 見出しの大きさ */
    --ratio: 1.2;
    --text-base: 1.1rem;

    --h6: var(--text-base);
    --h5: var(--text-base);
    --h4: calc(var(--text-base) * var(--ratio));
    --h3: calc(var(--h4) * var(--ratio));
    --h2: calc(var(--h3) * var(--ratio));
    --h1: calc(var(--h2) * var(--ratio));
}
@media (max-width: 991px) {
    :root {
        --ratio: 1.05;
        --text-base: 1.1rem;
    }
}
/* フォント */
body, header {
  font-family:
    -apple-system,                /* macOS, iOS: San Francisco */
    "Hiragino Kaku Gothic ProN",  /* macOS: ヒラギノ角ゴ */
    "Hiragino Sans",              /* macOS: ヒラギノサンズ */
    "Yu Gothic",                  /* Windows: 游ゴシック */
    "Meiryo",                     /* Windows: メイリオ */
    sans-serif;
}


body {
  font-size: var(--text-base);
  line-height: 1.9;
  background-color: var(--site-bg-color);
}
@media (max-width: 991px) {
    body {
        line-height: 1.65;
    }
}
body main {
    padding-bottom: 72px;
}

/* ===========================
   ヘッダー
   =========================== */

/* タイトル帯 */
@media (min-width: 992px) {
    header > div {
        background: #fff;
        margin-bottom: 16px;
    }
}
/* グローバルナビゲーション */
header > nav {
    /* background: #fff; */
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
header > nav > div.container-lg {
    margin: 0 auto;
}
/* container-lg の max-width の離散的な変化を無効にする */
.container-lg {
    max-width: 1200px;
}
@media (min-width: 992px) {
    header > nav.navbar {
        margin-top: -15px !important;
        padding-block: 0;
    }
}
@media (min-width: 992px) {
    .menu-bar {
        background-color: var(--site-header-menu-bg);
    }
}

/* サイト名（JHPCN）レスポンシブ */
.site-title {
    font-weight: 700;
    color: var(--sitetitle-color);
    font-size: clamp(1.4rem, 2.4vw + 0.3rem, 3.6rem);
}
.site-title:hover, .site-title-en:hover {
}
.site-title-en {
    font-weight: 700;
    color: var(--sitetitle-color);
    font-size: clamp(1.2rem, 1.0vw + 0.7rem, 3.0rem);
}
/* div と span の間の余白を少なくして、画像の下と揃える */
div.site-title, div.site-title-en {
    line-height: 1.2;
    padding-bottom: 0;
    margin-bottom: 0;
}
/* ヘッダー右側のロゴリンク */
.site-header a.text-muted {
    white-space: nowrap;
}
/* ヘッダーロゴの高さ調整（レスポンシブ） */
@media (max-width: 991px) {
    .site-header .logo-jhpcn {
        max-width: 66px;
        max-height: 66px;
    }
}
@media (min-width: 992px) {
    .site-header .logo-jhpcn {
        max-height: 66px;
    }
}
.btn-search {
    background-color: var(--site-button-color);
}

/* ===========================
   フッター
   =========================== */
footer {
    /* background: url(../img/pict_footer-bg.png) right bottom no-repeat #ddd; */
    margin-top: 0;
    background-color: var(--site-footer-bg-color);
}
footer div.footer-brand-bar {
    color: #fff;
    font-weight: 700;
    padding-bottom: 0px;
    background-color: var(--site-footer-bg-color);
}
footer div.footer-brand-bar a{
    color: rgba(255,255,255,0.90);
}

footer .footer-centers-logo-bar {
    padding-block: 2rem;
}
footer .footer-logo-bar {
    padding-block: 2rem;
    margin-bottom: 2rem;
}

footer li.menu-item {
    padding: 10px 10px 10px 10px;
}
footer div:has(img) {
    padding-right: 1px;
}
footer img.logo-centers {
    background-color: #fff;
    border: 1px solid #000;
    width: 220px;
    height: 40px;
}
footer img.logo-centers:hover {
    box-shadow: 0px 0px 2px #000;
}

footer img.building-centers {
    background-color: #fff;
    box-shadow: 0px 1px 1px #000;
    max-width: 100%;
    width: 500px;
    height: 200px;
}

footer hr {
    padding-block: 0;
    margin-block: 0;
}

footer h3.footer-centers-text {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--site-footer-text-color);
    padding-bottom: 12px;
}
footer div.footer-nav-bar, footer div.footer-bottom-bar {
    background-color: var(--site-bg-color);
}

/* Bootstrap pagination の色 */
.pagination {
  --bs-pagination-color:        #134063;
  --bs-pagination-bg:           #ffffff;
  --bs-pagination-border-color: #c8daee;
  --bs-pagination-hover-color:        #134063;
  --bs-pagination-hover-bg:           #dcebf3;
  --bs-pagination-hover-border-color: #8fb0d0;
  --bs-pagination-active-bg:           #4a87a8;
  --bs-pagination-active-border-color: #4a87a8;
  --bs-pagination-active-color:        #ffffff;
  --bs-pagination-focus-box-shadow:    0 0 0 2px rgba(74,135,168,.35);
}

/* 見出し */
h1 { font-size: var(--h1); line-height: 1.3;  font-weight: 700; }
h2 { font-size: var(--h2); line-height: 1.35; font-weight: 700; }
h3 { font-size: var(--h3); line-height: 1.4;  font-weight: 600; }
h4 { font-size: var(--h4); line-height: 1.45; font-weight: 600; }
h5 { font-size: var(--h5); line-height: 1.5;  font-weight: 600; }
h6 { font-size: var(--h6); line-height: 1.5;  font-weight: 600; letter-spacing: 0.04em; color: var(--text-muted, #555); }


main {
    min-height: 80vh; /* フッターが目立たないようにするための高さの最低保証 */
    background-color: #fff;
    /* main の背景を設定し、色を増やす(灰色) */
    /* background-image: url("../img/grain_film.svg"); */
    /* background-repeat: repeat; */
    /* background-position: center; */
    /* background-size: min(24vmin, 200px); */
}
main .main-sub .main-text, main .main-sub aside, .breadcrumbs {
    background-color: #fff;
}
main .main-sub .main-text, main .main-sub aside, .breadcrumbs {
    padding-inline: 8px;
}

main .main-sub h1 {
    margin: 24px 0 8px;
    color: #000;
    border-left: 16px solid var(--site-deep-color);
    padding: 4px 8px;
    background-color: var(--site-deep-color);
    color: #fff;
}
main .main-sub h2 {
    margin: 28px 0 8px;
    color: #0f3346;
    border-left: 8px solid var(--site-accent-color);
    border-bottom: 1px solid var(--site-accent-color);
    padding-left: 16px;
}
main .main-sub h3 {
    width: fit-content;
    margin: 22px 0px 8px;
    border-bottom: 1.5px solid var(--site-accent-color);
    padding: 8px 0px 4px;
    color: #010;
}
main .main-sub h4 {
    margin: 22px 0px 8px;
    padding: 8px 0px 4px;
    color: #010;
}
main .main-sub h5 {
    margin: 22px 0px 8px;
    padding: 8px 0px 4px;
    color: #010;
}
main .main-sub h6 {
    margin: 22px 0px 8px;
    padding: 8px 0px 4px;
    color: #010;
}
main .main-sub h2 + h3 {
    margin-top: 0px;
}

/* 固定ページ */
/* トップページ */
section.latest-news div.news-tags {
    margin: 16px 0;
}

h1.jointuse-title a {
    text-decoration: none;
}

/* template-parent のためのもの */
div.children ul {
    padding-block: 16px 0;
}
div.children li, div.children li.page_item {
    list-style: none;
    padding-block: 4px;
}

/* aside */
aside.news-tags {
    margin-top: 1rem;
}

aside.ancestors {
    font-size: calc(var(--text-base) * 0.9);
    padding-top: 24px;
}
@media (max-width: 767px) {
    aside.ancestors {
        padding-inline: 0;
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    aside.sticky-aside {
        position: sticky;
        top: 12px;
        align-self: start;
    }
}
aside .side-bar {
    background-color: var(--site-side-menu-bg);
}
main .main-sub div.children .side-bar {
    background-color: #fff;
    border: none;
}
aside.ancestors .side-bar {
    padding: 12px 4px;
    margin-bottom: 12px;
}
@media (max-width: 767px) {
    aside.ancestors .side-bar {
        padding-inline: 0;
        margin-right: 0;
    }
}
aside.ancestors .card .list-group {
    border: none;
}

aside.ancestors h2 {
    font-size: calc(var(--text-base) * 1.25);
    color: #dfe5f2;
    font-weight: 400;
    padding: 0 0 12px;
    margin: 0 0 0.5rem 8px;
    border-left: none;
    border-bottom: 0.5px solid #dfe5f2;
    box-shadow: none;
    width: fit-content;
}
aside.ancestors div {
}
aside.ancestors ul {
    background-color: #fff;
    padding-left: 12px;
    padding-block: 4px 16px;
    margin-inline: 4px;
}
@media (max-width: 767px) {
    aside.ancestors ul {
        margin-inline: 8px;
    }
}
aside.ancestors > ul {
    padding-block: 16px 0;
}
aside.ancestors > ul ul {
    padding-left: 0.5rem;
}
aside.ancestors li, aside.ancestors li.page_item {
    list-style: none;
    padding-block: 8px 1px;
    line-height: 1.2;
}
aside.ancestors li.page_item li.page_item {
    font-size: calc(var(--text-base) * 0.75);
}
aside.ancestors li a, aside.ancestors li.page_item a {
    color: rgba(0, 0, 0, 0.55);
    text-decoration: none;
    font-weight: 300;
}
aside.ancestors li a:hover, aside.ancestors li.page_item a:hover {
    color: rgba(0, 0, 0, 1);
    text-decoration: underline;
}
aside.ancestors li.page_item.current_page_item > a {
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    pointer-events: none;
    cursor: default;
}
aside.ancestors li.page_item.current_page_item::before {
    content: "> ";
}

/* /\* section の下の見出しのh2と兄弟要素をインデントする *\/ */
/* section > h2 ~ * { */
/*     padding-left: 12px; */
/* } */

/* section section > h3 ~ * { */
/*     padding-left: 24px; */
/* } */

/* section section section > h4 ~ * { */
/*     padding-left: 32px; */
/* } */

/* ボタン用 */
.btn-jhpcn {
    background-color: var(--site-button-color);
    position: relative;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-text {
    font-size: 1.4rem;
    text-align: center;
    text-wrap: balance;
    color: var(--site-button-text-color);
}

/* 親の position: relative; の要素の右側に丸と矢印を表示 */
.arrow-circle {
    position: absolute;
    right: clamp(4px, 2px + 1vw, 16px);
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: #fff;
    transition: transform 0.3s ease;
}
/* .arrow-circle クラスの隣のテキストで丸のスペースを空けておく*/
.btn .btn-text:has(~ .arrow-circle) {
    font-size: clamp(12px, 12px + 1vw, 1.4rem);
    padding-right: 2rem;
}
/* ボタンのホバーで色や位置を変える */
.btn-jhpcn:hover {
    background-color: var(--site-button-hover-color);
    .btn-text {
        color: var(--site-button-text-hover-color);
        font-weight: 700;
    }
    .arrow-circle {
        transform: translateX(5px) scale(1.1);
    }
}
/* archiveページ用 */
/* 共通 */
section.card.archive {
    background: var(--site-accent-backcolor);
    background: white;
    border: 1px solid var(--site-card-border-color);
    border-top: 1px solid var(--site-accent-color);
    border-left: 3px solid var(--site-accent-color);
    box-shadow: 2px 2px 1px var(--site-main-border);
}
section.card.archive:hover {
    box-shadow: none;
}
section.card.archive h2.archive-title {
    margin-left: 0;
    margin-block: 8px 16px;
    padding-block: 0 4px;
    padding-left: 0;
    border: none;
}
section.card.archive h2.archive-title > a {
    text-decoration: none;
}
section.card > div.archive-property {
    padding-bottom: 0px;
    border-bottom: 1px solid #999;
}
section.card.news {
    padding: 16px 12px;
    margin-block: 8px;
}
section.card > div.archive-adoption-id {
}
section.card h2 {
    padding-bottom: 16px;
}
.news-date {
    font-weight: 700;
    font-size: var(--text-base);
    margin-right: 8px;
    color: var(--site-properties-color);
}
/* タグ共通 */
span.badge.archive-tag {
    padding: 5px 14px;
    border-radius: 999px;
    border: 1.5px solid;
    background-color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: box-shadow .15s ease;
}
span.badge.archive-tag:hover {
    box-shadow: 0 0 4px currentColor;
}
span.badge.active.archive-tag {
    border-width: 3px;
    pointer-events: none;
    cursor: default;
}

/* news */
span.archive-tag.is-all-news {
    border-color: var(--site-all-news-color);
    color: var(--site-all-news-color);
}
span.archive-tag.is-news {
    border-color: var(--site-news-color);
    color: var(--site-news-color);
}
span.archive-tag.is-event {
    border-color: var(--site-event-color);
    color: var(--site-event-color);
}
span.archive-tag.is-principal_investigator {
    border-color: var(--site-principal_investigator-color);
    color: var(--site-principal_investigator-color);
}
span.archive-tag > a {
    text-decoration: none;
    font-weight: 700;
    font-size: calc(var(--text-base) * 0.7);
    color: var(--site-properties-color) !important;
}
section.news p {
    margin-bottom: 0;
}
/* カードで本文を下げる  */
section.card section.news-contents {
    margin: 0 4px;
    /* 3行より多くの行を省略する */
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
section.card section.news-contents .more {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 2rem;
    background: linear-gradient(to right, transparent, #fff 1.5em);
    color: #06c;
    text-decoration: none;
}

/* adoption */
section.card.adoption {
    padding: 8px 12px;
    margin-block: 12px;
}
/* ID */
.adoption span.archive-tag {
    color: var(--site-properties-color);
    font-size: var(--text-base);
    margin-left: 4px;
}
section.card.adoption h2.archive-title {
    padding-bottom: 4px;
    margin-bottom: 4px;
}
/* 個別ページ */
/* adoption */
section.adoption h1.adoption-title {
    margin-top: 4px;
}
section.adoption .badge.adoption-id, section.adoption .badge.adoption-fiscal-year {
    padding: 4px 0px;
    font-size: 0.9rem;
    border-radius: 0;
    border: 0 solid #000;
    color: #000;
    background-color: #fff;
}
section.adoption h2 ~ div.adoption-contents {
}
/* タイトルの下の代表者名 */
section.adoption span.archive-author {
    font-size: calc(var(--h2) * 0.7);
    display: block;
    margin-top: 0.5rem; /* タイトルと代表者の間に余白を */
    font-weight: 400;
}
section.adoption h1 {
    /* text-wrap: balance; */ /* 変なところで区切られてしまう */
}
section.adoption h2.adoption-field-name {
    position: sticky;
    top: 0;
    background: #fff;
}
@media (min-width: 992px) {
    section.adoption h2.adoption-field-name {
        margin: 0 12px 0 0;
        top: 24px;
    }
    section.adoption div.adoption-contents {
        margin: 0;
    }
}
section.adoption div.adoption-field-contents {
    margin-block: 36px 12px;
}
/* 公募型共同研究課題のの年度 */
.adoption-fiscal-year-properties {
    padding-block: 16px 0;
}
.adoption-posts-number {
    padding-top: 16px;
    margin-bottom: -16px;
}

/* 研究成果一覧ページのカードの画像 */
section.results .no-image {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f3f5;
}
section.results .card-img-top {
    width: 100%;
    height: 200px;            /* 全カードの高さを統一 */
    object-fit: contain;      /* 比率を保ったまま枠内に収める(余白が出る)*/
    object-position: center;  /* 中央配置 */
    background-color: #e9ecef; /* 余白をグレーで埋める */
}
section.card.results {
    padding: 8px 12px;
    margin-block: 8px;
}
section.card.results h2.archive-title {
    font-size: calc(var(--h2) * 1.0);
    margin-top: 4px;
    padding-bottom: 8px;
}
section.card.results h2.archive-title span.archive-author {
    font-size: calc(var(--h2) * 0.7);
    display: block;
    margin-top: 0.5rem;
    font-weight: 400;
}
/* 研究成果個別ページ */
section.results h1 {
    margin-bottom: 1.3rem;
}
section.results h1 span.archive-author {
    font-size: calc(var(--h1) * 0.7);
    display: block;
    margin-top: 0.7rem;
    font-weight: 400;
}
section.results img.results-thumbnail-single {
    width: 100%;
    height: auto;
    max-height: 50vh;
    min-height: 400px;
    object-fit: contain;      /* 比率を保ったまま枠内に収める(余白が出る)*/
    object-position: left;  /* 左配置 */
    display: flex;
    align-items: start;
}
@media (max-width: 575px) {
    section.results img.results-thumbnail-single {
        max-width: 100%;
        border-right: none;
        padding-bottom: 16px;
        width: fit-content;
        border-bottom: 2px solid #eee;
    }
}
section.results h1.results-title {
    margin-bottom: 0.2rem;
}
section.results div.results-keywords {
    margin-bottom: 1.5rem;
}
section.results span.badge.results-keywords {
    font-size: 0.9rem;
    border: 1px solid var(--site-accent-color);
    border-radius: 999px;
    color: #777;
    background: #fff;
}
section.results h3.results-keywords {
    padding-top: 0;
    margin-top: 0;
}
section.results h2.results-field-name {
    position: sticky;
    top: 0;
    background: #fff;
}
@media (min-width: 992px) {
    section.results h2.results-field-name {
        margin: 0 12px 0 0;
        top: 24px;
    }
    section.results div.results-contents {
        margin: 0;
    }
}
section.results div.results-field-contents {
    margin-block: 36px 12px;
}

/* BreadCrumb NavXT */
div:has(.breadcrumbs) {
    /* background-color: #eaf6fc; */
}
.breadcrumbs {
    /* margin-top: -32px; */

    padding-top: 0 /* 1rem */;
    margin-bottom: 0/* 1rem */;
    border-bottom: 2px solid #000;
}

/* Bogo */
.bogo-language-switcher {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}

.bogo-language-switcher li {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* 先頭以外の <li> の前に '/' を挿入 */
.bogo-language-switcher li + li::before {
    content: " / ";
    margin: 0 .5em;
    color: #999;
    speak: none;
}

.bogo-language-switcher li a {
    color: inherit;
    text-decoration: underline;
}
.bogo-language-switcher li a:hover {
    text-decoration: underline;
}

.bogo-language-switcher li.current {
    font-weight: bold;
    color: var(--site-properties-color);
}
/* 現在の言語のリンクを無効化 */
.bogo-language-switcher li.current a {
    pointer-events: none;
    cursor: default;
    color: #999;
    text-decoration: none;
    opacity: 0.6;
}


/* 元のサイトのclass */
/* dataTable をレスポンシブ対応する */
.w30per { width: 30%; }
.w35per { width: 35%; }
section table {
    margin-bottom: 8px;
}
.dataTable01 { width: 100%; border-collapse: collapse; }
.dataTable01 th, .dataTable01 td {
    padding: .75rem;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.schedule { width: 100%; border-collapse: collapse; }
.schedule th, .schedule td {
    padding: .75rem;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.schedule th.schedule-date {
    text-align: left;
    width: 30%;
}
table.committee th, table.committee td {
    vertical-align: first;
}
@media (max-width: 991px) {
    table.committee th, table.committee td {
        display: block;
    }
}
table.committee span {
    font-size: 1rem;
}

@media (max-width: 991px) {
    .w30per { width: 100%; }
    .w35per { width: 100%; }
    .dataTable01 thead { display: none; }
    .dataTable01 tr, .schedule tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #aaa;
        border-radius: 6px;
        padding: .5rem;
    }
    .dataTable01 td, .schedule td {
        display: block;
        justify-content: space-between;
        border: none;
        padding: .4rem .5rem;
    }
    .dataTable01 td::before {
        font-weight: bold;
        margin-right: 1rem;
    }
    .dataTable01 td > ul {
        margin-right: 1rem;
    }
}

ul.linkList {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
ul.linkList li {
  padding-left: 20px;
  /* background: url(../images/icon_bullet-03.png) 4px 4px no-repeat; */
}

.float-img-right {
    float: right;
    width: 50%;
    margin: 0 0 10x 10px;
}
@media (max-width: 575px) {
    .float-img-right {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
    }
}

.adoption {
    counter-reset: record-num;
}
span.record_counter {
    counter-increment: record-num;
}
span.record_counter::before {
    content: counter(record-num);
}


/** スライダー用のCSS
 **/
/* スライダーとグローバルメニュー(上)、スライダーとキャプション(下)の余白をなくす */
section.hero .metaslider.ms-theme-clarity .flexslider .slides li {
    margin-block: 0;
}

/* container-lg の外に飛び出す */
/* スライダーの黒帯用 */
div.slider-bg {
    background: var(--metaslider-bg-color);
}
/* 真ん中に合わせる */
/* .metaslider .slides li { */
/*     text-align: center; */
/*     background: var(--metaslider-bg-color) !important; */
/*     display: flex !important; */
/*     align-items: center; */
/*     justify-content: center; */
/*     /\* width: 600px !important; *\/ */
/*     /\* height: 600px !important; *\/ */
/* } */
/* スライダーを縦に合わせて、横は余白 */
/* @media (min-width: 992px) { */
/*     .metaslider img { */
/*         max-height: 100% !important; */
/*         max-width: 100% !important; */
/*         width: auto !important; */
/*         height: 600px !important; */
/*         object-fit: contain; */
/*     } */
/* } */
/* @media (max-width: 991px) { */
/*     .metaslider img { */
/*         max-height: 100% !important; */
/*         max-width: 100% !important; */
/*         width: auto !important; */
/*         height: clamp(400px, 60vw, 500px) !important; /\* 横幅で縮小させる *\/ */
/*         object-fit: contain; */
/*     } */
/* } */
@media (min-width: 992px) {
    .full-wide {
        width: 100vw;
        position: relative;
        left: 50%;
        margin-left: -50vw;
    }
    /* スライダー本体 */
    .full-wide div.metaslider {
        margin: 0 auto;
        max-width: 1080px;
    }
}
@media (max-width: 991px) {
    /* スマホはそのまま表示 */
    .full-wide {}
    .full-wide div.metaslider {}
}

/* /\* フッターのスライダー *\/ */
/* /\* 真ん中に合わせる *\/ */
/* footer div.slider { */
/*     width: 400px !important; */
/* } */
/* footer div.slider .metaslider .slides li { */
/*     text-align: center; */
/*     background: #fff !important; */
/*     display: flex !important; */
/*     align-items: center; */
/*     justify-content: center; */
/*     /\* width: 600px !important; *\/ */
/*     /\* height: 600px !important; *\/ */
/* } */
/* /\* スライダーを縦に合わせて、横は余白 *\/ */
/* @media (min-width: 992px) { */
/*     footer div.slider .metaslider img { */
/*         max-height: 100% !important; */
/*         max-width: 100% !important; */
/*         width: auto !important; */
/*         height: 240px !important; */
/*         object-fit: contain; */
/*     } */
/* } */
/* @media (max-width: 991px) { */
/*     footer div.slider .metaslider img { */
/*         max-height: 100% !important; */
/*         max-width: 100% !important; */
/*         width: auto !important; */
/*         height: 150px !important; /\* 横幅で縮小させる *\/ */
/*         object-fit: contain; */
/*     } */
/* } */