@media only screen and (max-width: 549px) {
    /*anhdth*/
    .memberinfo-arlet{
    padding-top: 0;
    }
    .table-separate-sp{
        width: 100% !important;
     }
    .close-left-menu{
        display: initial;
    }
    .show-large {
        display: none;
    }
    .show-small-sp {
        display: block !important;
    }
    .logout-sp {
        display: inline-block;
        vertical-align: middle;
    }
    span.logout-sp {
        margin-right: 15px;
    }
    .yellow-box tr {
        display: flex;
        flex-direction: column;
    }
    .yellow-box td {
        display: block;
        width: 100% !important;
        padding: 0 15px;
    }
    .logout-pc {
        display: none !important;
    }
    .txt-right {
        text-align: right;
    }
    .break-txt {
        word-break: break-all;
    }
    .md-600 {
        display: none;
    }
    .show-md-600 {
        display: block;
    }
    .w-100-sp480 {
        width: 100% !important;
    }
    .table-input-mem>tbody>tr {
        display: flex;
        flex-direction: column;
    }
    .table-input-mem>tbody>tr>td {
        display: block !important;
    }
    .group-input-radio td:nth-of-type(4) {
        padding-bottom: 0;
    }
    .group-input-radio td {
        padding-bottom: 0;
    }
    .birthday-note {
        padding-bottom: 10px !important;
    }
    .group-input-radio label {
        padding-top: 0;
    }
    .input-birthday {
        margin-bottom: 0;
    }
    .birth-row .form-group {
        margin-bottom: 0;
    }
    .note-birthday,
    .note-padding-sp {
        padding-bottom: 10px;
    }
    /*.birth-row td:nth-of-type(3), .birth-row td:nth-of-type(5) {
        width: 20% !important;
    }
    .birth-row td:nth-of-type(7) {
        width: 50% !important;
    }*/
    .birthday-tbl {
        width: 365px !important;
    }
    .birth-row td:nth-of-type(2n) {
        width: 0 !important;
    }
    input#confirmMailId {
        width: 100% !important;
    }
    .name-field tr td:nth-of-type(2) {
        width: 20px !important;
    }
    .for-sp {
        display: inherit;
    }
    input#membershipId,
    input#entrynumber {
        width: 200px !important;
    }
    p.member-input-btn.member-input-btn-back {
        float: right;
        margin-right: 5px;
    }
    p.member-input-btn.member-input-btn-agree {
        margin-left: 5px;
    }
    .birthday-tbl {
        width: 100%;
        margin-bottom: 10px;
    }
    .for-320 {
        display: none;
    }
    .img_logo {
        margin: 0 auto !important;
        display: block;
    }
    .w-100,
    .table_spacing,
    .table_spacing tr td {
        width: 100% !important;
    }
    .logo {
        width: 100% !important;
    }
    .delete_sp {
        display: none;
    }
    .step {
        display: block;
        width: 95%;
        max-width: 450px;
    }
    .members_card_input2 {
        margin: 10px auto !important;
        display: block;
        max-width: 304px;
        width: 100%;
    }
    .w_100_auto {
        margin: 0 auto !important;
        width: 100%;
    }
    .w_95 {
        width: 95% !important;
        /* border: 0; */
        /* margin-top: 15px; */
    }
    .memlogin-text {
        white-space: normal !important;
        margin-top: -3%;
    }
    .h_auto {
        height: auto !important;
    }
    .h_100 {
        height: 100px !important;
    }
    .input_sp {
        display: block;
        width: 100% !important;
        max-width: 420px;
    }
    .btn_w {
        max-width: 262px;
        width: 100%;
        display: block;
        height: auto !important;
    }
    .form-horizontal .control-label {
        margin-top: 3% !important;
    }
    .input_sp input[type=text] {
        width: 100% !important;
    }
    label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
        padding-bottom: 1%;
    }
    .label_userShop label {
        width: 85% !important;
    }
    .label_userShop input {
        width: 15% !important;
    }
    .delete_margin_left {
        margin-left: 0px !important;
    }
    p.hide {
        display: block !important;
        padding-top: 2% !important;
    }
    .btn_table tr td {
        width: 50% !important;
    }
    .spacing_footer {
        height: 30px !important;
    }
    #footer {
        width: 100%;
        margin: 0 auto;
        border-left: 1px solid #bfbfbf;
        border-right: 1px solid #bfbfbf;
        border-top: 1px solid #bfbfbf;
        padding: 10px 0px 5px 0;
    }
    #footer_mp {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0px 5px 0;
        border-top: 1px solid #bfbfbf;
        border-left: 0px solid #bfbfbf;
        /* position: absolute; */
        right: 0;
        bottom: 0;
        left: 0;
        border: none;
    }
    .clear {
        clear: both;
    }
    .margin_top {
        margin-top: -5% !important;
    }
    #footer ul {
        text-align: center;
        width: 95%;
        margin: 0 auto;
    }
    #footer_mp .copyright {
        text-align: center;
        /*width: 95%;*/
        margin: 0 auto;
    }
    #ftr {
        width: 100% !important;
        height: 35px;
        margin: 0 auto;
        font-size: 9px;
        line-height: 14px;
        color: #333333;
        text-align: right;
        border: 0px solid #bfbfbf;
        border-top: 1px solid #bfbfbf;
    }
    .margin_top_2 {
        margin-top: -2% !important;
    }
    .btn_table {
        margin-left: 0px;
    }
    .forgot {
        font-size: 12px;
    }
    .h_20 {
        height: 20px !important;
    }
    .h_30 {
        height: 30px !important;
    }
    .h_10 {
        height: 10px !important;
    }
    .h_15 {
        height: 15px !important;
    }
    .h_40 {
        height: 40px !important;
    }
    .trans {
        width: 95%;
        max-width: 478px;
    }
    .trans-btnbranchinfo1 {
        width: 80%;
        max-width: 54px;
    }
    .trans-btnbranchinfo2 {
        width: 20%;
        max-width: 424px;
    }
    table.table-separate,
    table.table-separate tr th,
    table.table-separate tr td {
        border: 1px solid #ffffff;
        padding: 3px 5px 3px 5px !important;
        word-wrap: break-word;
        white-space: normal;
    }
    table.table-separate tr th {
        width: 34% !important;
        max-width: 102px;
        min-width: 102px;
    }
    .w_4 {
        width: 4% !important;
    }
    .w_96 {
        width: 96% !important;
    }
    .w_30 {
        width: 30% !important;
    }
    .w_10 {
        width: 10% !important;
    }
    .w_70 {
        width: 70% !important;
    }
    .mg_top_1 {
        margin-top: 1%;
    }
    .mg_bottom_1 {
        margin-bottom: 1%;
    }
    .mg_top_2 {
        margin-top: 2%;
    }
    .mg_bottom_10 {
        margin-bottom: 10% !important;
    }
    /*messageservicetop - anhdth*/
    #container {
        width: 100% !important;
        margin: 0 auto !important;
        border: 0;
        position: relative;
    }
    #top {
        padding: 15px !important;
    }
    #topIndex,
    table#loginTop {
        width: 100% !important;
    }
    .contents-main {
        padding-left: 0 !important;
    }
    #loginTop td,
    #topIndex td {
        width: auto;
    }
    #mycustomscroll2 {
        width: 100% !important;
    }
    .message {
        position: relative;
    }
    .w-red {
        margin-top: 0px !important;
    }
    input#firstName,
    input#lastName,
    input#phoneticFirstName,
    input#phoneticLastName {
        width: 100% !important;
    }
    /*select#month, select#year,*/
    /*select#day {*/
    /*margin-right: 25px;*/
    /*}*/
    select#prefectures,
    input#municipality,
    input#address,
    input#apartmentMansion,
    input#mailId,
    input#confiromMailId,
    input#passWord,
    input#confirmPassword {
        width: 100% !important;
    }
    .col-xs-12.form-group {
        padding-right: 0px;
    }
    #mycustomscroll2 td {
        padding: 10px !important;
    }
    div#specialService ul li#ss1 a {
        width: 100%;
        background-size: 100% auto !important;
        height: auto;
        padding-top: 8%;
        max-width: 479px;
        margin: 0 auto;
    }
    div#infoService ul li.is a,
    div#pointExchange ul li.pe a,
    div#membersInfo ul li.mi a {
        width: 93%;
        background-size: 100% auto !important;
        height: auto;
        max-width: 478px;
        margin: 0 auto;
        padding: 3.5%;
    }
    .m_auto {
        margin: 0 auto;
        display: block;
    }
    .mw_479 {
        max-width: 479px;
    }
    .mw_480 {
        max-width: 480px;
    }
    .mw_478 {
        max-width: 478px;
    }
    .onlineshopping {
        width: auto;
        margin: 0 auto;
    }
    .onlineshopping td {
        width: 49% !important;
    }
    .onlineshopping td a {
        width: 100%;
        display: block;
    }
    .box_message {
        padding: 10px;
    }
    .box_message tr td,
    .tb_message tr td {
        width: auto;
    }
    /*#mycustomscroll2_mcontentwrapper{
        top: -20px !important;
    }*/
    .onlineshopping td img {
        width: 98%;
        height: auto;
    }
    #specialService {
        margin-bottom: 20px !important;
    }
    #infoService ul li {
        margin-bottom: 1% !important;
    }
    #infoService,
    #pointExchange {
        margin-bottom: 30px !important;
    }
    /*brandinformation - anhdth*/
    #email_brandinfo {
        width: 100% !important;
        /*max-width:477px;*/
        border: 0px !important;
        padding: 0px !important;
    }
    #email_brandinfo tr th {
        width: 20% !important;
        max-width: 102px;
        min-width: 102px;
    }
    #registeredstore {
        width: 100% !important;
        /*max-width:477px;*/
        border: 0px !important;
        padding: 0px !important;
    }
    .yajirushi-brandinfo {
        width: 100%;
        max-width: 250px;
        margin-bottom: 3%;
    }
    .yajirushi-brandinfo img {
        margin: 0 auto;
        display: block;
    }
    .show-md-600 {
        display: none;
    }
    /*pointexchange - anhdth*/
    #tb-pointexchange {
        width: 100% !important;
        /*max-width:477px;*/
        border: 0px !important;
        padding: 0px !important;
    }
    #tb-pointexchange tr td {
        width: auto !important;
    }
    /*myht*/
    .msg-box {
        padding: 10px;
    }
    .space-15-sp {
        height: 15px !important;
    }
    .space-10-sp {
        height: 10px !important;
    }
    .space-40-sp {
        height: 40px;
    }
    .h-auto-sp {
        height: auto !important;
    }
    .mb-20-sp {
        margin-bottom: 20px !important;
    }
    .confrm-card-content {
        margin-left: 0 !important;
        width: 100%;
    }
    .btn-card-sp {
        width: 100%;
        max-width: 409px;
        display: block;
        margin: 0 auto !important;
    }
    .bottom-line-dot td {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .show-sp {
        display: block;
    }
    .footer-space {
        height: 50px !important;
    }
    .img-card-sp {
        width: 80%;
        max-width: 383px;
        display: block;
        margin: 20px auto !important;
    }
    .mt-20-sp {
        margin-top: 20px !important;
    }
    .mt-10-sp {
        margin-top: 10px !important;
    }
    .confirm-member-info {
        margin-left: 0;
    }
    .btn-go-pagetop {
        max-width: 262px;
    }
    #prefectures {
        padding-bottom: 5px;
    }
    .mbr-info-table tr input,
    .mbr-info-table tr select {
        max-width: 300px;
    }
    /*#hdr {*/
    /*display: none;*/
    /*}*/
    #container {
        width: 100%;
        margin: 0 auto;
        border: 0;
    }
    .logo-wrap {
        z-index: 9999999;
        width: 100%;
        text-align: center;
    }
    .show-sp .hdr-logo {
        float: none;
        display: inline-block;
        background: #fff;
        margin-top: -38px;
    }
    #hdr {
        height: auto;
        padding: 0;
    }
    ul.hdr-navi li {
        text-indent: 0;
        padding: 0 !important;
        height: auto !important;
    }
    ul.hdr-navi li a {
        width: 100% !important;
        background: 0 !important;
        color: #fff !important;
        padding: 15px;
        text-decoration: none !important;
    }
    .mean-container .mean-nav ul li a:hover {
        background: 0;
    }
    ul.hdr-navi {
        height: auto;
    }
    #ttl {
        width: 100%;
    }
    .mean-container .mean-bar {
        background: #fff !important;
        border-bottom: 1px solid #bfbfbf;
    }
    .mean-container a.meanmenu-reveal {
        color: #000 !important;
    }
    .mean-container a.meanmenu-reveal span {
        background: #000 !important;
    }
    .table-sp {
        display: table-cell;
    }
    table.table-member-input-res.w-100 {
        margin-left: 0px !important;
    }
    /*jadore*/
    .jadore-header {
        min-width: 0;
        margin: 0 auto;
        border-bottom: 3px solid #000;
        padding-bottom: 0;
    }
    .jadore-header-copy {
        width: 100%;
    }
    #JaDore {
        min-width: 0;
    }
    .jadore-logo-img {
        max-width: 174px;
        height: auto;
    }
    .page-title {
        width: 100%;
    }
    .jadore-title-logo {
        position: relative !important;
        margin: 15px auto !important;
        width: 30%;
        left: auto !important;
        top: auto !important;
    }
    .jadore-title-logo img {
        width: 100%;
    }
    .jadore-header-copy {
        background-position-x: 2%;
        height: auto;
    }
    #JaDore #container_form {
        width: 95%;
    }
    #form_content {
        margin: 20px auto 0;
    }
    #container_form h1 {
        margin-bottom: 15px;
    }
    .btn_next {
        display: block;
        width: 100%;
        max-width: 482px;
        margin: 0 auto;
    }
    .btn_next img {
        width: 100%;
        height: auto;
    }
    .member-benefit {
        display: flex !important;
        justify-content: space-between;
    }
    /*.member-benefit li {*/
    /*height: auto !important;*/
    /*}*/
    /*.member-benefit li:first-child {*/
    /*padding: 7px !important;*/
    /*width: 30% !important;*/
    /*}*/
    /*.member-benefit li:nth-of-type(2n) {*/
    /*margin-left: auto !important;*/
    /*height: auto !important;*/
    /*box-sizing: border-box;*/
    /*min-height: 40px;*/
    /*width: 67.4% !important;;*/
    /*}*/
    .member-benefit {
        display: block !important;
        width: 100%;
        max-width: 500px;
        display: block;
        margin: 0 auto 10px !important;
    }
    .member-benefit li {
        width: 100% !important;
    }
    .member-benefit li:first-child {
        padding: 7px !important;
    }
    .member-benefit li:nth-of-type(2n) {
        margin-left: auto !important;
        height: auto !important;
        box-sizing: border-box;
        min-height: 40px;
        padding: 10px !important;
    }
    .menu-footer li {
        float: none;
        width: 100%;
    }
    .menu-footer li a {
        width: 100%;
        padding: 10px 10px 10px 20px !important;
        border-bottom: 1px solid #fff;
        display: block;
        box-sizing: border-box;
        background-position-x: 10px !important;
    }
    .footerNav {
        padding-top: 0 !important;
    }
    .mw-0 {
        min-width: 0 !important;
    }
    #JaDore .copyright {
        margin-top: 0;
        padding: 10px;
        background-image: none;
        text-align: center;
    }
    .copyright .show-sp {
        display: inline-block !important;
        vertical-align: middle;
        margin-right: 5px;
    }
    .mean-container .mean-nav ul li {
        overflow: hidden;
    }
    .mbr-confirm-table tr td:first-child {
        width: 25% !important;
    }
    .store-border-table {
        width: 100%;
        margin: 0 auto;
    }
    .stock-note {
        padding-left: 0px;
    }
    .store-inner#top {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .stock-label {
        padding: 0;
    }
    table.table-result.table-result-stock {
        width: 737px;
    }
    #hdr.hdr {
        height: 50px;
    }
    #hdr.hdr .hdr-logo {
        float: none;
        display: block;
        margin: 9px auto auto;
    }
    /*.store-table-1 table.table-search tr td:first-child{
        width: 30%!important;
    }*/
    .store-table-1 table.table-search tr td:last-child {
        width: 330px !important;
    }
    .store-table-1 table.table-search tr td select,
    #partNumber {
        width: 100% !important;
        max-width: 170px;
    }
    .store-border-table .input-search {
        width: 85px;
    }
    .login-btn img {
        width: 48%;
        max-width: 242px;
    }
    .login-btn img:first-child {
        margin-right: 2%;
    }
    .h_auto_sp {
        height: auto !important;
    }
    .member-input-step {
        height: 80px !important;
    }
    .member-input-btn {
        width: 85%;
        max-width: 250px;
        padding: 4.5% 0;
        font-size: 15px;
        margin: 0;
    }
    .mem-input-btn-group {
        width: 50%;
    }
    .member-input-btn-back {
        margin-left: 0;
    }
    .group-btn-input {
        width: 70%;
    }
    .confirm-list-input td:first-child {
        width: 20%;
    }

    /*tuanpha*/
    .button-left-menu {
        background: #000000;
        color: #ffffff;
        cursor: pointer;
        position: fixed;
        right: 0;
        bottom: 10px;
        font-size: 16px;
        font-weight: bold;
        padding: 15px 10px !important;
        z-index: 3;
        letter-spacing: 2px;
    }
    .left-menu {
        position: fixed;
        background: #ffffff;
        width: 230px;
        padding: 15px;
        right: -280px;
        top: 91px;
        border: 1px solid #bfbfbf;
    }
    .left-menu-active {
        right: 0px;
    }
    .button-left-menu-hidden {
        display: none;
    }
    .close-left-menu {
        position: absolute;
        right: 10px;
        font-weight: bold;
    }
    .img-close {
        width: 15px;
        height: 15px;
    }
    .for-pc {
        display: none;
    }
    #top {
        padding: 15px;
    }
    .contents-main {
        padding-left: 0px;
    }
    td#left-menu {
        z-index: 3;
    }
    table#topIndex {
        width: 100%;
    }
    table.table-separate {
        width: 100%;
    }
    .left-menu-scroll {
        overflow: auto;
    }
    table.table-separate.w-100 {
        table-layout: fixed;
    }
    .table-contact td {
        text-align: center
    }
    table.table-password-inquiry {
        width: 100%;
    }
    .message-day,
    .message-content {
        padding: 10px;
    }
    table.resign {
        width: 100%;
    }
    table.resign table {
        width: 100%;
    }
    table.resign textarea.field322t {
        width: 100%;
    }
    table-sp {
        display: table-cell;
    }
    .iframePort{
    	width: 1px;
        min-width: 100%;
        *width: 100%;
    }
    .iframePort-memberInfo{
        width: 1px;
        height: 200px;
        min-width: 100%;
        *width: 100%;
    }
    .table-purchase{
	 width: 100%
	}
	.purchase-container{
 		width: 100%
	}
	/* Update code fix CR #7865 - 2019/02/14 */
	.email-magazine {
    padding-bottom: 0px !important;
	}
}

@media only screen and (max-width: 510px) {
    /*.hidden-510{*/
    /*display: none;*/
    /*}*/
    .pd-title {
        padding: 0px 0 0px 28px !important;
    }
    /*membershipregistration - anhdth*/
    .trans-20 {
        max-width: 95px;
        width: 100% !important;
        min-width: 50px;
    }
    .trans-50 {
        max-width: 255px;
        width: 80% !important;
    }
    .trans-30 {
        max-width: 128px;
        width: 20%;
    }
    .line-postalcode {
        width: 20px;
    }
    .md-left-10 {
        margin-left: 10px;
    }
    .md-left-50 {
        margin-left: 50px;
    }
    .md-left-70 {
        margin-left: 70px;
    }
    .w-200 {
        width: 200px;
    }
    /*.show-510{*/
    /*display: block;*/
    /*}*/
    .mgr-15 {
        margin-right: 15px;
    }
    .mgl-13 {
        margin-left: 13px;
    }
}
/*Fix 28/6*/
@media (min-width: 364px ) and (max-width: 549px) {
	.memberinfo-01 .birthday-01 {
		width: 70% !important;
	}

	.memberinfo-01 .input-number-01 {
   		width: 50px !important;
	}

	.memberinfo-01 .input-number-02 {
		width: 65px !important;
	}
}
@media screen and (max-width: 549px) {
	.memberinfo-01 .memberinfo-required-01 {
		padding-left: 0;
		width: auto;

	}

}

@media screen and (max-width: 329px) {
	.memberinfo-01 table {
		width: 289px !important;
	}

	.memberinfo-01 .left-01 {
		width: 37% !important
	}
}

@media only screen and (max-width: 480px) {
    .jadore-header-copy {
        background: 0;
    }
    .mail-input-table {
        width: 100% !important;
        max-width: 250px;
    }
    .login-form {
        width: 100%;
        max-width: 350px;
    }
    .mail-change-table {
        width: 100%;
    }
    .login-form-label {
        display: block;
        width: auto;
    }
    .login-form-input {
        width: 100%;
    }
    .login-btn {
        margin-top: 35px;
    }
    .birthday-tbl {
        width: 100% !important;
    }
    #after4geta.meminput-address-field {
    	width: 60px !important;
        margin: auto 15px auto 5px;
    }
    .meminput-address-field {
        width: 50px !important;
    }
    .group-btn-input {
        width: 100%;
    }
    .confirm-list-input td:first-child {
        width: 35%;
    }
    .mbr-info-table tr td {
        display: block !important;
    }
    .mbr-info-table tr {
        display: flex;
        flex-direction: column;
    }
    .mbr-info-table tr td {
        padding-bottom: 0;
    }
    .mbr-info-table tr {
        margin-bottom: 15px;
    }
    .mbr-info-table tr td:nth-of-type(1) {
        width: 100% !important;
    }
    .mbr-info-table tr td:nth-of-type(2) {
        width: 100% !important;
    }
    .mbr-info-table tr td:nth-of-type(3) {
        width: 100% !important;
    }
    .mbr-info-table tr:first-child td,
    .mbr-info-table tr td {
        vertical-align: middle !important;
    }
    .group-input-1 p,
    .group-input-2 p {
        margin-bottom: 5px;
    }
    .group-input-1 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .group-input-2 {
        width: 100%;
    }
    .mbr-info-table tr:first-child td:first-child span,
    .mbr-info-table tr:first-child td:nth-of-type(3) span {
        margin-bottom: 0;
        display: inline-block;
    }
    .mbr-info-table tr td label {
        padding-top: 0;
    }
    .mbr-info-table tr td label {
        padding-bottom: 0;
    }
    .mbr-info-table tr td p {
        margin-bottom: 0;
    }
    .mbr-info-title {
        margin: 20px auto;
    }
}

@media only screen and (max-width: 346px) {
    input#membershipId,
    input#entrynumber {
        width: 180px !important;
    }
    /*tuanpha*/
    .for-not-320 {
        display: none
    }
    .for-320 {
        display: table-cell;
    }
    .for-ip {
        display: table-row;
    }
    .meminput-address-field {
        width: 100% !important;
    }
    #after4geta.meminput-address-field {
    	width: 50px !important;
        margin: 0;
    }
}

@media only screen and (max-width: 320px) {
    .mbr-info-table tr input,
    .mbr-info-table tr select {
        max-width: 250px;
    }
    .for-320 {
        display: inline;
    }
}