/**
 * WCEX Auto Delivery
 */

@charset "utf-8";

/* Base
	   ========================================================================== */
#wc_regular {
	margin-top: 50px;
	border: none;
	background-color: #ffffff;
}
.wcss_loading {
	display: none;
}
#wc_regular .wcr_tlt {
    padding: 10px 20px;
    background-color: #eee;
    font-weight: bold;
    text-indent: 0;
	font-size: 1.25rem;
	line-height: 1.2;
	color: var(--sps-lpsmt-col);
}
.regular_info {
	display: inline-block;
	margin-top: 1.25rem;
	padding: 1rem;
	color: #333;
	font-size: .875rem;
	border: 2px dotted#aaa;
}
.regular_info_title {
	margin-right: .875rem;
	font-size: .875rem;
	font-weight: normal;
}
.regular_info br {
	display: none;
}
#wc_regular .skuform {
	padding: 0 20px 10px;
	margin: 0;
}
#wc_regular .cart-button {
	margin: 10px 0;
}
#wc_regular .wcr_tlt + .field {
	margin: 0 20px;
}
#wc_regular .autodelivery th {
	width: 6rem;
	text-align: left;
}
dl.item-sku dt {
	margin-bottom: 10px;
}
#wc_regular > .inside .skuform .field + div {
    margin: 10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
#wc_regular > .inside .skuform .field + div .skuquantity {
    padding: 10px;
    margin: 0 8px;
    width: 56px;
    text-align: center;
}
#wc_regular > .inside .skuform .field + div .skubutton {
	margin-top: 20px;
}
.item_option caption {
	margin-bottom: 10px;
}

/* wc_member_page.php
	   ========================================================================== */

.mypage .header-explanation .gotoedit {
	position: relative;
	bottom: -4.3rem;
	text-align: right;
	font-size: .875rem;
}
.mypage .header-explanation .gotoedit a {
	display: inline-block;
	padding-bottom: .25rem;
	border-bottom: 1px solid #333;
}
.mypage .header-explanation .gotoedit a:hover {
	text-decoration: none;
}

/* wc_autodelivery_history_page.php
	   ========================================================================== */

.auto-delivery-page .table-wrap {
	margin-left: 0;
	padding: 0;
	width: 100%;
}
.auto-delivery-page table {
	width: 100%;
	min-width: 800px;
	font-size: .875rem;
	background-color: #fff;
}
.auto-delivery-page table th,
.auto-delivery-page table td {
	text-align: center;
	border: 1px solid #707070;
}
.auto-delivery-page table th {
	padding: .875rem .625rem  .75rem;
	white-space: nowrap;
}
.auto-delivery-page table td {
	padding: .625rem;
}
.auto-delivery-page table td:nth-last-child(1),
.auto-delivery-page table td:nth-last-child(3) {
	white-space: nowrap;
}
.auto-delivery-page table td .item_img {
	display: inline-block;
	margin-right: .625rem;
	width: 120px;
}
.auto-delivery-page table td .item_img img {
	width: 100%;
}
.auto-delivery-page table td .item_content {
	display: inline-block;
	position: relative;
	top: -1.25rem;
	text-align: left;
	width: calc( 100% - 140px );
}
.auto-delivery-page table td .item_content p {
	margin: 0;
}

.auto-delivery-page .send input {
	margin-top: 1.25rem;
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

	/* wc_autodelivery_history_page.php
		========================================================================== */

	.auto-delivery-page .send input {
		margin: 0 .625rem;
	}

}

/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {

	/* wc_member_page.php
		========================================================================== */

	.mypage .header-explanation .gotoedit {
		bottom: -6.7rem;
		font-size: 1rem;
	}

	/* wc_autodelivery_history_page.php
		========================================================================== */

	.auto-delivery-page .send {
		margin-top: 1.25rem;
	}

}

/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {

	/* wc_autodelivery_history_page.php
		========================================================================== */

	.auto-delivery-page .send input {
		margin: 0;
	}

}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

	.item-info .c-box {
		margin: 10px 20px 10px 0;
	}

}
