@charset "UTF-8";

/*tempに追加*/


/*========================
Index
========================*/
.contsArea{
    width: 100%;
    margin: 0 auto;
}
.selectBox .sortLists{
    width:95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.selectBox .sortList{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.selectBox .sortList .BtnCenter{
    width: 100%;
}
.discoLists {
    width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.selectCategoryLists .selectCategoryList .categoryBlk svg + figcaption{
    margin: 0 0 0 auto;
}
.discoLists .discoList{
    width: calc((100% - 8vw) / 2);
    margin: 0 2vw 4vw;
    text-align: left;
}
.dsImg{
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
}
.pagerLists{
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pagerLists .pagerList{
    width: 50%;
}
.pl{
    text-align: left;
    padding: 0 0 0 2em;
}
.pr{
    text-align: right;
    padding: 0 2em 0 0;
}
@media screen and (min-width: 641px) {
    .discoLists .discoList{
    width: calc((100% - 12vw) / 3);
}
}
@media screen and (min-width: 961px) {
    .selectBox .sortLists{
    width:60%;
    }
    .discoLists .discoList{
    width: calc((100% - 16vw) / 4);
}
}
@media screen and (min-width: 1366px) {
    .contsArea{
    width: 1228px;
    }
    .discoLists .discoList{
    width: 270px;
        margin: 0 18.5px 37px;
    }
    .discoLists {
    width: 1228px;
    }
    .pagerLists{
    width: 1228px;
    }
}


/*========================
detail
========================*/
.discoBlk{
    text-align: left;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}
.discoImgSet,
.discoTxtSet,
.discoTxtSet .BtnCenter{
    width: 100%;
}
.dtsText p + p{
    margin-top: 2rem;
}
.btnLine.mainBtn{
    min-width: inherit;
}
.backBlk{
    text-align: center;
}
.backBlk .BtnCenter{
    width: 40%;
}
@media screen and (min-width: 641px) {

}
@media screen and (min-width: 961px) {
    .discoImgSet,
    .discoTxtSet{
    width: 46%;
        margin-top: 0 !important;
    }
    .discoImgSet{
        position: -webkit-sticky;
        position: sticky;
        top:100px;
    }
}
@media screen and (min-width: 1366px) {

}