/* =====================================================================
*
*    ユーザー/User
*
* =================================================================== */

/* ---------------------------------
*    共通
*/

.user-unit, 
.point-unit {
	margin-bottom: 2em;
}

.user-unit h2, 
.point-unit h2 {
	padding: .5em;
	background-color: #000;
	color: #fff;
	font-size: 15px;
}

.user-unit h3, 
.point-unit h3 {
	padding: .5em;
	background-color: #fafafa;
	font-size: 14px;
}

.user-unit .user-form {
	margin: 1em auto;
	/*width: 96%;*/
}

.point-unit .point-form {
	margin: 0.5em auto;
}

.user-unit .user-form dt,
.user-unit .user-form dd,
.point-unit .point-form dt,
.point-unit .point-form dd {
	padding: .5em;
	line-height: 1.5;
}

.user-unit .user-form dt,
.point-unit .point-form dt {
	background-color: #ccc;
}

.user-unit .user-form dd dt,
.point-unit .point-form dd dt {
	background-color: transparent;
	border-bottom: 1px solid #000;
	color: #000;
}

.user-unit .msg,
.point-unit .msg {
	padding: .5em;
	line-height: 1.5;
	font-size: 12px;
}

.user-unit .msg p,
.point-unit .msg p {
	line-height: 1.5;
	font-size: 12px;
}

.user-unit .require,
.point-unit .require {
	color: #f00;
	font-weight: bold;
	margin-left: 3px;
}

.user-unit .attention,
.point-unit .attention {
	font-size: 11px;
	color: #f00;
	line-height: 1.5;
	/*padding: .3em;*/
}

.user-unit .no-data,
.point-unit .no-data {
	padding: 1em;
	text-align: center;
}

.user-nav { border-top: 1px solid #EEE; }
.user-nav li {
	width: 100%;
	border-bottom: 1px solid #EEE;
}

.user-nav li a {
	display: block;
	padding: 2em 1em;
}

/* フッターボタン */

.user-footer {
	padding: 0 1em 1em 1em;
}

.user-footer-arrival {
	padding: 0 1em 0 1em;
}

.user-footer div {
	margin-bottom: 1em;
}

.user-footer .button-next .btn {
	padding: 1.5em 0;
	background-color: #000;
	color: #fff;
}

.user-footer-arrival .button-next .btn-arrival {
	padding: 1em 0;
	background-color: #000;
	color: #fff;
}

.user-product-arrival-mail-regist .user-footer-arrival .button-next .btn-arrival
{
	padding: 0.7em 0;
}

.user-footer .button-prev .btn {
	padding: 1.5em 0;
	background-color: #ccc;
	color: #000;
}

/* ---------------------------------
*    会員情報の確認・変更 / UserModifyInput
*/

.user-unit .user-form dd input {
	padding: .5em;
}

.user-unit .user-form dd.extend {
	line-height: 2;
}

.user-form dd.extend ul li.title {
	font-weight: bold;
	border-top: 1px dotted #ccc;
	margin: .3em 0;
}
.user-form dd.extend ul li.title:first-child { border-top: none; }

.user-unit .button {
	margin: 1em 0;
	padding: 1em;
}

.user-unit .btn {
	padding: 1.5em 0;
	background-color: #000;
	color: #fff;
}

.user-unit .checked {
	text-align: center;
	margin: .5em 0;
}

.user-form .attention span {
	display: block;
}

.login .user-form input {
	width: 100%;
}

/* フォームのinput */

.user-form .name input,
.user-form .name-kana input {
	width: 48.5%;
}

.user-form .mail input,
.user-form .mail-confirm input,
.user-form .mobile input,
.user-form .mobile-confirm input,
.user-form .address input {
	width: 100%;
}

.user-form .zip input {
	width: 30%;
}

.user-form .zip .btn-add-search {
	display: block;
	padding: 1em;
	background-color: #000;
	margin: .5em 0;
	width: 50%;
	text-align: center;
	color: #fff;
}

.user-form .birth select {
	width: 25%;
}

.user-form .tel input {
	width: 30%;
}

.user-form .address input,
.user-form .address select,
.user-form .mail input,
.user-form .mobile input { margin-bottom: .2em; }
.user-form .title select { margin-top: .2em; }
.user-form .text textarea { width: 100%; }

/* クレジットカード入力 */
.user-form .card-name input { width: 100%; }
.user-form .card-nums input { width: 100%; }
.user-form .credit-expire select {
	width: 30%;
	margin: 0 .2em;
}

/* ラジオボタン */

.user-form .radio-button ul {
    display: table;
    table-layout: fixed;
    width: 50%;
    margin: 0 auto;
}

.user-form .radio-button ul li {
    display: table-cell;
    width: 50%;
    text-align: center;
}

/* ---------------------------------
*    お気に入り / FavoriteList
*/

.favorite-list .cart-table {
	margin: 1em 0;
	background-color: #fafafa;
}
.favorite-list .cart-table td .delete a { margin-top: 0; }

/* ---------------------------------
*    入荷お知らせメールリスト / UserProductArrivalMailList
*/

.user-product-arrival-mail-list .cart-table {
	margin: 1em 0;
	background-color: #fafafa;
}

.user-product-arrival-mail-list .cart-table .date input {
	width: 60px;
	margin-bottom: 2px;
}

.user-product-arrival-mail-list .cart-table .cancel .btn {
	padding: .5em;
	margin: 0 auto;
}


/* ---------------------------------
*    お届け先住所の追加 / UserShippingList
*/

.user-unit .shipping-list { padding: 0 1em; }
.user-unit .shipping-list ul {
	padding: 1em;
	margin: 1em 0;
	background-color: #fafafa;
}

.user-unit .shipping-list li {
	line-height: 1.5;
	padding: .3em 0;
}

.user-unit .shipping-list li.name {
	background-color: #ccc;
	padding: .3em;
}

.user-unit .shipping-list li.control a {
	display: inline-block;
	width: 47.2%;
	margin: 1%;
	text-align: center;
	padding: .5em 0;
}

/* ---------------------------------
*    定期購入一覧 / FixedPurchase
*/

.fixed-purchase-list .content,
.fixed-purchase-detail .content {
	width: 95%;
	margin: 1em auto;
}

.fixed-purchase-list h3,
.fixed-purchase-detail h3 {
	color: #fff;
	background-color: #000;
}

.fixed-purchase-list .user-unit .user-form dt,
.fixed-purchase-detail .user-unit .user-form dt {
	background-color: #ccc;
	color: #000;
}

.fixed-purchase-list .content > ul > li {
	margin-bottom: 1.5em;
	background-color: #fafafa;
	height: 100%;
}

.user-unit .fixed-id {
	text-align: center;
	padding: .5em 0;
	font-size: 15px;
}

.fixed-purchase-list .button {
	padding: 0;
	margin: 0;
}

.fixed-purchase-list .user-unit .btn {
	padding: .7em;
	width: 50%;
	margin: 1em auto;
}

/* ---------------------------------
*    登録クレジット / UserCreditCard
*/

.user-unit .credit-card-list-wrap {
	padding: 0 1em;
}

.user-unit .credit-card-list {
	padding: 1em;
	margin: 1em 0;
	background-color: #eee;
}

.user-unit .credit-card-list dt {
	float: left;
	clear: left;
	width: 35%;
	padding: .5em;
}

.user-unit .credit-card-list dd {
	margin-left: 40%;
	padding: .5em;
}

.user-unit .credit-card-list .button {
	padding: 0;
	margin-bottom: 0;
}

/* ---------------------------------
*    ポイント履歴一覧 / UserPointHistoryList
*/

.point-history-list .content {
	width: 95%;
	margin: 1em auto;
}

.point-history-list h3 {
	color: #fff;
	background-color: #000;
}

.point-history-list .point-unit .point-form dt {
	background-color: #ccc;
	color: #000;
}

.point-history-list .content > ul > li {
	margin-bottom: 1.5em;
	background-color: #fafafa;
	height: 100%;
}

.point-unit .point-get {
	text-align: center;
	padding: .5em 0;
	font-size: 18px;
	background-color: #FFB6C1;
}

.point-unit .point-use {
	text-align: center;
	padding: .5em 0;
	font-size: 18px;
	background-color: #87CEFA;
}

.point-unit .total tr th {
	text-align: left;
	padding: .1em 0;
}

.point-unit .total tr td {
	text-align: right;
	padding: .1em 0;
}

.point-history-list .button {
	padding: 0;
	margin: 0;
}

.point-history-list .point-unit .btn {
	padding: .7em;
	width: 50%;
	margin: 1em auto;
}

/* ---------------------------------
*    通知メール登録関連
*/
.user-product-arrival-mail-regist
{
	background-color : #f3f3f3;
}

.user-product-arrival-mail-regist .user-form .mail-arrival input
{
	width: initial;
}

.user-form .userReferralCode .btn-copy {
	padding: 0.5em;
	background-color: #000;
	margin: .5em 0;
	width: 50%;
	text-align: center;
	color: #fff;
}