@charset "utf-8";
@import "common.css?250519";
@import "common_sp.css";

.fRoboto{
    font-family: "Roboto", sans-serif;
}
.fOswald{
    font-family: "Oswald", sans-serif;
}
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.brt a,
a.brt,
a .brt{
	transition:filter 0.2s ease-out;
}

/* wrapper980 */
.wrapper980{
    width: calc(100% - 100px);
    margin: 0 auto;
    max-width: 980px;
}
@media screen and (max-width: 767px){
    .wrapper980{
        width: 100%;
    }
    .wrapperSp335{
        width: calc(335 / 375 * 100%);
        margin: 0 auto;
    }
}
.img100{
    width: 100%;
    height: auto;
}
/* secLineup */
.secLineup{
    margin-top: 60px;
    padding-bottom: 64px;
}
/* secHero */
.secHero{}
.secHero .Inner{
    display: flex;
    flex-direction: row-reverse;
}
.secHero .imgArea{
    width:300px;
}
.secHero .imgBox{
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
}
.secHero .txtArea{
    flex: 1;
}
.secHero .imgArea + .txtArea{
    padding-right:120px;
    padding-top: 66px;
}
.secHero .txtIn{
    width: 100%;
}
.secHero .Iconbox{
    display: block;
    min-width:110px;
}
.secHero .imgIcon{
    min-width:110px;
    width: fit-content;
    height: 30px;
    display: inline-block;
    border: 1px solid;
    border-color: #000;
    padding: 4px 10px;
    text-align: center;
    box-sizing: border-box;
}
.secHero .imgIcon img{
    width: auto;
    height: 22px;
    margin: 0 auto;
    vertical-align: text-top;
}
.secHero .title{
    /* font-size: 70px; */
    font-size: 50px;
    line-height: calc(85 / 70);
    font-weight: bold;
    margin-top: 12px;
}
.secHero .txtbox{
    width: 100%;
    margin-top: 7px;
}
.secHero .txt{
    font-size: 16px;
    line-height: calc(30 / 16);
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .secLineup{
        margin-top: 20px;
        padding-bottom: 40px;
    }
    /* secHero */
    .secHero .Inner{
        display: block;
    }
    .secHero .imgArea{
        width:100%;
    }
    .secHero .txtArea{
        padding: 0;
        width: 100%;
    }
    .secHero .imgArea + .txtArea{
        margin-top: 20px;
        padding: 0;
    }
    .secHero .imgIcon{
        padding: 5px 10px;
    }
    .secHero .imgIcon img{
        height: 20px;
    }
    .secHero .title{
        font-size: 30px;
        line-height: calc(40 / 30);
        margin-top: 12px;
    }
    .secHero .txtbox{
        margin-top: 7px;
    }
    .secHero .txt{
        font-size: 13px;
        line-height: calc(25 / 13);
    }
}
/* secPricebox */
.secPricebox{
    margin-top: 30px;
    background-color: #ffcc00;
    border-radius: 4px;
    overflow: hidden;
}
.secPricebox .Inner{
    display: flex;
}
.secPricebox .titBox{
    width:183px;
    background-color:#084189;
    color: #fff;
}
.secPricebox .titIn{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.secPricebox .tit{
    font-size:45px;
    line-height: calc(50 / 45);
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.secPricebox .titmiddle{
    font-size: 36px;
}
.secPricebox .txtBox{
    flex: 1;
    width: calc(100% - 183px);
    padding: 11px 20px;
    padding-left: 18px;
}
.secPricebox .txtIn{
    display: flex;
    align-items: center;
}
.secPricebox .saleBox{
    width: 180px;
    height: 180px;
    background: url(../img/plan/lineup/imgSalebg.png) center center no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secPricebox .saleIn{
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #ffcc00;
}
.secPricebox .off_number{
    font-size: 65px;
    font-weight: bold;
    line-height: 1;
}
.secPricebox .off_txt{
    font-size:27px;
    line-height: 1;
    font-weight: bold;
}
.secPricebox .pricebox{
    flex: 1;
    padding-left: 5px;
}
.secPricebox .priceIn{
    display: flex;
    align-items: normal;
    color: #084189;
}
.secPricebox .priceNum{
    font-size: 130px;
    font-weight: bold;
    line-height: 1;
}
.secPricebox .priceEnd{
    font-size: 50px;
    line-height: calc(60 / 50);
    font-weight: bold;
    margin-left: 5px;
    display: inline-block;
    /* padding-bottom: 20px; */
}
.secPricebox .tax{
    font-size: 30px;
    line-height: calc(40 / 30);
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .secPricebox{
        margin-top: 13px;
    }

    .secPricebox .titBox{
        width:70px;
    }
    .secPricebox .tit{
        font-size:14px;
        line-height: calc(20 / 14);
    }
    .secPricebox .titmiddle{
        font-size: 13px;
    }
    .secPricebox .txtBox{
        width: calc(100% - 70px);
        padding: 1px 5px;
        padding-left: 2px;
    }
    .secPricebox .saleBox{
        width: 66px;
        height: 66px;
    }
    .secPricebox .saleIn{
        width: 100%;
    }
    .secPricebox .off_number{
        font-size: 22px;
    }
    .secPricebox .off_txt{
        font-size:12px;
    }
    .secPricebox .pricebox{
        padding-left: 5px;
    }
    .secPricebox .priceIn{
        align-items: flex-end;
    }
    .secPricebox .priceNum{
        font-size: 42px;
        line-height: calc(33 / 42);
    }
    .secPricebox .priceEnd{
        font-size: 18px;
        line-height: calc(20 / 18);
        padding-bottom: 0;
    }
    .secPricebox .tax{
        font-size: 11px;
        line-height: calc(13 / 11);
    }
    .secPricebox .txtIn{
        min-height: 60px;
    }
}
@media screen and (max-width: 374px){
    .secPricebox .off_number{
        font-size: 24px;
    }
    .secPricebox .off_txt{
        font-size: 11px;
    }
    .secPricebox .priceNum{
        font-size: 35px;
    }
    .secPricebox .priceEnd{
        font-size: 14px;
        line-height: calc(16 / 14);
    }
    .secPricebox .tax{
        font-size: 10px;
        line-height: calc(12 / 10);
    }
}

.secPoint{
    border: 5px solid;
    border-color:#fa5f11;
    margin-top: 100px;
    border-radius: 5px;
    box-sizing: border-box;
}
.secPoint .titlebox{
    width: 100%;
    height: 95px;
    display: flex;
    align-items: center;
    background-color: #fa5f11;
    color: #fff;
    position: relative;
}
.secPoint .title{
    font-size:35px;
    line-height: calc(40 / 35);
    font-weight: bold;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secPoint .titleIcon{
    position: absolute;
    background: url(../img/common/tp.gif) center center no-repeat;
    background-size: 100% auto;
}
.secPoint .titleIcon.kitchen{
    width: 200px;
    height: 113px;
    background-image: url(../img/plan/lineup/imgPointIcon_kitchen.png);
    left: calc(50% + 170px);
    bottom: 0;
}
.secPoint .titleIcon.bath{
    width: 255px;
    height: 160px;
    background-image: url(../img/plan/lineup/imgPointIcon_bath.png);
    left: calc(50% + 170px);
    bottom: 0;
}
.secPoint .titleIcon.toilet{
    width: 226px;
    height: 170px;
    background-image: url(../img/plan/lineup/imgPointIcon_toilet.png);
    left: calc(50% + 170px);
    bottom: 0;
}
.secPoint .titleIcon.washbasin{
    width:125px;
    height:160px;
    background-image: url(../img/plan/lineup/imgPointIcon_washbasin.png);
    left: calc(50% + 170px);
    bottom: 0;
}

.secPoint .Inner{
    padding: 35px 28px;
    padding-top: 64px;
}
.secPoint .pointlist{
    display: flex;
}
.secPoint .pointItem{
    width: calc((100% - (24px * 3)) / 4);
    margin-right: 24px;
    position: relative;
}
.secPoint .pointItem:last-child{
    margin-right: 0;
}
.secPoint .Icontitbox{
    width:68px;
    height: 68px;
    position: absolute;
    left: calc(50% - 34px);
    top: calc(0% - 45px);
    background: url(../img/plan/lineup/imgPointIcon_tit.png) center center no-repeat;
    background-size: 100% auto;
    color: #fff;
    display: flex;
    align-items: center;
    z-index: 2;
}
.secPoint .IconIn{
    display: inline-block;
    text-align: center;
    width: 100%;
}
.secPoint .icontxt{
    font-size: 10px;
    line-height: calc(12 / 10);
    font-weight: bold;
}
.secPoint .iconnum{
    font-size: 20px;
    line-height: calc(24 / 20);
    font-weight: bold;
    margin-top: 2px;
}
.secPoint .ImgBox{
    width: 100%;
    height: 0;
    padding-top: calc(368 / 420 * 100%);
    overflow: hidden;
}
.secPoint .txtArea{
    margin-top:10px;
}
.secPoint .titbox{
    width: 100%;
    background-color: #084189;
    color: #fff;
    text-align: center;
    padding: 2px 10px;
    box-sizing: border-box;
}
.secPoint .tit{
    font-size:13px;
    line-height: calc(20 / 13);
    display: inline-block;
    text-align: left;
    font-weight: bold;
}
.secPoint .txtbox{
    text-align: left;
}
.secPoint .titbox + .txtbox{
    margin-top: 12px;
}
.secPoint .txt{
    font-size: 13px;
    line-height: calc(20 / 13);
}
.secPoint .contentPrice{
    width: 100%;
}
.secPoint .pointlist + .contentPrice{
    border-top: 1px solid;
    border-color: #cbc9c9;
    margin-top: 36px;
}
@media screen and (max-width: 767px){
    .secPoint{
        border-width: 4px ;
        margin-top: 40px;
        border-radius: 4px;
    }
    .secPoint .titlebox{
        height: 48px;
    }
    .secPoint .title{
        font-size:18px;
        line-height: calc(30 / 18);
    }
    .secPoint .titleIcon.kitchen{
        width:85px;
        height: 48px;
        left: calc(50% + 78px);
    }
    .secPoint .titleIcon.bath{
        width: 85px;
        height: 53px;
        left: calc(50% + 78px);
    }
    .secPoint .titleIcon.toilet{
        width: 85px;
        height: 64px;
        left: calc(50% + 78px);
    }
    .secPoint .titleIcon.washbasin{
        width:74px;
        height:95px;
        left: calc(50% + 78px);
        bottom: -10px;
    }
    .secPoint .Inner{
        padding: 26px 16px;
        padding-top: 44px;
    }
    .secPoint .pointlist{
        flex-wrap: wrap;
    }
    .secPoint .pointItem{
        width: calc((100% - 29px) / 2);
        margin-right: 29px;
    }
    .secPoint .pointItem:nth-child(2n),
    .secPoint .pointItem:last-child{
        margin-right: 0;
    }
    .secPoint .pointItem:nth-child(n + 3){
        margin-top: 26px;
    }
    .secPoint .Icontitbox{
        width:58px;
        height: 58px;
        left: calc(50% - 29px);
        top: calc(0% - 29px);
    }
    .secPoint .icontxt{
        font-size: 9px;
    }
    .secPoint .iconnum{
        font-size: 18px;
        line-height: 1;
    }
    .secPoint .txtArea{
        margin-top: 11px;
    }
    .secPoint .titbox{
        padding: 3px 10px;
    }
    .secPoint .tit{
        font-size:10px;
        line-height: calc(14 / 10);
    }
    .secPoint .titbox + .txtbox{
        margin-top: 9px;
    }
    .secPoint .txt{
        font-size: 10px;
        line-height: calc(15 / 10);
        letter-spacing: 0.05em;
    }
    .secPoint .contentPrice{
        width: 100%;
    }
    .secPoint .pointlist + .contentPrice{
        margin-top: 28px;
    }
}
@media screen and (max-width: 374px){
    .secPoint .title{
        font-size: 16px;
    }
    .secPoint .titleIcon.kitchen{
        left: calc(50% + 70px);
    }
    .secPoint .titleIcon.bath{
        left: calc(50% + 70px);
    }
    .secPoint .titleIcon.toilet{
        left: calc(50% + 70px);
    }
    .secPoint .titleIcon.washbasin{
        left: calc(50% + 70px);
    }
}
.secPoint .contentlist{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.secPoint .contentItem{
    max-width: calc((100% - 120px) / 2);
    min-width: 340px;
    position: relative;
}
.secPoint .contentItem + .contentItem{
    margin-left: 120px;
}
.secPoint .contentItem + .contentItem::after,
.secPoint .contentItem + .contentItem::before{
    content: "";
    position: absolute;
    width: 24px;
    height: 5px;
    top: calc(50% - 2.5px);
    left: calc(0% - 81px);
    background-color: #000;
}
.secPoint .contentItem + .contentItem::after{
    transform: rotate(90deg);
}
.secPoint .contentIn{
    position: relative;
    padding-left:88px;
    height: 88px;
    display: flex;
    align-items: center;
}
.secPoint .imgtit{
    position: absolute;
    left: 0;
    top: 0;
    width: 88px;
    height: 88px;
}
.secPoint .pricebox{
    flex: 1;
    padding-left: 20px;
}
.secPoint .priceIn{
    display: flex;
    align-items: normal;
    justify-content: flex-end;
    color: #fa5f11;
    font-weight: bold;
}
.secPoint .numtxt{
    font-size: 80px;
    line-height: calc(80 / 80);
}
.secPoint .pricetxt{
    text-align: left;
    font-size: 35px;
    line-height: calc(38 / 35);
}
.secPoint .tax{
    font-size: 20px;
    line-height: calc(24 / 20);
}
.secPoint .totalprice{
    max-width: 100%;
    min-width: calc(340px * 2 + 120px);
    width: fit-content;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-left:calc(50px + 30px);
    margin-top: 40px;
}
.secPoint .totalprice::before,
.secPoint .totalprice::after{
    content: "";
    position: absolute;
    width: 30px;
    height: 8px;
    left: 0;
    background-color: #000;
}
.secPoint .totalprice::before{
    top: calc(50% - 12px);
}
.secPoint .totalprice::after{
    bottom: calc(50% - 12px);
}
.secPoint .totalbox{
    display: flex;
    align-items: center;
    position: relative;
    height: 160px;
    padding-left: 160px;
}
.secPoint .totalimg{
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 160px;
}
.secPoint .totalpricebox{
    flex: 1;
    padding-left: 20px;
}
.secPoint .totalIn{
    display: flex;
    align-items: normal;
    justify-content: flex-end;
    color: #fa5f11;
    font-weight: bold;
}
.secPoint .totalnum{
    font-size: 145px;
    line-height: calc(160 / 145);
    font-weight: bold;
}
.secPoint .totalend{
    font-size: 64px;
    line-height: calc(70 / 64);
    text-align: left;
}
.secPoint .totaltax{
    font-size: 37px;
    line-height: calc(40 / 37);
}
@media screen and (max-width: 767px){
    .secPoint .contentlist{
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    .secPoint .contentItem{
        max-width: calc((100% - 25px) / 2);
        min-width: calc((100% - 25px) / 2);
    }
    .secPoint .contentItem + .contentItem{
        margin-left: 25px;
    }
    .secPoint .contentItem + .contentItem::after,
    .secPoint .contentItem + .contentItem::before{
        width: 12px;
        height: 2px;
        top: calc(50% - 1px);
        left: calc(0% - 19px);
    }
    .secPoint .contentIn{
        padding-left:38px;
        height: 38px;
    }
    .secPoint .imgtit{
        width: 38px;
        height: 38px;
    }
    .secPoint .pricebox{
        padding-left: 10px;
    }
    .secPoint .numtxt{
        font-size: 30px;
        line-height: calc(38 / 30);
    }
    .secPoint .pricetxt{
        font-size: 14px;
        line-height: calc(16 / 14);
    }
    .secPoint .tax{
        font-size: 8px;
        line-height: calc(10 / 8);
    }
    .secPoint .totalprice{
        max-width: 100%;
        min-width:100%;
        width: 100%;
        padding-left: calc(17px + 20px);
        margin-top: 21px;
    }
    .secPoint .totalprice::before,
    .secPoint .totalprice::after{
        width: 20px;
        height: 4px;
    }
    .secPoint .totalprice::before{
        top: calc(50% - 6px);
    }
    .secPoint .totalprice::after{
        bottom: calc(50% - 6px);
    }
    .secPoint .totalbox{
        height: 65px;
        padding-left: 65px;
    }
    .secPoint .totalimg{
        width: 65px;
        height: 65px;
    }
    .secPoint .totalpricebox{
        padding-left: 10px;
    }
    .secPoint .totalnum{
        font-size: 60px;
        line-height: calc(65 / 60);
    }
    .secPoint .totalend{
        font-size: 28px;
        line-height: calc(30 / 28);
    }
    .secPoint .totaltax{
        font-size: 15px;
        line-height: calc(17 / 15);
    }
}
@media screen and (max-width: 374px){
    .secPoint .numtxt{
        font-size: 22px;
    }
    .secPoint .pricetxt{
        font-size: 11px;
    }
    .secPoint .totalbox{
        height: 50px;
        padding-left: 50px;
    }
    .secPoint .totalimg{
        width: 50px;
        height: 50px;
    }
    .secPoint .totalnum{
        font-size: 45px;
        line-height: calc(45 / 40);
    }
    .secPoint .totalend{
        font-size: 16px;
        line-height: calc(22 / 16);
    }
    .secPoint .totaltax{
        font-size: 12px;
        line-height: calc(14 / 12);
    }
}
/* secPager */
.secPager{
    margin-top: 60px;
}
.secPager .pagerlist{
    display: flex;
}
.secPager .pagerItem{
    width: calc((100% - 40px) / 2);
}
.secPager .pagerItem.next{
    margin-left: auto;
}
.secPager .pagerLink{
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: calc(20px + 52px);
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
}
@media screen and (min-width: 768px){
    .secPager .pagerLink{
        transition: 0.5s;
    }
    .secPager .pagerLink:hover{
        opacity: 0.8;
    }
}
.secPager .linkInner{
    width: 100%;
    height: 100%;
    border: 5px solid;
    border-color: #084189;
    background-color: #fff;
    padding: 20px;
    position: relative;
    padding-bottom: 47px;
    box-sizing: border-box;
    color: #000;
}
.secPager .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(470 / 840 * 100%);
    overflow: hidden;
    z-index: 1;
}
.secPager .txtArea{
    margin-top: 13px;
    padding-bottom: 30px;
}
.secPager .tit{
    font-size:25px;
    line-height: calc(32 / 25);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    max-height: calc((25px * (32 / 25)) * 2);
}
.secPager .txtbox{
    width: 100%;
    margin-top: 7px;
}
.secPager .txt{
    font-size: 12px;
    line-height: calc(22 / 12);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    max-height: calc((12px * (22 / 12)) * 3);
}
.secPager .pricebox{
    margin-top: 40px;
    position: relative;
    padding-left:calc(54px + 8px);
    height: 58px;
}
.secPager .priceImg{
    position: absolute;
    width: 54px;
    height: 54px;
    top: calc(50% - 27px);
    left: 0;
}
.secPager .priceIn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.secPager .saleBox{
    width: 57px;
    height: 57px;
    background: url(../img/plan/lineup/imgpager_sale.png) center center no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: center;
}
.secPager .saleIn{
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
}
.secPager .off_number{
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.secPager .off_txt{
    font-size: 10px;
    line-height: calc(11 / 10);
    font-weight: bold;
}
.secPager .price_box{
    flex: 1;
    max-width: calc(100% - 57px);
    padding-left: 10px;
    box-sizing: border-box;
}
.secPager .price_In{
    text-align: left;
    color: #fa5f11;
}
.secPager .priceNum{
    font-size: 68px;
    line-height:calc(58 / 68);
    font-weight: bold;
    display: inline-block;
}
.secPager .priceEnd{
    font-size: 23px;
    line-height: calc(30 / 23);
    font-weight: bold;
    text-align: left;
    display: inline-block;
}
.secPager .tax{
    font-size: 13px;
    line-height: calc(15 / 13);
}
.secPager .morebox{
    width: 100%;
    height:52px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background-color: #084189;
    color: #fff;
    display: flex;
    align-items: center;
}
.secPager .moretxt{
    display: inline-block;
    width: 100%;
    font-size:16px;
    line-height: calc(30 / 16);
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
}
.secPager .btnbox{
    width:150px;
    height: 52px;
    position: absolute;
    bottom: 0;
}
.secPager .btnbox::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #767474;
    border-radius: 4px;
    left: 0;
    bottom: -4px;
}
.secPager .prev .btnbox{
    left: 0;
}
.secPager .next .btnbox{
    right: 0;
}
.secPager .btninner{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #cbc9c9;
    color: #fff;
    border-radius: 4px;
    position: relative;
    z-index: 2;
}
.secPager .btntxt{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size:20px;
    line-height: calc(30 / 20);
    font-weight: bold;
}
.secPager .btnIn{
    position: relative;
    display: inline-block;
}
.secPager .prev .btnIn{
    padding-left: calc(12px + 15px);
}
.secPager .next .btnIn{
    padding-right: calc(12px + 15px);
}
.secPager .btnIn::before{
    content: "";
    position: absolute;
    width: 12px;
    height: 22px;
    top: calc(50% - 11px);
    background: url(../img/plan/lineup/imgpager_arrow.png) center center no-repeat;
    background-size: 100% auto;
}
.secPager .prev .btnIn::before{
    left: 0;
}
.secPager .next .btnIn::before{
    right: 0;
    transform: rotate(180deg);
}
@media screen and (max-width: 767px){
    .secPager{
        margin-top: 40px;
    }
    .secPager .pagerlist{
        display: block;
    }
    .secPager .pagerItem{
        width: 100%;
    }
    .secPager .pagerItem.next{
        margin-left: 0;
    }
    .secPager .pagerItem + .pagerItem{
        margin-top: 30px;
    }
    .secPager .pagerLink{
        height: auto;
        padding-bottom: calc(18px + 37px);
    }
    .secPager .linkInner{
        height: auto;
        padding: 7px;
        padding-bottom: 37px;
    }
    .secPager .txtArea{
        margin-top: 7px;
        padding-bottom: 12px;
    }
    .secPager .tit{
        font-size:19px;
        line-height: calc(25 / 19);
        max-height: calc((19px * (25 / 19)) * 2);
    }
    .secPager .txtbox{
        margin-top: 5px;
    }
    .secPager .txt{
        font-size: 11px;
        line-height: calc(17 / 11);
        max-height: calc((11px * (17 / 11)) * 3);
    }
    .secPager .pricebox{
        margin-top: 31px;
        padding-left:calc(56px + 5px);
        height: 56px;
    }
    .secPager .priceImg{
        width: 56px;
        height: 56px;
        top: calc(50% - 28px);
    }
    .secPager .priceIn{

    }
    .secPager .saleBox{
        width: 56px;
        height: 56px;
    }
    .secPager .saleIn{
        display: inline-block;
    }
    .secPager .off_number{
        font-size: 18px;
    }
    .secPager .off_txt{
        font-size: 10px;
    }
    .secPager .price_box{
        max-width: calc(100% - 56px);
        padding-left: 5px;
    }
    .secPager .priceNum{
        font-size: 45px;
        line-height:calc(56 / 45);
    }
    .secPager .priceEnd{
        font-size: 20px;
        line-height: calc(26 / 20);
    }
    .secPager .tax{
        font-size: 14px;
        line-height: calc(16 / 14);
    }
    .secPager .morebox{
        height:42px;
    }
    .secPager .moretxt{
        font-size:12px;
        line-height: calc(22 / 12);
    }
    .secPager .btnbox{
        width:130px;
        height: 37px;
    }
    .secPager .btnbox::after{
        bottom: -4px;
    }
    .secPager .btntxt{
        font-size:15px;
        line-height: calc(22 / 15);
    }
    .secPager .prev .btnIn{
        padding-left: calc(9px + 10px);
    }
    .secPager .next .btnIn{
        padding-right: calc(9px + 10px);
    }
    .secPager .btnIn::before{
        width: 9px;
        height: 17px;
        top: calc(50% - 8.5px);
    }
}
@media screen and (max-width: 374px){
    .secPager .priceNum{
        font-size: 32px;
    }
    .secPager .priceEnd{
        font-size: 15px;
    }
    .secPager .tax{
        font-size: 10px;
    }
}