@charset "utf-8";

/*-----------------------------------

mypage.css
マイページレイアウト

-----------------------------------*/

/*マイページトップ
-----------------------------------*/
#main .navMypage01 {
    display: table;
    width: 100%;
    margin-bottom: 40px;
}
    #main .navMypage01 a {
        display: table-cell;
        width: 188px;
        padding: 30px 0 20px;
        border-right: 10px solid #fff;
        background: #f3f3f3;
        font-size: 14px;
        text-align: center;
    }
    #main .navMypage01 a:last-child { border-right: none; }
        #main .navMypage01 img {
            display: block;
            margin: 0 auto 15px;
        }

/* 注文履歴 */
.itemList02 .date {
    display: block;
    margin-top: 10px;
}


/*情報編集
-----------------------------------*/
.currentSetting01,
.currentSetting02 {
    margin-bottom: 30px;
}
    .currentSetting01 th,
    .currentSetting01 td {
        padding: 15px 20px;
    }

/*注文履歴
-----------------------------------*/
.orderHistory01 {
    margin-bottom: 40px;
}
.orderHistory01:last-child { margin-bottom: 0; }
    .orderDeta01 {
        margin-bottom: 20px;
        padding: 15px 20px;
        background: #333;
        color: #fff;
    }
    .orderItem01 {
        float: left;
        width: 564px;
        margin-bottom: 20px;
       border-top: 1px solid #d6d6d6;
    }
        .orderItem01 td {
            padding: 15px;
            border-bottom: 1px solid #d6d6d6;
            font-size: 12px;
        }
        .orderItem01 .image {
            width: 70px;
            padding-right: 15px;
        }
            .orderItem01 .image img {
                width: 70px;
                height: 70px;
            }
        .orderItem01 .name a {
            font-size: 14px;
            line-height: 1.4;
        }
        .orderItem01 .iconDiscount01 {
              display: block;
              width: 60px;
              margin-bottom: 3px;
              padding: 3px 0;
              background: #0088cc;
              color: #fff;
              font-size: 10px;
              text-align: center;
        }
        .orderItem01 .iconSet01 {
              display: block;
              width: 60px;
              margin-bottom: 3px;
              padding: 3px 0;
              background: #ffcc00;
              color: #333;
              font-size: 10px;
              text-align: center;
        }
        .orderItem01 .name li {
           margin-top: 2px;
        }

/* 支払情報 */
    .totalAmount01 {
        float: right;
        width: 208px;
        margin-bottom: 20px;
    }
        .totalAmount01 th,
        .totalAmount01 td {
            padding: 13px;
            border-bottom: 1px solid #fff;
            background: #f3f3f3;
            font-size: 12px;
            text-align: right;
        }
        .totalAmount01 th {
            padding-right: 0;
            font-weight: normal;
        }
        .totalAmount01 td {
            color: #dc2525;
        }
        .totalAmount01 .subTotal {
            color: #333;
        }
        .totalAmount01 .point,
        .totalAmount01 .payment {
            color: #333;
            text-align: center;
        }
            .totalAmount01 td strong {
                font-size: 14px;
            }
            .totalAmount01 .point strong {
                margin-left: 1em;
                color: #0057c2;
            }

/* 履歴詳細 */
.orderHistory01 + #confirmWrap {
    margin-top: -20px;
}

/* 履歴フッターリンク */
    .orderFooter01 {
        clear: both;
        margin-top: 20px;
        padding: 13px;
        background: #f3f3f3;
        text-align: center;
    }
        .orderFooter01 .btnNext01 {
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 238px;
            margin: 0 5px;
        }
        .orderFooter01 .btnNext01:last-child { margin-right: 0; }

        .orderFooter01 .btnDisabled01 {
            display: inline-block;
            width: 238px;
            margin-left: 5px;
        }

/*出荷情報一覧・レビューを書く
-----------------------------------*/
.orderHistory01 .cartTable01 .quantity {
    width: 45px;
    font-size: 14px;
    text-align: center;
}
.orderHistory01 .cartTable01 .review {
    min-width: 115px;
    padding: 15px 5px;
    border-right: none;
}

.confirmBox03 {
    border: 1px solid #d6d6d6;
}
    #confirmWrap .confirmBox03 .formTable02 {
        float: left;
        width: 410px;
        margin-right: 0;
    }
    #confirmWrap .confirmBox03 .totalAmount01 {
        width: 310px;
    }
        #confirmWrap .confirmBox03 .totalAmount01 td {
            color: #333
        }
        #confirmWrap .confirmBox03 .totalAmount01 .total {
            color: #dc2525;
        }


/*レビューを書く
-----------------------------------*/
#main #itemSummary {
    margin-top: 20px;
    padding: 30px;
    border-top: 1px solid #d6d6d6;
}

#getPoint {
    margin-bottom: 30px;
    padding: 15px;
    background: #e6e6e6;
}
    #getPoint .pont {
        float: left;
        width: 180px;
        padding: 15px 0;
        border-radius: 4px;
        background: #fff;
        font-size: 12px;
        text-align: center;
    }
        #getPoint .pont strong {
            display: block;
            margin-top : 5px;
            color: #0057c2;
            font-size: 18px;
        }
    #getPoint ul {
        float: left;
        margin-left: 20px;
    }

.reviewBox02 .formTable01.separate {
    margin-bottom: 20px;
}
    .reviewBox02 td {
        height: 36px;
    }
        .reviewBox02 .formTable01 .textArea01 {
            width: 420px;
        }
    .reviewBox02 .formAnnounce { margin-top: 20px; }

.formSupplement {
    margin: 10px 20px;
    font-size: 12px;
}


/*配送状況
-----------------------------------*/
#frameStatus {
    width: 782px;
    border: none;
}
#frameBody,
#deliveryStatus {
    width: 782px;
}
    #deliveryStatus p {
        margin: 0 20px 15px;
        font-size: 14px;
        line-heigh: 1.4;
    }
    #deliveryStatus .statusBox01 {
        margin-bottom: 40px;
        background: #f3f3f3;
    }
        #deliveryStatus .date {
            margin: 0;
            padding: 15px 20px;
            border-bottom: 1px solid #fff;
        }
        #deliveryStatus .date strong:not(:first-child) { margin-left: 1em; }
        #deliveryStatus .statusBoxIn {
            margin: 10px;
            padding: 20px;
            background: #fff;
        }
            #deliveryStatus .statusBoxIn p {
                margin: 0 0 15px;
            }
                #deliveryStatus .statusBoxIn .cancel {
                    color: #dc2525;
                }
            #deliveryStatus .statusBoxIn li {
                position: relative;
                float: left;
                width: 100px;
                margin-bottom: 40px;
                padding-top: 50px;
                font-size: 12px;
                text-align: center;
            }
            #deliveryStatus .statusBoxIn li:before {
                position: absolute;
                top: 10px;
                left: 42px;
                display: block;
                width: 16px;
                height: 16px;
                border-radius: 8px;
                background: #d6d6d6;
                content: " ";
            }
            #deliveryStatus .statusBoxIn li:after {
                position: absolute;
                top: 16px;
                right: 58px;
                display: block;
                width: 84px;
                height: 5px;
                background: #d6d6d6;
                content: " ";
            }
            #deliveryStatus .statusBoxIn li:first-child:after { display: none; }
            
            #deliveryStatus .statusBoxIn .enterd:before,
            #deliveryStatus .statusBoxIn .enterd:after {
                background: #dab725;
            }
            #deliveryStatus .statusBoxIn .cancel:before,
            #deliveryStatus .statusBoxIn .cancel:after {
                background: #dc2525;
            }
        
        #deliveryStatus .carlender {
            width: 742px;
            margin: 0 20px 30px;
        }
            #deliveryStatus .carlender th,
            #deliveryStatus .carlender td {
                width: 14.2%;
                padding: 8px 0;
                text-align: center;
            }
                #deliveryStatus .carlender th span {
                    display: block;
                    font-size: 12px;
                }
            #deliveryStatus .carlender .holiday01 {
                color: #0088cc;
                font-weight: bold;
            }
            #deliveryStatus .carlender .holiday01 {
                color: #0088cc;
                font-weight: bold;
            }
            #deliveryStatus .carlender .holiday02 {
                color: #dc2525;
                font-weight: bold;
            }
        #deliveryStatus dl {
            margin: 0 20px;
            font-size: 14px;
        }
            #deliveryStatus dt {
                float: left;
                clear: left;
                width: 7em;
                margin-bottom: 5px;
                font-weight: bold;
            }
            #deliveryStatus dd {
                float: left;
                margin: 0 0 5px;
            }
            #deliveryStatus dd:before {
                content: "：";
            }
            
/*在庫確認結果（欠品商品）
-----------------------------------*/
div.keppinBox{
	width: 700px;
	margin: 0 auto 15px;
	padding: 20px;
	background: #f7d4d4;
}
	table.keppin{
		width: 100%;
		background: #fff;
	}
	table.keppin tr td,table.keppin tr th{
		padding: 10px 3px;
		border: 1px solid #e5cccc;
		border-collapse: collapse;
		text-align: center;
	}
	table.keppin tr th{
		background: #fff5f5;
	}


/*お気に入り一覧
-----------------------------------*/
#searchList.favoriteList01 .searchListIn:last-child { border-bottom: none; }
    #searchList.favoriteList01 .stock {
        position: absolute;
        top: 25px;
        left: 6px;
       font-size: 12px;
    }
        #searchList.favoriteList01 .stock span { 
            color: #dc2525;
        }
    #searchList.favoriteList01 .btnCancel02 {
        position: absolute;
        top: 20px;
        right: 6px;
        padding: 5px 25px 4px 13px;
        font-size: 12px;
    }
    #searchList.favoriteList01 .btnNext03 {
        width: 180px;
        padding: 8px 8px 7px 0;
        font-size: 14px;
    }
    #searchList.favoriteList01 .btnRestock01 {
        display: block;
        width: 172px;
        padding: 8px 8px 7px 0;
        border-radius: 4px;
        background: #0088cc url(../images/common/ico_arrow_white01.png) no-repeat right center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        line-height: 25px;
    }
    #searchList.favoriteList01 .itemBox01 .name a {
        color: #0088cc;
    }
    #searchList.favoriteList01 .itemBox01:hover .itemTag01,
    #searchList.favoriteList01 .itemBox01:hover .name,
    #searchList.favoriteList01 .itemBox01:hover .old,
    #searchList.favoriteList01 .itemBox01:hover .price {
        -ms-filter: "alpha(opacity=100)";
        opacity: 1;
    }
    #searchList.favoriteList01 .itemBox01 .itemImage01 a:hover ,
    #searchList.favoriteList01 .itemBox01 .name:hover {
        -ms-filter: "alpha(opacity=60)";
        opacity: 0.6;
    }


/*質問一覧
-----------------------------------*/
.refineCategory01 p {
    display: inline-block;
    margin-right: 5px;
}
#qaList.myQa {
    margin-top: 30px;
}
    #qaList.myQa .qaBox01 {
        padding-top: 15px;
        border-top: none;
    }
        #qaList.myQa .qaBox01 .qaHeader01 {
            padding: 15px;
            background: #ededed;
        }
            #qaList.myQa .qaBox01 .qaStatus01 {
                display: inline-block;
                width: 80px;
                padding: 5px;
                background: #858585;
                color: #fff;
                text-align: center;
                vertical-align: middle;
            }
            #qaList.myQa .qaBox01 .qaStatus02 {
                display: inline-block;
                width: 80px;
                padding: 5px;
                background: #dc2525;
                color: #fff;
                text-align: center;
                vertical-align: middle;
            }
            #qaList.myQa .qaBox01 .qaNumber01 {
                display: inline-block;
                margin-left: 10px;
                    vertical-align: middle;
            }
        #qaList.myQa .qaBox01 .itemSummary01 {
            padding: 20px;
        }
            #qaList.myQa .qaBox01 .itemSummary01 img {
                float: left;
                width: 70px;
                height: 70px;
            }
            #qaList.myQa .qaBox01 .itemSummary01 .itemDetail01 {
                float: left;
                margin-left: 20px;
            }
                #qaList.myQa .qaBox01 .itemSummary01 .itemDetail01 a {
                    color: #0088cc;
                    font-size: 14px;
                    
                }
                #qaList.myQa .qaBox01 .itemSummary01 .itemDetail01 ul {
                    margin-top: 10px;
                    font-size: 12px;
                }
        #qaList.myQa .qaBox01 .category { margin-left: 30px; }
        #qaList.myQa .qaBox01 .qaText01 {
            margin: 0 0 20px 60px;
            font-size: 14px;
        }
        #qaList.myQa .qaBox01 dt { margin-left: 30px; }


/*在庫確認結果（欠品商品）
-----------------------------------*/
div.keppinBox{
	width: 700px;
	margin: 0 auto 15px;
	padding: 20px;
	background: #f7d4d4;
}
	table.keppin{
		width: 100%;
		background: #fff;
	}
	table.keppin tr td,table.keppin tr th{
		padding: 10px 5px;
		border: 1px solid #e5cccc;
		border-collapse: collapse;
		text-align: center;
	}
	table.keppin tr th{
		background: #fff5f5;
	}
	table.keppin tr td:nth-child(3){
		width: 50%;
		text-align: left;
	}

/*退会
-----------------------------------*/
#withdrawAttention {
    margin-bottom: 30px;
    border: 1px solid #dc2525;
}
    #withdrawAttention .title {
        padding: 15px 20px;
        background: #dc2525;
        color: #fff;
        font-size: 16px;
    }
    #withdrawAttention li {
        margin: 10px 20px;
        padding-left: 1em;
        font-size: 14px;
        text-indent: -1em;
        line-height: 1.5;
    }


/*サイドメニュー
-----------------------------------*/

/* 会員ランク */
#memberRank {
    background: #333;
    padding: 13px 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
    #memberRank .status {
        margin-bottom: 3px;
        font-size: 14px;
        font-weight: bold;
    }
        #memberRank .status img {
            margin-right: 5px;
            vertical-align: middle;
        }
    #memberRank .message {
        margin-top: 10px;
        color: #ea7c7c;
    }
.myPoint01 {
    padding: 10px 0;
    border: 1px solid #d6d6d6;
    border-top: none;
    text-align: center;
}
    .myPoint01 strong {
        margin-left: 1em;
        color: #0057c2;
    }
    .myPoint01 .pointLimit01 {
        margin: 10px 0 -10px;
        padding: 10px;
        background: #ffe8e8;
        color: #dc2525;
        font-size: 12px;
        text-align: center;
    }
        .myPoint01 .pointLimit01 strong {
            display: block;
            color: #dc2525;
        }
        .myPoint01 .pointLimit01 p {
            margin-top: 10px;
            color: #333;
        }

/* カート */
#myCart p {
    margin-top: 10px;
    padding: 10px 0;
    background: #858585;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
    #myCart p strong {
        font-size: 14px;
    }
#myCart table {
    width: 188px;
    border: 1px solid #d6d6d6;
    border-top: none;
}
    #myCart .quantity {
        padding: 13px 10px;
        background: #e6e6e6;
        font-size: 12px;
        text-align: right;
    }
        #myCart .quantity strong {
            font-size: 14px;
        }
    #myCart .price {
        padding: 13px 15px;
        color: #dc2525;
        font-size: 12px;
        text-align: right;
    }
        #myCart .price strong {
            font-size: 14px;
        }

#myCart .btnCart01 {
    margin: 5px 0 0;
}

/* メニュー */
#sub .navMypage01 { margin-top: 20px; }
#sub .navMypage01 .current a {
    background-color: #f9f9f9;
}
#sub .navMypage01 a {
    padding-right: 13px;
}