@charset "utf-8";
@media only screen and (min-width: 0) and (max-width: 960px) {

	#wc_new_member #content, #wc_member_completion #content{
		width:auto;
		margin:0 15px;
	}

	#wc_new_member #content h1.member_page_title, #wc_member_completion #content h1.member_page_title{
		letter-spacing: 0.2em;
		font-size: 16px;
		margin-top:30px;
		text-align:center;
	}

	#wc_new_member #content .header_explanation, #wc_new_member #content .footer_explanation{
		color: #aaa;
		padding: 10px 5px;
		font-size: 12px;
		margin: 0 0 15px 0;
	}

	#wc_new_member #customer-info th, #delivery-info table.customer_form th, #wc_new_member #newmember table.customer_form th{
		font-size:10px;
		display:block;
		width:100%;
		text-align:left;
	}

	#wc_new_member #customer-info td, #delivery-info td, #newmember table.customer_form td {
		display:block;
	}

    #newmember table.customer_form td {
        border-top: none;
    }

    #customer-info th, #wc_new_member #customer-info td, #wc_new_member #delivery-info table.customer_form th, #wc_new_member #delivery-info table.customer_form td, #wc_new_member #newmember table.customer_form th {
		padding: 5px 15px;
	}

    #wc_new_member #newmember table.customer_form td {
        padding: 5px;
    }

	#wc_new_member .error_message{
		font-size:12px;
	}

	#wc_new_member #customer-info th p,#wc_new_member #delivery-info table.customer_form th p,#wc_new_member #newmember table.customer_form th p{
		font-size: 12px;
		display: inline;
		color: #fff;
		text-align: left;
	}

	#wc_new_member #customer-info th, #wc_new_member #delivery-info table.customer_form th, #wc_new_member #newmember table.customer_form th{
        border:0;
        background-color: #aaa;
        color:#fff;
        height: auto;
	}

	#wc_new_member #newmember .required {
        float: right;
    }

    #wc_new_member #newmember .required p {
        font-size: 10px!important;
        color: #fff;
        background-color: #111;
        letter-spacing: 0.1em;
        padding: 6px;
        margin-right: 4px;
    }

    body {
        background-color: #F4F4F4;
        line-height:normal;
    }

    #wc_member .catbox .post .entry {
        padding: 0;
    }

    #wc_member .main_info p {
        font-size: 16px;
        letter-spacing: 0;
    }

    #wc_member .main_info p:not(:first-of-type) {
        font-size: 12px;
        margin-top: 5px;
    }

    #wc_member form {
        margin-top: 0;
    }

    #wc_member tbody {
        width: 100%;
    }

    #wc_member #memberinfo tr {
        width: 100%;
    }

    #wc_member #memberinfo th {
        display: table;
        width: 100%;
        height: 25px;
    }

    #wc_member #memberinfo th p {
        letter-spacing: 0;
        padding: 5px;
    }

    #wc_member #memberinfo td {
        padding: 5px 0 5px 5px;
    }

    #wc_member #memberinfo .customer_form input {
        width: 90%;
    }

    #wc_member #memberinfo .customer_form #zipcode,
    #wc_member #memberinfo .customer_form #address1,
    #wc_member #memberinfo .customer_form #address2,
    #wc_member #memberinfo .customer_form #address3,
    #wc_member #memberinfo .customer_form #mailaddress1,
    #wc_member #memberinfo .customer_form #password1,
    #wc_member #memberinfo .customer_form #password2,
    #wc_member #memberinfo .customer_form #tel {
        width: 90%;
    }

    #wc_member #memberinfo .customer_form #member_pref, #wc_member #memberinfo .customer_form #member_country {
        font-size: 12px;
        width: 80%;
    }

    #wc_member #memberinfo td {
        width: 98%;
        display: block;
    }

	#wc_member input.update, #wc_member input.delete {
		width: 100%;
		font-size: 12px;
		margin-top: 10px;
	}

	#wc_member .order_head_label {
        margin: 0 15px;
    }

    #wc_member .history_item {
        margin: 10px 15px 0 15px;
    }

    #wc_member .history_item .item_image {
        float: none;
    }

    #wc_member .history_item .productname,
    #wc_member .history_item .productname a,
    #wc_member .history_item .productname p,
    #wc_member .readmag {
        width: 100%;
    }

    #wc_member .history_item .item_price {
        float: none;
        width: 100%;
        border-left: none;
        padding: 0;
        border-top: 1px solid #aaa;
    }

    #wc_member #memberpages #memberinfo ul {
        padding: 0 10px;
    }

    #wc_member #memberpages #memberinfo ul li {
        float: left;
    }

    #wc_member #memberpages #memberinfo ul li .mark {
        margin: 0 5px;
    }

    #wc_member #memberinfo .history-area {
        margin-bottom: 40px;
    }

    #wc_member #memberinfo .customer_form em {
        display: none;
    }

    #wc_member #memberinfo tr .required {
        float: right;
    }

    #wc_member #memberinfo tr .required p {
        font-size: 12px;
        color: #fff;
        background-color: #111;
        letter-spacing: 0.1em;
    }

    #newmember .customer_form input#mailaddress1,
    #newmember .customer_form input#mailaddress2,
    #newmember .customer_form input#address1,
    #newmember .customer_form input#address2,
    #newmember .customer_form input#address3,
    #wc_new_member #newmember table.customer_form .name_td input[type="text"],
    #newmember table.customer_form input[type="text"] {
        width: 95%;
    }

    #wc_new_member #newmember .customer_form input#mailaddress1,
    #wc_new_member #newmember .customer_form input#mailaddress2,
    #wc_new_member #newmember .customer_form input#address1,
    #wc_new_member #newmember .customer_form input#address2,
    #wc_new_member #newmember .customer_form input#address3,
    #wc_new_member #newmember table.customer_form input {
        height: auto;
        font-size: 12px;
        width: 95%;
    }

    #wc_new_member #newmember .customer_form select, #wc_member #memberinfo .customer_form input, #wc_member .customer_form select {
        height: auto;
        font-size: 12px;
    }

    #wc_member #memberinfo table .retail {
        display: none;
    }

    #wc_member #memberinfo th .fullname + em,
    #wc_member #memberinfo th .email + em {
        display: inline;
    }

    #wc_member_completion .send{
        margin: 30px 0;
    }

    #wc_member_completion .send a {
        float: none;
    }

    #wc_member_completion .send a p {
        padding: 10px 0 ;
        width: 100%;
        margin-bottom: 10px;
    }

    #wc_member_completion .send .back_to_top_button {
        margin-left: 0;
    }

    #wc_new_member p.coution, #wc_member p.coution {
        display: block;
        font-size: 12px;
    }

}