@charset "utf-8";
/* CSS Document */

@import url(css/cart_member.css);

/**
 * 16.1 Mobile Large 30em
 */
@media screen and (min-width: 481px) {

	/* =cart
	-------------------------------------------------------------- */
	
	/*---- customer_form ---*/
	.customer_form {
		margin-bottom: 1.071428em;
	}
	.customer_form tr {
		display: table-row;
		margin-bottom: 0;
		padding: 0;
		border: none;
	}
	.customer_form th {
		display: table-cell;
		width: 25%;
		border: 1px solid;
		vertical-align: middle;
	}
	.customer_form td {
		display: table-cell;
		padding: .357143em 1.071428em;
		border: 1px solid;
		vertical-align: middle;
	}
	.customer_form tr.inp1 td {
		display: table-cell;
		width: auto;
		margin-bottom: 0;
	}
	.customer_form input[type="password"] {
		display: inline-block;
	}
	
	/* =wc_member_page.php
	-------------------------------------------------------------- */
	.member_submenu a {
		width: auto;
	}
	.member-page .send {
		padding-top: 1.42857em;
	}		
	#memberinfo table {
		display: table;
		font-size: 1em;
		font-weight: normal;
	}
	#memberinfo table tbody {
		display: table-row-group;
	} 
	#memberinfo table tr	{
		display: table-row;
	}
	#memberinfo th {
		display: table-cell;
		font-weight: bold;
	}
	#memberinfo td {
		display: table-cell;
	}
	#memberinfo #history_head {
		font-size: 1em;
	}
	#memberinfo #history_head th {
		font-size: 1em;
		white-space: nowrap;
	}
	#memberinfo #history_head td,
	#memberinfo .retail th,
	#memberinfo .retail td {
		font-size: 1em;
		padding: .35715em;
	}
	.member-page #memberinfo .send input.editmember {
		margin: 0;
	}
	.member-page #memberinfo .send input.deletemember {
		margin-top: 0;	
	}	
	#memberinfo .customer_form th {
		display: table-cell;
		width: 30%;
		padding: .35715em 1.0714em;
		border: 1px solid;
		vertical-align: middle;
	}
	#memberinfo .customer_form td {
		display: table-cell;
		/*padding: .35715em 1.0714em;*/
		border: 1px solid;
	}
	#memberinfo .customer_form tr.inp1 td {
		display: table-cell;
	}
}


/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 40em) {
	/* =item-single.php
	-------------------------------------------------------------- */
	#itempage #img-box {
		width: 40%;
		float: left;
		margin-bottom: 0;
	}
	#img-box .itemsubimg a,
	#img-box .itemsubimg span {
		width: 30.333%;
	}
	.detail-box {
		width: 53%;
		float: right;
	}
	#itempage .item-info {
		clear: both;
	}
	.item-info .skuform {
		margin: 0 0 2.85714em;
	}
	.item-info .skubutton {
		padding: 1.071428em 2.142856em;
	}
	.item-info .field {
		text-align: right;
	}
	.item-info .zaikostatus,
	.item-info .field_price {
		margin-bottom: .357143em;
		float: none;
	}
	.assistance_item li {
		width: 22%;
		margin-right: 4%;
		padding: 1.42857em 0 0;
	}
	.assistance_item li:nth-child(even) {
		margin-right: 4%;
	}
	.assistance_item li:nth-child(4n) {
		margin-right: 0;
	}

	/* =cart
	-------------------------------------------------------------- */
	.cart_page_title {
	/*
		font-size: 1.285714em;
		margin: 0 0 2.22222em;
		line-height: 1.285714em;*/
	}
	div.cart_navi li {
		width: 24.5%;
		font-size: 1em;
	}
	#cart_table .thumbnail {
		display: table-cell;
	}
	
	/* =wc_cart_page.php
	-------------------------------------------------------------- */
	.ui-dialog {
		width: 400px !important;
	}

	/* =wc_confirm_page.php
	-------------------------------------------------------------- */
	#wc_confirm .send input#back_button {
		margin-bottom: 0;
	}

	/* =member
	-------------------------------------------------------------- */
	.member_page_title {
	}
	#wc_login .error_message,
	#wc_member .error_message,
	#wc_changepassword .loginbox,
	#wc_changepassword .error_message,
	#wc_lostmemberpassword .loginbox,
	#wc_lostmemberpassword .error_message {
		width: 50%;
	}
	#wc_login .loginbox,
	#wc_changepassword .loginbox,
	#wc_lostmemberpassword .loginbox {
		margin: 0 auto;
		padding: .714286em 2.14285em;
		font-size: 1em;
	}
	#wc_login .loginbox {
		width: 50%;
	}
	.loginbox .submit,
	#wc_lostmemberpassword #nav a {
		font-size: 1em;
	}
	#wc_newcompletion #memberpages p a,
	#wc_lostcompletion #memberpages p a, 
	#wc_changepasscompletion #memberpages p a {
		font-size: 1em;
		margin: 1.0714em 0 0;
		padding: .714286em 1.42857em;
	}
}


/**
 * 16.2 Tablet Small 42.5em
 */
@media screen and (min-width: 681px) {
	
	/* =wc_member_page.php
	-------------------------------------------------------------- */
	#content #memberpages table.mem_info th,
	#content #memberpages table.mem_info td {
		width: auto !important;
		display: table-cell;
	}
	#memberinfo .space {
		display: table-cell !important;
	}
	#memberinfo .scroll {
		white-space: normal;
	}
	.member-page #memberinfo .send input.top,
	.member-page #memberinfo .send input.editmember,
	.member-page #memberinfo .send input.deletemember {
		padding: 1.071428em 2.142856em;
	}


/**
 * 16.2 Tablet Small 740px
 */


	/* =item-single.php
	-------------------------------------------------------------- */

	.item-info .item-option dt,
	.item-info .itemGpExp dt {
		width: 25%;
		display: inline-block;
		margin-bottom: .714286em;
		vertical-align: top;
	}
	.item-info .item-option dd,
	.item-info .itemGpExp dd {
		width: 65%;
		display: inline-block;
		margin-bottom: .714286em;
		padding-left: 3%;
		border-left: 1px solid #ccc;
	}
	.item-info .field {
		padding-bottom: 0;
	}


	/* =cart
	-------------------------------------------------------------- */
	
	/*--- cart_table ---*/
	.cart-page .send {
		padding-top: 1.42857em;
	}
	#cart_table .stock {
		display: table-cell;
		white-space: nowrap;
	}


	/* =wc_confirm_page.php
	-------------------------------------------------------------- */
	
	/*---- confirm_table ---*/
	#confirm_table th {
		display: table-cell;
		width: 30%;
		padding: .357143em 1.071428em;
		border: 1px solid;
		vertical-align: middle;
	}
	#confirm_table td {
		display: table-cell;
		padding: .357143em 1.071428em;
		border: 1px solid;
	}
	#confirm_table .ttl h3 {
		background: none;
		margin: 0;
		padding: 0;
	}

	
	/* =wc_new_member_page.php + wc_customer.php
	-------------------------------------------------------------- */
	
	.agree_member_area {
		width: 70%;
		margin: 1.42857em auto 0;
	}



/**
 * 16.3 Tablet Large 880px
 */
	/* =cart
	-------------------------------------------------------------- */
	#cart_table .num {
		display: table-cell;
	}

	/* =wc_login_page.php
	-------------------------------------------------------------- */
	#wc_login .loginbox {
		width: 50%;
	}
	#wc_login .loginbox #nav {
		background: none;
	}


/**
 * 16.4 Desktop Small 1000px
 */


	/* =item-single.php
	-------------------------------------------------------------- */
	
	/*---- imgblock ---*/
	#itempage #img-box {
		max-width: 300px;
		margin-bottom: 2.142856em;
	}
	#itempage .item-description {
		margin-bottom: 2.142856em;
	}

	/*---- item-option ---*/
	.item-info .item-option select[multiple] {
		width: 100%;
	}
	
	/*---- assistance_item ---*/
	.assistance_item h3 {
		margin: 2.142856em 0 0;
	}

	
	/* =wc_customer_page.php
	-------------------------------------------------------------- */
	
	/*---- customer_form ---*/
	.customer_form select {
		width: 32%;
	}
	

	/* =member
	-------------------------------------------------------------- */		
	#memberinfo h3 {
		margin-top: 2.142856em;
	}
	#memberinfo th {
		padding: .714286em;
	}
	#memberinfo td {
		/*padding: .357143em 1.071428em;*/
	}

	/*---- history-area ---*/
	#memberinfo .history-area {
		max-height: 500px;
		margin-bottom: 2.85714em;
		padding: 1.42857em 1.42857em 0 0;
		overflow-y: scroll;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;	
	}
	
	/*--- wc_login  ---*/	
	#wc_login .loginbox .new-entry #nav a, 
	#wc_member .loginbox .new-entry #nav a,
	#wc_lostmemberpassword #member_login,
	#wc_lostmemberpassword #nav a,
	#wc_newcompletion #memberpages p a,
	#wc_lostcompletion #memberpages p a,
	#wc_changepasscompletion #memberpages p a,
	#wc_newcompletion .send a,
	#wc_lostcompletion .send input,
	#wc_lostcompletion .send a,
	#wc_changepasscompletion .send a {
		padding: 1.071428em 2.14286em;
	}

}