@charset "utf-8";

/*------------------------------------------------
S-黒Xゴールド
------------------------------------------------*/
/*価格エリアの行間調整*/
.productprice > div {line-height:1.4;}

/*バリエーション価格表示エリア*/
#spsVarpriceBox > p {text-align:left;padding:5px 0 15px 25px;}
#spsVarpriceBox > p a.spsVarpriceLink {color:#fff;}
#spsVarpriceBox > div {margin-top:5px;padding:10px 25px 15px;border-radius:5px;background:#393939;}
#spsVarpriceBox > div #variationDetail > div {margin-bottom:5px;line-height:1.6;}
#spsVarpriceBox > div #variationDetail #variationPrice span:first-child {font-weight:bold;font-size:14px;color:#fff;}
#spsVarpriceBox > div table.remark {border-collapse:collapse;margin:10px 0 0;}
#spsVarpriceBox > div table.remark td {padding:0;}
#spsVarpriceBox > div table.remark td.td_lineheight {padding-bottom:10px;}
#spsVarpriceBox > div table.remark td input[name^='OPT'] {margin:7px 0 15px;}
#spsVarpriceBox > div table.remark td input[name^='OPTION'] {margin:5px 0;}
#spsVarpriceBox > div #btnKagoService {margin:15px 0 0;}
#spsVarpriceBox > div #btnKagoService input[type='submit'] {margin:0 auto;width:100%;max-width:250px;background-position:top right;border-radius:5px;}
#spsVarpriceBox > div #btnKagoService .announceMail img {margin:0;}
#spsVarpriceBox > div > p {margin:0;}
#spsVarpriceBox > div > p .announceMail img {margin-top:15px;}

/*ダイアログ共通*/
#variationPriceAnnounceMailDialog {padding:0 10px 10px;}
#variationPriceAnnounceMailDialog .red {color:#fff;}
#spsVarpriceStockDialog {padding:15px 10px 10px;}
#spsVarpriceStockDialog .red {color:#fff;}

/*価格と在庫一覧ダイアログ*/
div[aria-describedby='spsVarpriceStockDialog'] {z-index:10000;background:#000;}
div.ui-widget-overlay {z-index:10000;}/*layout cover when open 2 dialog in item-desc*/
div[aria-describedby='spsVarpriceStockDialog'] .ui-widget-header {border:none;background:#000;}
div[aria-describedby='spsVarpriceStockDialog'] .ui-dialog-titlebar {padding:0.4em 1em 0.4em 0.4em;border-radius:0;border-bottom:1px dotted #fff;}
div[aria-describedby='spsVarpriceStockDialog'] .ui-dialog-title {color:#fff;font-size:80%;}

div[aria-describedby='spsVarpriceStockDialog'] .ui-dialog-title,
#spsVarpriceStockDialog div,
#spsVarpriceStockDialog a.request_s,
#spsVarpriceStockDialog table th,
#spsVarpriceStockDialog table td,
#spsVarpriceStockDialog div.edit input {font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}

#spsVarpriceStockDialog a.request_s {white-space:nowrap;display:inline-block;padding:0;height:25px;line-height:25px;color:#fff;}

#spsVarpriceStockDialog table.variation3 {width:auto;margin:0 0 15px 0;}
#spsVarpriceStockDialog table.variation3 th {min-width:5em;padding:5px;text-align:left;font-size:65%;background:#eee;border:1px solid #fff;}
#spsVarpriceStockDialog table.variation3 td {min-width:5em;padding:5px;text-align:left;font-size:65%;line-height:1.4;border:1px solid #fff;color:#fff;}
#spsVarpriceStockDialog table.variation3+p {margin:0 0 20px 0;}

#spsVarpriceStockDialog table.variation1 {width:100%;border-collapse:collapse;}
#spsVarpriceStockDialog table.variation1 th {text-align:left;padding:5px;line-height:1.4;font-size:65%;background:#eee;border:1px solid #ddd;color:#333;}
#spsVarpriceStockDialog table.variation1 td {text-align:left;padding:5px;line-height:1.4;font-size:65%;border:1px solid #ddd;color:#fff;}

#spsVarpriceStockDialog div.edit {padding:0;text-align:center;}
#spsVarpriceStockDialog div.edit input[type=button] {padding:5px 10px;font-size:65%;border-radius:3px;}

/*入荷連絡ダイアログ*/
div[aria-describedby='variationPriceAnnounceMailDialog'] {z-index:10001;background:#000;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-widget-header {border:none;background:#000;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-titlebar {padding:0.4em 1em 0.4em 0.4em;border-radius:0;border-bottom:1px dotted #fff;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-title {color:#fff;font-size:80%;}

div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-title,
#variationPriceAnnounceMailDialog div,
#variationPriceAnnounceMailDialog table th,
#variationPriceAnnounceMailDialog table td,
#variationPriceAnnounceMailDialog .formcontents input,
#variationPriceAnnounceMailDialog div.ar_link_l input {font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}

#variationPriceAnnounceMailDialog #contents {margin:0;}
#variationPriceAnnounceMailDialog #contents section {background:#000;}

#variationPriceAnnounceMailDialog .info {font-size:70%;line-height:1.4;margin:1em 0 0;color:#fff;}

#variationPriceAnnounceMailDialog .formbox {margin:15px 0;}
#variationPriceAnnounceMailDialog .formtable {margin:0;padding:0;border:none;background:#000;}
#variationPriceAnnounceMailDialog #contents section .formbox {width:95%;padding:2px 0 7px;}
#variationPriceAnnounceMailDialog .formtable table {border-collapse:collapse;border-spacing:0;}
#variationPriceAnnounceMailDialog .formtable td {line-height:1.4;color:#fff;border:1px solid #fff;}
#variationPriceAnnounceMailDialog .formtable td.l {color:#333;}
#variationPriceAnnounceMailDialog .formbox #announceMailAddress {width:80%;margin:5px 0;font-size:70%;}
#variationPriceAnnounceMailDialog .formbox p,
#variationPriceAnnounceMailDialog .formbox label {font-size:65%;color:#fff;}

#variationPriceAnnounceMailDialog .formcontents {padding:0;}
#variationPriceAnnounceMailDialog .formcontents .button {margin:0;}
#variationPriceAnnounceMailDialog .formcontents input[type=submit] {font-size:70%;margin:0;padding:0;line-height:25px;}

#variationPriceAnnounceMailDialog div.edit {padding:20px 0 5px;text-align:center;}
#variationPriceAnnounceMailDialog div.edit input[type=button] {margin:0 auto !important;padding:5px 10px;font-size:65%;border-radius:3px;}

/*------------------------------------------------
バリエーションのマトリクス表示（2016/06）
------------------------------------------------*/
#pi_cart table.matrix {border-collapse:collapse;width:100%;margin-bottom:15px;}

#pi_cart table.matrix tr td {padding:5px;text-align:center;line-height:1.4;font-size:85%;border:1px solid #ddd;color:#fff;}

#pi_cart table.matrix tr:first-child td,
#pi_cart table.matrix tr td:first-child {background:#eee;color:#333;}

#pi_cart table.matrix tr:first-child td:first-child,
#pi_cart table.matrix tr td:first-child {text-align:left;}

#pi_cart table.matrix td div.matrix_radio input[type="radio"] {display:none;}

#pi_cart table.matrix td div.matrix_radio label {display:inline-block;height:18px;width:18px;margin:0 auto;cursor:pointer;overflow:hidden;}
#pi_cart table.matrix td div.matrix_radio input[type='radio'] + label {background: url('/SHOP/img/matrix_radio.png') 0 -18px no-repeat;}
#pi_cart table.matrix td div.matrix_radio input[type='radio']:checked + label {background: url('/SHOP/img/matrix_radio.png') 0 0 no-repeat;}

#pi_cart table.matrix td a.request_s {color:#fff;white-space:nowrap;}

/*------------------------------------------------
商品ページのレビューに総評を追加（2016/06）
------------------------------------------------*/
#pi_review div.total {background:#000;}
#pi_review div.total p {float:left;height:auto;margin:0;padding:10px;}
#pi_review div.total p span.recommend {margin-left:0.5em;font-weight:bold;font-size:1em;}

/*------------------------------------------------
ページのトップへ戻る（2016/07）
------------------------------------------------*/
#sps-page-top {margin:0;padding:0;position:fixed;bottom:15px;right:15px;z-index:10000;}
#sps-page-top p {margin:0;}
#sps-page-top p a {display:block;width:50px;height:50px;line-height:50px;text-align:center;text-decoration:none;border-radius:8px;transition:all 0.3s;opacity:0.7;cursor:pointer;background:#c0ac45;color:#f4f4cb;}
#sps-page-top p a:hover {opacity:1;}

/*------------------------------------------------
カートに入れるバリエ＆オプション未選択チェック（2016/08）
------------------------------------------------*/
#btnKagoService > input[type='submit'].btnKagoOff {background:url('./disabled_button_img/Sblack_btn_bgOff.png');color:#aaa !important;background-repeat: no-repeat; -webkit-appearance:none;}
.stock form .variation1 input.btnKagoOff {background:#ddd;color:#aaa; -webkit-appearance:none;}