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

/*------------------------------------------------
バリエーションごとの価格設定（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/responsive2/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/responsive2/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: 450px;
  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: 768px) {
  .assortModal {
    left: 2% !important;
    right: 2%;
    width: 96% !important;
  }

  .assortModal .assortModalContent .assortBody .assortButton {
    width: 40px;
    padding: 2px !important;
  }
  .eGiftModal {
    left: 50% !important;
    right: 2%;
  }
}

@media screen and (max-width: 480px) {
    /*グローバルナビ*/
    #gnav nav li:first-child a::before {
        background: url(/SHOP/img/responsive2/rps_top_icon.png);
        background-size: cover;
    }
    #gnav a[href$="shoppinguide.html"]::before {
        background: url(/SHOP/img/responsive2/rps_guide_icon.png);
        background-size: cover;
    }
    #gnav a[href$="contact.cgi"]::before {
        background: url(/SHOP/img/responsive2/rps_contact_icon.png);
        background-size: cover;
    }
    #gnav a[href$="rating_list.html"]::before {
        background: url(/SHOP/img/responsive2/rps_review_icon.png);
        background-size: cover;
    }
    #gnav a[href$="sitemap.html"]::before {
        background: url(/SHOP/img/responsive2/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;}

  .assortBody {
    padding: 5px !important;
  }

  .assortModal .assortModalContent .assortBody .assortButton {
    width: 40px;
    padding: 2px !important;
  }
}

.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;
}

#sps-background-for-modal {
  background: #aaa;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
}

.assortModal {
  display: none;
  position: fixed;
  z-index: 102;
  left: 30%;
  top: 20%;
  width: 780px;
  min-height: 160px;
  max-height: 420px;
  height: auto;
}

.assortModalContent {
  border: 1px solid #888;
  width: 99.5%;
  background: #eee;
}

.assortHeader {
  width: 100%;
  height: 40px;
}

.closeAssortModal {
  color: #aaa;
  float: right;
  font-size: 14px;
  padding: 3px;
  margin: 5px;
}

.closeAssortModal:hover,
.closeAssortModal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.assortImg {
  max-height: 70px;
  max-width: 70px;
}

.assortBody {
  background-color: #fefefe;
  padding: 10px 20px 10px 20px;
  position: relative;
  width: auto;
  min-height: 91px;
  max-height: 340px;
  height: auto;
  overflow: auto;
}

.assortBody table {
  width:100%
}

.assortBody table td {
  border-bottom:1px solid #ccc;
  text-align:left;
}

.assortBody table tr:last-child td {
  border: 0px;
  border-collapse: collapse;
}

.assortBody table tr td:first-child {
  width: 10%;
}

.assortBody table tr td:nth-child(2) {
  padding: 10px;
  width: 45%;
  font-size: 12px;
}

.assortBody table td:nth-child(3) {
  padding: 10px;
  width: 35%;
  font-size: 12px;
}

.assortBody table td:last-child {
  padding: 10px;
  width: 10%;
  text-align:center;
  font-size: 12px;
}

.assortButton {
  vertical-align: middle;
  padding:2px 8px;
  border:none;
  border-radius:3px;
  color:#fff;
  background:url("/hpgen/HPB/theme/img/btn-confirm_bg.gif") repeat-x;
}

.assortButton:hover,
.assortButton:focus {
  background:url("/hpgen/HPB/theme/img/btn-confirm_bg_on.gif") repeat-x;
}
.assortPrice{
  color: #FF0000;
  font-size: 120%;
  font-weight: bold;
}

.sps-staffStart th#resizeImageCD a, .sps-staffStart th#resizeImageCD div.staffResizeImage {
  border-radius: 100px;
}

.sps-staffStart th#resizeImageCD > a > img, .sps-staffStart th#resizeImageCD > div.staffResizeImage > img {
  border-radius: 100px;
  width: 85%;
}

.sps-staffStart ul#ulCoordinateDetailTags > li {
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin: 1px 1px;
  padding: 3px;
  font-size: 75%;
  width: unset !important;
}

.sps-staffStart ul#ulCoordinateDetailTags > li > a {
  text-decoration: none;
  color: #515452;
}

.sps-staffStart .centerCoordinateMore{
  display: table;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 60px;
}

.sps-staffStart #btnCoordinateMore{
  width: 350px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #515452;
}

@media screen and (min-width: 481px){
  .sps-staffStart #itemDetail-cont .staffFloatLeft {
      float: left !important;
  }
}

.sps-staffStart #coordinate-tags-render {
  margin: 10px 0px;
}

.sps-staffStart #coordinate-tags-render span {
  margin: 1% 0;
}

.sps-staffStart #coordinate-tags-render ul#tag-ranking > li {
  display: inline-block;
  border: 1px solid #f4ecec;
  border-radius: 5px;
  margin: 10px 5px 0px 0px;
  padding: 0.5%;
  line-height: unset;
}

.sps-staffStart #coordinate-tags-render ul#tag-ranking > li:hover {
  background-color: #f3f3f3;
}

.sps-staffStart #coordinate-tags-render ul#tag-ranking > li > a
, .sps-staffStart #condition-search .list-history li a {
  text-decoration: none;
}


.sps-staffStart #condition-search {
  width: 100%;
  margin-top: 1%;
  display: flex;
}

.sps-staffStart #condition-search #condition-search-label {
  padding: 1% 1% 1% 0;
  line-height: 1.5rem;
}

.sps-staffStart #condition-search #condition-search-content {
  padding: 0.5%;
}

.sps-staffStart #itemList_wrap #pager-top #condition-search ul.list-history > li {
  display: inline-block;
  border: 1px solid #f4ecec;
  border-radius: 5px;
  padding: 3px;
  margin-right: 5px;
  margin-bottom: 2%;
  line-height: unset;
}

.sps-staffStart #condition-search ul.list-history li .item-content {
  text-align: left;
  margin: 10px
}

.sps-staffStart #condition-search ul.list-history li .icon-del {
  font-size: small;
  text-align: center;
}

.sps-staffStart #itemList_wrap {
  clear: both;
}

.sps-staffStart #itemList_wrap #pager-top .selectbox {
  font-size: inherit;
}

.sps-staffStart #coordinate-list-render .description {
  margin-top: 3%;
  display: flex;
  align-items: stretch;
}

.sps-staffStart #coordinate-list-render .description .img-icon {
  width: 30%;
}

.sps-staffStart #coordinate-list-render .description .img-icon img {
  border-radius: 50%;
}

.sps-staffStart #coordinate-list-render .description .text {
  width: 70%;
  margin: 1%;
}

.sps-staffStart #coordinate-list-render .description .text span {
  font-size: 0.7em;
  color: #978f8f;
}

#sub-column .sps-staffStart .staff-start-menu-fix  nav ul li {
  background: none !important;
}

#sub-column .staff-start-menu .category nav ul li.listcat2 a:hover {
  font-weight: normal;
  text-decoration: none;
}

#sub-column .sps-staffStart .staff-start-menu .linkActive {
  font-weight: bold;
}

#sub-column .sps-staffStart .staff-start-menu .category nav ul .listcat2 a {
  font-weight: normal;
  padding-left: 6%;
}

#sub-column .sps-staffStart .staff-start-menu .category nav ul .cate-parent a::after {
  content: ">";
  line-height: 26px;
}

.sps-staffStart #staff-list-render .staff-item {
  text-align: center;
}

.sps-staffStart #staff-list-render .staff-item .itemThumb {
  border: none;
}

.sps-staffStart #staff-list-render .staff-item img {
  border-radius: 50%;
}

.sps-staffStart #staff-list-render .staff-item a:hover {
  text-decoration: none;
}

.sps-staffStart #staff-list-render .staff-item .staff-name {
  font-weight: bold;
}

.sps-staffStart #staff-list-render .staff-item .staff-height {
  font-size: 85%;
}

.sps-staffStart .ss-api-error {
  text-align: center;
  font-weight: bold;
  color: red;
}

.column4 .itemThumb a img.max-height-333 {
  max-height: 333px;
}

#itemList_wrap #pager-top ul li.ssUnsetLineHeight {
  line-height: unset;
}

.sps-staffStart #ulItemThumb img.sps-image-detail {
  max-height: 60px;
}

.sps-icon-pickup-store {
  background-color: orange;
  color: white; 
  padding: 4px 5px 4px 5px;
  max-width: 100%;
  width: 72px !important;
  height: auto !important;
  font-size: 12px
}

.sps_icon_e_gift_desc {
  width: 83px !important;
}

.sps_icon_e_gift_related_item {
  width: 50px;
}

.sps_icon_e_gift_list {
  width: 50px;
}

.e_gift_message_area {
  border-radius: 8px;
  padding: 10px;
  margin: 10px 0;
}

.eGiftModal {
  display: none;
  position: fixed;
  z-index: 102;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 680px;
}

.eGiftModalContent {
  border: 1px solid #888;
  width: 99.5%;
  border-radius: 4px;
}

.closeEGiftModal {
  color: #fff;
  font-size: 14px;
  padding: 3px 5px;
  font-weight: bold;
  background-color: #0A2D5C;
  width: 200px;
}

.closeEGiftModal:hover,
.closeEGiftModal:focus {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.eGiftBody {
  background-color: #fefefe;
}

.eGiftBody table {
  width:100%;
  color: black;
}

.eGiftBody table td {
  text-align:left;
  padding: 10px;
}

.eGiftBody table tr:first-child td {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  background-color: #005BAC;
}

.eGiftBody table tr td:first-child {
  text-align: center;
  width: 100px;
}

.eGiftBody table tr td:nth-child(2) {
  float: left;
  display: flex;
  align-items: center;
  min-height: 65px;
  height: auto;
}

.e_gift_message_area .hover-has-icon {
  color: #005fc0;
  text-decoration: underline;
}

.e_gift_message_area .hover-has-icon:hover {
  text-decoration: none;
}

form[name="PATIN"] p.eGiftRelatedText {
  font-size: 9px;
  text-align: center;
  color: #005fc0;
  font-weight: bold;
}