@charset "UTF-8";

/*========================
Index
========================*/

.btnLine.mainBtn.BtnSizeS,
.btnLine.loginBtn.BtnSizeS {
    width: 50%;
}

.jpTtl {
    letter-spacing: 0.15em;
}

.contsArea {
    width: 95%;
    margin: 0 auto;
}

.selectBox .sortLists {
    width: 100%;
    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%;
}

.pagerLists {
    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.5em;
}

.pr {
    text-align: right;
    padding: 0 0.5em;
}

.box_bonus-txt {
    padding: .5em;
    margin: 1em 5%;
    font-weight: bold;
    border: solid 2px #7f1083;
    width: 90%;
    text-align: left;
}
.box_bonus-txt p {
    margin: 0;
    padding: .5em;
}

.br::before {
content: "\A" ;
white-space: pre ;
}

@media screen and (min-width: 641px) {
    .btnLine.mainBtn.BtnSizeS,
    .btnLine.loginBtn.BtnSizeS {
        width: 23%;
    }
}

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

@media screen and (min-width: 1366px) {
    .contsArea {
        width: 1228px;
    }
}

.btnLine.mainBtn,
.btnBeta.mainBtn,
.conformBtnBlk .btnLine.loginBtn {
    max-width: 460px;
    margin: 0 auto;
    width: 100%;
}

/*========================
mypage
========================*/

.mypageLists {
    width: 92%;
    margin: 0 auto;
    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;
    max-width: 600px;
}

.mypageLists .mypageList {
    width: 48%;
    margin: 0 0 3%;
    /* padding: 2.0em 1em; */
    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;
    height: 70px;
}

.mypageLists .mypageList a {
    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;
    padding: 2em 1em;
}

.mypageLists .mypageList a h3 {
    line-height: 1.3;
}

.mypageLists .mypageList a p {
    text-decoration: underline;
    margin: 1.25em 0 0;
}

@media screen and (min-width: 641px) {
    .mypageLists {
    }
    .mypageLists .mypageList {
    }
    .mypageLists .mypageList a {
    }
    .mypageLists .mypageList a h3 {
    }
    .mypageLists .mypageList a p {
    }
}

.contsArea .btnLine.collectionBtn {
    max-width: none;
    width: 94%;    
}

@media screen and (min-width: 961px) {
    .mypageLists .mypageList {
        height: 90px;
    }    
    .contsArea .btnLine.collectionBtn {
        width: 65%;    
    }
    
    .contsArea .btnLine.collectionBtn a .collectionText {
        font-size: 20px;
    }       
}

@media screen and (min-width: 1280px) {
    .contsArea .btnLine.collectionBtn {
        width: 50%;    
    }
}

/*========================
login
========================*/

.errorTxtBlk {
    border: 1px solid #fc4d4d;
    border-radius: 6px;
    padding: 1rem 1rem;
    margin: 2rem auto;
    max-width: 800px;
    width: 90%;
}

.loginArea {
}

.loginArea .formBlk {
}

.loginArea .loginTtl {
    text-align: left;
}

.loginArea .formSet {
    margin: 1rem auto 0;
}

.loginArea .loginSet {
}

.loginArea .loginSet + .loginSet {
    margin: 2rem auto 0;
}

.loginArea .ULine {
    text-align: center;
    position: relative;
}

.loginArea .ULine a {
    text-align: left;
    border-bottom: 1px solid;
    position: relative;
}

.loginArea .ULine p::before {
    content: ">";
    position: relative;
    padding: 0 0.5em 0 0;
}

.login {
}

.formTypeA {
}

.formTypeA .loginSet {
}

.formTypeA .loginSet + .loginSet {
    margin: 3.5rem auto 0;
}

.formTypeA .loginSet .loginTtl {
    text-align: left;
    margin: 0 auto 1.5rem;
}

.formTypeA .loginSet .formSet {
}

.formTypeB .titSet {
    text-align: center;
    width: 100%;
}

.formTypeB .loginSet .formSet {
}

.InputSet .loginSet {
}

.InputSet .BtnCenter {
}

.InputSet .BtnCenter a {
}

@media screen and (min-width: 641px) {
    .formTypeA {
        padding: 4rem;
    }
    .formTypeA .loginSet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .formTypeA .loginSet + .loginSet {
        margin: 2.5rem auto 0;
    }
    .formTypeA .loginSet .loginTtl {
        text-align: left;
        margin: 0 0 0 auto;
        width: 25%;
    }
    .formTypeA .loginSet .formSet {
        width: 75%;
        margin: 0 auto 0 0;
    }
    .formTypeB {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .formTypeB .loginSet {
        width: 70%;
        margin: 0 0 0 auto;
    }
    .formTypeB .BtnCenter {
        margin: 0 auto !important;
    }
    .loginArea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .loginArea .formBlk {
    }
    .loginArea .loginTtl {
    }
    .loginArea .formSet {
    }
    .loginArea .loginSet {
    }
    .loginArea .loginSet + .loginSet {
    }
    .InputSet .loginSet {
    }
    .InputSet .BtnCenter {
        margin-top: -3px !important;
    }
    .InputSet .BtnCenter a {
        padding: 1.8em 1.5em;
    }
}

@media screen and (min-width: 961px) {
    .formTypeA {
        padding: 4rem 6rem;
    }
    .InputSet .loginSet {
    }
    .InputSet .BtnCenter {
    }
    .InputSet .BtnCenter a {
        padding: 1.4em 2em 1.5em;
    }
}

@media screen and (min-width: 1366px) {
    .InputSet .loginSet {
    }
    .InputSet .BtnCenter {
    }
    .InputSet .BtnCenter a {
        padding: 1.4em 2em 1.5em;
    }
}

.infoTxtBlk {
    width: 88%;
    margin: 0 auto;
    text-align: left;
    max-width: 800px;
}

.infoTxtBlk p {
    line-height: 2;
}

.infoTxtBlk a {
    color: #7f1083;
}

.infoTxtBlk .cautionTtl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* border-bottom: 2px solid; */
}

.infoTxtBlk .cautionTtl svg {
    width: 1em;
    height: 2.6em;
    margin: 0 0.5em 0 0;
    fill: #7f1083;
}

.infoTxtBlk .cautionTtl p {
    position: relative;
}

.infoTxtBlk .cautionTtl p::before {
    content: "";
    background: #7f1083;
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: -1.5em;
    margin: 0;
    padding: 0 0 0 1.5em;
}

.infoTxtBlk .terms {
    height: 280px;
    overflow-y: scroll;
}
@media screen and (min-width: 961px) {
    .infoTxtBlk .cautionTtl svg {
        height: 2.1em;
        font-size: 1.86vw;
    }
}

@media screen and (min-width: 1366px) {
    .infoTxtBlk {
        width: 92%;
    }
    .infoTxtBlk .cautionTtl svg {
        height: 2em;
        font-size: 26px;
    }
}

/*========================
history
========================*/

.history .orderSet {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-flow: column !important;
    flex-flow: column !important;
}

.history .orderSet .orderStatusBlk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    margin: 0 auto 1.5rem 0;
}

.history .orderSet .orderStatusBlk .orderIcon {
    background: #7f1083;
    color: #fff;
    padding: 0.1em 1em;
    margin: 0 1em 0 0;
}

.history .orderSet .orderStatusBlk .orderStatus {
}

.history .orderSet .orderInfo {
    margin: 0 auto 0 0;
}

.history .orderSet .orderInfo p {
    margin: 0.5em 0 0;
}

.history .orderSet .orderInfo + .orderInfo {
    margin: 2rem auto 0 0;
}

.history .orderSet .orderInfo {
}

.history .orderSet .orderNum {
}

.history .orderSet .orderDate {
}

.history .orderSet .orderProduct {
}

.history .orderSet .orderPrice {
}

.history .orderSet .orderPayment {
}

.history .orderSet .orderDerivery {
}

.historyDetail .orderProductSet {
    width: 100%;
}

.historyDetail .orderProductSet + .orderProductSet {
    margin: 3rem auto 0;
}

.historyDetail .orderProductSet .orderPrdImg {
    width: 60%;
    margin: 0 auto;
}

.historyDetail .orderProductSet .orderPrdTxtSet {
    margin: 1rem auto 0;
}

.historyDetail .orderProductSet .orderPrdTxtSet .prdCode {
}

.historyDetail .orderProductSet .orderPrdTxtSet .prdName {
    width: 100%;
}

.historyDetail .orderProductSet .orderPrdTxtSet .prdInfo {
}

.historyDetail .orderProductSet .orderPrdTxtSet span {
}

.benefitsArea {
    background-color: #fff;
    padding: 3em 2em;
    border: solid 1px #e3e3e3;
    border-radius: 10px;
}

.benefitsArea .benefitsBlk {
}

.benefitsArea .benefitsBlk .benefitsTtlSet {
}

.benefitsArea .benefitsBlk .benefitsTtlSet h2 {
    border: 1px solid;
    padding: 0.5em 1em;
    width: 100%;
    line-height: 1.4;
}

.benefitsArea .benefitsBlk .benefitsTtlSet p {
    text-align: left;
    margin: 1rem auto 0;
}

.benefitsArea .benefitsBlk .benefitsSet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    margin: 2rem auto 0;
}

.benefitsArea .benefitsBlk .benefitsSet + .benefitsSet {
    margin: 1.5rem auto 0;
}

.benefitsArea .benefitsBlk .benefitsSet .benefitsSubTtl {
}

.benefitsArea .benefitsBlk .benefitsSet .selectFormLists {
    margin: 1rem auto 0;
}

.benefitsArea .benefitsBlk .benefitsSet .selectFormLists .dropdown-select {
}

.benefitsArea .benefitsBlk .benefitsSet .benefitsTxt {
}

@media screen and (min-width: 641px) {
    .historyDetail .orderProductSet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
    }
    .historyDetail .orderProductSet + .orderProductSet {
        margin: 2rem auto 0;
    }
    .historyDetail .orderProductSet .orderPrdImg {
        width: 36%;
        margin: 0 4% 0 0;
    }
    .historyDetail .orderProductSet .orderPrdTxtSet {
        margin: 0;
        width: 70%;
    }
    .historyDetail .orderProductSet .orderPrdTxtSet .prdCode {
    }
    .historyDetail .orderProductSet .orderPrdTxtSet .prdName {
    }
    .historyDetail .orderProductSet .orderPrdTxtSet .prdInfo {
    }
    .historyDetail .orderProductSet .orderPrdTxtSet span {
    }
}

@media screen and (min-width: 961px) {
    .benefitsArea {
    }
    .benefitsArea .benefitsBlk {
    }
    .benefitsArea .benefitsBlk .benefitsTtlSet {
    }
    .benefitsArea .benefitsBlk .benefitsTtlSet h2 {
    }
    .benefitsArea .benefitsBlk .benefitsTtlSet p {
    }
    .benefitsArea .benefitsBlk .benefitsSet {
    }
    .benefitsArea .benefitsBlk .benefitsSet .benefitsSubTtl {
    }
    .benefitsArea .benefitsBlk .benefitsSet .selectFormLists {
    }
    .benefitsArea .benefitsBlk .benefitsSet .selectFormLists .dropdown-select {
    }
    .benefitsArea .benefitsBlk .benefitsSet .benefitsTxt {
    }
}

/*========================
Card
========================*/

.creditBlk {
    border: 1px solid #e3e3e3;
    padding: 2.5em 1em;
    width: 100%;
    max-width: 600px;
}

.creditBlk .creditSet {
    margin: 1.5rem auto 0;
}

.creditBlk .creditSet .creditTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 5em;
}

.creditBlk .creditSet .creditTxt dt {
    width: 30%;
    margin: 0 5% 0 0;
    text-align: left;
}

.creditBlk .creditSet .creditTxt dd {
    width: auto;
    text-align: left;
    margin: 0 auto 0 0;
}

.creditBlk .creditSet .creditNum {
}

.creditBlk .creditSet .creditLimit {
    margin: 1rem auto 0;
}

@media screen and (min-width: 641px) {
    .creditBlk {
        margin: 0 auto;
    }
    .creditBlk .creditSet {
    }
    .creditBlk .creditSet .creditTxt {
    }
    .creditBlk .creditSet .creditTxt dt {
    }
    .creditBlk .creditSet .creditTxt dd {
    }
    .creditBlk .creditSet .creditNum {
    }
    .creditBlk .creditSet .creditLimit {
    }
}

@media screen and (min-width: 961px) {
    .creditBlk {
    }
    .creditBlk .creditSet {
    }
    .creditBlk .creditSet .creditTxt {
        padding: 0 5em;
    }
    .creditBlk .creditSet .creditTxt dt {
    }
    .creditBlk .creditSet .creditTxt dd {
    }
    .creditBlk .creditSet .creditNum {
    }
    .creditBlk .creditSet .creditLimit {
    }
}

/*========================
form
========================*/

.accountEditBlk {
    margin: 0 0 0 auto;
    /* position: sticky; */
    /* top: 0; */
}

.accountEditBlk .accountEditSet {
    text-align: left;
    border-top: 1px solid #e3e3e3;
    padding: 3rem 0;
}

.accountEditBlk .accountEditSet + .accountEditSet {
}

.accountEditBlk .accountEditSet .formSubTtl {
}

.accountEditBlk .accountEditSet .editLists {
    margin: 1.5rem 0 0;
}

.accountEditBlk .accountEditSet .editLists .editList {
}

.accountEditBlk .accountEditSet .editLists .editList + .editList {
}

.accountEditBlk .accountEditSet .editLists .editList a {
}

.formArea {
}

.formTtlBlk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.formTtlBlk .BtnCenter {
    width: 40%;
    max-width: 200px;
}

.formTtlBlk .formTtlBtnSet {
    margin: 1rem auto 0;
}

.formTtlBlk .formTtlBtnSet .BtnCenter {
    width: 100%;
    max-width: 400px;
}

.formArea .formTtl {
    text-align: left;
}

.formArea .formSet {
    margin: 3rem auto 0;
}

.formArea .formSet + .formSet {
    /* margin: 4rem auto 0; */
}

@media screen and (min-width: 961px) {
    .formTtlBlk .formTtlBtnSet {
        margin: 0 0 0 auto;
    }
}

/*========================
2025.01 追加 マイページ 注文履歴一覧用CSS
========================*/

.selectbox {
    width: 100%;
    margin-top: 30px;
}

.selectboxItem {
    position: relative;
}

.selectboxItem::before,
.selectboxItem::after {
    position: absolute;
    right: 15px;
    width: 9px;
    height: 6px;
    background-color: #535353;
    content: '';
    pointer-events: none;
}

.selectboxItem::before {
    top: calc(50% - 7px);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.selectboxItem::after {
    bottom: calc(50% - 11px);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.selectboxItem select {
    appearance: none;
    height: 2.8em;
    min-width: 230px;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
    text-align: center;
}

.checkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    font-size: 2vw;
}

.checkboxItem {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    line-height: 1;
    width: 20%;
}

.checkboxItem input[type="checkbox"] {
    display: block;
    position: relative;
    flex-shrink: 0;
    width: 13px;
    height: 13px;
    margin: 0;
    opacity: 1;
    pointer-events: auto;
}

.checkbox_list {
    appearance: none;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #7f1083;
    border-radius: 2px;
    cursor: pointer;
}

.checkbox_list:checked {
    background-color: #7f1083;
}

.checkbox_list:checked::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    transform: rotate(-45deg);
}

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

    .checkbox {
        font-size: 1.1vw;
    }
}

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

    .selectboxItem {
        font-size: 18px;
    }

    .checkbox {
        font-size: 15px;
    }
}


/*======================== */



.formArea .formSet .formSubTtlBlk {
}

.formArea .formSet .formSubTtlBlk .formSubTtl {
}

.formArea .formSet .formContsBlk {
    margin: 1.5rem auto 0 0;
    width: 100%;
}

.formArea .formSet .formContsBlk .nameTypeB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.formArea .formSet .formContsBlk .nameTypeB div {
    width: 46%;
    margin: 0 6% 0 0;
}

.formArea .formSet .formContsBlk .nameTypeB div + div {
    margin: 0;
}

.formArea .formSet .formContsBlk p {
}

.formArea .formSet .formContsBlk p + p {
    margin: 0.5em 0 0;
}

.formArea .formSet .annotationTxt {
}

/*郵便番号*/

.formArea .formSet .formContsBlk .postCode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.formArea .formSet .formContsBlk .postCode span {
    margin: auto 1%;
}

.formArea .formSet .formContsBlk .postCode input {
    width: 25%;
    margin: 0;
    padding: 1.2em 1.2em;
}

.formArea .formSet .formContsBlk .postCode input:nth-of-type(2) {
    width: 30%;
}

.formArea .formSet .formContsBlk .postCode .BtnCenter {
    margin: auto 0 auto 5% !important;
    width: 35%;
}

.formArea .formSet .formContsBlk .postCode .BtnCenter a {
    padding: 1.2em;
}

.formArea .formSet .formContsBlk .postCode p {
    width: 100%;
}

/*都道府県*/

.formArea .formSet .formContsBlk .prefectures {
}

.formArea .formSet .formContsBlk .prefectures select {
}

/*誕生日*/

.formArea .formSet .formContsBlk .birthday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}

.formArea .formSet .formContsBlk .birthday span {
}

.formArea .formSet .formContsBlk .birthday .selectFormLists {
}

.formArea .formSet .formContsBlk .birthday select {
}

.formArea .formSet .formContsBlk .birthday span {
    margin: auto 2%;
}

.formArea .formSet .formRadio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.formArea .formSet .formRadio.paymentSelect {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0 auto 0 0;
}

.formArea .formSet .formRadio .radioSet {
    width: 45%;
    margin: 0 5% 0 0;
}

.formArea .formSet .formRadio .radioSet + .radioSet {
}

.formArea .formSet.checkFormBlk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.formArea .formSet.checkFormBlk .formRadio {
    margin: 1rem auto 0;
}

.formArea .formSet .formRadio.paymentSelect .radioSet {
    width: 100%;
    margin: 0;
}

.formArea .formSet .formRadio.paymentSelect .radioSet + .radioSet {
    margin: 1.5rem 0 0;
}

/*下線*/

.formArea.typeA .formSet {
    border-top: 1px solid #e3e3e3;
    padding: 3rem 0 0;
}

.formArea.typeB .formSet {
    padding: 0 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.conformBtnBlk {
    width: 80%;
    margin: 0 auto;
}

@media screen and (min-width: 641px) {
    .formArea {
    }
    .formArea .formTtl {
    }
    .formArea .formSet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .formArea .formSet .formSubTtlBlk {
        width: 25%;
        margin: 0 auto 0 0;
    }
    .formArea .formSet .formSubTtlBlk .formSubTtl {
    }
    .formArea .formSet .formContsBlk {
        width: 70%;
        margin: 0;
    }
    .formArea .formSet .formContsBlk p {
    }
    .formArea .formSet .formContsBlk p + p {
    }
    .formArea .formSet .annotationTxt {
    }
}

@media screen and (min-width: 961px) {
    .formArea {
        max-width: 1000px;
        padding: 4rem;
    }
    .accountEditBlk + .formArea {
        width: 70%;
    }
    .myPageBlk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .tableLayout form {
        width: 100%;
    }
    .conformBtnBlk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin: 0 auto;
    }
    .formArea .formSet.checkFormBlk .formSubTtlBlk {
        margin: 0 auto 1rem 0;
    }
}

/*========================
signdownCheck
========================*/

.formArea .formSet.signdownCheck {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

.formArea .formSet.signdownCheck .saveIcon {
    padding: 0 0 0 1em;
    margin: 0 auto 1.5rem 0;
}

.formArea .formSet.signdownCheck p {
    text-align: left;
    width: 100%;
}

/*========================
orderInfo
========================*/

.borderBlk {
    padding: 0 0 4rem;
    border-bottom: 1px solid #e3e3e3;
}

.orderChartBlk {
}

.orderChartBlk .chartLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1080px;
}

.orderChartBlk .chartLists .chartList {
    background: #e3e3e3;
    color: #fff;
    border-radius: 6px;
    width: calc(100% / 5 - 3%);
    margin: 0 1.5% 0;
    padding: 1rem;
    position: relative;
}

.orderChartBlk .chartLists .chartList::before {
    content: "";
    position: absolute;
    right: -12%;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -ms-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
}

.orderChartBlk .chartLists .chartList:last-child::before {
    content: none;
}

.orderChartBlk .chartLists .chartList + .chartList {
}

.orderChartBlk .chartLists .chartList p {
}

.orderChartBlk .chartLists .chartList p + p {
}

.orderChartBlk .chartLists .chartList.active {
    background: #7f1083;
}

.orderChartBlk .chartLists .chartList.active::before {
    border-right: 1px solid #7f1083;
    border-bottom: 1px solid #7f1083;
}

.orderChartBlk .chartLists .chartList.active p {
}

/*ご注文情報*/

.orderInfoBlk {
}

.orderInfoBlk .orderInfoLists {
}

.orderInfoBlk .orderInfoLists + .orderInfoLists {
    margin: 2rem 0 0;
}

.orderInfoBlk .orderInfoLists .orderSet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}

.orderInfoBlk .orderInfoLists .orderSet + .orderSet {
    margin: -1px 0 0;
}

.orderInfoBlk .orderInfoLists .orderSet dt {
    width: 40%;
    text-align: left;
    padding: 1em;
    background: #f5f5f5;
    /* display: flex; */
    /* align-items: center; */
}

.orderInfoBlk .orderInfoLists .orderSet dd {
    width: 60%;
    text-align: left;
    margin: 0 0 0 -1px;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.orderInfoBlk .orderInfoLists .orderSet dt,
.orderInfoBlk .orderInfoLists .orderSet dd {
    border: 1px solid #e3e3e3;
}

.orderInfoTxtBlk {
    text-align: left;
}

.orderInfoTxtBlk p {
    line-height: 1.8;
}

.customerAddressBlk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
}

.customerAddressBlk dt {
}

.customerAddressBlk dd {
    margin: 0.5rem 0 0;
}

.customerAddressBlk dd + dt {
    margin: 1.5rem auto 0 0;
}

@media screen and (min-width: 961px) {
    orderChartBlk {
    }
    .orderChartBlk .chartLists {
    }
    .orderChartBlk .chartLists .chartList {
        margin: 0 1% 0;
    }
    .orderChartBlk .chartLists .chartList::before {
        content: "";
        right: -7%;
    }
    .orderChartBlk .chartLists .chartList + .chartList {
    }
    .orderChartBlk .chartLists .chartList p {
    }
    .orderChartBlk .chartLists .chartList p + p {
    }
    .orderChartBlk .chartLists .chartList.active {
    }
    .orderChartBlk .chartLists .chartList.active::before {
    }
    .orderChartBlk .chartLists .chartList.active p {
    }
    .orderInfoBlk {
    }
    .orderInfoBlk .orderInfoLists {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .orderInfoBlk .orderInfoLists + .orderInfoLists {
    }
    .orderInfoBlk .orderInfoLists .orderSet {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        border: 1px solid #e3e3e3;
    }
    .orderInfoBlk .orderInfoLists .orderSet + .orderSet {
        margin: 0px 0 0;
    }
    .orderInfoBlk .orderInfoLists .orderSet dt,
    .orderInfoBlk .orderInfoLists .orderSet dd {
        border: none;
    }
    .orderInfoBlk .orderInfoLists .orderSet dt {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #e3e3e3;
    }
    .orderInfoBlk .orderInfoLists .orderSet dd {
        width: 100%;
        margin: auto;
        /* display: flex; */
        border: none;
        /* padding: 0; */
        text-align: center;
    }
    .prdNum {
        width: 17%;
    }
    .prdName {
        width: 45%;
    }
    .hiddenPrice .prdName {
        width: 75%;
    }
    .orderInfoBlk .orderInfoLists .orderSet.prdName dd {
        text-align: left;
    }
    .prdVal {
        width: 8%;
    }
    .prdPrice {
        width: 15%;
    }
    .prdTotal {
        width: 15%;
    }
    .customerAddressBlk {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
    .customerAddressBlk dt {
        width: 40%;
        margin: 0;
    }
    .customerAddressBlk dd {
        width: 60%;
        margin: 0;
    }
    .customerAddressBlk dd + dt {
        margin: 2rem 0 0;
    }
    .customerAddressBlk dd + dt + dd {
        margin: 2rem 0 0;
    }
    .orderInfoBlk .orderInfoLists.totalPriceBlk {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        width: 60%;
        margin: 2rem 0 0 auto;
    }
    .orderInfoBlk .orderInfoLists.totalPriceBlk .orderSet {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin: -1px 0 0;
    }
    .orderInfoBlk .orderInfoLists.totalPriceBlk dt {
        border-bottom: none;
        border-right: 1px solid #e3e3e3;
        padding: 0.5em;
    }
    .orderInfoBlk .orderInfoLists.totalPriceBlk dd {
        padding: 0.5em;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: 0 0 0 auto;
    }
    .orderInfoBlk .orderInfoLists.totalPriceBlk .prdPrice {
        width: 100%;
    }
    .orderInfoBlk .orderInfoLists.totalPriceBlk .prdPostage {
    }
    .orderInfoBlk .orderInfoLists.totalPriceBlk .prdTotal {
    }
}

.paymentTitle {
}

.paymentTitle dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    border: 1px solid #e3e3e3;
}

.paymentTitle dt,
.paymentTitle dd {
    padding: 1em;
    text-align: left;
}

.paymentTitle dt {
    background: #f5f5f5;
    border-right: 1px solid #e3e3e3;
    width: 26%;
}

.paymentTitle dd {
    width: 74%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em 0.5em 1em 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paymentTitle dd + dt,
.paymentTitle dd + dt + dd {
    border-top: 1px solid #e3e3e3;
}

.formArea .creditFormBlk {
    border: 1px solid #e3e3e3;
}

.formArea .creditFormBlk .formSet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* align-items: center; */
    border-bottom: 1px solid #e3e3e3;
}

.formArea .creditFormBlk .formSet .formSubTtlBlk {
    width: 26%;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #e3e3e3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.formArea .creditFormBlk .formSet .formContsBlk {
    width: 74%;
    padding: 1.5em 1em;
    margin: 0;
}

.formArea .creditFormBlk .formSet .formTxt {
}

.formArea .creditFormBlk .formSet .formTxt input {
}

.formArea .creditFormBlk .formSet .formTxt input {
}

.formArea .creditFormBlk .formSet .formTxt.credit_num p {
    margin: 1rem auto 0;
}

.formArea .creditFormBlk .formSet .formTxt.credit_code {
}

.formArea .creditFormBlk .formSet .formTxt.credit_code div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}

.formArea .creditFormBlk .formSet .formTxt.credit_code div input {
    width: 75%;
    margin: 0 5% 0 0;
}

.formArea .creditFormBlk .formSet .formTxt.credit_code div p {
}

.formArea .creditFormBlk .formSet .formTxt.birthday {
}

.formArea .creditFormBlk .formSet .formTxt.birthday .selectFormLists {
    margin: 0 5% 0 0;
}

.formArea
.creditFormBlk
.formSet
.formTxt.birthday
.selectFormLists
+ .selectFormLists {
    margin: 0;
}

.formArea .creditFormBlk .formSet.creditSave {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 2em 1em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.formArea .creditFormBlk .formSet.creditSave input {
}

.formArea .creditFormBlk .formSet.creditSave label {
    margin: 0 0 0 1em;
}

.formArea .creditFormBlk .formSet.creditSave label p {
}

.formArea .creditFormBlk .formSet.creditSave > p {
}

@media screen and (min-width: 961px) {
    .paymentTitle {
    }
    .paymentTitle dl {
    }
    .paymentTitle dt,
    .paymentTitle dd {
    }
    .paymentTitle dt {
    }
    .paymentTitle dd {
    }
    .formArea .creditFormBlk {
    }
    .formArea .creditFormBlk .formSet {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .formArea .creditFormBlk .formSet .formSubTtlBlk {
    }
    .formArea .creditFormBlk .formSet .formContsBlk {
        padding: 1.5em;
    }
    .formArea .creditFormBlk .formSet .formTxt {
    }
    .formArea .creditFormBlk .formSet .formTxt input {
    }
    .formArea .creditFormBlk .formSet .formTxt input {
    }
    .formArea .creditFormBlk .formSet .formTxt.credit_num {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .formArea .creditFormBlk .formSet .formTxt.credit_num input {
        width: 60%;
        margin: 0 5% 0 0;
    }
    .formArea .creditFormBlk .formSet .formTxt.credit_num p {
        margin: 0 auto 0 0;
    }
    .formArea .creditFormBlk .formSet .formTxt.credit_code {
    }
    .formArea .creditFormBlk .formSet .formTxt.credit_code div {
    }
    .formArea .creditFormBlk .formSet .formTxt.credit_code div input {
        width: 30%;
    }
    .formArea .creditFormBlk .formSet .formTxt.credit_code div p {
    }
    .formArea .creditFormBlk .formSet .formTxt.birthday {
    }
    .formArea .creditFormBlk .formSet .formTxt.birthday .selectFormLists {
    }
    .formArea
    .creditFormBlk
    .formSet
    .formTxt.birthday
    .selectFormLists
    + .selectFormLists {
    }
    .formArea .creditFormBlk .formSet.creditSave {
        padding: 2em 1.5em;
    }
    .formArea .creditFormBlk .formSet.creditSave input {
    }
    .formArea .creditFormBlk .formSet.creditSave label {
    }
    .formArea .creditFormBlk .formSet.creditSave label p {
    }
    .formArea .creditFormBlk .formSet.creditSave > p {
    }
}

.paymentLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.paymentLists .paymentList {
    width: auto;
}

.paymentLists .paymentList.seven {
    width: 38%;
}

.paymentLists .paymentList.lawson {
    width: 37%;
}

.paymentLists .paymentList.famima {
    width: 14%;
}

.paymentLists .paymentList.mini {
    width: 17%;
}

.paymentLists .paymentList.secoma {
    width: 27%;
}

.paymentLists .paymentList + .paymentList {
    /* width: 10%; */
    margin: 0 2%;
}

.paymentLists .paymentList img {
}

.paymentLists.creditCard {
}

.paymentLists.creditCard .paymentList {
    width: 16%;
}

@media screen and (min-width: 961px) {
    .paymentLists {
    }
    .paymentLists .paymentList {
    }
    .paymentLists .paymentList + .paymentList {
        width: auto;
    }
    .paymentLists .paymentList.seven {
        width: auto;
    }
    .paymentLists .paymentList.lawson {
    }
    .paymentLists .paymentList.famima {
    }
    .paymentLists .paymentList.mini {
    }
    .paymentLists .paymentList.secoma {
    }
    .paymentLists .paymentList img {
    }
    .paymentLists.creditCard {
        width: 75%;
    }
    .paymentLists.creditCard .paymentList {
        width: 14%;
    }
}

/*========================
Cart
========================*/

.cart .itemLists {
    padding: 4rem 0;
    width: 90%;
}

.cart .itemLists .itemList {
    padding: 4rem 0 4rem;
    border-top: 1px solid #e3e3e3;
    margin: 0rem auto;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}

.cart .itemLists .itemList + .itemList {
    border-top: none;
}

.cart .itemLists .itemList:last-of-type {
}

.cart .itemLists .itemList .errorTxt {
    width: 100%;
    margin: 1rem auto 1.5rem 0;
    text-align: left;
}
.cart .itemLists .itemList figure {
}

.cart .itemLists .itemList figure img {
    width: 75%;
}

.cart .itemLists .itemList figure figcaption {
    text-align: left;
    margin: 2rem auto;
}

.cart .itemLists .itemList .itemCode {
    margin: 0 auto 1rem;
}

.cart .itemLists .itemList .itemName {
}

.cart .itemLists .itemList .itemPrice {
}

.cart .itemLists .itemList .itemVal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: flex-start; */
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.cart .itemLists .itemList .itemDelate {
    width: 30px;
    height: 30px;
    border: 1px solid #e3e3e3;
    background: #f5f5f5;
    position: absolute;
    top: 3%;
    border-radius: 50%;
    right: 0%;
}

.cart .itemLists .itemList .itemDelate span {
    width: 46%;
    height: 2px;
    background: #919191;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cart .itemLists .itemList .itemDelate span + span {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cart .nekoposAvailable {
    border: 1px solid #fd4d4d;
    border-radius: 5px;
    color: #fd4d4d;
    line-height: 1.8;
    margin: 0 0 2em 0;
    text-align: center;
    padding: 1em;
    position: relative;
}

.spinner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spinner-container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    overflow: hidden;
    margin: 0;
    -webkit-appearance: none;
    height: 40px;
}

.itemVal .valBlk {
    width: 55px;
    padding: 0;
    text-align: center;
    border: none;
    background: none;
    outline: none;
    pointer-events: none;
}

.spinner::-webkit-inner-spin-button,
.spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.spinner-sub,
.spinner-add {
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 1;
    color: #7f1083;
    background: #f5f5f5;
    width: 40px;
    height: 40px;
    border-left: 1px solid #e3e3e3;
    font-size: 0;
    position: relative;
}

.spinner-sub::before,
.spinner-add::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background: #7f1083;
    left: 0;
    right: 0;
    top: calc(50% - 2px);
    margin: auto;
}

.spinner-sub::before {
}

.spinner-add::before {
}

.spinner-add::after {
    content: "";
    position: absolute;
    height: 12px;
    width: 2px;
    background: #7f1083;
    left: 0;
    right: 0;
    top: calc(50% - 7px);
    margin: auto;
}

.cart .itemLists .itemList .itemVal .changeVal {
    width: 41%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 auto;
}

.disabled {
    opacity: 1;
}

.itemVal .valBlk {
}

.cartArea .totalPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 2rem;
}

.cartArea .totalPrice p {
}

.cartArea .totalPrice p + p {
}

.cartArea .paymentTxt {
    width: 90%;
    margin: 0 auto;
    text-align: right;
    padding: 0 0 3rem;
}

.cart .loginArea {
}

.cart .loginArea .formBlk {
}

.cart .loginArea .formBlk + .formBlk {
    margin: 4rem auto 0;
}

.carterror {
}

.carterror .titSet {
    padding: 4rem 1rem;
}

.carterror .titSet h1 {
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 1em;
    /* display: inline; */
}

.carterror .titSet p {
    text-align: left;
}

.carterror .titSet p + p {
    margin: 1rem 0 0;
}

@media screen and (min-width: 961px) {
    .cart .itemLists {
        padding: 3rem 0 2rem 0;
    }
    .cart .itemLists .itemList {
        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;
        padding: 2rem 0;
    }
    .cart .itemLists .itemList + .itemList {
        margin: 0 auto 0;
        padding: 2rem 0;
    }
    .cart .itemLists .itemList .errorTxt {
        margin: 0 auto 1.5rem 0;
    }
    .cart .itemLists .itemList .errorTxt.error2 {
        text-align: right;
    }
    .cart .itemLists .itemList .errorTxt {
        margin: 0 auto 1.5rem 0;
    }
    .cart .itemLists .itemList figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 70%;
    }
    .cart .itemLists .itemList figure img {
        width: 30%;
    }
    .cart .itemLists .itemList figure figcaption {
        margin: 0 auto 0 5%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .cart .itemLists .itemList .itemCode {
        margin: 0 auto 1rem 0;
    }
    .cart .itemLists .itemList .itemName {
        margin: 0 auto auto;
    }
    .cart .itemLists .itemList .itemPrice {
        /* margin: auto 0 0 !important; */
    }
    .cart .itemLists .itemList .itemVal {
        width: 18%;
        margin: 0 2% 0 auto;
    }
    .cart .itemLists .itemList .itemVal .changeVal {
        width: 100%;
        margin: 1rem auto 0;
    }
    .cart .itemLists .itemList .itemDelate {
        position: relative;
        top: 0;
        cursor: pointer;
    }
    .cart .itemLists .itemList .itemDelate span {
    }
    .cart .itemLists .itemList .itemDelate span + span {
    }
    .spinner-container {
        width: 100%;
    }
    .itemVal .valBlk {
        width: 110px;
    }
    .spinner::-webkit-inner-spin-button,
    .spinner::-webkit-outer-spin-button {
    }
    .spinner-sub,
    .spinner-add {
    }
    .spinner-sub::before,
    .spinner-add::before {
    }
    .spinner-sub::before {
    }
    .spinner-add::before {
    }
    .spinner-add::after {
    }
    .disabled {
    }
    .itemVal .valBlk {
        font-size: 16px;
    }
    .itemVal input[type="number"]::-webkit-outer-spin-button,
    .itemVal input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        -moz-appearance: textfield;
    }
    .cartArea .totalPrice {
    }
    .cartArea .totalPrice p {
    }
    .cartArea .totalPrice p + p {
    }
    .cartArea .paymentTxt {
    }
    .cart .loginArea {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .cart .loginArea .formBlk {
        width: 48%;
        padding: 2rem;
        margin: 0;
    }
    .cart .loginArea .formBlk + .formBlk {
        margin: 0;
    }
    .carterror .titSet h1 {
        padding: 0 0 1.5em;
    }
    .carterror .titSet {
        padding: 4rem 5rem;
    }
    .carterror .titSet p {
        width: 70%;
        margin: 0 auto;
    }
    .carterror .titSet p + p {
        margin: 1rem auto 0;
    }
}

.finidhImg {
    width: 60%;
    margin: 0 auto;
    max-width: 380px;
}

.cusotomerNum {
    display: inline-block;
    border: 1px solid;
    padding: 1.5em 2em;
    width: 80%;
    max-width: 400px;
}

.cusotomerNum p {
}

@media screen and (min-width: 961px) {
    .finidhImg {
    }
    .cusotomerNum {
        padding: 1.2em;
    }
}

/*========================
Favorite
========================*/

.favorite .favoriteAlert {
    border: 1px solid #fd4d4d;
    border-radius: 5px;
    color: #fd4d4d;
    line-height: 1.8;
    margin: 2em 0 0;
    text-align: left;
    padding: 1em;
    position: relative;
}

.favorite .favoriteAlert p {
    font-size: 2.91vw;
    margin: 0 0 0 2.5em;
}

.favorite .favoriteAlert p:before {
    background: url(../img/icon_alarm.png) no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    width: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1em;
    margin: auto;
}

.favorite .favoriteIcon {
    background: #fd4d4d;
    border-radius: 120px;
    color: #fff;
    line-height: 1.5;
    margin: 0 0 1em;
    padding: .3em .5em;
    text-align: center;
    width: 160px;
}

.favorite .cart .itemLists {
    padding: 0 0 2em 0;
    width: 100%;
}

.favorite .cart .itemLists .itemList {
    border: none;
    padding: 0;
}

.favorite .cart .itemLists .itemList .item {
    background: #fff;
    border: solid 1px #e3e3e3;
    border-radius: 10px;
    display: block;
    padding: 1em;    
}

.favorite .cart .itemLists .itemList:not(:last-child) {
    margin: 0 0 1.5em;
}

.favorite .cart .itemLists .itemList a, 
.favorite .cart .itemLists .itemList figure{
    display: flex;
    width: auto;    
}

.favorite .cart .itemLists .itemList figure .favoriteImage {
    width: 35%; 
}

.favorite .cart .itemLists .itemList figure .favoriteImage img {
    width: 100%; 
}

.favorite .cart .itemLists .itemList figure figcaption {
    margin: 0 3em 0 1.5em;
    width: 65%;
}

.favorite .cart .itemLists .itemList .itemName {
    margin: 0;
}

.favorite .cart .itemLists .itemList .closeTxt {
    border: 1px solid #7f1083;
    border-radius: 5px;
    padding: .3em;
    text-align: center;
    width: 160px;
}

.favorite .cart .itemLists .itemList .soldoutTxt {
    background: #ddd;
    border-radius: 5px;
    color: #fff;
    padding: .3em .5em;
    text-align: center;
    width: 130px;
}

.favorite .cart .itemLists .itemList .itemDeleteArea,
.favorite .cart .itemLists .itemList .itemDelate {
    bottom: 0;
    position: absolute;
    right: .5em;
    top: 0;
    margin: auto;
}

@media screen and (min-width: 640px) {
    .favorite .favoriteAlert {
        padding: 1.5em;
    }

    .favorite .favoriteAlert p {
        font-size: 2.5vw;
        margin: 0 0 0 2em;
    }

    .favorite .favoriteAlert p:before {
        height: 30px;
        width: 30px;
    }      
}    

@media screen and (min-width: 961px) {
    .favorite .favoriteAlert p {
        font-size: 1.6vw;  
    }

    .favorite .cart .itemLists .itemList .closeTxt {
        width: 210px;
    }    
}

@media screen and (min-width: 1366px) {
    .favorite .favoriteAlert p {
        font-size: 20px;
        margin: 0 0 0 1.5em; 
    }
}

/*========================
Terms
========================*/

.termsLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    /* align-items: center; */
    max-width: 800px;
    margin: 0 auto;
}

.termsLists .termsList {
    width: 33%;
    border: 2px solid #f5f5f5;
    border-radius: 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.termsLists .termsList + .termsList {
}

.termsLists .termsList a {
    width: 100%;
    padding: 0.5em 0;
}

.termsLists .termsList a p {
    line-height: 1.4;
}

.terms .borderBlk {
}

.terms .borderBlk + .borderBlk {
    padding-top: 4rem;
}

.terms .modification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.terms .modification p {
}

.terms .modification p + p {
}

.termsTxtSet {
    text-align: left;
}

.termsTxtSet h3 {
}

.termsTxtSet p {
}

.termsTxtSet p > a {
    color: #7f1083;
}

.termsTxtSet p + p {
    margin: 1em 0 0;
}

.termsTxtSet dl {
    margin: 1.5rem auto;
}

.termsTxtSet dl dt {
}

.termsTxtSet dl dd {
}

.termsTxtSet dl dd + dt {
    margin: 1.5em 0 0;
}

@media screen and (min-width: 961px) {
    .termsLists {
    }
    .termsLists .termsList {
        width: 30%;
        border: 3px solid #f5f5f5;
    }
    .termsLists .termsList + .termsList {
    }
    .termsLists .termsList a {
        padding: 1em;
    }
    .termsLists .termsList a p {
        line-height: 1.6;
    }
    .termsLists .termsList {
    }
    .terms .borderBlk {
    }
    .terms .modification {
    }
    .terms .modification p {
    }
    .terms .modification p + p {
    }
    .termsTxtSet {
    }
    .termsTxtSet h3 {
    }
    .termsTxtSet p {
    }
    .termsTxtSet p + p {
    }
    .termsTxtSet dl {
    }
    .termsTxtSet dl dt {
    }
    .termsTxtSet dl dd {
    }
    .termsTxtSet dl dd + dt {
    }
}

/*========================
404 error
========================*/

.errorBlk .mainLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.errorBlk svg {
    width: 45vw;
    height: 17.56vw;
    max-width: 460px;
    max-height: 170px;
    display: block;
    fill: #7f1083;
}

@media screen and (min-width: 1366px) {
    .orderArea {
        padding: 4rem 2rem;
    }
}