body.staff_blog header li.nav-staff_blog::after {
    display: block;
}

/* ==============================
  ページタイトル
============================== */
.page-title-wrap  {
    padding:  5.27% 0 4.77%;
}
.page-title-wrap h1 {
    width: 30.7%;
    margin: 0 auto;
}
.page-title-wrap h1 span.jp {
    display: block;
    width: 30.53%;
    margin: 0.7em auto 0;
}
@media print, screen and (max-width: 768px) {
    .page-title-wrap  {
        padding: 34.74vw 0 15.62vw;
    }
    .page-title-wrap h1 {
        width: 62.133vw;
    }
    .page-title-wrap h1 span.jp {
        width: 29.867vw;
    }
}

/* ==============================
  共通
============================== */
.staff_blog-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5.71% 0 8.06%;
}
.staff_blog-wrap .side_menu-wrap .slide_menu-inner {
    display: flex;
    flex-direction: column;
    margin-left: 19.7%;
}
.staff_blog-wrap .side_menu-wrap {
    width: 27.08%;
    max-width: 370px;
    margin: 0;
}
@media print, screen and (max-width: 768px) {
    .staff_blog-wrap {
        flex-direction: column;
        padding: 11.2vw 0 13.333vw;
    }
    .staff_blog-wrap .side_menu-wrap .slide_menu-inner {
        display: flex;
        flex-direction: column;
        margin-left: 0;
    }
    .staff_blog-wrap .side_menu-wrap {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 0 auto;
    }
}
/* ==============================
  一覧ページ
============================== */

#archive .staff_blog-wrap .side_menu-wrap .side_menu-title {
    display: block;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #3E3A39;
}
#archive .staff_blog-wrap .side_menu-wrap .side_menu-title img {
    width: 24.32%;
    min-width: 90px;
}
#archive .staff_blog-wrap .side_menu-wrap ul li {
    position: relative;
    display: flex;
    align-items: center;
}
#archive .staff_blog-wrap .side_menu-wrap ul li::after {
    content: "";
    display: block;
    background: url(/images/staff_blog/select-icon.svg) no-repeat;
    background-size: 11px 19px;
    background-position: right;
    width: 11px;
    height: 19px;
    position: absolute;
    right: 5px;
}
#archive .staff_blog-wrap .side_menu-wrap select {
    background-color: #F8F7F5;
    border: 0;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: min(4.267vw, 1.6rem);
    appearance: none;
    color: #3E3A39;
}

#archive .staff_blog-wrap .staff_blog-inner {
    width: 56.32%;
    /*max-width: 770px;*/
    margin: 0 auto;
}
#archive .staff_blog-wrap .staff_blog-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4.685vw;
    grid-row-gap: 4.392vw;
}
#archive .staff_blog-wrap .staff_blog-list a {
    text-decoration: none;
}
#archive .staff_blog-wrap .staff_blog-list .list-item .detail {
    text-align: center;
}
#archive .staff_blog-wrap .staff_blog-list .list-item .img {
    width: 25.915vw;
    /*min-width: 354px;*/
    height: 15.3vw;
    /*min-height: 209px;*/
}
#archive .staff_blog-wrap .staff_blog-list .img img {
    height: 100%;
    object-fit: cover;
}
#archive .staff_blog-wrap .staff_blog-list .title {
    font-size: min(1.32vw, 1.8rem);
    font-weight: bold;
    color: #32ADC6;
    line-height: 1.75;
    letter-spacing: 0.2em;
    margin-top: 2.57%;
    overflow-wrap: anywhere; /* 英字折り返し */
}
#archive .staff_blog-wrap .staff_blog-list .content {
    font-size: min(0.95vw, 1.3rem);
    letter-spacing: 0.14em;
    color: #3E3A39;
    margin-top: 7px;
    overflow-wrap: anywhere; /* 英字折り返し */
    text-align: left;
}
#archive .staff_blog-wrap .staff_blog-list .date {
    font-size: min(0.88vw, 1.2rem);
    letter-spacing: 0.2em;
    color: #3E3A39;
    margin-top: 12px;
    color: #3E3A39;
}
#archive .more-button-wrap {
    text-align: center;
    margin-top: 78px;
}
#archive .more-button-wrap button {
    border: 0;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    background: initial;
    cursor: pointer;
}
#archive .more-button-wrap button span img {
    width: 3.953vw;
}
@media print, screen and (max-width: 768px) {
    #archive .staff_blog-wrap .side_menu-wrap .side_menu-title {
        display: block;
        padding-bottom: 3.467vw;
        margin-bottom: 6.133vw;
    }
    #archive .staff_blog-wrap .side_menu-wrap .side_menu-title img {
        width: 24vw;
        min-width: initial;
    }
    #archive .staff_blog-wrap .side_menu-wrap ul li::after {
        background-size: 2.933vw 5.067vw;
        width: 2.933vw;
        height: 5.067vw;
        right: 3.467vw;
    }
    #archive .staff_blog-wrap .side_menu-wrap select {
        font-size: 3vw;
        border-radius: 1.333vw;
        padding: 2.667vw;
    }
    #archive .staff_blog-wrap .staff_blog-inner {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 13.333vw auto 0;
    }
    #archive .staff_blog-wrap .staff_blog-list {
        grid-column-gap: 6.133vw;
        grid-row-gap: 8vw;
    }
    #archive .staff_blog-wrap .staff_blog-list .list-item .detail {
        text-align: left;
    }
    #archive .staff_blog-wrap .staff_blog-list .list-item .img {
        width: 85.333vw;
        min-width: auto;
        height: 50.4vw;
        min-height: auto;
    }
    #archive .staff_blog-wrap .staff_blog-list .list-item:first-child {
        grid-area: 1 / 1 / 2 / 3;
    }
    #archive .staff_blog-wrap .staff_blog-list .list-item:not(:first-child) .img {
        width: 39.2vw;
        min-width: auto;
        height: 39.2vw;
        min-height: auto;
    }
    #archive .staff_blog-wrap .staff_blog-list .list-item:not(:first-child) .img img {
        height: 100%;
        object-fit: cover;
    }
    #archive .staff_blog-wrap .staff_blog-list .title {
        font-size: 3vw;
        margin-top: 2.57%;
    }
    #archive .staff_blog-wrap .staff_blog-list .content {
        font-size: 2.667vw;
        letter-spacing: 0.14em;
        margin-top: 1.867vw;
    }
    #archive .staff_blog-wrap .staff_blog-list .date {
        font-size: 2.667vw;
        margin-top: 3.2vw;
    }
    #archive .staff_blog-wrap .staff_blog-list .list-item:first-child .title {
        /*font-size: 4.8vw;*/
        text-align: center;
    }
    #archive .staff_blog-wrap .staff_blog-list .list-item:first-child .content {
        /*font-size: 3.467vw;*/
    }
    #archive .staff_blog-wrap .staff_blog-list .list-item:first-child .date {
        /*font-size: 3.2vw;*/
        text-align: center;
    }
    #archive .more-button-wrap {
        margin-top: 13.333vw;
    }
    #archive .more-button-wrap button {
        padding-bottom: 2.667vw;
    }
    #archive .more-button-wrap button span img {
        width: 12vw;
    }
}

/* ==============================
  詳細ページ
============================== */
#article {
    border-bottom: 1px solid #CCCCCC;
}
#article .staff_blog-wrap {
    border-bottom: 0;
}
#article .side_menu-wrap ul {
    display: flex;
    flex-direction: column;
}
#article .side_menu-wrap ul li {
    width: 100%;
    font-size: min(1.46vw, 2rem);
    line-height: 1;
    padding-left: 1em;
    box-sizing: border-box;
    opacity: 0.6;
    border-left: 3px solid #FFF;
}
#article .side_menu-wrap ul li.active {
    border-color: #32adc6;
    opacity: 1;
}
#article .side_menu-wrap ul li + li {
    margin-top: 1.5em;
}
#article .side_menu-wrap ul li img,
#article .side_menu-wrap ul li a img {
    width: auto;
    height: 1em;
}
#article .staff_blog-wrap .staff_blog-inner {
    width: 47.04%;
    max-width: 642px;
    margin-right: 25.62%;
    margin-left: 0;
}

#article .staff_blog-inner .title {
    font-size: min(1.76vw, 2.4rem);
    font-weight: 500;
    letter-spacing: 0.12em;
    line-height: 1.75;
    color: #32ADC6;
}

#article .staff_blog-inner .date {
    font-size: min(1.02vw, 1.4rem);
    letter-spacing: 0.2em;
    line-height: 1.92;
    color: #3E3A39;
}

#article .staff_blog-inner .detail {
    margin-top: 40px;
    color: #3E3A39;
}

#article .staff_blog-inner .detail h2 {
    font-size: min(1.46vw, 2rem);
    font-weight: 500;
    letter-spacing: 0.12em;
    margin-top: 35px;
}
#article .staff_blog-inner .detail p {
    font-size: min(0.95vw, 1.3rem);
    letter-spacing: 0.14em;
}
#article .staff_blog-inner .detail p:not(:first-child) {
    margin-top: 25px;
}

#article .staff_blog-inner .detail .wp-block-image:not(:first-child) {
    margin-top: 60px;
}

#article .pick_up-wrap {
    width: 88.66%;
    margin: 0 auto;
    padding: 5.56% 0 6.61%;
    border-top: 1px solid #CCCCCC;
}
#article .pick_up-wrap .pick_up-title {
    width: 15.87%;
    margin: 0 auto;
}
#article .pick_up-wrap .pick_up-list {
    width: 93.81%;
    /*min-width: 1137px;*/
    margin: 3.73% auto 0;
}
#article .swiper-wrapper .list-item a {
    text-decoration: none;
}
#article .swiper-wrapper .list-item .img  {
    width: 100%;
    height: 15.32vw;
}
#article .swiper-wrapper .list-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#article .pick_up-list .list-item .detail {
    text-align: center;
}
#article .pick_up-list .list-item .title {
    font-size: min(1.32vw, 1.8rem);
    font-weight: 500;
    color: #32ADC6;
    margin-top: 20px;
}
#article .pick_up-list .list-item .content {
    font-size: min(0.95vw, 1.3rem);
    color: #3E3A39;
    margin-top: 13px;
}
#article .pick_up-list .list-item .date {
    font-size: min(0.88vw, 1.2rem);
    color: #3E3A39;
    margin-top: 15px;
}
#article .pick_up-list .swiper-slide {
  height: 100%; /* 親の高さに揃える */
  display: flex;
  flex-direction: column; /* 中の要素を縦積み */
}
#article .pick_up-list.swiper {
    height: auto;
    padding-bottom: 80px;
}
#article .pick_up-list .swiper-container,
#article .pick_up-list .swiper-slide {
   height: auto;
}
#article .pick_up-list .swiper-slide > img {
   object-fit: cover; /* IE: not support */
   width: 100%;
   height: 100%;
}
#article .swiper-pagination {
    bottom: 0;
}
#article .swiper-pagination-bullet {
    background-color: #CCCCCC;
    width: 44px;
    height: 7px;
    border-radius: 0;
    opacity: 1;
}
#article .swiper-pagination-bullet-active {
    background-color: #3E3A39;
}
#article .swiper-autoheight .swiper-wrapper {
    height: auto !important;
}
#article .pick_up-list .swiper-button,
#article .pick_up-list .btn-wrap {
    display: none;
}
@media print, screen and (max-width: 768px) {
    #article .staff_blog-wrap .side_menu-wrap {
        display: none;
    }
    #article .staff_blog-wrap .staff_blog-inner {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 13.333vw auto 0;
    }
    #article .staff_blog-inner .title {
        font-size: 5.333vw;
        text-align: left;
    }
    #article .staff_blog-inner .detail {
        margin-top: 6.667vw;
    }
    #article .staff_blog-inner .date {
        font-size: 3.2vw;
    }

    #article .staff_blog-inner .detail h2 {
        font-size: 4.267vw;
        margin-top: 11.733vw;
    }
    #article .staff_blog-inner .detail p {
        font-size: 3.2vw;
    }
    #article .staff_blog-inner .detail p:not(:first-child) {
        margin-top: 6.667vw;
    }

    #article .staff_blog-inner .detail .wp-block-image:not(:first-child) {
        margin-top: 6.667vw;
    }

    #article .pick_up-wrap {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 13.333vw auto 0;
        padding: 18.667vw 0 18.667vw;
    }
    #article .pick_up-wrap .pick_up-title {
        width: 45.067vw;
    }
    #article .pick_up-wrap .pick_up-list {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 13.333vw auto 0;
        overflow: visible;
    }
    #article .swiper-wrapper .list-item .img  {
        height: 50.4vw;
    }
    #article .pick_up-list .list-item .title {
        font-size: 4.8vw;
        margin-top: 6.4vw;
    }
    #article .pick_up-list .list-item .content {
        font-size: 3.467vw;
        margin-top: 3.467vw;
    }
    #article .pick_up-list .list-item .date {
        font-size: 3.2vw;
        margin-top: 4vw;
    }
    #article .pick_up-list .swiper-button {
        display: block;
    }
    #article .pick_up-list .swiper-button-prev,
    #article .pick_up-list .swiper-button-next {
        width: 9.067vw;
        height: 9.067vw;
        top: 25.067vw;
    }
    #article .pick_up-list .swiper-button-next {
        right: -4.533vw;
    }
    #article .pick_up-list .swiper-button-prev {
        left: -4.533vw;
    }
    #article .pick_up-list .swiper-pagination {
        display: none;
    }
    #article .pick_up-list .btn-wrap {
        display: block;
        width: 47.2vw;
        max-width: 85.07vw;
        margin: 10.53vw auto 0;
    }
    #article .pick_up-list .btn-wrap a {
        font-size: 4vw;
    }
    #article .pick_up-list .btn-wrap a img {
        width: 14.133vw;
        font-size: 4vw;
    }
}