@charset "utf-8";

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

product.css
商品詳細レイアウト

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

/*商品情報
-----------------------------------*/
#product {
    position: relative;
    width: 782px;
    padding-right: 198px;
}

/* 検索・詳細共通パーツ */
.itemTag01 li {
    float: left;
    width: 60px;
    height: 26px;
    margin: 0;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.itemTag01 .new { background: #44baba; }
.itemTag01 .postage { background: #5c5c5c; }
.itemTag01 .discount { background: #0088cc; }


/*商品ヘッダ
-----------------------------------*/
#productHeader {
    position: relative;
    margin-bottom: 30px;
    padding-top: 30px;
}
    #productHeader .itemTag01 {
        position: absolute;
        top: 0;
        left: 0;
    }
    #socialBox {
        position: absolute;
        top: 0;
        right: 0;
    }
        #socialBox li {
            float: left;
        }
            #socialBox li a {
                display: block;
                width: 30px;
                height: 30px;
                color: #fff;
                font-size: 14px;
                line-height: 30px;
                text-align: center;
            }
            #socialBox li .facebook { background: #3b5998; }
            #socialBox li .twitter { background: #55acee; }
            #socialBox li .line { background: #2dc200; }
            
    #productHeader .title {
        position: relative;
        top: 0;
        left: 0;
        width: 762px;
        padding: 10px;
        background:#fff;
        font-size: 18px;
        font-weight: normal;
        z-index: 10;
    }
    #productHeader div {
        display: inline-block;
        vertical-align: bottom;
    }
    #productHeader .priceBox01 { margin-left: 10px; }
    #productHeader .old {
        position: relative;
        margin-right: 20px;
        font-size: 10px;
    }
    #productHeader .old:before {
        position: absolute;
        right: -10px;
        bottom: 5px;
        display: block;
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent #333;
        border-style: solid;
        content: " ";
    }
        #productHeader .old span {
            color: #858585;
            font-size: 14px;
            text-decoration: line-through;
        }
            #productHeader .old strong { font-size: 18px; }

    #productHeader .price {
        color: #dc2525;
        font-size: 18px;
    }
        #productHeader .price {
            font-size: 24px;
        }
    #productHeader .off {
        width: 63px;
        background: #dc2525;
        color: #fff;
        font-size: 10px;
        text-align: center;
    }
    #productHeader .off strong {
        font-size: 14px;
    }
    #productHeader .tax {
        color: #858585;
        font-size: 12px;
    }

    #productHeader .itemInfo01 {
        margin: 10px 0 0 10px;
    }
        #productHeader .itemInfo01 li {
            position: relative;
            float: left;
            margin-right: 3px;
            padding: 3px 8px;
            border: 1px solid #d6d6d6;
            font-size: 12px;
        }
        #productHeader .itemInfo01 li.gain{
        background: #0040aa;
        color: #fff;
        }
        #productHeader .itemInfo01 .getPoint01 {
        	border: none;
        }
        #productHeader .itemInfo01 .getPoint01 a {
        		position: relative;
            padding: 2px 4px 2px 25px;
            border-color: #cce7f5;
            background: #cce7f5 url(../images/product/ico_product_point01.png) no-repeat 2px center;
            color: #0057c2;
        }
        #productHeader .itemInfo01 .hasHelp01 {
            padding-right: 28px;
        }
            #productHeader .itemInfo01 a {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                width: 20px;
                background: #858585;
                color: #fff;
                font-size: 14px;
                text-align: center;
            }

    .catchCopy {
    	font-size:8px;
    	margin-left:10px;
    }

/* 
よりどり商品（親）商品選択 
====================*/
.ProductSetGroupBox {
    padding: 30px 20px 0;
}
    .ProductSetGroupBox .title {
        padding: 8px 10px;
        background: #f3f3f3;
        font-size: 18px;
        font-weight: normal;
    }
    .ProductSetGroupBox .description {
        padding: 20px 10px 0;
        font-size: 14px;
    }
table.ProductSetList{
    width: 100%;
    margin: 20px 0 40px;
    padding: 0;
}
    table.ProductSetList tr td{
        padding: 8px 15px;
        border-top: #ccc solid 1px;
        border-bottom: #ccc solid 1px;
        border-right: #ccc solid 1px;
        border-left: #ccc solid 10px;
    }
        table.ProductSetList tr td a.modal:hover {
            -ms-filter: "alpha(opacity=60)";
            opacity: 0.6;
        }
        table.ProductSetList tr td a.modal {
            display: block;
            width: 100%;
        }
        table.ProductSetList tr td table.ProductSetItem tr td{
           border: none;
        }
        table.ProductSetList tr td table.ProductSetItem{
           padding: 15px 0;
        }
           table.ProductSetItem tr td.ProductSetCheck{
              vertical-align: middle;
              text-align: center;
           }
           div.setItem01 table.ProductSetItem tr td.ProductSetCheck div{
              width: 20px;
              height: 20px;
              padding: 5px;
           }
              div.selectItem01 table.ProductSetItem tr td.ProductSetCheck div.CheakIcon01{ background: url(../images/product/ico_product_check01.png) no-repeat 0 0; }
              div.selectItem02 table.ProductSetItem tr td.ProductSetCheck div.CheakIcon01{ background: url(../images/product/ico_product_check02.png) no-repeat 0 0; }
              div.selectItem03 table.ProductSetItem tr td.ProductSetCheck div.CheakIcon01{ background: url(../images/product/ico_product_check03.png) no-repeat 0 0; }
           table.ProductSetItem tr td.ProductSetPic img{
              width: 143px;
              height: 143px;
           }
           table.ProductSetItem tr td.ProductSetBtn{
              width: 100%;
           }
           table.ProductSetItem tr td.ProductSetBtn h3{
              padding: 0 0 15px;
           }
           table.ProductSetItem tr td.ProductSetBtn div.BtnBox{
           }
           table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.left{
              width: 50%;
              float: left;
           }
              table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.left p.text{
               padding: 0 0 5px;
               font-size: 11px;
               }
              table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.left p.price{
               width: 90%;
               margin: 10px 0 5px 0;
               padding: 8px 0;
               background: #f3f3f3;
               font-size: 12px;
               text-align: center;
               line-height: 20px;
               }
              table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.left p.price strong{
               font-size: 16px;
              }
           table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.right{
              width: 38%;
              margin: 20px 7% 0 0;
              float: right;
           }
             div.setItem01 table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.right a {
                  display: inline-block;
                  width: 200px;
                  padding: 5px 0;
                  border-radius: 4px;
                  text-align: center;
              }
             div.selectItem01 table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.right .itemStatus01 {
                  background: #333;
                  color: #fff;
              }
             div.selectItem02 table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.right .itemStatus01 {
                  background: #dc2525;
                  color: #fff;
              }
             div.selectItem03 table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.right .itemStatus01 {
                  background: #d6d6d6;
                  color: #333;
              }
              table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.right a + p {
                  display: inline-block;
                  width: 95px;
                  padding: 15px 0 0;
                  text-align: right;
              }
              table.ProductSetItem tr td.ProductSetBtn div.BtnBox div.right a + p a {
                  padding-right: 13px;
                  background: url(../images/common/ico_arrow01.png) no-repeat 4.5em center;
                  color: #0088cc;
              }



/*【アピリッツデザイン】 よりどり商品（親）商品選択
-----------------------------------*/
#productSetContent {
    margin-bottom: 40px;
}

/*よりどり商品（親）カート導線 */
.setSummary01 li {
    padding: 8px 13px;
    border-bottom: 1px solid #d6d6d6;
    background: #f3f3f3;
}
.setSummary01 li:last-child { border-bottom: none; }
    .setSummary01 li p {
        line-height: 1.5;
    }
    .setSummary01 li .name {
        margin: 5px 0;
        font-size: 14px;
    }

#setCart {
    display: table;
    width: 100%;
    margin-top: 1px;
}
    #setCart > div {
        display: table-cell;
        padding: 13px 10px;
        background: #ededed;
        vertical-align: middle;
    }
    #setCart .setQuantity01 { width: 120px; }
        #setCart .setQuantity01 p {
            display: inline-block;
            margin-right: 8px;
        }
        #setCart .setQuantity01 .selectWrap01 {
            width: 80px;
        }
    #setCart .setPrice01 {
        width: 250px;
        text-align: center;
     }
    #setCart .setPrice01 p {
        display: inline-block;
        font-size: 14px;
    }
        #setCart .setPrice01 strong {
            color: #dc2525;
            font-size: 26px;
        }
        #setCart .setPrice01 .tax {
            margin-left: 5px;
            color: #858585;
        }
        #setCart .setPrice01 .point {
            display: block;
            margin-top: 5px;
        }
            #setCart .setPrice01 .getPoint01 {
                display: inline-block;
                padding: 3px 8px 3px 25px;
                background: #cce7f5 url(../images/product/ico_product_point01.png) no-repeat 2px center;
                color: #0057c2;
                font-size: 12px;
            }
        #setCart .btnCart01 {
            width: 100%;
            padding: 13px 0 13px 8px;
            font-size: 16px;
        }

/*よりどり商品（子）ヘッダ
-----------------------------------*/

#productSetChildHeader div,
#productSetChildHeader .title {
    float: left;
    margin-left: 10px;
}
#productSetChildHeader div {
    width: 200px;
}
#productSetChildHeader .title {
    width: 562px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: normal;
}

/*商品タブ
-----------------------------------*/
#productTab {
    width: 782px;
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #d6d6d6;
}
    #productTab li {
        float: left;
        width: 150px;
        height: 30px;
        margin-right: 8px;
    }
        #productTab li a {
            position: relative;
            display: block;
            width: 150px;
            height: 15px;
            padding: 5px 0;
            background: #d6d6d6;
            text-align: center;
            line-height: 15px;
            overflow: visible;
        }
     
    #productTab .current span {
        display: block;
        width: 150px;
        height: 15px;
        margin: 0;
        padding: 5px 0 10px;
        border: 1px solid #d6d6d6;
        border-bottom: none;
        background: #fff;
        font-weight: bold;
        text-align: center;
        line-height: 15px;
        overflow: visible;
    }

/*商品画像
-----------------------------------*/
#productPic {
    padding: 15px 0 0 15px;
}
    #productPic .itemView {
       float: left;
       width: 438px;
       height: 438px;
    }
         #productPic .easyzoom-flyout {
            width: 517px;
            height: 517px;
            margin-left: 10px;
        }
        #productPic .itemView a img {
            width: 438px;
            height: 438px;
        }
    #productPic .itemThum {
        float: left;
        width: 312px;
    }
    #productPic .itemThum li {
        float: left;
        width: 94px;
        margin: 0 0 20px 10px;
    }
        #productPic .itemThum img {
            width: 94px;
            height: 94px;
        }
        #productPic .itemThum li:hover {
            -ms-filter: "alpha(opacity=60)";
            opacity: 0.6;
        }

    #productPic #productInfo {
        float: left;
        width: 530px;
        margin: 0 0 20px 5px;
    }
        #productPic #productInfo li {
            float: left;
            width: 58px;
            margin: -1px -1px 0 0;
            border: 1px solid #ccc;
        }
    #productPic #productSpecialView {
        float: right;
        width: 208px;
        margin: 0 20px 5px 0;
    }
        #productPic #productSpecialView a {
            float: right;
            width: 94px;
            margin-left: 10px;
        }

    #productPic .relationItem {
         clear: both;
         margin: 0 0 20px 5px;
    }
        #productPic .relationItem a {
            color: #0088cc;
            font-size: 14px;
            text-decoration: underline;
        }

/*セット購入案内
-----------------------------------*/
#productSet {
    width: 780px;
    margin: 20px 0;
    padding: 15px 0 20px;
    border: 1px solid #000;
    font-size: 14px;
    text-align: center;
}
    #productSet p strong {
        color: #dc2525;
    }
    #productSet .btnNext01 {
        width: 322px;
        margin: 8px auto 0;
        padding: 15px 8px 15px 0;
    }


/*商品説明
-----------------------------------*/
.productDisc01 {
    padding: 0 20px;
    font-size: 14px;
    line-height: 1.5;
}
    .productDisc01 p {
        margin-bottom: 20px;
    }
    
    .productDisc01 table {
        width: 100%;
        margin-bottom: 30px;
    }
        .productDisc01 th {
            width: 160px;
            padding: 8px;
            border: 1px solid #d6d6d6;
            background: #f3f3f3;
            font-weight: normal;
        }
        .productDisc01 td {
            padding: 8px 30px;
            border: 1px solid #d6d6d6;
            background: #fff;
        }

/*品番
-----------------------------------*/
.partNumber01 {
    width: 722px;
    margin-bottom: 20px;
    padding: 0 30px;
    font-size: 14px;
    text-align: right;
}
.partNumber02 {
    width: 100%;
    padding: 8px 0;
    background: #333;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

/*関連キーワード
-----------------------------------*/
#relationWord {
    margin-bottom: 30px;
    padding: 10px 20px 9px;
    background: #f3f3f3;
}

    #relationWord p,
    #relationWord ul {
        display: inline-block;
        vertical-align: middle;
    }
    #relationWord p {
        padding-right: 20px;
        font-size: 14px;
        font-weight: bold;
    }
    #relationWord ul {
        width: 620px;
    }
        #relationWord li {
            float: left;
            margin: 0 1px 1px 0;
        }
            #relationWord li a {
                display: block;
                padding: 8px 10px;
                background: #fff;
                font-size: 12px;
            }
            #relationWord li a:hover {
                -ms-filter: "alpha(opacity=60)";
                opacity: 0.6;
            }

/*関連商品等ボックス
-----------------------------------*/
#relationItem .itemBox01 {
    position: relative;
    min-height:245px;
    padding-top: 34px;
}
    #relationItem .itemBox01 {
        margin-top: 20px;
    }
    #relationItem div:nth-of-type(-n+5) {
        margin-top: 0;
    }
    #relationItem .itemBox01 .alert {
        position: absolute;
        top: 0;
        left: 5px;
        color: #dc2525;
        font-size: 12px;
        font-weight: bold;
    }
#product .dv_recommend {
    margin-bottom: 30px;
}
#product .dv_rc_title:before {
    content: "この商品を見た人はこちらの商品も見ています";
}


/*QA・レビューヘッダ
-----------------------------------*/
#productContentHeader {
    margin: 30px 0 20px;
}
    #productContentHeader .title {
        margin: 0 20px 20px;
        font-size: 18px;
        font-weight: normal;
    }
    
    /* QA */
    #productContentHeader .qaPost01 {
        margin : 0 20px 30px;
    }
        #productContentHeader .btnNext01 {
            display: inline-block;
            width: 230px;
            margin-right: 5px;
            padding: 10px 0 10px 20px;
            text-align: left;
            font-size: 14px;
            vertical-align: middle;
        }
        #productContentHeader .qaPost01 p {
            display: inline-block;
            font-size: 12px;
            vertical-align: middle;
        }
    
    /* レビュー */
    #productContentHeader .reviewSummary01 {
        margin : 0 20px 30px;
    }
        #productContentHeader .reviewSummary01 .total {
            margin-bottom: 10px;
            font-size: 20px;
        }
            #productContentHeader .reviewSummary01 .total span {
                font-size: 14px;
            }
            #productContentHeader .reviewSummary01 .total img {
                margin-right: 10px;
                vertical-align: 0;
            }
        #productContentHeader .reviewSummary01 .rateGraph01 {
            float: left;
            width: 360px;
            border-collapse: separate;
        }
            #productContentHeader .reviewSummary01 .rateGraph01 th,
            #productContentHeader .reviewSummary01 .rateGraph01 td {
                padding: 5px 0;
                border: 1px solid #fff;
                background: #f3f3f3;
            }
            #productContentHeader .reviewSummary01 .rateGraph01 th{
                width: 116px;
                text-align: center;
            }
                #productContentHeader .reviewSummary01 .rateGraph01 div {
                    height: 15px;
                    background: #dab725;
                }
        #productContentHeader .reviewSummary01 .gaugeList01 {
            float: right;
            border-collapse: separate;
        }
            #productContentHeader .reviewSummary01 .gaugeList01 th,
            #productContentHeader .reviewSummary01 .gaugeList01 td {
                padding: 9px 8px 8px;
                height: 27px;
                border: 1px solid #fff;
                font-size: 12px;
                vertical-align: center;
            }
            #productContentHeader .reviewSummary01 .gaugeList01 th {
                font-weight: normal;
               text-align: right;
            }
            #productContentHeader .reviewSummary01 .gaugeList01 td {
                width: 202px;
                background: #f3f3f3;
                text-align: center;
            }
                #productContentHeader .reviewSummary01 .gaugeList01 span {
                    float: left;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 50%;
                }
                #productContentHeader .reviewSummary01 .gaugeList01 .guageLabel01 { padding-right: 12px; }
                #productContentHeader .reviewSummary01 .gaugeList01 .guageLabel02 { padding-left: 12px; }

    /* 並び順ほか */
    #productContentHeader #listControl p,
    #productContentHeader #listControl ul {
        display: inline-block;
        vertical-align: middle
    }
    #productContentHeader #listControl .displayResult01 {
        margin-left: 10px;
    }
    #productContentHeader #listControl .selectWrap01 {
        width: 160px;
    }
        #productContentHeader #listControl li {
            margin-top: 0;
        }
        
/*QA一覧
-----------------------------------*/
#qaList .qaBox01{
    border-top: 1px solid #d6d6d6
}
    #qaList .qaBox01 .category {
        display: inline-block;
        margin-bottom: 20px;
        min-width: 120px;
        padding: 5px 0;
        background: #333;
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
    
    #qaList .qaBox01 dl {
        margin-bottom: 20px;
    }
        #qaList .qaBox01 dt {
            display: inline-block;
            height: 30px;
            padding: 0 15px 0 50px;
            font-size: 14px;
            font-weight: bold;
            line-height: 30px;
        }
        #qaList .qaBox01 .qaQuestion01 dt { background: #f3f3f3 url(../images/product/bg_question01.png) no-repeat left bottom; }
        #qaList .qaBox01 .qaAnswer01 dt { background: #f3f3f3 url(../images/product/bg_answer01.png) no-repeat left center; }
        #qaList .qaBox01 .qaQuestion01 dt,
        #qaList .qaBox01 .qaAnswer01 dt {
            background-size: 40px auto;
        }
            #qaList .qaBox01 dt .date {
                margin-left: 10px;
                color: #858585;
                font-size: 14px;
                font-weight: normal;
            }
        #qaList .qaBox01 dd {
            margin: 10px 0 0 60px;
            font-size: 14px;
            line-height: 1.5;
            word-wrap: break-word;
        }
    #qaList .pagination {
        border-top: 1px solid #d6d6d6;
    }


/*レビュー一覧
-----------------------------------*/
#reviewList {
    margin-top: -20px;
}
    .reviewBox01 {
        padding: 30px 0 40px;
        border-top: 1px solid #d6d6d6;
    }
    .reviewBox01:first-child { border-top: none; }
    
        .reviewBox01 .reviewHeader01 {
            display: table;
            width: 100%;
            margin-bottom: 10px;
        }
        #product .reviewBox01 .rate {
            display: table-cell;
            width: 86px;
            padding-right: 10px;
            vertical-align: middle;
        }
        .reviewBox01 .title {
            display: table-cell;
            font-size: 14px;
            vertical-align: middle;
        }
        .reviewBox01 .reviewUser01 {
            float: left;
            width: 160px;
            padding: 10px;
            background: #f3f3f3 url(../images/product/bg_question01.png) no-repeat left 10px;
            background-size: auto 16px;
        }
            .reviewBox01 .reviewUser01 .name {
                margin-bottom: 5px;
                padding-left: 30px;
                font-size: 14px;
            }
            .reviewBox01 .reviewUser01 table {
                width: 100%;
                border-top: 5px solid #fff;
                border-bottom: 5px solid #fff;
                background: #fff;
                font-size: 12px;
            }
                .reviewBox01 .reviewUser01 th {
                    width: 94px;
                    text-align: right;
                    font-weight: normal;
                }
                
        .reviewBox01 .reviewDataBox01 {
            float: left;
            width: 602px;
            margin-bottom: 20px;
        }
            #product .reviewBox01 .reviewData01 {
                float: left;
                width: 33%;
                height: 50px;
                padding: 10px 0 5px;
                border-left: 2px solid #fff;
                border-bottom: 2px solid #fff;
                background: #f3f3f3;
                text-align: center;
            }
            .reviewBox01 .reviewData02 { width: 50%; }
            .reviewBox01 .reviewData03 { width: 100%; }
                .reviewBox01 .reviewDataBox01 p {
                    margin-bottom: 5px;
                }
                #product .reviewBox01 .reviewDataBox01 .rate {
                    display: block;
                    width: auto;
                    margin: 0;
                    padding: 0;
                }
                #product .reviewBox01 .reviewDataBox01 span {
                    float: left;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 50%;
                    font-size: 12px;
                }
                .reviewBox01 .reviewDataBox01 .guageLabel01 { padding-right: 12px; }
                .reviewBox01 .reviewDataBox01 .reviewData02 .guageLabel01 { padding-left: 40px; }
                .reviewBox01 .reviewDataBox01 .reviewData03 .guageLabel01 { padding-left: 200px; }
                .reviewBox01 .reviewDataBox01 .guageLabel02 { padding-left: 12px; }
                .reviewBox01 .reviewDataBox01 .reviewData02 .guageLabel02 { padding-right: 40px; }
                .reviewBox01 .reviewDataBox01 .reviewData03 .guageLabel02 { padding-right: 200px; }

        .reviewBox01 .reviewText01 {
            float: right;
            width: 560px;
            padding: 0 20px;
            font-size: 14px;
            line-hight: 1.5;
        }
            .reviewBox01 .reviewText01 .date {
                margin-top: 10px;
                color: #858585;
                font-size: 12px;
                text-align: right;
            }


/*商品カート
-----------------------------------*/
#productCart {
    position: absolute;
    top: 0;
    left: 792px;
    width: 188px;
}
    #productCart .sideBox01 { padding-bottom: 15px; }
    #productCart .sideBox01 + .sideBox01 {
        margin-top: 1px;
        padding-bottom: 0;
    }
    
/* カラー選択 */
    #productCart .sideBox01 {
        padding-top: 15px;
    }
        #productCart label {
            position: relative;
            display: block;
        }
           #productCart label input {
                position: absolute;
                -ms-filter: "alpha(opacity=0)";
                opacity: 0;
            }

    #selectColor li {
        margin: 0 13px 2px;
    }
        #selectColor .selected { background: #fff; }
            #selectColor .colorImage {
                position: relative;
                display: inline-block;
                width: 40px;
                margin-right: 10px;
                vertical-align: middle;
            }
                #selectColor .colorImage img {
                    width: 100%;
                    height: auto;
                }
           
            #selectColor .colorName {
                display: inline-block;
                width: 100px;
                vertical-align: middle;
            }

/* サイズ選択 */
    #selectSize ul {
        clear: right;
        margin: 5px 13px 10px;
        border-left: 1px solid #ccc;
        font-family: Helvetica , "游ゴシック" ,"Yu Gothic" , sans-serif;
    }
        #selectSize li {
            float: left;
            margin: -1px 0 0 -1px;
        }
            #selectSize li label {
               position: relative;
                display: block;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 54px;
                height: 34px;
                border: 1px solid #ccc;
                background: #fff;
                text-align: center;
                font-size: 12px;
                vertical-align: middle;
                display: table-cell;
            }
            #selectSize li .selected {
                background: #dc2525;
                display: table-cell;
                color: #fff;
                font-weight: bold;
            }
    #selectSize a {
        float: right;
        margin: 5px 13px 5px 0;
        padding: 3px 10px;
        border-radius: 4px;
        background: #333;
        color: #fff;
        font-size: 10px;
    }

    #selectSize p {
        margin: 0 13px;
    }
/* サイズ、カラー　選択中、品切れ、再入荷 */
#selectColor .colorImage:before,
#selectColor .colorImage:after{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    content: " ";
}

#selectSize span:before,
#selectSize span:after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: " ";
}

/* 品切れ */
#selectColor .soldOut .colorImage:before,
#selectSize .soldOut span:before { background: rgba(255,255,255, .7) url(../images/product/ico_color_soldout01.png) no-repeat center center; }

/* 再入荷 */
#selectColor .restock .colorImage:before,
#selectSize .restock span:before { background: rgba(255,255,255, .7) url(../images/product/ico_color_restock01.png) no-repeat center center; }

/* 選択中 */
#selectColor .selected .colorImage:after { background: url(../images/product/ico_color_selected01.png) no-repeat left top; }

/* 凡例 */
#selectSize .legendBox01 {
    border: none;
}
#selectSize .legendBox01 li {
    margin: 0 10px 0 0;
}
    #selectSize .legendBox01 span {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        border: 1px solid #ccc;
        vertical-align: middle;
    }
.legendBox01 .soldOut {
    background: rgba(255,255,255, .7) url(../images/product/ico_color_soldout01.png) no-repeat center center;
    background-size: 15px;
}
.legendBox01 .restock {
    background: rgba(255,255,255, .7) url(../images/product/ico_color_restock01.png) no-repeat center center;
    background-size: 15px;
}
/* セット　グループ表示 */
.sideBox01 .setSummary01 {
    margin: -15px 0;
}
    .sideBox01 .setSummary01 li {
        background: transparent;
    }
        .sideBox01 .setSummary01 p {
            font-size: 12px;
            line-height: 1.3;
        }
        .sideBox01 .setSummary01 .name {
            font-size: 13px;
        }
        
/* 数量選択 */
    #itemQuantity {
        margin: 20px 13px 0;
    }
    #itemQuantity:first-child { margin-top: 0; }
    .setSummary01 + #itemQuantity { margin-top: 34px; }
        #itemQuantity p,
        #itemQuantity .selectWrap01 {
            display: inline-block;
            vertical-align: middle;
        }
        #itemQuantity .selectWrap01 {
           width: 60px;
            margin-left: 8px;
        }

/* 価格表示 */
    #itemPrice {
        padding: 0 13px 13px;
    }
        #itemPrice .title {
            font-size: 14px;
        }
        #itemPrice .price {
            color: #dc2525;
            font-size: 14px;
            text-align: center;
        }
        #itemPrice .price strong {
            font-size: 26px;
        }
        #itemPrice .price .tax {
            margin-left: 3px;
            color: #858585;
        }
        #itemPrice .point {
            margin-top: 3px;
            text-align: right;
        }
        #itemPrice .getPoint01 {
            display: inline-block;
            padding: 3px 8px 3px 25px;
            background: #cce7f5 url(../images/product/ico_product_point01.png) no-repeat 2px center;
            color: #0057c2;
            font-size: 12px;
        }

/* ボタンエリア */
    #productCart .btnBox01 { margin: 0; }
    #productCart .btnBox01 input,
    #productCart .btnBox01 a {
        display: block;
        margin-top: 5px;
    }
    
    #productCart .btnBox01 .alert {
        margin: 5px 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }
    #productCart .btnBox01 .linkRestock {
        margin: 5px 0 10px;
        text-align: right;
    }

    
    #productCart .btnCart01 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 15px 15px 15px 60px;
        background-image: url(../images/product/ico_btn_cart01.png);
        background-position: 20px center;
    }
    #productCart .btnSelect01 {
        display: block;
        width: 100%;
        padding: 15px 0;
        border: none;
        border-radius: 4px;
        background: #dc2525 url(../images/common/ico_arrow_white01.png) no-repeat right center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }
    #productCart .btnRestock01 {
        width: 113px;
        padding: 15px 15px 15px 60px;
        border-radius: 4px;
        background: #0088cc url(../images/product/ico_btn_restock01.png) no-repeat 20px center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }
    #productCart .announceBox01 {
        width: 100%;
        margin-top: 5px;
        padding: 15px 0;
        border-radius: 4px;
        background: #858585;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }
        #productCart .announceBox01 span {
            display: block;
            font-size: 12px;
        }
    #productCart .announceBox02 {
        width: 100%;
        margin-top: 5px;
        padding: 15px 0;
        border-radius: 4px;
        background: #d6d6d6;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }
    #productCart .btnFavorite01,
    #productCart .btnFavorite02 {
        padding: 5px 0 5px 15px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #fff url(../images/product/ico_btn_favorite01.png) no-repeat 20px center;
        font-size: 12px;
        text-align: center;
    }
    #productCart .btnFavorite02 { background-image: url(../images/product/ico_btn_favorite02.png); }
    
    


/*在庫早見表
-----------------------------------*/
#stockList {
    padding: 30px 0;
}
    #itemTitle {
        margin: 20px;
        font-size: 16px;
        line-height: 1.4;
    }
    
    #stockList #listControl .sortList01 .selectWrap01 {
        width: 200px;
        margin-top: 3px;
    }
    #stockList #listControl .btnBox02 {
        float: left;
        margin: 20px 0 0;
    }
        #stockList #listControl .btnBox02 .btnNext01,
        #stockList #listControl .btnBox02 .btnCancel02 {
            width: 150px;
            margin: 0 5px;
            padding: 6px 8px 5px;
            
        }
    
    #stockDetail {
        width: 100%;
        margin: 30px 0;
    }
        #stockDetail th,
        #stockDetail td {
            padding: 13px 20px;
            border-bottom: 1px solid #d6d6d6;
            border-right: 1px solid #d6d6d6;
        }
        #stockDetail th {
            padding: 5px 0;
            background: #f3f3f3;
            font-size: 12px;
        }
        #stockDetail .color {
            width: 450px;
        }
        #stockDetail .size {
            width: 50px;
            text-align: center;
        }
        #stockDetail .stock {
            width: 160px;
            border-right: none;
        }
        #stockList .soldout { color: #dc2525; }
        #stockList .restock { color: #0088cc; }
        
    #stockLegend {
        width: 100%;
        margin-bottom: 20px;
    }
        #stockLegend th,
        #stockLegend td {
            padding: 8px 20px;
            border-bottom: 2px solid #fff;
            background: #f3f3f3;
        }
        #stockLegend th {
            width: 130px;
            font-weight: normal;
            text-align: left;
            vertical-align: top;
        }