.sort-list-select {
    border: 1px solid #e8e9ea;
}
.topicsBox .good {
    margin-top: 10px;
}
.topicsBox {
    margin-bottom: 10px;
}
.infoBox .cate05 {
    background: #ff0505;
}
.infoBox02 dt {
    width: 40%;
}
.infoBox02 dd {
    background: white;
}
.infoBox {
    width: 50%;
}
.thum_box {
    margin: 0%;
}
.top-content {
    margin-bottom: 50px;
}
.bottom-content {
    height: auto;
}
.topicsTtlWrap {
    margin: 10px;
    border: none;
    border-bottom: 2px dotted #e26d6d;
}

.topicWrap .topicsBox {
    border-radius: 5px;
}

.topicWrap .topicsBox.topics-end {
    border: 2px solid #6492ed;
}

.topicWrap .topicsBox.topics-published {
    border: 2px solid #e26d6d;
}

.topicWrap .topicsBox .card {
    border: none;
}

.pageWrap.is-end {
    border-top: 10px solid #5b9bd5;
}
.pageWrap.is-end h1 {
    background: repeating-linear-gradient(
        45deg,
        #99ceff,
        #99ceff 2px,
        #ffffff 2px,
        #ffffff 6px
    );
}
.pageWrap.event-report {
    border-top: 10px solid #5b9bd5;
}
.event-report h1 {
    margin: 30px 70px 20px 70px;
    background: #e26c6d;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-size: 26px;
    line-height: 120%;
}
.myaccountpage .icon {
    margin: 0 auto 20px auto;
    width: 96%;
    letter-spacing: -0.4em;
}
.myaccountpage .icon li {
    display: inline-block;
    width: 19%;
    margin-right: 1%;
    border-left: 1px solid #d7d9da;
    border-bottom: 1px solid #d7d9da;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
}
.myaccountpage .icon li.icon05 {
    margin-right: 0;
}
.myaccountpage .infoBox03 a.btn01 {
    padding: 10px 0;
    width: 27%;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    height: 50px;
    background: #374149;
    display: inline-block;
    position: relative;
    left: 6%;
    top: 10px;
}
.myaccountpage .infoBox03 a.btn02 {
    padding: 10px 0;
    width: 27%;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    line-height: 15px;
    height: 50px;
    background: #374149;
    display: inline-block;
    position: absolute;
    right: 36.5%;
    top: 10px;
}

.myaccountpage .infoBox03 a.btn04 {
    padding: 10px 0;
    width: 27%;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    line-height: 15px;
    height: 50px;
    background: #374149;
    display: inline-block;
    position: absolute;
    right: 6%;
    top: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1160px) {
    .myaccountpage .infoBox03 a.btn01 {
        font-size: 9px;
    }

    .myaccountpage .infoBox03 a.btn02 {
        font-size: 9px;
    }

    .myaccountpage .infoBox03 a.btn04 {
        font-size: 9px;
    }
    .topicWrap .topicsBox {
        width: 48%;
        margin: 1%;
    }
}
@media screen and (max-width: 1160px) {
    .myaccountpage .icon li {
        font-size: 16px;
        width: 19%;
        margin-right: 1%;
        line-height: 130%;
        text-align: center;
        padding: 10px 0;
    }
    .myaccountpage .icon {
        margin: 0 auto 20px auto;
        width: 96%;
    }
}
.btn-status {
    color: #fff;
    border: solid 1px;
    border-color: #000;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
.topicsBox .member-board-end {
    border-top: 10px solid #5b9bd5;
}
.btn-bottom {
    background: #374149;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 10px 0;
    letter-spacing: 0.2em;
    width: 50%;
}
.btn-bottom.btn-event-report {
    color: red;
    background: #ffc000;
}
.bottom-content .row {
    margin-left: auto;
    margin-right: auto;
}
.btn-end {
    background: #5b9bd5;
}
.btn-public {
    background: #e26c6d;
}
.cate.prefectures {
    background: #44c8f5;
    border-radius: 50px;
    letter-spacing: 0px;
}

.cate.published {
    background: #ff0505;
    border-radius: 50px;
    letter-spacing: 0px;
}

.sns.mb {
    top: 0;
    right: 10px;
}

.sns {
    top: 0;
}

.sns .btn_kaisaireport a {
    position: absolute;
    right: 90px;
    background-image: linear-gradient(to bottom, #ffa04d 0%, #fa8c2b 100%);
    color: #ffffff;
    border: 2px solid #fd8217;
    font-size: 18px;
}
.postpageWrap h3 {
    background-color: unset;
    color: unset;
}
.event-report h1.syuryo {
    /* margin: 30px 70px 20px 70px; */
    background: #5b9bd5;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-size: 26px;
    line-height: 120%;
}
#event-report {
    position: relative;
    padding-top: 60px;
}
.pageWrap.event-report {
    border-top: 10px solid #ffffff;
}
.event-report .sns {
    margin-right: 40px;
}

.listpage .list {
    border-top: unset;
    overflow-y: unset;
}
.card-end .topicsTtlWrap {
    border-bottom: 2px dotted #7a9fe7;
}

.print-container {
    font-family: ipaexg;
    border-bottom: none;
}
.print-container table {
    word-wrap: break-word;
    border-collapse: separate;
    border-spacing: 0 30px;
}
.print-container table td {
    border: 1px solid #afb3b6;
    width: 99%;
    margin-bottom: 20px;
}
.print-container .dlbox td:first-child {
    border-left-style: solid;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.print-container .dlbox td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}
.print-container .title {
    text-align: center;
}
.print-container .name {
    white-space: nowrap;
    padding-left: 30px;
    width: 500px;
}
.print-container .page-break {
    page-break-before: always;
}

.print-container .page-number {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 48%;
}
.print-container .pageWrap {
    border-right: none;
    border-left: none;
    border-bottom: none;
    background: #ffffff;
    border-top: 10px solid #e26c6d;
    position: relative;
    margin-top: 100px;
}
.print-container .prefectures {
    text-align: center;
    white-space: nowrap;
    width: 300px;
}
.print-container .listpage .number {
    font-size: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 50px;
    border-left: 15px solid #afb3b6;
}
.print-container .main {
    margin-top: -100px !important;
    padding: 50px;
    background: none;
}
.print-container .table-title td {
    padding: 20px;
    text-align: left;
    border: 5px solid #ebecec;
}
.print-container .title {
    margin-right: 50px;
    margin-left: 50px;
    margin-top: 50px;
}
.print-container .listpage .listWrap {
    padding: 40px;
    border: 30px solid #f5f5f6;
    margin-right: 50px;
    margin-left: 50px;
    width: 90%;
}
.print-container .lable-title {
    width: 400px;
    background: #ebecec;
    vertical-align: top;
    font-weight: bold;
    font-size: 60px;
}
.print-container .table-title {
    width: 100%;
}
.cate.kaisai {
    margin-left: 0px;
}

@media screen and (max-width: 980px) {
    .topicsBox .event-report .more:first-child {
        margin-bottom: unset;
        width: 39%;
    }
    .topicsBox .event-report .more {
        width: 60%;
        font-size: 15px;
    }
    .topicWrap .top-content .infoWrap .infoBox {
        width: 49%;
    }
}

@media screen and (max-width: 767px) {
    .cate {
        line-height: 39px;
    }
    .sns {
        right: 0;
    }
    .sns.mb .good a {
        width: 100px;
        min-width: 80px;
    }

    .sns.mb .share a {
        width: 80px;
    }

    .sns.mb .btn_kaisaireport a {
        min-width: 17px;
        right: 100px;
    }

    .event-report h1 {
        margin: 30px 10px 20px 10px;
    }

    .event-report .sns {
        margin-right: 0px;
    }

    .btn_kaisaireport {
        margin: 20px;
    }
    .topicsBox .event-report .more:first-child {
        margin-bottom: unset;
        width: 39%;
    }
    .topicsBox .event-report .more {
        width: 60%;
        font-size: 14px;
    }
    .topicsBox .more:first-child {
        margin-bottom: unset;
    }
    .topicWrap.wrap-published .text,
    .topicWrap.wrap-end .text {
        height: 70px !important;
    }

    .myaccountpage .text {
        height: 130px !important;
        max-height: 130px;
    }
    .bottom-content {
        margin-top: unset !important;
    }
    .wrap-published {
        border: none !important;
    }
    .wrap-end {
        border: none !important;
    }
    .pageWrap .sns .good img {
        top: 2px !important;
    }
    .pageWrap .sns a {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 1140px) {
    .cate.prefectures,
    .cate.published {
        width: 65px !important;
    }

    .cate.kaisai {
        width: 100px !important;
    }
    .topicsBox .good {
        width: 25%;
    }
}

@media screen and (max-width: 470px) {
    .topicWrap .top-content .infoWrap {
        height: 160px !important;
    }
}

@media screen and (max-width: 400px) {
    .sns.mb .good a {
        width: 90px;
        min-width: 70px;
    }

    .sns.mb .share a {
        width: 60px;
    }

    .sns.mb .btn_kaisaireport a {
        min-width: 170px;
        right: 90px;
    }
    .event-report .more {
        text-align: left;
        padding-left: 10px;
    }
}
@media screen and (max-width: 420px) {
    .tab_menu li {
        font-size: 15px;
    }
}

@media screen and (max-width: 359px) {
    .tab_menu li {
        font-size: 12px;
    }
    .topicWrap.wrap-published .text,
    .topicWrap.wrap-end .text {
        height: 50px !important;
    }
}

.top-content {
    margin-bottom: unset;
}

.bottom-content {
    position: unset;
    margin-top: 10px;
}

.tab_menu li {
    background-color: #fff;
}

.messageWrap .link-service a {
    color: #007bff;
}

.tab_menu .flex {
    margin-bottom: 0px;
}

.topicWrap.wrap-published .text,
.topicWrap.wrap-end .text {
    padding: 0 0 0 5px;
    height: 95px;
}

.wrap-published {
    border: 2px solid #e26d6d;
}

.wrap-end {
    border: 2px solid #6492ed;
}

.myaccountpage .topicsBox {
    border: 2px solid #f56469;
}

.pageWrap .sns .good a {
    font-size: 18px;
    font-weight: bold;
    right: 10px;
}

.pageWrap .sns .good img {
    top: 5px;
}

.myaccountpage .card-mypage .listbtn {
    top: 5px;
    right: 5px;
}

.topicWrap .top-content .infoWrap {
    height: 172px;
}

.myaccountpage .thum_box img {
    -o-object-fit: contain;
       object-fit: contain;
}

.thumbnail-skeleton-wrapper {
    position: relative;
    overflow: hidden;
    background-color: #eceff1;
}

.thumbnail-skeleton-wrapper > img {
    position: relative;
    z-index: 1;
}

.thumbnail-skeleton {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-color: #eceff1;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.thumbnail-skeleton::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.72) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: translateX(-100%);
    animation: thumbnail-skeleton-shimmer 1.35s ease-in-out infinite;
}

.thumbnail-skeleton-wrapper > img.lazyloaded + .thumbnail-skeleton,
.thumbnail-skeleton-wrapper > img.lazyerror + .thumbnail-skeleton {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.22s ease, visibility 0s linear 0.22s;
}

@keyframes thumbnail-skeleton-shimmer {
    100% {
        transform: translateX(100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .thumbnail-skeleton::after {
        animation: none;
    }
}

.filepond--file-info-sub {
    display: none;
}