@charset "utf-8";


.secNoListData {
    text-align: center;
    padding: 15rem 0;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    letter-spacing: var(--pcLetterSpacing16_100);
}
@media only screen and (max-width:1215px){
    .secNoListData {
        padding: 10rem 0;
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_50);
    }
}
/*==============================
    一覧
==============================*/
.secColumn .listCategory{
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.3rem;
}
.secColumn .listCategory .itemCategory{
    width: calc((100% - 7.999rem) / 7);
}
.secColumn .itemCategory a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7rem;
    background-color: #fff;
    border-radius: 0.3rem;
    border: 0.1rem solid var(--borderColorLightGrey);
    box-shadow: inset 0 -0.5rem 0 0 var(--blackColorRgba08);
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    padding: 1rem;
}
.secColumn .itemCategory.isActive a{
    background-color: var(--greenColor);
    border-color: var(--textColor);
    color: #fff;
    pointer-events: none;
}
.secColumn .itemCategory p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize14)* var(--pcLineHeight14_24)* 2);
}


/*==============================
    boxColumn
==============================*/
/* boxColumn */
.boxColumn{
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width:1215px){
    .boxColumn{
        margin-top: 2rem;
        flex-direction: column-reverse;
    }
}


/* boxColumnList */
.secColumn .boxColumnList{
    width: 73.135%;
}
.secColumn .boxColumnList:only-child{
    width: 100%;
}
.secColumn .boxList{
    display: flex;
    flex-wrap: wrap;
}
.secColumn .itemColumn{
    position: relative;
    width: 100%;
}
.secColumn .itemColumn .boxLink{
    position: relative;
    display: block;
    height: 100%;
    z-index: 0;
}
.boxColumnList .itemColumn .boxLink{
    padding: 4rem 0;
}
.boxColumnList .itemColumn .boxLink::before,
.boxColumnList .itemColumn:last-child .boxLink::after{
    content: "";
    background-image: repeating-linear-gradient(90deg, var(--grayColorB8), var(--grayColorB8) 0.1rem, transparent 0.1rem, transparent 0.4rem), repeating-linear-gradient(180deg, var(--grayColorB8), var(--grayColorB8) 0.1rem, transparent 0.1rem, transparent 0.4rem), repeating-linear-gradient(90deg, var(--grayColorB8), var(--grayColorB8) 0.1rem, transparent 0.1rem, transparent 0.4rem), repeating-linear-gradient(180deg, var(--grayColorB8), var(--grayColorB8) 0.1rem, transparent 0.1rem, transparent 0.4rem);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 0.1rem, 0.1rem 100%, 100% 0.1rem, 0.1rem 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
}
.boxColumnList .itemColumn:last-child .boxLink::after{
    top: auto;
    bottom: 0;
}
/* box */
.secColumn .itemColumn .box{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.secColumn .itemColumn .iconNew {
    position: absolute;
    top: -1.5rem;
    left: 1.5rem;
    z-index: 1;
}
.secColumn .itemColumn .boxImg{
    width: 31.124%;
}
.secColumn .itemColumn .img{
    aspect-ratio: 305 / 220;
}
.secColumn .itemColumn .boxTit {
    position: relative;
    width: 65.817%;
}
.boxColumnList .itemColumn .boxTit {
    margin-bottom: 3rem;
}
.secColumn .itemColumn .boxTxtItem {
    display: flex;
    align-items: center;
}
.secColumn .itemColumn .categoryTxt {
    display: inline-block;
    font-weight: bold;
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
    background-color: var(--bgColor);
    padding: 1.1rem 0.8rem 0.9rem;
    text-align: center;
    border-radius: 0.4rem;
    margin-right: 1.4rem;
}
.secColumn .itemColumn .dateTxt {
    font-weight: 500;
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
}
.secColumn .itemColumn .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_33);
    letter-spacing: var(--pcLetterSpacing22_50);
    font-weight: bold;
    text-decoration: underline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize22)* var(--pcLineHeight22_33)* 2);
}
.boxColumnList .itemColumn .tit{
    margin-top: 1.9rem;
}
.secColumn .itemColumn .boxTag{
    margin-top: 1.2rem;
}
.secColumn .itemColumn .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    color: var(--greenColor);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize14)* var(--pcLineHeight14_21)* 2);
}
@media only screen and (max-width:1215px){
    .secColumn .boxColumnList{
        width: 100%;
    }
    .secColumn .boxList{
        gap: 0;
    }
    .boxColumnList .itemColumn .boxLink{
        padding: 2rem 0;
    }
    .boxColumnList .itemColumn .boxLink::before,
    .boxColumnList .itemColumn:last-child .boxLink::after{
        background-image: repeating-linear-gradient(90deg, var(--grayColorB8), var(--grayColorB8) 0.1rem, transparent 0.1rem, transparent 0.2rem), repeating-linear-gradient(180deg, var(--grayColorB8), var(--grayColorB8) 0.1rem, transparent 0.1rem, transparent 0.2rem), repeating-linear-gradient(90deg, var(--grayColorB8), var(--grayColorB8) 0.1rem, transparent 0.1rem, transparent 0.2rem), repeating-linear-gradient(180deg, var(--grayColorB8), var(--grayColorB8) 0.1rem, transparent 0.1rem, transparent 0.2rem);
    }
    .secColumn .itemColumn .box {
        flex-wrap: wrap;
    }
    .secColumn .itemColumn .iconNew {
        top: -1rem;
        left: 1rem;
        width: 3.2rem;
    }
    .boxColumnList .itemColumn .boxImg {
        width: 46.3785%;
        order: 1;
    }
    .secColumn .itemColumn .boxTit,
    .secColumn .itemColumn .boxTxt{
        width: 49.278%;
    }
    .boxColumnList .itemColumn .boxTit{
        display: contents;
    }
    .boxColumnList .itemColumn .boxTit {
        margin-bottom: 0;
    }
    .boxColumnList .itemColumn .boxTxt {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        order: 2;
    }
    .secColumn .itemColumn .categoryTxt {
        font-size: var(--spFontSize10);
        letter-spacing: var(--spLetterSpacing10_0);
        padding: 0.7rem 0.5rem 0.5rem;
        border-radius: 0.3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 10rem;
        margin-right: 1rem;
    }
    .secColumn .itemColumn .dateTxt {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_30);
        font-weight: normal;
    }
    .secColumn .itemColumn .tit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing14_30);
        line-clamp: 3;
        -webkit-line-clamp: 3;
        max-height: calc(var(--spFontSize14)* var(--spLineHeight14_22)* 3);
    }
    .boxColumnList .itemColumn .tit{
        margin-top: 0.8rem;
    }
    .secColumn .itemColumn .boxTag{
        width: 100%;
        order: 3;
        margin-top: 0.5rem;
        padding: 0.7rem 1.3rem 0.7rem;
        background-color: var(--bgColor);
    }
    .boxColumnList .itemColumn .boxTag{
        order: 3;
    }
    .secColumn .itemColumn .txt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_15);
        letter-spacing: var(--spLetterSpacing10_0);
        white-space: normal;
        max-height: calc(var(--spFontSize10)* var(--spLineHeight10_15)* 2);
    }
}

/* boxSearch */
.boxColumn .boxSearch{
    width: 22.389%;
}
.boxColumn .boxSearchItem:nth-child(n+2){
    margin-top: 7rem;
}
.boxColumn .boxSearchTit{
    position: relative;
    padding-bottom: 2.3rem;
    margin-bottom: 2rem;
}
.boxColumn .boxSearchTit::before,
.boxColumn .boxSearchTit::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--grayColorEB);
}
.boxColumn .boxSearchTit::after{
    width: 4rem;
    background-color: var(--greenColor);
}
.boxColumn .boxSearchTit .tit{
    position: relative;
    padding-left: 3.5rem;
    font-size: var(--pcFontSize15);
    font-weight: bold;
}
.boxColumn .boxSearchTit .tit::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
}
.boxColumn .boxTag .tit::before{
    width: 2rem;
    height: 2rem;
}
.boxColumn .boxTag.lazyloaded .tit::before{
    background: url(../img/common/iconTag.png) center top / cover no-repeat;
}
.boxColumn .boxRank .tit::before{
    width: 2.1rem;
    height: 1.6rem;
}
.boxColumn .boxRank.lazyloaded .tit::before{
    background: url(../img/common/iconRank.png) center top / cover no-repeat;
}
/* boxTag */
.boxColumn .listTag form{
    width: 100%;
}
/* チェックボックス */
.boxColumn .listTag .boxCheck{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 0.5rem;
}
.boxColumn .listTag .itemCheck{
    font-size: 0;
}
.boxColumn .listTag input[type="checkbox"],
.boxColumn .listTag .txtCheck::before{
    width: 100%;
    height: 100%;
}
.boxColumn .listTag input[type="checkbox"]{
    visibility: hidden;
    position: absolute;
    margin: 0;
}
.boxColumn .listTag .labelCheck{
    position: relative;
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_18);
    display: inline-block;
}
.boxColumn .listTag .txtCheck{
    display: inline-flex;
    align-items: center;
    border-radius: 1.6rem;
    background-color: var(--greenColorLight2);
    padding: 1.1rem 1.1rem 0.9rem 0.9rem;
}
.boxColumn .listTag input[type="checkbox"]:checked + .txtCheck{
    background-color: var(--greenColor);
    color: #fff;
}
.boxColumn .listTag input[type="checkbox"]:disabled + .txtCheck{
    opacity: .5;
    pointer-events: none;
}
.boxColumn .listTag .cmnBtn{
    margin-top: 2.5rem;
    width: 21rem;
}
/* boxRank */
.secColumn .boxRank .boxList{
    counter-reset: number 0;
}
.secColumn .boxRank .itemColumn:nth-child(n+2){
    margin-top: 1.5rem;
}
.secColumn .boxRank .itemColumn::before {
    position: absolute;
    counter-increment: number 1;
    content: counter(number);
    color: #fff;
    width: 1.9rem;
    height: 1.9rem;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Oswald", serif;
    font-size: var(--pcFontSize12);
    background-color: var(--rankColor);
}
.secColumn .boxRank .itemColumn:nth-child(1)::before {
    background-color: var(--rank01Color);
}
.secColumn .boxRank .itemColumn:nth-child(2)::before {
    background-color: var(--rank02Color);
}
.secColumn .boxRank .itemColumn:nth-child(3)::before {
    background-color: var(--rank03Color);
}
.secColumn .boxRank .boxImg {
    width: 37%;
}
.secColumn .boxRank .boxTit {
    width: 60%;
}
.secColumn .boxRank .boxTit .tit {
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_18);
    letter-spacing: var(--pcLetterSpacing13_50);
    max-height: calc(var(--pcFontSize13)* var(--pcLineHeight13_18)* 2);
}
@media only screen and (max-width:1215px){
    .boxColumn .boxSearch{
        width: 100%;
    }
    .boxColumn .boxSearchItem{
        margin-top: 4rem!important;
    }
    .boxColumn .boxSearchTit{
        padding-bottom: 1.7rem;
        margin-bottom: 1.5rem;
    }
    .boxColumn .boxSearchTit .tit{
        padding-left: 2.2rem;
        font-size: var(--spFontSize12);
    }
    .boxColumn .boxTag .tit::before{
        width: 1.4rem;
        height: 1.4rem;
    }
    .boxColumn .boxRank .tit::before{
        width: 1.9rem;
        height: 1.4rem;
    }
    /* チェックボックス */
    .boxColumn .listTag .boxCheck{
        gap: 0.5rem;
    }
    .boxColumn .listTag .labelCheck{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_18);
        letter-spacing: var(--spLetterSpacing10_50);
    }
    .boxColumn .listTag .txtCheck{
        border-radius: 1.5rem;
    }
    .boxColumn .listTag .cmnBtn{
        margin: 2rem auto 0;
        width: 100%;
    }
    /* boxRank */
    .secColumn .boxRank .itemColumn::before {
        font-size: var(--spFontSize12);
    }
    .secColumn .boxRank .boxImg {
        width: 32.178%;
    }
    .secColumn .boxRank .boxTit {
        width: 64.64%;
    }
    .secColumn .boxRank .boxTxt {
        width: 100%;
    }
    .secColumn .boxRank .boxTit .tit {
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        letter-spacing: var(--spLetterSpacing13_50);
        max-height: calc(var(--spFontSize13)* var(--spLineHeight13_20)* 2);
    }
}

/*==============================
    詳細
==============================*/

/* boxDetailsInfo */
.secDetailsTit .cmnPageTit {
    padding: 0 0 3.1rem;
}
.cmnPageTit.hasDetails + .boxTit {
    padding: 3.2rem 0 2.8rem;
}
.cmnPageTit.hasDetails + .boxTit .titTop{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    letter-spacing: var(--pcLetterSpacing20_80);
    font-weight: bold;
}
.secDetailsTit .boxDetailsInfo{
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secColumn .secDetailsTit .boxTxtItem{
    max-width: 80%;
}
.secColumn .secDetailsTit .categoryTxt {
    font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_50);
}
.secColumn .secDetailsTit .boxTag{
    max-width: 78%;
    margin: 0 0 0 1.2rem;
    display: flex;
    flex-wrap: wrap;
}
.secDetailsTit .boxTag .txt{
    margin-right: 1rem;
}
.secColumn .secDetailsTit .dateTxt {
    color: var(--textColorRgba40);
}
@media only screen and (max-width:1215px){
    /* boxDetailsInfo */
    .secDetailsTit .cmnPageTit {
        padding: 0 0 1.5rem;
    }
    .cmnPageTit.hasDetails + .boxTit {
        padding: 1.2rem 0 1rem;
    }
    .cmnPageTit.hasDetails + .boxTit .titTop{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_24);
        letter-spacing: var(--spLetterSpacing15_30);
    }
    .secDetailsTit .boxDetailsInfo{
        margin-top: 1.5rem;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .secColumn .secDetailsTit .boxTxtItem{
        max-width: none;
        display: contents;
    }
    .secColumn .secDetailsTit .categoryTxt {
        order: 2;
        font-size: var(--spFontSize10);
        letter-spacing: var(--spLetterSpacing10_0);
        margin-left: 0.5rem;
        white-space: normal;
        overflow: visible;
        max-width: 80%;
    }
    .secColumn .secDetailsTit .boxTag{
        order: 3;
        max-width: none;
        width: 100%;
        margin: 1rem 0 0;
        padding: 0;
        background-color: inherit;
    }
    .secColumn .secDetailsTit .dateTxt {
        order: 1;
        color: var(--textColor);
        margin-left: 0;
    }
}

/* secEntry */
.secEntry {
    margin-top: 4rem;
}
@media only screen and (max-width:1215px){
    .secEntry {
        margin-top: 2.5rem;
    }
}

/* cmnDetailsPager */
.cmnDetailsPager .btnPrev, .cmnDetailsPager .btnNext{
    width: 30.5rem;
}
.cmnDetailsPager .itemColumn {
    height: calc(100% - 4.4rem);
}
.cmnDetailsPager .itemColumn .box {
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
.cmnDetailsPager .itemColumn .boxImg,
.cmnDetailsPager .itemColumn .boxTit {
    width: 100%;
}
.cmnDetailsPager .itemColumn .boxTit {
    margin-top: 1.8rem;
    height: 100%;
}
.cmnDetailsPager .itemColumn .boxTxt {
    min-height: calc(var(--pcFontSize18)* var(--pcLineHeight18_28)* 2);
    height: calc(100% - 4.8rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cmnDetailsPager .itemColumn .tit {
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_28);
    letter-spacing: var(--pcLetterSpacing18_50);
    max-height: calc(var(--pcFontSize18)* var(--pcLineHeight18_28)* 2);
}
.cmnDetailsPager .itemColumn .boxTxtItem {
    margin-top: 1rem;
}
.cmnDetailsPager .itemColumn .categoryTxt {
    position: relative;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_18);
    letter-spacing: var(--pcLetterSpacing13_50);
    padding: 0;
    border-radius: 0;
    background-color: inherit;
    font-weight: normal;
    padding-right: 1rem;
    top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
    margin-right: 1rem;
}
.cmnDetailsPager .itemColumn .categoryTxt::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -.1rem;
    bottom: 0;
    right: 0;
    width: 0.1rem;
    height: 100%;
    background-color: var(--textColor);
}
.cmnDetailsPager .itemColumn .dateTxt {
    font-weight: normal;
}
.cmnDetailsPager .itemColumn .txt {
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_18);
    font-weight: normal;
    max-height: calc(var(--pcFontSize12)* var(--pcLineHeight12_18)* 2);
}
@media only screen and (max-width:1215px){
    .cmnDetailsPager .btnPrev, .cmnDetailsPager .btnNext{
        width: 47.83%;
    }
    .cmnDetailsPager .itemColumn {
        height: calc(100% - 2rem);
    }
    .cmnDetailsPager .itemColumn .box {
        flex-wrap: nowrap;
        height: 100%;
    }
    .cmnDetailsPager .itemColumn .boxTit {
        margin-top: 1.2rem;
        height: 100%;
    }
    .cmnDetailsPager .itemColumn .boxTxt {
        min-height: calc(var(--spFontSize12)* var(--spLineHeight12_20)* 2);
        width: 100%;
        height: calc(100% - 2.3rem);
    }
    .cmnDetailsPager .itemColumn .tit {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: var(--spLetterSpacing12_30);
        line-clamp: 2;
        -webkit-line-clamp: 2;
        max-height: calc(var(--spFontSize12)* var(--spLineHeight12_20)* 2);
    }
    .cmnDetailsPager .itemColumn .boxTxtItem {
        margin-top: 0.8rem;
    }
    .cmnDetailsPager .itemColumn .categoryTxt {
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_15);
        letter-spacing: var(--spLetterSpacing10_0);
        padding-right: 1rem;
        top: 0.1rem;
        max-width: 9rem;
    }
    .cmnDetailsPager .itemColumn .categoryTxt::after{
        top: -.1rem;
    }
    .cmnDetailsPager .itemColumn .boxTag {
        margin-top: 0.5rem;
        padding: 0;
        background-color: inherit;
    }
    .cmnDetailsPager .itemColumn .txt {
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_18);
        line-clamp: 1;
        -webkit-line-clamp: 1;
        max-height: calc(var(--spFontSize10)* var(--spLineHeight10_18)* 1);
    }
}


/* boxBtnList */
.cmnDetailsPager .boxBtnList{
    height: calc(100% - 10rem);
    bottom: auto;
    top: 0;
}
.cmnDetailsPager .boxBtnList .cmnBtn{
    padding: 3.3rem 1rem 3.1rem;
}
@media only screen and (max-width:1215px){
    .cmnDetailsPager .boxBtnList .cmnBtn{
        padding: 0;
    }
    .cmnDetailsPager .txtPager .isNext::before {
        bottom: 0;
    }
}