@charset "utf-8";

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

product.css

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

/*カルーセル
-----------------------------------*/

/*商品購入
-----------------------------------*/
#product_data {
    float: right;
    width: 350px;
}
#product_image {
    float: left;
    width: 360px;
}

/* 名称 */
.product_headline {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #666;
    font-size 16px;
    line-height: 1.5;
}

/* 商品サマリ */
#product_data table {
    width: 100%;
    margin: 20px 0;
    font-size: 12px;
}
#product_data th {
    width: 86px;
    font-weight: normal;
    text-align: left
}

/* 左右矯正・数量選択 */
#choice > div {
    float: left;
    width: 165px;
}
#choice > div:last-child { margin-left: 20px; }
#choice img {
    display: block;
    margin: 0 auto 7px;
}
#choice img + .wrap_select {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
#choice .wrap_select {
    display: inline-block;
    width: 100%;
    margin-right: 5px;
    vertical-align: middle;
}
.choiceItem {
    margin-bottom: 10px;
}

/* 購入ボタン */
#product_data .box_button {
    width: 250px;
    margin: 30px auto 0;
}
#product_data .button {
    display: block;
    width: 250px;
    padding-left: 90px;
    text-align: left;
    cursor: pointer;
}
#product_data .button:first-child { margin-bottom: 20px; }
.button_cart { background: #ff8714; }
.button_cart.regular { background: #f3bc00; }
.button_cart.regular span { font-size: 12px; }
.button_cart:disabled { background: #afafaf; }
.button_cart:disabled span { font-size: 12px; }

.button_cart:after {
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    width: 22px;
    height: 16px;
    margin-top: -8px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/product/ico_cart.png) no-repeat left top;
    content: " ";
}
#product_data .link_guide {
    margin-top: 10px;
    font-size: 11px;
    text-align: left;
}
#product_data .link_guide a {
    padding-left: 10px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/common/ico_arrow_r.png) no-repeat left center;
}


/*商品写真
-----------------------------------*/
#product_image #bx-pager a {
    width: 100px;
    margin: 0;
}
#product_image #bx-pager a:not(:nth-child(3n)) { margin-right: 30px; }
#product_image #bx-pager a:nth-child(n+4) { margin-top: 15px; }

/*商品詳細
-----------------------------------*/
#product_detail p {
    margin: 0 15px;
}

/*商品スペック
-----------------------------------*/
.product_spec {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.product_spec th,
.product_spec td {
  padding: 8px 10px 7px 0;
}
.product_spec th {
    width: 150px;
    padding-left: 20px;
    color: #555;
    text-align: left;
}
.product_spec tr:nth-child(odd) th,
.product_spec tr:nth-child(odd) td {
    background: #f7f7f7;
}

/*ブランドページ導線
-----------------------------------*/
#go_brand {
    padding-top: 30px;
    border-top: 1px solid #ccc;
}