@charset "utf-8";
/*------------------------------------------------
Browser Default Initialization seo_responsive_white
------------------------------------------------*/

/*------------------------------------------------
バリエーションごとの価格設定（2015/08）
------------------------------------------------*/
/*商品一覧の「～」*/
p.price span {color:#f00;}
p.sp_price span {color:#f00;}


/*バリエーションテーブルの価格指定*/
table.variation span.selling_price,
table.variation span.special_price,
table.variation span.selling_price+span.taxin,
table.variation span.special_price+span.taxin,
table.variation span.discount_rate { color:#f00;}

table.variation span.selling_price,
table.variation span.special_price {font-size:120%;font-weight:bold;}


/*ページ内表示（商品画像の下から横幅一杯に表示）用*/
section#itemDetail-wrap .infoArea + .spec {margin:0 0 10px;}
section#itemDetail-wrap .infoArea + .spec th,
section#itemDetail-wrap .infoArea + .spec td {line-height:2.5;}
section#itemDetail-wrap .infoArea + .spec td p {font-size:100%;line-height:1.4;padding:5px 0 0;}

.itemOutline + .cartArea {clear:both;padding-top:5px;}
.itemOutline + .cartArea .fixed_price,
.itemOutline + .cartArea .special_price,
.itemOutline + .cartArea .discount_rate,
.itemOutline + .cartArea .regular_price,
.itemOutline + .cartArea .taxin {white-space:nowrap;}


/*バリエーション価格表示エリア*/
#itemDetail-wrap #spsVarpriceBox > div {margin:10px 0 20px;padding:0.6em 1em 1em;background:#eee;border-radius:5px;}

#itemDetail-wrap #spsVarpriceBox table.price {margin:0;}
#itemDetail-wrap #spsVarpriceBox table.spec {margin:10px 0 0;}

#itemDetail-wrap #spsVarpriceBox .cartArea {margin:15px 0 0;padding:0;border-radius:3px;overflow:hidden;}
#itemDetail-wrap #spsVarpriceBox .cartArea input {margin-left:-1.2em;}

/*バリエーションプルダウン表示（2016/05）*/
#itemDetail-wrap .cartArea > div + div {margin:15px 0 0;display:inline-block;}
#itemDetail-wrap #spsVarpriceBox .cartArea > div:first-child {overflow:hidden;border-radius:3px;}
#itemDetail-wrap #spsVarpriceBox .cartArea > div input.dialogSStock {margin:0;}

/*ダイアログ共通*/
#variationPriceAnnounceMailDialog,
#spsVarpriceStockDialog1 {padding:1em;}


/*入荷連絡ダイアログ*/
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-widget-header {border:none;background:#fff;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-titlebar {padding:0;border-radius:0;border-bottom:1px dotted #333;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-title {font-size:75%;color:#333;padding:3px 0 4px 5px;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-titlebar-close {right:2px;top:45%;width:20px;}
div[aria-describedby='variationPriceAnnounceMailDialog'] {padding-bottom:1em;}

#variationPriceAnnounceMailDialog #center3 .centerbox,
#variationPriceAnnounceMailDialog #center3 .mainCont {padding:0;}

div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-title,
#variationPriceAnnounceMailDialog .mainCont p,
#variationPriceAnnounceMailDialog table.bordlayoutp3 th,
#variationPriceAnnounceMailDialog table.bordlayoutp3 td,
#variationPriceAnnounceMailDialog div.layoutp3 + div input,
#variationPriceAnnounceMailDialog div.layoutp3 > div:last-child input {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

#variationPriceAnnounceMailDialog .mainCont p {font-size:90%;}

#variationPriceAnnounceMailDialog div.layoutp3 {margin-top:1.5em;}

#variationPriceAnnounceMailDialog #center3 table.bordlayoutp3 th,
#variationPriceAnnounceMailDialog #center3 table.bordlayoutp3 td {font-size:90%;color:#333;border:1px solid #ccc;padding:3px 5px;}
#variationPriceAnnounceMailDialog #center3 table.bordlayoutp3 th {background:url("/hpgen/HPB/theme/img/valiation_bk.gif");}

#variationPriceAnnounceMailDialog table.bordlayoutp3 #mailMag {vertical-align:-2px;}
#variationPriceAnnounceMailDialog table.bordlayoutp3 #mailMag+label {margin-left:5px;}

#variationPriceAnnounceMailDialog div.layoutp3 + div input,
#variationPriceAnnounceMailDialog div.layoutp3 > div:last-child input {
background-color: #333;
border: 1px solid #333;
border-radius: 3px;
box-sizing: border-box;
color: #FFF;
cursor: pointer;
font-size: .75rem;
height: 40px;
padding: 0 2%;
}
#variationPriceAnnounceMailDialog div.layoutp3 + div input:hover,
#variationPriceAnnounceMailDialog div.layoutp3 > div:last-child input:hover {
background-color: #666;
background-image: none;
border: 1px solid #666;
}


/*価格と在庫一覧ダイアログ*/
div[aria-describedby='spsVarpriceStockDialog1'] .ui-widget-header {border:none;background:#fff;}
div[aria-describedby='spsVarpriceStockDialog1'] .ui-dialog-titlebar {padding:0;border-radius:0;border-bottom:1px dotted #333;}
div[aria-describedby='spsVarpriceStockDialog1'] .ui-dialog-title {font-size:75%;color:#333;padding:3px 0 4px 5px;}
div[aria-describedby='spsVarpriceStockDialog1'] .ui-dialog-titlebar-close {right:2px;top:45%;width:20px;}
div[aria-describedby='spsVarpriceStockDialog1'] {padding-bottom:1em;}

div[aria-describedby='spsVarpriceStockDialog1'] .ui-dialog-title,
#spsVarpriceStockDialog1 table.contType th,
#spsVarpriceStockDialog1 table.contType td,
#spsVarpriceStockDialog1 table.variation th,
#spsVarpriceStockDialog1 table.variation td,
#spsVarpriceStockDialog1 > div:last-child input {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

#spsVarpriceStockDialog1 table.contType th,
#spsVarpriceStockDialog1 table.contType td {font-size:60%;color:#333;border:1px solid #ccc;padding:3px 5px;min-width:5em;}

#spsVarpriceStockDialog1 table.variation th,
#spsVarpriceStockDialog1 table.variation td {font-size:60%;color:#333;border:1px solid #ccc;padding:3px 5px;min-width:12.5%;width:12.5%;}

#spsVarpriceStockDialog1 table.variation span.selling_price,
#spsVarpriceStockDialog1 table.variation span.special_price,
#spsVarpriceStockDialog1 table.variation span.selling_price+span.taxin,
#spsVarpriceStockDialog1 table.variation span.special_price+span.taxin,
#spsVarpriceStockDialog1 table.variation span.discount_rate {color:#f00;}

#spsVarpriceStockDialog1 table.variation span.selling_price,
#spsVarpriceStockDialog1 table.variation span.special_price {font-size:120%;font-weight:bold;}

#spsVarpriceStockDialog1 table.contType td.backcolor1 {background:url("/hpgen/HPB/theme/img/valiation_bk.gif");font-weight:bold;}

#spsVarpriceStockDialog1 table.variation th {background:url("/hpgen/HPB/theme/img/valiation_bk.gif");font-weight:bold;}

#spsVarpriceStockDialog1 table.contType {margin:0.5em 0 1.5em;width:auto;}

#spsVarpriceStockDialog1 > div:last-child {padding:1em 0;text-align:center;}
#spsVarpriceStockDialog1 > div:last-child input {
background-color: #333;
border: 1px solid #333;
border-radius: 3px;
box-sizing: border-box;
color: #FFF;
cursor: pointer;
font-size: .75rem;
height: 40px;
padding: 0 2%;
}
#spsVarpriceStockDialog1 > div:last-child input:hover {
background-color: #666;
background-image: none;
border: 1px solid #666;
}

/*------------------------------------------------
商品一覧ページ
------------------------------------------------*/
/*送料無料ラベル*/
p.price span.sps-freeShippingLabel, p.sp_price span.sps-freeShippingLabel {
color: #FF0000;
margin-left: 0.5em;
white-space: nowrap;
font-weight:bold;
}

/*まとめてカートへ入れる（2016/05）*/
.expl {
  font-size:0.75em;
  padding:5px 0 25px;
  line-height:1.6;
}

.expl input[type=button] {
  background-color: #333;
  background-image: none;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  height: 40px;
  margin-top: 1em;
  padding: 0 2em;
}

.expl-fixed {
  position:fixed;
  top:0;
  background:#fff;
  z-index:999;
  border:1px solid #ccc;
  border-top:none;
  border-radius:0 0 5px 5px;
  box-sizing: border-box;
  padding:10px 15px 15px;
}

/*------------------------------------------------
バリエーションのマトリクス表示（2016/06）
------------------------------------------------*/
section#itemDetail-wrap table.matrix td.matrix_header {background:url("/hpgen/HPB/theme/img/valiation_bk.gif");font-weight:bold;}

#itemDetail-cont table.matrix td > a.announceMail:after,
#itemDetail-cont table.matrix td > a.announceMailSamePrc:after {
      background-image: url("/hpgen/HPB/theme/img/btn_restock.gif");
      background-size: contain;
      content: '';
      display: block;
      height: 40px;
      margin-top: 5px;
      width: 110px;
}

#itemDetail-cont table.matrix {border-collapse:collapse;margin-top:15px;}

#itemDetail-cont table.matrix tr td {padding:5px;text-align:center;line-height:1.4;border:1px solid #ccc;color:#333;}

#itemDetail-cont table.matrix tr:first-child td,
#itemDetail-cont table.matrix tr td:first-child {background:url("/hpgen/HPB/theme/img/valiation_bk.gif");color:#333;}

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

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

#itemDetail-cont table.matrix td div[id^="pos_"] {height:18px;width:18px;margin:0 auto;cursor:pointer;overflow:hidden;}
#itemDetail-cont table.matrix td div.radio_off {background: url("/SHOP/img/matrix_radio.png") 0 -18px no-repeat;}
#itemDetail-cont table.matrix td div.radio_on {background: url("/SHOP/img/matrix_radio.png") 0 0 no-repeat;}

/*------------------------------------------------
レビューの星画像表示（2016/06）
------------------------------------------------*/
/*商品ページ*/
div#main-column section#itemDetail-wrap p.review_txt {color:#333;}
div#main-column section#itemDetail-wrap p.review_txt img {vertical-align:-4px;}
div#main-column section#itemDetail-wrap p.review_txt span {font-weight:bold;padding-right:0.5em;}
div#main-column section#itemDetail-wrap p.review_txt a {display:inline-block;}

/*お客様の声（商品ごと）*/
div#main-column div#itemBox p.review_txt {clear:both;float:left;}
div#main-column div#itemBox p.review_txt img {vertical-align:-0.25em;margin-right:0.4em;}
div#main-column div#itemBox p.review_txt span {font-weight:bold;padding-right:0.6em;}

/*------------------------------------------------
商品詳細ページ店舗コメント（2017/06）
------------------------------------------------*/
section.userreview .userreview_comment .reviewBox_item{
    margin: 15px 0; 
}
section.userreview .userreview_list .userreview_comment .comment h3{
    background: url("/hpgen/HPB/theme/img/shop/trigona.png") no-repeat scroll 0 0;
    font-weight: bold;
    padding: 20px 0 0 15px;
}
section.userreview .userreview_list .userreview_comment .comment p{
    background: #eaeaea none repeat scroll 0 0;
    padding: 5px 15px 15px;
}
section.userreview .userreview_list .userreview_comment .comment .message_area .hide_comment{
    display: none;
}
section.userreview .userreview_list .userreview_comment .comment .message_area .comment_more:hover,
section.userreview .userreview_list .userreview_comment .comment .message_area .comment_close:hover{
    text-decoration: underline;
}
section.userreview .userreview_list .userreview_comment .comment .message_area .comment_more{
    display: block;
    cursor: pointer;
    color: #0093c9;
    text-align: right;
}
section.userreview .userreview_list .userreview_comment .comment .message_area .comment_close{
    display: none;
    cursor: pointer;
    color: #0093c9;
    text-align:right;
}

/*  floating-menu
----------------------------------------------- */
#floating-menu {
    position: fixed;
    bottom: 67px;
    right: 20px;
    z-index: 100;
}

/*  Page Top
----------------------------------------------- */
#page-top {
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 39px;
    height: 39px;
    padding: 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    background-image: url(/SHOP/img/seo_responsive_white/pagetop_on.gif);
    background-size: cover;
}
#page-top a:hover img {opacity: 0;}


/*** カスタムテンプレート(E-ホワイト用) ***/

/*  To Cart
----------------------------------------------- */
#to-cart {
    font-size: 77%;
    margin-bottom: 15px;
}
#to-cart a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 39px;
    height: 39px;
    padding: 0;
    text-align: center;
    display: block;
}
#to-cart a:hover {
    text-decoration: none;
    background-image: url(/SHOP/img/seo_responsive_white/cart_on.png);
    background-size: cover;
}
#to-cart a:hover img {
    opacity: 0;
}

div[aria-describedby='sps-cartaddModal'] {
  z-index:10000;
  background: #FFFFFF;
  padding: 0px 0px !important;
  border-radius: 0px !important;
}
div.ui-widget-overlay {z-index:100;}
div[aria-describedby='sps-cartaddModal'] .ui-widget-header {display: none;}

div.sps-cartaddModal {
  padding: 0px 0px !important;
}
div.sps-cartaddRow {
  width: 100%;
  color: #333333;
}
div.sps-cartaddRow > div.sps-cartaddLeftCol {
  width: 100%;
  padding-top: 40px;
  text-align: center;
}
div.sps-cartaddRow > div.sps-cartaddRightCol {
  position: absolute;
  top: 22px;
  right: 22px;
}
div.sps-cartaddClear {
  clear: both;
}

div.sps-cartaddSuccessMsg {
    margin-bottom: 20px;
}

div.sps-cartaddErrMsg {
    margin-bottom: 18px;
}

div.sps-cartaddErrDetail {
  width: 316px;
  margin: auto 22px 40px 22px;
  text-align: left;
  font-size: 13px;
}

div.sps-cartaddErrDetail > div {
  margin-bottom: 14px;
}

div.sps-cartaddBtnContent {
  max-width: 460px;
  margin: 0 auto;
  min-width: 460px;
  overflow: hidden;
}

div.sps-cartaddCartlink > a {
  width: 202px;
  height: 50px;
  display: block;
  background: url("/SHOP/img/btn_cartaddGoToCart_seo.png");
}

div.sps-cartaddCartlink {
  cursor: pointer;
  margin: auto 22px 40px auto;
  width: 202px;
  height: 50px;
  float: right;
}

div.sps-cartaddClose {
  cursor: pointer;
  margin: auto 12px 40px 22px;
  width: 202px;
  height: 50px;
  float: left;
  background: url("/SHOP/img/btn_cartaddContinueShopping_seo.png");
}

div.sps-cartAddAutoMsg {
  min-width: 135px;
}

div.sps-cartaddSuccessMsg, div.sps-cartaddErrMsg, div.sps-cartAddAutoMsg {
  font-size: 15px;
  font-weight: bold;
}

div.sps-cartaddAutoPopup {
  background: rgba(64,64,64, 0.7);
  position: absolute;
  height: auto;
  z-index: 100;
  border-radius: 3px;
}

div.sps-cartaddAutoIcon {
  width: 30px;
  height: 26px;
  background: url("/SHOP/img/sps-cartaddAutoIcon.png");
  margin: 23px auto 10px 99px;
}

div.sps-cartAddAutoMsg {
  margin-left: 48px;
  margin-right: 48px;
  margin-bottom: 23px;
  color: #FFFFFF;
  text-align: center;
}

div.sps-cartaddSuccessMsg,
div.sps-cartaddErrMsg,
div.sps-cartaddClose,
div.sps-cartaddCartlink > a,
div.sps-cartAddAutoMsg,
div.sps-cartaddErrDetail {
  font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

@media screen and (max-width: 480px) {
    /*グローバルナビ*/
    #gnav nav li:first-child a::before {
        background: url(/SHOP/img/seo_responsive_white/rps_top_icon.png);
        background-size: cover;
    }
    #gnav a[href$="shoppinguide.html"]::before {
        background: url(/SHOP/img/seo_responsive_white/rps_guide_icon.png);
        background-size: cover;
    }
    #gnav a[href$="contact.cgi"]::before {
        background: url(/SHOP/img/seo_responsive_white/rps_contact_icon.png);
        background-size: cover;
    }
    #gnav a[href$="rating_list.html"]::before {
        background: url(/SHOP/img/seo_responsive_white/rps_review_icon.png);
        background-size: cover;
    }
    #gnav a[href$="sitemap.html"]::before {
        background: url(/SHOP/img/seo_responsive_white/rps_sitemap_icon.png);
        background-size: cover;
    }
    #to-cart a:hover {
        background-image: none;
    }
    #to-cart a:hover img {
        opacity: 1;
    }
    div.sps-cartaddBtnContent {
      min-width: 100%;
    }

    div.sps-cartaddCartlink {
      margin: auto;
      float: none;
    }

    div.sps-cartaddClose {
      margin: 10px auto 20px;
      float: none;
    }

    #variationPriceAnnounceMailDialog div.layoutp3 + div input:hover,
    #variationPriceAnnounceMailDialog div.layoutp3 > div:last-child input:hover,
    #spsVarpriceStockDialog1 > div:last-child input:hover {
    background-color: #333;
    border: 1px solid #333;
    }

    /*------------------------------------------------
    商品詳細ページ
    ------------------------------------------------*/
    /*商品画像拡大*/
    .zoomItemPic {
      pointer-events:none;
    }
    section.userreview .userreview_list .userreview_comment .comment .message_area .comment_more:hover,
    section.userreview .userreview_list .userreview_comment .comment .message_area .comment_close:hover{
        text-decoration: none;
    }
    #page-top a:hover {
      background-image: none;
    }
    #page-top a:hover img {opacity: 1;}
}

.snsArea {
  width: initial;
  height: 30px;
}

.snsArea td {
  vertical-align: top;
}

.snsArea #sns-facebook-button,
.snsArea #sns-twitter-button {
  padding: 0 5px 0 0;
}

.snsArea .sps-twitter-rect {
  width: 60px;
}

.snsArea .sps-twitter-sq {
  width: 24px;
}