@charset "UTF-8";

/* ==================================================
共通
================================================== */
br {
    font-family: sans-serif !important;
}

.noMain #cnts .artclSct {
    padding: 6rem 0 14rem;
}
.BtnCenter{
    background: #dddddd;
}
header {
    position: fixed;
    top: 2%;
    left: 5%;
    width: 45vw;
    max-width: 260px;
    z-index: 100;
}
header a{width:100%;}

.pagetopBlk{
    position: fixed;
    bottom: 2%;
    right: 3%;
    border: 1px solid;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.lineupBtnOn .pagetopBlk{
    opacity: 1;
    z-index: 100;
    -webkit-transition: all .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.pagetopBlk a{
    position: relative;
    text-align: center;
    letter-spacing: .15em;
    line-height: 1.2;
    padding: 7px 0 0 .10em;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
}

.pagetopBlk a::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: auto;
}

@media screen and (min-width: 768px) {
    header {
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
        top: 2%;
        width: 100%;
    }
    header a{}

    .pagetopBlk{}

    .pagetopBlk a{
        font-size: 11px;
    }

}

/* ==================================================
一覧ページ
================================================== */
.acvArea {
    margin: 0 auto;
    padding: 0;
}
.acvArea .aaTtl {
    text-align: center;
    line-height: 1;
}
.noMain #cnts .artclSct.richArtcl {
    padding: 0 0 6rem;
}
.dtlPage .coverImg::before {
    padding-top: 140%;
}
.mainTtlArea {
    position: relative;
    margin: 0 auto;
    width: 90vw;
    /*    max-width: 920px;*/
    text-align: left;
}
.richArtcl .mainTtlArea {
    width: 100%;
    max-width: inherit;
}
.richArtcl .mtTtlBlk {
    width: 90%;
    margin: 0 auto;
    /*    max-width: 1200px;*/
}
.mtTtlBlk .mtbTtl {
    margin: .5em auto 0;
}
.mtTtlBlk .mtbDate,
.mtTtlBlk .mtbAuthor{
    margin: 1em auto 0;
    line-height: 1;
}
.news .mtTtlBlk .mtbAuthor{
    display: none;
}
.areaStyle {
    width: 90%;
    margin: 0 auto;
}
.leadArea {
    text-align: left;
    width: 90%;
    margin: 4rem auto 0;
    max-width: 1200px;
}
.artclArea {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4rem auto 0;
    text-align: left;
    width: 90vw;

}
.richArtcl .artclArea {
    margin: 8rem auto;
    width: 100%;
    max-width: inherit;
}
.artclArea .artclBlk{
    width: 100%;
}
.artclArea .artclBlk a{
    text-decoration: underline;
    font-weight: bold;
}
.artclArea .artclBlk .BtnCenter a{
    text-decoration: none;
    font-weight: normal;
}
.artclArea .areaStyle {
    margin: 0 auto;
    width: 90%;
}
.areaStyle + .areaStyle {
    margin: 10rem auto 0;
}


@media screen and (min-width: 768px) {
    .richArtcl .artclArea {
        margin: 2em auto;

    }

}
@media screen and (min-width: 961px) {
}

/* ==================================================
詳細 / アーカイブエリア
================================================== */
.dtlPage .acvArea {
    margin: 0 auto;
    padding: 9rem 0 0;
}

body{
    background: #DDD1BC;
}

#mainSct{
    position: relative;
    padding: 5rem 0 8rem;
    overflow: hidden;
}

/* ==================================================
mainSct
================================================== */
#mainSct{}

#mainSct .mainImgBlk{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
#mainSct .mainImgBlk .mtImgBlk:nth-child(1){
    width: 75vw;
}
#mainSct .mainImgBlk .mtImgBlk:nth-child(2){
    width: 72vw;
    margin: 5vw 5vw 0 auto;
}


#mainSct .mainTxtBlk{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#mainSct .mainTxtBlk .mainTxtSet{
    position: relative;
    width: 100%;
    height: 100%;
}
#mainSct .mainTxtBlk .mainTxtSet p{}
#mainSct .mainTxtBlk .mainTxtSet .mainTtl{
    position: absolute;
    top: 0;
    right: -1.8vw;
    z-index: 1;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    line-height: 1;
}
#mainSct .mainTxtBlk .mainTxtSet .mainTtl2{}
#mainSct .mainTxtBlk .readTxt{
    position: absolute;
    bottom: 0%;
    text-align: left;
    left: 5vw;
}
#mainSct .mainTxtBlk .readTxt p{}

.richArtcl .mainCatch{
    margin: 4.5rem auto 0;
    padding: 4.5rem 0 0;
    width: 90%;
    text-align: justify;
    position: relative;
}

.richArtcl .mainCatch::before{
    content: "";
    width: 160px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.richArtcl .mainCatch p{
    letter-spacing: .1em;
}
@media screen and (min-width:768px) {
    #mainSct{
        padding: 6vw 0;
    }

    #mainSct .mainImgBlk{
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    #mainSct .mainImgBlk .mtImgBlk:nth-child(1){
        width: 47.5vw;
        margin: auto 3vw 5vw 0;
    }
    #mainSct .mainImgBlk .mtImgBlk:nth-child(2){
        width: 40vw;
        margin: auto 0 0 0;
    }
    #mainSct .mainTxtBlk .readTxt{
        bottom: 0%;
        left: 5vw;
    }

    #mainSct .mainTxtBlk{}
    #mainSct .mainTxtBlk .mainTxtSet{}
    #mainSct .mainTxtBlk .mainTxtSet p{}
    #mainSct .mainTxtBlk .mainTxtSet .mainTtl{
        right: -1.5vw;
    }
    #mainSct .mainTxtBlk .mainTxtSet .mainTtl2{
        left: -8vw;
        position: absolute;
        top: 0;
        z-index: 1;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-align: left;
        line-height: 1;
    }
    #mainSct .mainTxtBlk .mainTxtSet .readTxt{}
    #mainSct .mainTxtBlk .mainTxtSet .readTxt p{}


    .richArtcl .mainCatch{
        width: 80%;
    }

    .richArtcl .mainCatch::before{
    }
    .richArtcl .mainCatch p{
        line-height: 1.8;
        letter-spacing: .1em;
    }
}



/* ==================================================
lineupArea
================================================== */

.lineupArea{
    margin: 5rem auto 0;
}
.lineupArea .mainTtlArea{
    text-align: center;
    margin: 0 auto 2rem;
}

.lineupArea .lineupLists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 80%;
    margin: 0 auto;
}

.lineupArea .lineupLists .lineupList{}
.lineupArea .lineupLists .lineupList + .lineupList{margin: 4rem 0 0;}

.lineupArea .lineupLists .lineupList .prdImg{
    display: block;
}
.lineupArea .lineupLists .lineupList .prdTxtSet{
    margin: 0.8rem auto 0;
    text-align: left;
}
.lineupArea .lineupLists .lineupList .prdTxtSet .prdTxt{
    letter-spacing: .105em;
}
.lineupArea .lineupLists .lineupList .prdTxtSet .prdPrice{
    margin: 1em 0 0;
}
.lineupArea .lineupLists .lineupList .BtnCenter{
    margin: 1.3rem auto 0;
}
@media screen and (min-width:768px) {
    .lineupArea{
        margin: 6rem auto 0;
    }

    .lineupArea .lineupLists{
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        width: 80%;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .lineupArea .lineupLists .lineupList{
        width: 45%;
    }
    .lineupArea .lineupLists .lineupList + .lineupList{margin: 0 0 6rem;}
    .lineupArea .lineupLists .lineupList .prdImg{}
    .lineupArea .lineupLists .lineupList .prdTxtSet{
        margin: 1.0rem auto 0;
        text-align: left;
    }
    .lineupArea .lineupLists .lineupList .prdTxtSet .prdTxt{}
    .lineupArea .lineupLists .lineupList .prdTxtSet .prdPrice{
        margin: 1em 0 0;
    }
    .lineupArea .lineupLists .lineupList .BtnCenter{
        width: 75%;
        margin: 2rem auto 0 0;
    }
}

@media screen and (min-width:1281px) {
    .lineupArea .lineupLists .lineupList .BtnCenter{
        width: 60%;
        margin: 3rem auto 0 0;
    }

}

/* ==================================================
lpSet
================================================== */
.seasonBlk{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.seasonBlk + .seasonBlk{
    margin: 6rem auto 0;
}
.lpSet{
    position: relative;
    width: 100%;
}
.lpSet + .lpSet{
    margin: 4.5rem auto 0;
}

.lpSet .areaSet{
    position: relative;
}

.lpSet .prdImg{
    display: block;
    margin: 0 auto;
    min-height: 0%;/*IE11*/
}
.lpSet .prdImg img{width: 100%;}

.lpSet .seasonTtl{
    position: absolute;
    width: 110%;
    -webkit-transform-origin: left;
    transform-origin: left;
    z-index: 1;
    top: 0;
    -webkit-transform: rotate(90deg)translate(0,0);
    transform: rotate(90deg)translate(0,0);
}

.lpSet .txtSet{
    width: 90%;
    margin: 0 auto;
}

.lpSet .txtSet .cap1{
    margin: .5em auto .75em;
    letter-spacing: .18em;
    line-height: 1.4;
}
.lpSet .txtSet .cap2{
    letter-spacing: .1em;
    text-align: justify;
    line-height: 1.6;
}

.lpSet .creditLists{
    width: 90%;
    margin: 1.2rem auto 0;
}
.lpSet .creditLists .creditList{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: 0 0 .8em 0;
}
.lpSet .creditLists .creditList p{
    width: 68%;
    margin: 0 .6em 0 0;
    line-height: 1.45;
}
.lpSet .creditLists .creditList .buyBtn{
    border: 1px solid;
    text-align: center;
    padding: .1em .5em;
    border-radius: 4px;
}
.lpSet .creditLists .creditList .buyBtn.noLink{
    pointer-events: none;
    opacity: .4;
}
.subTtlBlk{
    position: absolute;
    top: 0;
    right: -.1em;
    color: #D1C5AE;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    line-height: 1;
    opacity: 1;
}
.catchTitle{

}
.catchTitle::before{
    /* content:""; */
}


@media screen and (min-width:768px) {
    .seasonBlk + .seasonBlk{

    }
    .lpSet{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 96%;
        margin: 0 auto;;
    }
    .lpSet + .lpSet{
        margin: 6rem auto 0;
    }

    .lpSet .seasonTtl{
        position: absolute;
        width: 52vw;
        -webkit-transform-origin: left;
        transform-origin: left;
        z-index: 1;
        top: 0;
        -webkit-transform: rotate(90deg)translate(0,0);
        transform: rotate(90deg)translate(0,0);
    }

    .lpSet .areaSet{
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        /* overflow: hidden; */
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .lpSet .prdImg{}


    .lpSet .txtSet{
        width: 100%;
    }
    .lpSet .txtSet .catchTxt{}
    .lpSet .txtSet .cap1{
        margin: .25em auto .75em;
    }
    .lpSet .txtSet .cap2{
        text-align: justify;
    }

    .lpSet .creditLists{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .lpSet .creditLists .creditList{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .lpSet .creditLists .creditList p{
        width: auto;
    }

    .lpSet .creditLists .creditList .buyBtn{
        width: auto;
        border: 1px solid;
        margin: 0;
    }
    .lpSet .creditLists .creditList .buyBtn:hover{
        background:#AA9C83;
        opacity: 1;
        -webkit-transition: all .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
        transition: all .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    }
    .lpSet .creditLists .creditList .brand{
        display: inline;
    }
    .catchTitle::before{

    }

}
/*section setting*/
@media screen and (max-width: 767px) {
    .lpSet .areaSet + .areaSet{
        margin: 1.3rem auto 0;
    }

    .lpSet .SPimgPosL{margin-left: 0;}
    .lpSet .SPimgPosR{margin-right: 0;}
    .lpSet .SPimgPosC{}
    .lpSet .SPimgPosL-5{margin-left: 5%;}
    .lpSet .SPimgPosR-5{margin-right: 5%;}

    #set01{}
    #set01 .imgTypeA{}
    #set01 .imgTypeB{}
    #set01 .seasonTtl{
        left: 6vw;
        right: auto;
        top: 35%;
        -webkit-transform: translate(0)rotate(90deg);
        transform: translate(0)rotate(90deg);
    }

    #set02{}
    #set02 .imgTypeA{}
    #set02 .imgTypeB{}
    #set02 .seasonTtl{
        -webkit-transform: rotate(90deg)translate(0,0);
        transform: rotate(90deg)translate(0,0);
        top: 0;
        left: 95%;
    }

    #set03{}
    #set03 .imgTypeA{}
    #set03 .imgTypeB{
        margin-bottom: 2rem;
    }
    #set03 .seasonTtl{
        left: 9.5vw;
    }

    #set04{}
    #set04 .imgTypeA{}
    #set04 .imgTypeB{}
    #set04 .seasonTtl{
        left: 4vw;
        top: 1%;
    }

    #set05{}
    #set05 .imgTypeA{}
    #set05 .imgTypeB{}
    #set05 .seasonTtl{
        left: 95vw;
    }

    #set06{}
    #set06 .imgTypeA{}
    #set06 .imgTypeB{}
    #set06 .seasonTtl{
        left: 9.5vw;
    }

    #set07{}
    #set07 .imgTypeA{}
    #set07 .imgTypeB{
        margin-bottom: 3rem;
    }
    #set07 .seasonTtl{
        left: 12.5vw;
        right: auto;
        top: 41%;
    }

    #set08{}
    #set08 .imgTypeA{}
    #set08 .imgTypeB{}
    #set08 .seasonTtl{
        left: 94.5vw;
        top: 2%;
    }

    #set09{}
    #set09 .imgTypeA{
    }
    #set09 .imgTypeB{}
    #set09 .seasonTtl{
        left: 4.5vw;
        top: 6%;
    }

    #set10{}
    #set10 .imgTypeA{}
    #set10 .imgTypeB{}
    #set10 .seasonTtl{
        left: 8vw;
        top: 39%;
    }

    #set11{}
    #set11 .imgTypeA{}
    #set11 .imgTypeB{}
    #set11 .seasonTtl{
        left: 5vw;
    }

    #set12{}
    #set12 .imgTypeA{}
    #set12 .imgTypeB{
        margin-bottom: 1.5rem;
    }
    #set12 .seasonTtl{
        left: 95vw;
        top: -1%;
    }
}
@media screen and (min-width:768px) {
    #set01{}
    #set01 .imgTypeA{}
    #set01 .imgTypeB{}
    #set01 .seasonTtl{
        left: 2.2%;
        top: 11%;
    }

    #set02{}
    #set02 .imgTypeA{}
    #set02 .imgTypeB{}
    #set02 .seasonTtl{
        left: 92vw;
        top: 1%;
    }

    #set03{}
    #set03 .imgTypeA{}
    #set03 .imgTypeB{
        margin: 4rem auto  0;
    }
    #set03 .seasonTtl{
        left: 2.2%;
        top: 2%;
    }

    #set04{}
    #set04 .imgTypeA{}
    #set04 .imgTypeB{}
    #set04 .seasonTtl{
        left: 92vw;
    }

    #set05{
    }
    #set05 .imgTypeA{}
    #set05 .imgTypeB{}
    #set05 .seasonTtl{
        left: 2vw;
        top: 8%;
    }

    #set06{}
    #set06 .imgTypeA{}
    #set06 .imgTypeB{}
    #set06 .seasonTtl{
        left: 49.4vw;
    }

    #set07{
    }
    #set07 .imgTypeA{}
    #set07 .imgTypeB{
        margin: 0 0 2rem;
    }
    #set07 .seasonTtl{
        left: 94.5vw;
    }

    #set08{}
    #set08 .imgTypeA{}
    #set08 .imgTypeB{}
    #set08 .seasonTtl{
        left: 2.5vw;
    }

    #set09{}
    #set09 .imgTypeA{}
    #set09 .imgTypeB{}
    #set09 .seasonTtl{
        left: 92vw;
        top: 13%;
    }

    #set10{}
    #set10 .imgTypeA{}
    #set10 .imgTypeB{}
    #set10 .seasonTtl{
        left: 2.3vw;
        top: 13%;
    }

    #set11{}
    #set11 .imgTypeA{}
    #set11 .imgTypeB{}
    #set11 .seasonTtl{
        left: 93vw;
    }

    #set12{}
    #set12 .imgTypeA{}
    #set12 .imgTypeB{margin: 4rem 0 0;}
    #set12 .seasonTtl{
        left: 2vw;
        top: 14%;
    }
}


/* ==================================================
creditArea
================================================== */
.creditArea{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}
.creditArea *{
    text-align: center;
}


/* ==================================================
PC blk setting
================================================== */

@media screen and (min-width:768px) {
    .blkW-W{width: 85vw;}
    .blkW-L{width: 50%;}
    .blkW-M{width: 40%;margin: auto;}
    .blkW-S{width: 40%;}

    .pcAiT{margin-top:0!important;}
    .pcRevCol{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse !important;
    }
    .pcRevRow{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    }

    .pcOrder-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
    .pcOrder-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
    .pcOrder-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;}
    .pcOrder-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;}
    .pcOrder-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;}
}


/* ==================================================
outerLinkBlk setting
================================================== */

.outerLinkBlk{}

.outerLinkBlk .allitemBtn{}
.outerLinkBlk .allitemBtn a{
    position: relative;
    padding: 0 1em .5em;
}
.outerLinkBlk .allitemBtn a::before{
    content:"";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #000;
    right: 0;
}

.outerLinkBlk .brandLink{}
.outerLinkBlk .brandLink a{
    width: 50vw;
    max-width: 200px;
}
.outerLinkBlk .brandLink a img{}

@media screen and (min-width:768px) {
    .outerLinkBlk{}

    .outerLinkBlk .allitemBtn{}
    .outerLinkBlk .allitemBtn a{
        padding: 0 .5em .5em;
    }

    .outerLinkBlk .brandLink{}
    .outerLinkBlk .brandLink a{}
    .outerLinkBlk .brandLink a img{}

}



/* ==================================================
margin / padding
================================================== */
.SMgn{
    margin-top: 1.11rem !important;
}
.MMgn{
    margin-top: 2.78rem !important;
}
.MsMgn{
    /* MMgnより少しちいさい */
    margin-top: 2.22rem !important;
}
.LMgn{
    margin-top: 8.56rem !important;
}
.LsMgn{
    /* LMgnより少しちいさい */
    margin-top: 4.44rem !important;
}
.MPdnB{
    padding-bottom: 2.78rem !important;
}
.MsPdnB{
    padding-bottom: 2.22rem !important;
}
.LPdnB{
    padding-bottom: 5.56rem !important;
}
.LsPdnB{
    /* LMgnより少しちいさい */
    padding-bottom: 4.44rem !important;
}
.MPdnT{
    padding-top: 2.78rem !important;
}
.MsPdnT{
    padding-top: 2.22rem !important;
}
.LPdnT{
    padding-top: 5.56rem !important;
}
.LsPdnT{
    padding-top: 4.44rem !important;
}
@media screen and (min-width:768px) {
    .SMgn{
        margin-top: 1.25rem !important;
    }
    .MMgn{
        margin-top: 3.13rem !important;
    }
    .MsMgn{
        /* MMgnより少しちいさい */
        margin-top: 2.5rem !important;
    }
    .LMgn{
        margin-top: 6.25rem !important;
    }
    .LsMgn{
        /* LMgnより少しちいさい */
        margin-top: 5rem !important;
    }
    .MPdnB{
        padding-bottom: 3.13rem !important;
    }
    .MsPdnB{
        padding-bottom: 2.5rem !important;
    }
    .LPdnB{
        padding-bottom: 6.25rem !important;
    }
    .LsPdnB{
        padding-bottom: 5rem !important;
    }
    .MPdnT{
        padding-top: 3.13rem !important;
    }
    .MsPdnT{
        padding-top: 2.5rem !important;
    }
    .LPdnT{
        padding-top: 6.25rem !important;
    }
    .LsPdnT{
        padding-top: 5rem !important;
    }
}



@media screen and (min-width: 768px) {
    .txtL{
        text-align: left !important;
    }
    .txtR{
        text-align: right !important;
    }

}
/*スワイパー使用時
================================================== */

.prdImg {
    max-width: inherit;
    position: relative;
    width: 100%;
}
.swiper-container-initialized {
    overflow: hidden;
}
.swiper-button-next,
.swiper-button-prev {
    background: none;
    width: calc(4% / .9);
    height: 100%;
    top: 0;
    margin-top: 0;
    outline: none;
}
.swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    position: relative;
    bottom: 0;
    margin: 6px 0 0;
}
.swiper-pagination span {
    margin: 0;
}
.swiper-pagination-bullet-active {
    background: #222;
}
.swiper-button-next {
    right: calc(-4% / .9);
}
.swiper-button-prev {
    left: calc(-4% / .9);
}
.swiper-button-next::before,
.swiper-button-prev::before {
    top: 50%;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #999999;
    top: 50%;
    left: 50%;
    position: absolute;
}
.swiper-button-next::after {
    border-right: 2px solid #999999;
    -webkit-transform: translate(-50%, -100%) rotate(-45deg);
    transform: translate(-50%, -100%) rotate(-45deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}
.swiper-button-prev::after {
    border-left: 2px solid #999999;
    -webkit-transform: translate(-50%, -100%) rotate(45deg);
    transform: translate(-50%, -100%) rotate(45deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

@media screen and (max-width:767px) {
    .sw100 {
        width: 100%;
    }
    .sw90 {
        width: 90%;
    }
    .sw80 {
        width: 80%;
    }
    .sw70 {
        width: 70%;
    }
    .sw60 {
        width: 60%;
    }
    .sw50 {
        width: 50%;
    }
    .sw40 {
        width: 40%;
    }
    .sw30 {
        width: 30%;
    }
    .sw20 {
        width: 20%;
    }
    .sw10 {
        width: 10%;
    }
}
@media screen and (min-width:768px) {
    .w100 {
        width: 100%;
    }
    .w90 {
        width: 90%;
    }
    .w80 {
        width: 80%;
    }
    .w70 {
        width: 70%;
    }
    .w60 {
        width: 60%;
    }
    .w50 {
        width: 50%;
    }
    .w40 {
        width: 40%;
    }
    .w30 {
        width: 30%;
    }
    .w20 {
        width: 20%;
    }
    .w10 {
        width: 10%;
    }
}