
body.report header li.nav-report::after {
    display: block;
}

/* ==============================
  ページタイトル
============================== */
.page-title-wrap  {
    padding:  5.27% 0 4.77%;
}
.page-title-wrap h1 {
    width: 19.55%;
    margin: 0 auto;
}
.page-title-wrap h1 span.jp {
    display: block;
    width: 53.93%;
    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: 38.4vw;
    }
    .page-title-wrap h1 span.jp {
        width: 38.4vw;
    }
}

/* ==============================
  共通
============================== */
.report-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%;
}
.report-wrap .side_menu-wrap .slide_menu-inner {
    display: flex;
    flex-direction: column;
    margin-left: 19.7%;
}
.report-wrap .side_menu-wrap {
    width: 27.08%;
    max-width: 370px;
    margin: 0;
}
@media print, screen and (max-width: 768px) {
    .report-wrap {
        flex-direction: column;
        padding: 11.2vw 0 13.333vw;
    }
    .report-wrap .side_menu-wrap .slide_menu-inner {
        display: flex;
        flex-direction: column;
        margin-left: 0;
    }
    .report-wrap .side_menu-wrap {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 0 auto;
    }
}
/* ==============================
  一覧ページ
============================== */

#archive .report-wrap .side_menu-wrap .side_menu-title {
    display: block;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #3E3A39;
}
#archive .report-wrap .side_menu-wrap .side_menu-title img {
    width: 24.32%;
    min-width: 90px;
}
#archive .report-wrap .side_menu-wrap ul li {
    position: relative;
}
#archive .report-wrap .side_menu-wrap select {
    background-color: #F8F7F5;
    border: 0;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: min(1.17vw, 1.6rem);
    appearance: none;
    color: #3E3A39;
}

#archive .report-wrap .report-inner {
    width: 56.32%;
    /*max-width: 770px;*/
    margin: 0 auto;
}
#archive .report-wrap .report-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4.685vw;
    grid-row-gap: 4.392vw;
}
#archive .report-wrap .report-list a {
    text-decoration: none;
    position: relative;
}
#archive .report-wrap .report-list .list-item  .season_tag {
    position: absolute;
    top: -23px;
    left: -24px;
    z-index: 1;
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 5.857vw;
    max-width: 80px;
    height: 5.857vw;
    max-height: 80px;
    text-align: center;
    border: 1.23px solid #32ADC6;
    border-radius: 50%;
    background-color: #FFFFFF;
}
#archive .report-wrap .report-list .list-item .season_tag span {
    font-size: min(1.318vw, 1.8rem);
    color: #3E3A39;
}
#archive .report-wrap .report-list .list-item .detail {
    text-align: center;
}
#archive .report-wrap .report-list .list-item .img {
    width: 25.915vw;
    /*min-width: 354px;*/
    height: 15.3vw;
    /*min-height: 209px;*/
}
#archive .report-wrap .report-list .img img {
    height: 100%;
    object-fit: cover;
}
#archive .report-wrap .report-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; /* 英字折り返し */
    text-align: left;
}
#archive .report-wrap .report-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 .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;
}
.list-item.hidden-item {
    display: none;
}
@media print, screen and (max-width: 768px) {
    #archive .report-wrap .side_menu-wrap .side_menu-title {
        display: block;
        padding-bottom: 3.467vw;
        margin-bottom: 6.133vw;
    }
    #archive .report-wrap .side_menu-wrap .side_menu-title img {
        width: 24vw;
        min-width: initial;
    }
    #archive .report-wrap .side_menu-wrap ul li::after {
        background-size: 2.933vw 5.067vw;
        width: 2.933vw;
        height: 5.067vw;
        right: 3.467vw;
    }
    #archive .report-wrap .side_menu-wrap select {
        border-radius: 1.333vw;
        padding: 2.667vw;
        font-size: 4.267vw;
    }
    #archive .report-wrap .report-inner {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 24vw auto 0;
    }
    #archive .report-wrap .report-list {
        grid-column-gap: 6.133vw;
        grid-row-gap: 16vw;
    }
    #archive .report-wrap .report-list .list-item .season_tag {
        position: absolute;
        top: -7.2vw;
        left: -2.933vw;
        width: 14.08vw;
        max-width: 14.08vw;
        height: 14.08vw;
        max-height: 14.08vw;
    }
    #archive .report-wrap .report-list .list-item .season_tag span {
        font-size: 3.147vw;
    }
    #archive .report-wrap .report-list .list-item:first-child .season_tag {
        position: absolute;
        top: -12.8vw;
        left: -4vw;
        width: 18.533vw;
        max-width: 18.533vw;
        height: 18.533vw;
        max-height: 18.533vw;
    }
    #archive .report-wrap .report-list .list-item:first-child .season_tag span {
        font-size: 4.133vw;
    }

    #archive .report-wrap .report-list .list-item .detail {
        text-align: left;
    }
    #archive .report-wrap .report-list .list-item .img {
        width: 85.333vw;
        min-width: auto;
        height: 50.4vw;
        min-height: auto;
    }
    #archive .report-wrap .report-list .list-item:first-child {
        grid-area: 1 / 1 / 2 / 3;
    }
    #archive .report-wrap .report-list .list-item:not(:first-child) .img {
        width: 39.2vw;
        min-width: auto;
        height: 39.2vw;
        min-height: auto;
    }
    #archive .report-wrap .report-list .list-item:not(:first-child) .img img {
        height: 100%;
        object-fit: cover;
    }
    #archive .report-wrap .report-list .title {
        font-size: 3.2vw;
    }
    #archive .report-wrap .report-list .content {
        font-size: 2.667vw;
        margin-top: 2.57%;
    }
    #archive .report-wrap .report-list .content {
        letter-spacing: 0.14em;
        margin-top: 7px;
    }
    #archive .report-wrap .report-list .date {
        margin-top: 12px;
    }
    #archive .report-wrap .report-list .list-item:first-child .title {
        font-size: 4.8vw;
        text-align: left;
    }
    #archive .report-wrap .report-list .list-item:first-child .content {
        font-size: 3.467vw;
    }
    #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;
    }
}

/* 絞り込み機能 */
.report_categorylist {
    margin-bottom: 40px;
    border-bottom: 1px solid #7F8080;
}
.report_categorylist dt {
    font-size: min(1.464vw, 2.0rem);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #3E3A39;
    position: relative;

    cursor: pointer;
    padding: 0 0 1rem;
}

.report_category-arrow {
    display: block;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: calc(50% - 1.5rem);
    width: 1.5rem;
}
.report_category-arrow:after,
.report_category-arrow:before {
    background-color: #3E3A39;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    top: calc(50% - .1rem);
    width: 1.5rem;
}
.report_category-arrow:before {
    transform: rotate(0deg);
    transition: .1s linear 0s;
}

.report_category-arrow:after {
    transform: rotate(90deg)
}

.report_categorylist dt:not(.open) .report_category-arrow:before {
    transition: transform 0.3s;
}

.report_categorylist dt:not(.open) .report_category-arrow:after {
    transition: transform 0.3s;
}

.report_categorylist dt.open .report_category-arrow:before {
    transition: transform 0.3s;
    opacity: 0;
    /*transform: rotate(90deg);*/
}

.report_categorylist dt.open .report_category-arrow:after {
    transition: transform 0.3s;
    transform: rotate(180deg);
}
.report_categorylist dd {
    padding: 1rem 0;
    display: none;
}
.report_categorylist dd ul .report_categorylist-item label {
    cursor: pointer;
}

.report_categorylist dd ul .report_categorylist-item label input {
    display: none;
}
.report_categorylist dd ul .report_categorylist-item label span {
    font-size: min(1.17vw, 1.6rem);
    color: #3E3A39;
    line-height: 2.4;
    display: block;
    padding: 5px 0;
}
.report_categorylist dd ul .report_categorylist-item label input:checked + span {
    position: relative;
}
.report_categorylist dd ul .report_categorylist-item label input:checked + span:after {
    background-color: #7F8080;
    border-radius: 50%;
    content: "";
    display: block;
    height: .6rem;
    position: absolute;
    right: 1.5rem;
    top: calc(50% - .3rem);
    width: .6rem;
}
@media print, screen and (max-width: 768px) {
    .report_categorylist {
        margin-bottom: 5.333vw;
    }
    .report_categorylist dt {
        font-size: 3.333vw;
    }
    .report_categorylist dd ul .report_categorylist-item label span {
        font-size: 3.733vw;
        padding: 1.333vw 0;
    }
}


/* ローディング */
#status {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    grid-area: 1 / 1 / 2 / 3;
}
.report-msg {
    font-size: min(1.17vw, 1.6rem);
    grid-area: 1 / 1 / 2 / 3;
}

@media print, screen and (max-width: 768px) {
    .report-msg {
        font-size: 3.5vw;
        text-align: center;
    }
}

/* ==============================
  詳細ページ
============================== */
#article {
    border-bottom: 1px solid #CCCCCC;
}
#article .report-wrap {
    border-bottom: 0;
    display: flex;
    flex-direction: row;
}
#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 .report-wrap .report-inner {
    display: flex;
    width: 61.27%;
    max-width: 837px;
    margin: 0 auto;
    grid-column-gap: 6.21%;
}
#article .report-wrap .report-inner .report-detail-wrap {
    width: 72.77%;
    max-width: 612px;
}
#article .report-wrap .season_tag {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 12.518vw;
    max-width: 171px;
    height: 12.518vw;
    max-height: 171px;
    text-align: center;
    border: 1.23px solid #32ADC6;
    border-radius: 50%;
    background-color: #FFFFFF;
}
#article .report-wrap .season_tag span {
    font-size: min(2.782vw, 3.8rem);
    color: #3E3A39;
}
#article .report-inner .title {
    font-size: min(1.76vw, 2.4rem);
    font-weight: 500;
    letter-spacing: 0.12em;
    line-height: 1.75;
    color: #32ADC6;
}

#article .report-inner .date {
    font-size: min(1.02vw, 1.4rem);
    letter-spacing: 0.2em;
    line-height: 1.92;
    color: #3E3A39;
}

#article .report-inner .detail {
    margin-top: 40px;
    color: #3E3A39;
}

#article .report-inner .detail h2 {
    font-size: min(1.46vw, 2rem);
    font-weight: 500;
    letter-spacing: 0.12em;
    margin-top: 35px;
}

#article .report-inner .detail img:not(:first-child)  {
    margin-top: 35px;
}
#article .report-inner .detail p {
    font-size: min(0.95vw, 1.3rem);
    letter-spacing: 0.14em;
}

#article .report-inner .detail .mainAreaContent {
    margin-top: 25px;
}
#article .report-inner .detail p:not(:first-child) {
    margin-top: 25px;
}

#article .report-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 .report-wrap .side_menu-wrap {
        display: none;
    }
    #article .report-wrap .report-inner {
        flex-direction: column;
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 0 auto;
    }
    #article .report-wrap .report-inner .report-detail-wrap {
        width: 100%;
        max-width: none;
        margin-top: 5.867vw;
    }
    #article .report-wrap .season_tag {
        width: 23.2vw;
        max-width: none;
        height: 23.2vw;
        max-height: none;
        font-size: 6.667vw;
    }
    #article .report-wrap .season_tag span {
        font-size: 5.333vw;
    }
    #article .report-inner .title {
        text-align: left;
        font-size: 5.333vw;
    }
    #article .report-inner .detail {
        margin-top: 6.667vw;
    }

    #article .report-inner .detail h2 {
        font-size: 4.267vw;
        margin-top: 11.733vw;
    }
    #article .report-inner .detail img:not(:first-child),
    #article .report-inner .detail p:not(:first-child) {
        margin-top: 6.667vw;
    }
    #article .report-inner .detail p {
        font-size: 3.2vw;
    }
    #article .report-inner .detail .mainAreaContent {
        margin-top: 6.667vw;
    }
    #article .report-inner .detail .wp-block-image:not(:first-child) {
        margin-top: 6.667vw;
    }

    #article .pick_up-wrap {
        width: 85.33vw;
        max-width: 85.33vw;
        margin: 0 auto;
        padding: 18.667vw 0 0;
    }
    #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;
        text-align: left;
    }
    #article .pick_up-list .list-item .content {
        font-size: 3.467vw;
        margin-top: 3.467vw;
        text-align: left;
    }
    #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;
    }
}

/* パーティ詳細 */
#article .status {
    margin-top: 85px;
    padding-top: 75px;
    border-top: 1px solid #7F8080;
}

#article .status h3.sub-title {
    font-size: min(1.757vw, 2.4rem);
    font-weight: 500;
    letter-spacing: 0.12em;
    color: #2B99B0;
    margin-bottom: 40px;
}

#article .status .status-item + .status-item {
    margin-top: 20px;
}
#article .status .status-item {
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
#article .status .status-item dt {
    display: flex;
    align-items: flex-start;
    flex: 0 0 100px;
    flex-flow: column nowrap;
    font-size: min(1.025vw, 1.4rem);
    color: #2B99B0;
    font-weight: 500;
    justify-content: flex-start;
    letter-spacing: 0;
    line-height: 2.1;
    padding: 0 14px 0 0;
    position: relative;
}
#article .status .status-item dt:after {
    background-color: #ccc;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
#article .status .status-item dd {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-flow: column nowrap;
    font-size: min(1.025vw, 1.4rem);
    justify-content: flex-start;
    letter-spacing: 0;
    line-height: 2.1;
    padding: 0 0 0 34px;
}
@media print, screen and (max-width: 768px) {
    #article .status {
        margin-top: 12.8vw;
        padding-top: 14.667vw;
    }

    #article .status h3.sub-title {
        font-size: 6.4vw;
        margin-bottom: 9.333vw;
    }

    #article .status .status-item + .status-item {
        margin-top: 5.333vw;
    }
    #article .status .status-item dt {
        flex: 0 0 25vw;
        font-size: 3.733vw;
        padding: 0 3.733vw 0 0;
    }
    #article .status .status-item dd {
        font-size: 3.2vw;
        padding: 0 0 0 9.067vw;
    }
}