body {
    background: url(../images/map/fv-background.png) no-repeat center top;
    background-size: 100% auto;
}
@media print, screen and (max-width: 768px) {
    body {
        background: none;
    }
}


/* ==============================
  FV
============================== */
#fv {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 3.9%;
}
#fv .fv-image {
    width: 89%;
    margin: 0 0 0 auto;
}
@media print, screen and (max-width: 768px) {
    #fv {
        width: 100%;
        padding-bottom: 0;
    }
    #fv .fv-image {
        width: 100%;
        margin: 0;
    }
}

/* ==============================
  CONTENTS
============================== */
.contents {
    background-color: #FFF;
    padding: 7.3% 0 17.1%;
}
@media print, screen and (max-width: 768px) {
    .contents {
        padding: 7.8vw 0 28.6vw;
    }
}


/* ==============================
  新着情報
============================== */
#news {
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
}
#news h3 {
    font-size: min(26.86vw, 3.7rem);
    text-align: center;
    color: #91003c;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-family: "Zen Old Mincho", serif;
}

#news .news-wrap {
    border-top: 1px solid #595757;
}

#news .news-box {
    display: flex;
    align-items: flex-start;
    padding: 2.5% 0;
}
#news .news-box + .news-box {
    border-top: 1px dashed #595757;
}
#news .news-box a {
    text-decoration: none;
    color: #231815;
}

#news .news-image {
    width: 13.75%;
    margin: 0 3.75% 0 2.5%;
}
#news .news-text {
    width: 80%;
    font-size: min(1.32vw, 1.7rem);
    padding-top: 0.5em;
}
#news .news-detail,
.single .news-detail  {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#news .news-detail .date,
.single .news-detail .date {
    font-weight: bold;
}
#news .news-detail .category,
.single .news-detail .category {
    background-color: #91003c;
    color: #FFF;
    padding: 2px 8px 5px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2em;
}

#news .btn-more {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #91003c;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    width: 43.75%;
    padding: 1.3em 0;
    font-size: min(1.32vw, 1.7rem);
    margin: 6.75% auto 0;
}
#news .btn-more img {
    width: 32.2%;
}
@media print, screen and (max-width: 768px) {
    #news {
        width: 87.2vw;
    }
    #news h3 {
        font-size: 7.5vw
    }

    #news .news-wrap {
        border-top: none;
    }

    #news .news-box {
        justify-content: space-between;
        padding: 2.5% 0;
        border: 1px solid #595757;
    }
    #news .news-box + .news-box {
        border-top: 1px solid #595757;
        margin-top: 3.9vw;
    }
    #news .news-image {
        width: 21.8vw;
        margin: 0 3.9vw 0 3.9vw;
    }
    #news .news-text {
        width: 52vw;
        font-size: 3.7vw;
        padding-top: 0;
        margin-right: 3.9vw;
    }
    #news .news-detail {
        justify-content: space-between;
    }
    #news .news-detail .category {
        width: 26.6vw;
        margin-left: 0;
        text-align: center;
    }

    #news .btn-more {
        width:75.5vw;
        padding: 5.2vw 0;
        margin: 7.8vw auto 0;
    }
    #news .btn-more img {
        width: 29.1vw;
    }
}

/* ==============================
  ページネーション
============================== */
.pagination {
    text-align: center;
    margin-top: 10%;
}
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.nav-links,
.pagination ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.page-numbers,
.pagination li {
    font-size: min( 1.25vw, 1.6rem);
    padding:  0.2em 0.4em;
    color: #000;
    text-decoration: none;
    margin: 0 0.5em;
}
.pagination li a {
    color: #000;
    text-decoration: none;
}
.page-numbers:hover,
.pagination li a:hover {
    text-decoration: underline;
}

.page-numbers.current,
.pagination li.current {
    border-bottom: 4px solid #91003c;
}


.prev.page-numbers,
.next.page-numbers,
.pagination li.prev a,
.pagination li.next a{
    background-image: url(../images/news/page-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: min( 0.78vw, 1rem);
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    align-self: center;
}
.next.page-numbers,
.pagination li.next a {
    transform: scale(-1, 1);
}
@media print, screen and (max-width: 768px) {
    .page-numbers,
    .pagination li {
        font-size: 4vw;
    }
    .prev.page-numbers,
    .next.page-numbers,
    .pagination li.prev a,
    .pagination li.next a {
        width: 3.5vw;
    }
}

/* ==============================
  詳細ページ
============================== */
body.single {
    background: none;
}

.single #fv {
    background: #f1f9fa;
    padding: 5.7% 0 2.8%;
}
.single #fv h2 {
    font-size: min(26.86vw, 3.7rem);
    color: #91003c;
    font-weight: bold;
    font-family: "Zen Old Mincho", serif;
    width: 65.6%;
    max-width: 840px;
    margin: 0 auto;
}

.single .contents {
    width: 70.3%;
    max-width: 900px;
    margin: 0 auto 6.25%;
    padding-bottom: 3.1%;
}
.single footer::before {
    position: absolute;
    content: "";
    display: block;
    background-color: #f1f9fa;
    padding: 0 0 6.25%;
    bottom: 100%;
    left: 0;
    width: 100%;
    box-shadow: inset 0px 6px 6px 6px rgba(0,0,0, 0.05);
}
.single .news-detail {
    border-top: 1px solid #595757;
    border-bottom: 1px solid #595757;
    font-weight: bold;
    padding: 3.3% 3.8%;
}
.single .news-detail .title {
    width: 100%;
    margin-top: 0.5em;
}

.single .news-content {
    padding: 3.3% 3.8%;
    line-height: 1.8;
}

.single .detail-navigation {
    padding: 3.3% 3.8%;
    border-top: 1px solid #595757;
}
.single .detail-navigation a {
    text-decoration: none;
    color: #00aebb;
}

.single .detail-navigation ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.single .detail-navigation li {
    width: 33.3%;
    text-align: center;
}
.single .detail-navigation li.list {
    border-left: 1px solid #595757;
    border-right: 1px solid #595757;
}

.single  footer .btn-pagetop {
    display: none;
}
@media print, screen and (max-width: 768px) {
    .single #fv {
        padding: 6.1vw 0 3.2vw;
    }
    .single #fv h2 {
        font-size: 7.5vw;
        text-align: center;
    }

    .single .contents {
        width: 81.1vw;
        margin: 0 auto 12.5vw;
        padding-bottom: 13vw;
    }
    .single footer::before {
        padding: 0 0 12.5vw;
    }
    .single .news-detail {
        border-top: none;
        padding: 0 0 5.8vw;
    }
    .single .news-detail .title {
        margin-top: 1em;
    }

    .single .news-content {
        padding: 6.5vw 0;
    }

    .single .detail-navigation {
        padding: 3.9vw 0 0;
    }

    .single .detail-navigation ul {
        border-left: 1px solid #595757;
        border-right: 1px solid #595757;
    }
}