@charset "utf-8";

/* +++++++++++++++++++++++++++++++

mypage.css

+++++++++++++++++++++++++++++++ */

/*レイアウト
-----------------------------------*/
#myPageMenu {
	float: left;
	margin-right:20px;
}
#main.mypage,
.main-box,
.main-box2 {
    float: right;
    width: 720px;
    margin-top: 10px;
}
#sub.mypage {
    width: 240px;
    margin-top: 10px;
}

#main.mypage p {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.6;
}

/*マイページトップ
-----------------------------------*/
.welcome strong { margin-right: 0.3em; }
.mymenu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mymenu li {
    float: left;
    width: 323px;
    margin: 0 15px 15px 0;
}
.mymenu a {
    display: block;
    height: 47px;
    padding-left: 20px;
    background: url(/ec/images/mypage/bg_mymenu.png) no-repeat left top;
    font-size: 16px;
    font-weight: bold;
    line-height: 47px;
}
.mymenu a:hover {
    background-position: left -47px;
    filter:alpha(opacity=100);
    opacity: 1;
}

/*会員登録情報
-----------------------------------*/
.btn_oversea { text-align: right; }
.btn_oversea a {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    padding: 5px 30px 5px 20px;
    border: none;
    border-radius: 3px;
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.btn_oversea a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/common/ico_arrow_rw.png) no-repeat left top;
    content: " ";
}


/*アドレス帳
-----------------------------------*/
.Read span { color: #fb6600; }
.SelectMenu {
    border: 1px dotted #cbcbcb;
}
.SelectMenu dl {
   margin: 15px;
}
.SelectMenu dt {
    display: inline-block;
    margin-right: 10px;
}
.SelectMenu dd {
    float: right;
    margin-left: 0;
}
.SelectMenu input {
    display: inline-block;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 20px 6px;
    border: none;
    border-radius: 3px;
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.AreaButton {
    background: #f5f5f5;
    text-align: center;
}
.AreaButton input {
    padding: 3px 10px;
    border: none;
    border-radius: 4px;
    background: #666;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.AreaButton input:not(:first-child) { margin: 10px 0 0; }


/*お気に入り
-----------------------------------*/
.body-box .closet table {
    width: 100%;
    border-bottom: 2px solid #c9c9c9;
}
.closet .products a {
    color: #004691;
    text-decoration: underline;
}
.closet input {
    padding: 3px 10px;
    border: none;
    border-radius: 4px;
    background: #666;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.body-box .closet th {
    padding: 10px 0 10px 10px;
    border-top: 2px solid #c9c9c9;
    background: #f5f5f5;
    font-size: 14px;
    text-align: center;
}
.body-box .closet td {
    padding: 10px 0 10px 10px;
    border-top: 1px dotted #aaa;
}
.body-box .closet th:last-child,
.body-box .closet td:last-child { padding-right: 10px; }
.closet .date { width: 80px; }
.closet .photo { width: 60px; }
.closet .products { width: 420px; }
.closet .delete { width: 40px; }
.closet .date2 {
    width: 100px;
    text-align: center;
}
.closet .number2,
.closet .status {
    width: 80px;
    text-align: center;
}
.closet .address { width: 140px; }

.page_no {
    margin: 30px 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.page_no li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
}
.page_no strong {
    display: block;
    border-color: #333;
    background: #333;
    color: #fff;
}
.nxt.next,
.nxt.prev { padding: 0 10px; }

/*購入明細
-----------------------------------*/
.indent dt {
    float: left;
    clear: left;
    width: 160px;
    padding: 5px 20px;
    color: #444;
    font-weight: bold;
}
.indent dd {
    float: left;
    margin: 0;
    padding: 5px 0;
}

.orderDetail {
    width: 100%;
    border-bottom: 2px solid #c9c9c9;
}
table.orderDetail th,
table.orderDetail td {
    padding: 13px 10px 10px;
    border-top: 1px dotted #aaa;
}
.orderDetail tr:first-child th,
.orderDetail tr:first-child td { border-top: 2px solid #c9c9c9; }
table.orderDetail th {
    background: #f5f5f5;
    color: #444;
    text-align: center;
}
.orderDetail .price,
.orderDetail .quantity {
    width: 80px;
    text-align: center;
}
.orderDetail .price2 {
    width: 100px;
    padding-right: 0;
    text-align: right;
}
.orderDetail .taxClsf {
    width: 70px;
    padding-left: 0;
}

.body-box .wrap {
    padding: 15px;
    background: #fff0e5;
}
.body-box .wrap dl { width: 100% !important; }
.body-box .wrap > div,
.body-box .wrap > dl {
    box-sizing: border-box;
    float: left;
    width: 33% !important;
    margin: 0 !important;
}
.body-box .wrap > div { padding-right: 20px !important; }

.body-box .wrap dt {
    float: left;
    clear: left;
    padding: 5px 0;
    font-weight: bold;
}
.body-box .wrap dd {
    margin: 0;
    padding: 5px 0;
    color: #fb6600;
    text-align: right;
}
.body-box .wrap dd span { font-size: 10px; }

.body-box .wrap dd + dd {
    float: none;
    clear: left;
    margin: 0;
    padding-top: 0;
    color: #333;
    text-align: left;
}
.body-box .wrap a {
    color: #004691;
    text-decoration: underline;
}

/*レビュー
-----------------------------------*/
.review_product { margin-bottom: 30px; }
.review_product p { margin: 0; }
.review_product .photo {
    float: left;
}
.review_product .text { margin-left: 70px; }

.review_product + form p {
    margin: 30px 0 0;
    text-align: center;
}

/*退会
-----------------------------------*/
.leave_message {
    padding: 15px;
    border: 2px solid #333;
}
.leave_message p:not(:last-child) { margin: 10px 0; }
.leave_message p:last-child { margin: 0; }


/*メルマガ登録・解除
-----------------------------------*/
.mag_left {
    margin: 20px;
    font-size: 14px;
}
.mag_right { text-align: center; }
.mag_right a {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 25px 11px 20px;
    border: none;
    border-radius: 3px;
    background: #333;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.mag_right a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/common/ico_arrow_rw.png) no-repeat left top;
    content: " ";
}
.reg_mag .kiyaku {
    overflow: auto;
    height: 120px;
    padding: 20px;
    border: 1px solid #ccc;
}
p.lead {
    margin: 20px;
    font-size: 14px;
}
.pw_edit table {
    width: 100%;
    border-bottom: 2px solid #ccc;

}
.pw_edit td {
    padding: 5px 0;
    font-size: 16px;
}
.pw_edit label { padding-left: 0; }

.radiobox table {
    border-top: 2px solid #ccc;
}
.radiobox tr:not(:first-child) th,
.radiobox tr:not(:first-child) td {
    border-top: 1px dotted #aaa;
}
.radiobox th {
    background: #f5f5f5;
    color: #444;
    font-size: 14px;
    text-align: left;
}
.radiobox th,
.radiobox td {
    padding: 13px 10px 10px 20px;
}


/*マイページ　サイド
-----------------------------------*/
#user .name {
    margin: 0;
    padding: 0 10px 10px;
    border-bottom: 1px dotted #333;
    font-size: 14px;
}
#user .name strong {
    margin-right: 0.3em;
    font-size: 16px;
}
#user dl {
    padding: 0 10px 10px;
    border-bottom: 1px dotted #333;
}
#user dt { font-size: 12px; }
#user dd {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
#user dd strong {
    margin-right: 0.3em;
    color: #eb7006;
    font-size: 18px;
}

.list_mymenu {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
.list_mymenu li:not(:last-child) { margin-bottom: 10px; }
.list_mymenu a {
    padding-left: 22px;
    background: url(/ec/images/mypage/ico_mymenu.png) no-repeat 10px center;
}
.list_mymenu .current {
    background-image: url(/ec/images/mypage/ico_mymenu_current.png);
    font-weight: bold;
}

#mypage_main .column {
	width: 320px!important;
}
#mypage_main .section {
    position: relative;
    margin-bottom: 30px;
}
#mypage_main .column + .column { margin-left: 20px; }
.deliv_comment {
	margin-left: 10px;
	font-size: 11px;
}

#mypage_main .table_cart td {
    padding: 13px 10px;
}
#mypage_main .table_cart .total.first th,
#mypage_main .table_cart .total.first td {
    padding: 10px 10px 5px;
}
#mypage_main .table_cart .total.last th,
#mypage_main .table_cart .total.last td {
    padding: 5px 10px 10px;
}

#mypage_main .table_cart .item {
    width: 350px;
}
#mypage_main .table_cart .unitprice {
    text-align: right;
}
#mypage_main .table_cart .amount {
	text-align: center;
}
.order_number {
    font-size: 16px!important;
    font-weight: bold;
}
#mypage_main .order_number {
    border-bottom: 1px dotted #333;
    padding-bottom: 5px;
}