.PageComm.account {
}

.PageComm.account .inner {
    margin-right: 30px;
    margin-left: 30px;
}

.PageComm.account .inner2 {
    margin-right: 250px;
    margin-left: 30px;
}

@media screen and (max-width: 640px) {
    .sp_hide {
        display: none;
    }

    body {
        width: auto;
        font-size: 14px;
        font-family: sans-serif;
        line-height: 1.5;
    }

    #Frame {
        width: auto;
    }

    #Frame .sendcart {
        display: block;
        margin: 0 10px 20px;
        font-size: .8rem;
        line-height: 1.5;
    }

    .BoxAB {
        width: auto;
        height: auto;
        margin-right: 10px;
        margin-left: 10px;
        padding-top: 10px;
        box-shadow: 1px 1px 3px #999;
        background-image: url("../images/Web/Default/BackgroundStripe.gif");
        background-color: #e3e3ff;
    }

    .BoxAB.header {
        height: auto;
        margin-bottom: 20px;
        border-radius: 0px 0px 12px 12px;
    }

    .BoxAB .HeaderLogo {
        float: none;
        padding: 0;
        background: transparent;
    }

    .BoxAB .Header {
        position: relative;
    }

    .BoxAB .Header li {
        float: none;
        margin: 0;
        background: transparent;
    }

    #HeaderR {
        position: absolute;
        top: -34px;
        right: 0;
        margin: 0;
    }

    #HeaderR form {
        background: transparent;
    }

    .BoxAB .flselect {
        position: absolute;
        top: 0;
        right: 5px;
        margin: 0;
    }

    .BoxAB .sp_width {
        width: 40%;
        font-size: .8rem;
    }

    .BoxAPB {
        width: auto;
        margin-right: 10px;
        margin-bottom: 20px;
        margin-left: 10px;
        padding: 5px;
        border: 1px solid #e3e3ff;
        border-radius: 12px;
        box-shadow: 1px 1px 3px #999;
    }

    .BoxAPB .PH1B,
    .BoxAPB .PH2B {
        display: block;
        height: auto;
        margin-bottom: 5px;
        line-height: 1.5;
    }

    .BoxAPB .PH1B .PH1,
    .BoxAPB .PH2B .PH1 {
        float: none;
        display: inline-block;
        width: auto;
        height: auto;
        padding: 3px 5px;
        border-radius: 12px;
        background: #fff;
        line-height: 1.5;
    }

    .BoxAPB .PageComm {
        width: 100%;
        padding: 5px;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .Box.narrow .BoxSub {
        float: none;
        width: auto;
        margin: 0 10px 10px 10px;
        padding: 5px;
        border-radius: 12px;
        background-color: #e3e3ff;
        background-image: url("../images/Web/Default/BackgroundStripe.gif");
        box-shadow: 1px 1px 3px #999;
    }
    .Box.narrow .BoxSub h1 {
        width: auto;
        padding: 5px;
        border-radius: 12px;
        background-color: #fff;
        background-image: none;
        font-size: 1rem;
        line-height: 1.5;
    }

    .Cart thead {
        display: none;
    }

    .CartB,
    .CartR {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .CartB {
        margin-bottom: 10px;
        padding: 6px;
        border: 1px solid #e0e0ff;
        border-radius: 12px;
        background-color: transparent;
    }

    .CartB td,
    .CartR td {
        display: block;
        padding: 0;
    }

    .CartB td.sp_hide,
    .CartR td.sp_hide {
        display: none;
    }

    .CartB .code,
    .CartB .name {
        display: inline-block;
    }

    .CartB .name {
        margin-left: 5px;
        font-size: 1rem;
        font-weight: bold;
    }

    .CartB .color::before {
        content: '種類：';
        margin-right: 5px;
    }

    .CartB .unit_price {
        text-align: left;
    }

    .CartB .unit_price::before {
        content: '単価：';
        margin-right: 5px;
    }

    .CartB .unit_price.eng::before {
        content: 'UNIT PRICE: ';
    }

    .CartB .quantity {
        text-align: left;
    }

    .CartB .quantity::before {
        content: '数量：';
        margin-right: 5px;
    }

    .CartB .quantity.eng::before {
        content: 'QUANTITY: ';
    }

    .CartB .sum::before {
        content: '小計：';
        margin-right: 5px;
    }

    .CartB .sum.eng::before {
        content: 'SUBTOTAL: ';
    }

    .CartB .without_box.eng::before {
        content: 'without box: ';
    }

    .CartB .with_box.eng::before {
        content: 'with box: ';
    }

    .CartB .delete {
        padding-top:  10px;
        text-align: right;
    }

    .CartR.shipping {
        margin: 0 0 5px 0;
        padding: 0 6px;
        background-color: transparent;
    }

    .CartR.shipping .head {
        font-weight: bold;
    }

    .CartR.shipping .weight span {
        display: inline-block;
        width: 15%;
        padding: 3px 6px;
        border-radius: 12px;
        background-color: #fff;
    }

    .CartR.shipping .weight.without_box.eng::before {
        content: 'without box: ';
    }

    .CartR.shipping .weight.with_box.eng::before {
        content: 'with box: ';
    }

    .CartR.shipping .carriage span {
        display: inline-block;
        width: 15%;
        padding: 3px 6px;
        border-radius: 12px;
        background-color: #fff;
    }

    .CartR.shipping .carriage.unit_price.eng::before {
        content: 'UNIT PRICE: ';
    }


    .CartR.shipping .carriage.quantity {
        text-align: right;
    }

    .CartR.shipping .carriage.quantity.eng::before {
        content: 'QUANTITY: ';
    }

    .CartR.shipping .carriage.subtotal.eng::before {
        content: 'SUBTOTAL: ';
    }

    .CartR.total {
        padding: 5px 6px;
        border-radius: 12px;
    }

    .CartR.total td {
        margin: 5px 0 0 0;
        text-align: right;
    }

    .CartR.total td::before {
        margin-right: 5px;
    }

    .CartR.total td span {
        display: inline-block;
        width: 25%;
        padding: 3px 6px;
        border-radius: 12px;
        background-color: #fff;
    }

    .CartR.total td.head {
        display: inline-block;
        padding: 3px 6px;
        border-radius: 12px;
        background-color: #fff;
        text-align: left;
    }

    .CartR.total .quantity::before {
        content: '商品数量：';
    }

    .CartR.total .quantity.eng::before {
        content: 'TOTAL QUANTITY: ';
    }

    .CartR.total .price::before {
        content: '合計金額：';
    }

    .CartR.total .price.eng::before {
        content: 'TOTAL PRICE: ';
    }

    .CartR.total .weight.without_box.eng::before {
        content: 'without box: ';
    }

    .CartR.total .weight.with_box.eng::before {
        content: 'with box: ';
    }

    form.select_country select {
        width: 100%;
        margin: 15px 0;
    }

    form.select_country .radio {
        margin: 0 0 10px;
    }

    form.select_country .radio input {
        vertical-align: baseline;
    }

    .PageComm .order_notice {
        margin: 5px 0 0 0;
        font-size: .6rem;
    }

    .PageBoxX {
        width: auto;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        padding: 5px;
        border: 1px solid #ff95db;
        border-radius: 12px;
    }

    .PageBoxX .PageBoxXB {
        width: auto;
        padding-right: 0;
        padding-left: 0;
        background-color: transparent;
        background-image: none;
        font-size: .7rem;
    }

    .PageBoxX .CartAten {
        background-color: transparent;
    }

    .Cart {
        width: 100%;
        word-break: normal;
        word-wrap: normal;
    }

    .Cart td {
        display: block;
        padding: 0;
    }

    .Cart td.sp_hide {
        display: none;
    }

    .Cart .th {
        width: 100%;
        margin: 10px 0 5px;
        border-bottom: 1px solid #ccc;
        font-size: 1.2em;
        font-weight: bold;
    }

    .Cart tr:first-child .th {
        margin-top: 0;
    }

    .Cart tr:first-child .th.margin-top,
    .Cart .margin-top {
        margin-top: 10px;
    }

    .Cart .padding-left {
        padding-left: 0;
    }

    .Cart .card_table {
        width: auto;
        margin: 10px 0 0 0;
        border: none;
    }

    .Cart .card_table .th {
        font-size: inherit;
        border-bottom: none;
    }

    .Cart .card_table .input1 {
        width: 100%;
    }

    .Cart .card_table .padding-left {
        padding-left: 0;
    }

    .Cart .card_table .security_code {
        display: block;
        margin-top: 5px;
    }

    .Cart label {
        display: block;
    }

    .Cart label.margin-right {
        margin: 0;
    }

    .Cart.addr.table1 {
        width: 100%;
    }

    .Cart.addr.table1 .th {
        width: 100%;
    }

    .Cart.addr td.sp_hide {
        display: none;
    }

    .Cart.addr .username1 {
        margin-bottom: 5px;
    }

    .Cart.addr .username1::before {
        content: '姓：';
        display: inline-block;
    }

    .Cart.addr .username1.eng::before {
        content: 'FirstName:';
        margin-right: 5px;
    }

    .Cart.addr .username1.eng input {
        width: 95%;
    }

    .Cart.addr .username2 {
        margin-bottom: 5px;
    }

    .Cart.addr .username2::before {
        content: '名：';
        display: inline-block;
    }

    .Cart.addr .username2.eng::before {
        content: 'LastName: ';
        margin-right: 5px;
    }

    .Cart.addr .username2.eng input {
        width: 95%;
    }

    .Cart.addr .userfurigana1 {
        margin-bottom: 5px;
    }

    .Cart.addr .userfurigana1::before {
        content: '姓：';
        display: inline-block;
    }

    .Cart.addr .userfurigana2 {
        margin-bottom: 5px;
    }

    .Cart.addr .userfurigana2::before {
        content: '名：';
        display: inline-block;
    }

    .Cart.addr .userpost {
        margin-bottom: 5px;
    }

    .Cart.addr .userpost::before {
        content: '〒：';
        display: inline-block;
    }

    .Cart.addr .userpost.eng::before {
        content: 'PostalCode: ';
        margin-right: 5px;
    }

    .Cart.addr .userpref {
        margin-bottom: 5px;
    }

    .Cart.addr .useraddress1 {
        margin-bottom: 5px;
    }

    .Cart.addr .useraddress1 input,
    .Cart.addr .useraddress1.eng input {
        width: 95%;
    }

    .Cart.addr .useraddress2 {
        margin-bottom: 5px;
    }

    .Cart.addr .useraddress2 input,
    .Cart.addr .useraddress2.eng input {
        width: 95%;
    }

    .Cart.addr .usercity.eng {
        margin-bottom: 5px;
    }

    .Cart.addr .usercity.eng input {
        width: 95%;
    }

    .Cart.addr .email {
        margin-bottom: 5px;
    }

    .Cart.addr .email input,
    .Cart.addr .email.eng input {
        width: 95%;
    }

    .Cart.addr .email2 {
        margin-bottom: 5px;
    }

    .Cart.addr .email2 input,
    .Cart.addr .email2.eng input {
        width: 95%;
    }

    .Cart.addr .usertel {
        margin-bottom: 5px;
    }

    .Cart.addr .usertel input {
        width: 95%;
    }

    .Cart.addr .message {
        width: 90%;

    }

    .Cart .paysys.eng::before {
        content: 'CREDIT CARD: ';
        margin-right: 5px;
    }

    .Cart .cardname::before {
        content: 'カード名義：';
        margin-right: 5px;
    }

    .Cart .cardname.eng::before {
        content: 'NAME: ';
        margin-right: 5px;
    }

    .Cart .card4::before {
        content: 'カード番号：';
        margin-right: 5px;
    }

    .Cart .card4.eng::before {
        content: 'CARD: ';
        margin-right: 5px;
    }

    .Cart .month_year::before {
        content: '有効期限：';
        margin-right: 5px;
    }

    .Cart .month_year.eng::before {
        content: 'GOOD THRU: ';
        margin-right: 5px;
    }

    .Cart .deliver::before {
        content: '配達方法：';
        margin-right: 5px;
    }

    .PageComm.account {
        width: 100%;
    }

    .PageComm.account .inner,
    .PageComm.account .inner2 {
        margin-right: 0;
        margin-left: 0;
    }

    .back_to_menu_button {
        margin-top: 5px;
        background: transparent;
        text-align: right;
    }

    .BoxAB.footer {
        width: auto;
        height: auto;
        margin-right: 10px;
        margin-left: 10px;
        border-radius: 12px 12px 0px 0px;
    }

    .BoxAB.footer > address {
        font-size: .7rem;
    }

    #add1 a {
        display: inline-block;
        margin-right: .2rem;
        margin-left: .2rem;
    }

    #add2 .add2-1 {
        display: block;
    }

    #add2 .add2-2 {
        display: block;
    }

    #add2 .add2-3 {
        display: block;
    }

    address#sp_only {
        display: block;
        margin: 5px 0;
        font-style: normal;
        text-align: center;
    }

    address#sp_only a {
        display: inline-block;
        margin-right: .2rem;
        margin-left: .2rem;
    }

}