@charset "utf-8";

/*------------------------------------------------
S-白X赤
------------------------------------------------*/
/*価格エリアの行間調整*/
.productprice > div {line-height:1.4;}

/*バリエーション価格表示エリア*/
#spsVarpriceBox > p {text-align:left;padding:5px 0 15px 25px;}
#spsVarpriceBox > div {margin-top:5px;padding:10px 25px 15px;border-radius:5px;background:#eee;}
#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:#f0365e;}
#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:#f0365e;}
#spsVarpriceStockDialog {padding:15px 10px 10px;}
#spsVarpriceStockDialog .red {color:#f0365e;}

/*価格と在庫一覧ダイアログ*/
div[aria-describedby='spsVarpriceStockDialog'] {z-index:10000;}
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:#fff;}
div[aria-describedby='spsVarpriceStockDialog'] .ui-dialog-titlebar {padding:0.4em 1em 0.4em 0.4em;border-radius:0;border-bottom:1px dotted #ddd;}
div[aria-describedby='spsVarpriceStockDialog'] .ui-dialog-title {color:#000;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 #ddd;}
#spsVarpriceStockDialog table.variation3 td {min-width:5em;padding:5px;text-align:left;font-size:65%;line-height:1.4;border:1px solid #ddd;color:#282828;}
#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:#282828;}
#spsVarpriceStockDialog table.variation1 td {text-align:left;padding:5px;line-height:1.4;font-size:65%;border:1px solid #ddd;color:#282828;}

#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;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-widget-header {border:none;background:#fff;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-titlebar {padding:0.4em 1em 0.4em 0.4em;border-radius:0;border-bottom:1px dotted #ddd;}
div[aria-describedby='variationPriceAnnounceMailDialog'] .ui-dialog-title {color:#000;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:#fff;}

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

#variationPriceAnnounceMailDialog .formbox {margin:15px 0;}
#variationPriceAnnounceMailDialog .formtable {margin:0;padding:0;border:none;background:#fff;}
#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:#282828;border:1px solid #ddd;}
#variationPriceAnnounceMailDialog .formbox #announceMailAddress {width:80%;margin:5px 0;font-size:70%;}
#variationPriceAnnounceMailDialog .formbox p,
#variationPriceAnnounceMailDialog .formbox label {font-size:65%;color:#282828;}

#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:#282828;}

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

#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:#fff;}
#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;}

/*------------------------------------------------
カートに移動する（2017/08）
------------------------------------------------*/
#sps-to-cart {margin: 0 0 10px 0;padding:0;}
#sps-to-cart p {margin:0;}
#sps-to-cart p a {display:block;width:40px;height:40px;line-height:40px;text-align:center;text-decoration:none;border-radius:8px;transition:all 0.3s;opacity:0.7;cursor:pointer;color:#fe8888;background: url(../img/cart_theme13.png)no-repeat #db0c0c 9px 10px;background-size: 20px;text-indent: -9999px;}
#sps-to-cart p a:hover {opacity:0.7;}

/*------------------------------------------------
ページのトップへ戻る（2017/08）
------------------------------------------------*/
#sps-page-top {margin:0;padding:0;}
#sps-page-top p {margin:0;}
#sps-page-top p a {display:block;width:40px;height:40px;line-height:40px;text-align:center;text-decoration:none;border-radius:8px;transition:all 0.3s;opacity:0.7;cursor:pointer;background:#db0c0c;color:#fe8888;font-size: 16px;}
#sps-page-top p a:hover {opacity:0.7;}

/*------------------------------------------------
フローティングメニュー（2017/08）
------------------------------------------------*/
#sps-floating-menu{position: fixed;bottom: 15px;right: 15px;z-index:10000;}

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

/*------------------------------------------------
パンくず用CSS（2017/01）
------------------------------------------------*/
/*パンくず設定（共通）*/
#bread-crumb {margin:0 0.5em;padding-bottom:1em;line-height:1.8;font-size:0.85em;}
#bread-crumb ol {margin:0;padding:0;}
#bread-crumb ol li {list-style:none;}
#bread-crumb ol li a {text-decoration:none;}
#bread-crumb ol li:nth-child(1) a {word-break:break-all;}
#bread-crumb ol li span {display:inline-block;padding:0 0.5em;font-family:monospace;}
#bread-crumb ol li span:nth-child(1) {padding-left:0;}

/*パンくず設定（単一用）*/
#bread-crumb ol.single {overflow:hidden;}
#bread-crumb ol.single li {float:left;}
#bread-crumb ol.single li span {padding:0 0.5em;}

/*------------------------------------------------
商品詳細ページ店舗コメント（2017/06）
------------------------------------------------*/
#pi_review .shopcomment .f_l,
#contents .shopcomment .f_l {
    width: 100px;
    padding-left:0;
}
#pi_review .comment > .minus + .shopcomment.plus {
    background: url("/SHOP/smp/img/arrow13.png") no-repeat 95% center;
}
#pi_review .comment > .minus + .shopcomment.plus.act {
    background: url("/hpgen/smp/img/theme13/minus.png") no-repeat 95% center;
}

#sps-header-common {
    margin: 0 auto;
}

#sps-welcome a, #sps-global-navi a {
    color: inherit;
}

#sps-welcome {
    display: table;
    width: 100%;
}

#sps-welcome div {
    display: table-cell;
    vertical-align: middle;
    text-align: justify;
    padding: 12px 8px;
}

#sps-menu {
    background: white;
    width: 100%;
    float: left;
    padding: 10px 0;
}

#sps-menu ul {
    display: table;
    height: 100%;
    padding: 0 !important;
    margin: 0;
}

#sps-menu ul.left {
    width: 68%;
    max-width: 68%;
    float: left;
}

#sps-menu ul.left li:first-child {
    padding: 0 8px;
    max-width: 30vw;
    width: 30%;
}

#sps-comhead-logo img {
    max-width: none !important;
}

#sps-menu ul.right {
    width: 98px;
    float: right;
    table-layout: fixed;
}

#sps-menu ul.right li:first-child {
    padding: 0 15px 0 3px;
}

#sps-menu ul.right li:last-child {
    padding: 0 10px 0 8px;
}

#sps-menu ul li {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    list-style: none;
    position: relative;
}

#sps-menu ul.right li img {
    float: right;
}

#sps-menu #cart-icon .member_cart_info {
    position: absolute;
    right: 0;
    top: 2px;
}

#sps-menu #cart-icon .number_comma {
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border: 1px solid #FF6F6F;
    background-color: #ff6f6f;
    min-width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#sps-menu img, #global-navi img {
    display: block;
    max-width: 100%;
}

#sps-global-navi ul {
    display: table;
    table-layout: fixed;
    padding: 0 !important;
    margin: 0;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

#sps-global-navi ul li {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 6px;
}

#sps-global-navi ul li > div {
    display: table;
    width: 100%;
    height: 100%;
}

#sps-global-navi ul li > div > a {
    display: table-cell;
    vertical-align: middle;
}

#sps-global-navi ul li:first-child {
    border-left: none !important;
}

#sps-global-navi ul li:last-child {
    border-right: none !important;
}

#sps-global-navi img {
    display: block;
    margin: 0 auto;
}

#sps-global-navi ul li a {
    text-decoration: none !important;
}

#sps-header-common-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 !important;
    z-index: 10000;
}

/* お店ページに会員カート情報表示（SMP03） */
#sps-header-common .member_info_cart_info #headerbox {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    background: url('../../../hpgen/HPB/theme/img/header_bg.gif') repeat-x left top;
    display: table;
    padding: 15px 10px;
    box-sizing: border-box;
    vertical-align: middle;
}

#sps-header-common .member_info_cart_info #headerbox a {
    color: #282828;
    display: inline-block;
    position: relative;
}

#sps-header-common .member_info_cart_info #logo {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
}

#sps-header-common #hbtnbox {
    width: 34%;
    padding-left: 41%;
    vertical-align: middle;
    display: table-cell;
    text-align: right;
}

#sps-header-common .member_info_cart_info #hbtnbox img {
    width: 60px;
    height: auto;
}

#sps-header-common span.item_cnt {
    position: absolute;
    right: -2px;
    top: 0px;
    border-radius: 50%;
    min-width: 17px;
    text-align: center;
    padding: 3px 1px;
    border: 1px solid #FF6F6F;
    background-color: #ff6f6f;
    color: #fff;
}

#sps-header-common #member_info {
    line-height: 135%;
    font-size: 11px;
}

#sps-header-common .memberrank {
    display: inline-block;
    font-size: 10px;
}

/* お店ページに会員カート情報表示（非表示設定） */
#sps-header-common .member_info_cart_info {
    display: none;
}

#sps-header-common .member_info_cart_info .account_guest {
    display: none;
}

#sps-header-common .member_info_cart_info .rank_name_0 {
    display: none;
}

#sps-header-common .member_info_cart_info .rankup_none {
    display: none;
}

#sps-header-common .member_info_cart_info .nrank_prc_0 {
    display: none;
}

#sps-header-common .member_info_cart_info .nrank_cnt_0 {
    display: none;
}

#sps-header-common .member_info_cart_info .firstname_guest {
    display: none;
}

#sps-header-common .member_info_cart_info .more_maru_1 {
    display: none;
}

#sps-header-common .member_info_cart_info .free_shipping_0 {
    display: none;
}

#sps-header-common .member_info_cart_info .shipping_box_none {
    display: none;
}

#sps-header-common .member_info_cart_info .pointmember_none {
    display: none;
}

#sps-header-common .member_info_cart_info .rankmember_none {
    display: none;
}

#sps-header-common .member_info_cart_info .memberrank_none_none {
    display: none;
}

#sps-header-common .member_info_cart_info #member_info_none_none {
    display: none;
}

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

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

div.sps-cartaddSuccessMsg {
    padding-bottom: 32px;
}

div.sps-cartaddErrMsg {
    padding-bottom: 20px;
}

div.sps-cartaddErrDetail {
    margin: auto 25px 50px 25px;
    width: 280px;
}

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

div.sps-cartaddErrMsg > div > a {
    outline: none;
}

div.sps-cartaddModalArrow {
    cursor: pointer;
    width: 16px;
    position: absolute;
    z-index: 3;
    right: 50px;
    margin-top: -39px;
}

div.sps-cartaddCartlink > a {
    width: 250px;
    height: 40px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}

div.sps-cartaddCartlink {
    background: #AAAAAA;
    cursor: pointer;
    line-height: 40px;
    height: 40px;
    width: 250px;
    text-align: center;
    margin: auto 39px 15px 39px;
}

div.sps-cartaddClose {
    border: 1px solid #AAAAAA;
    cursor: pointer;
    line-height: 38px;
    height: 38px;
    width: 248px;
    text-align: center;
    margin: auto 39px 32px 39px;
}

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

div.sps-cartaddCartlink, div.sps-cartaddClose, div.sps-cartaddErrDetail {
    font-size: 13px;
}

div.sps-cartaddAutoPopup {
    background: rgba(64,64,64, 0.7);
    position: absolute;
    width: 167px;
    height: auto;
    color: #FFFFFF;
    z-index: 100000;
    border-radius: 3px;
}

div.sps-cartaddAutoIcon {
    width: 22px;
    height: 18px;
    background: url("/SHOP/smp/img/sps-cartaddAutoIcon.png");
    margin: 12px 75px 10px 70px;
}

div.sps-cartAddAutoMsg {
    margin-left: 18px;
    margin-right: 19px;
    margin-bottom: 13px;
    width: 130px;
    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;
}

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

#card_info {
  margin:0;
  padding:10px;
  text-align:left;
}

#card_info > ul + ul {
  margin-top:1.5em;
}

#card_info > ul li {
  line-height:1.6;
  font-size:0.9em;
  padding:0 0 0.5em;
}

#card_info > ul li:last-child,
#card_info > ul li.button_or {
  padding:0;
}

#card_info > ul li.button_or input {
  margin:0;
  border:none;
  border-radius:5px;
  font-size:0.9em;
}

#card_info > ul li.button_or input.off {
  border:none;
  border-radius:5px;
  background:#ccc;
  color:#888;
}

#card_info > #card_save label {
  display:inline-block;
  padding:1em 2em 1em 1em;
  border:1px solid #ccc;
  border-radius:5px;
}

#card_info > ul li h4 {
  margin:0;
  font-size:1.1em;
}

#card_info > ul li.button_or span {
  display:block;
  margin-top:0.5em;
}

#card_info > #main {
  margin:1.5em 0 0;
  text-align:left;
}

#card_info > div.info {
  margin:1.5em 0 0;
  padding:0;
}

.vertical-top {
  vertical-align: top;
}

#contents section div.formbox.sps-mail-magazine-reader-setting {
  margin-top: 22px;
}

.sps-mail-magazine-input-box {
  padding-bottom: 10px;
}
#contents>section#mp_ta_mailmag>p {
  margin: 10px;
}

section#mp_ta_mailmag > div,
section#mp_ta_mail_magazine_reader_setting > div.setting_complete {
  margin: 7px auto;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.assortInfoName{
  display: contents !important;
}

.sps-button-assort{
  width: 98px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #888888;
  border: 1px solid #888888;
  padding: 3px;
  font-size: 10px;
  color: white;
  display: inline-block;
  -webkit-appearance: none;
}

.sps-button-for-modal{
  width: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #888888;
  border: 1px solid #888888;
  padding: 3px;
  font-size: 10px;
  color: white;
  display: inline-block;
  -webkit-appearance: none;
}

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

.assortModal {
  display: none;
  position: fixed;
  z-index: 10002;
  top: 14%;
  width: 95%;
  left: 50%;
  transform: translate(-50%, 0);
  min-height: 150px;
  max-height: 420px;
  height: auto;
  background: #eee;
  padding: 5px;
  border: 1px solid #888;
}

.assortModalContent {
  padding-bottom: 10px;
}

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

.closeAssortModal {
  color: #aaa;
  float: right;
  font-size: 12px;
}

.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: 230px;
  height: auto;
  overflow: auto;
}

.assortBody table {
  width:100%;
  border-collapse: collapse;
}

.assortBody table td {
  border-bottom:1px solid #ddd;
  text-align:left;
  line-height: 1.4;
  font-size: 65%;
  color: #282828;
}

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

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

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

.assortBody table td:nth-child(3) {
  padding: 10px;
  width: 20%;
}

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

.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-bottom: 10px;
    margin-right: auto !important;
    margin-left: auto !important;
    width: unset !important;
}

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

.sps-staffStart #coordinate-list-render .box {
    background: unset;
}

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

.sps-staffStart #coordinate-list-render .staff a img{
    width: 85%;
    border-radius: 50%;
}

.sps-staffStart #coordinate-list-render .staff h1{
    margin: 5px 0;
}

.sps-staffStart #staffstartStafflistRankRender .box {
    background: unset;
}

.sps-staffStart #staffstartStafflistRankRender .staff {
    text-align: center;
}

.sps-staffStart #staffstartStafflistRankRender .staff a img{
    width: 85%;
    border-radius: 50%;
}

.sps-staffStart #staffstartStafflistRankRender .staff h1{
    margin: 5px 0;
}

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

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

.sps-staffStart #condition-search-content ul.list-history span{
    text-decoration: none;
    color: #515452;
}

.sps-staffStart #condition-search-content ul.list-history a{
    text-decoration: none;
    color: #515452;
}

.itemlist .tag span {
    margin-bottom: 3px;
}

.itemlist .tag {
    margin: 0 10px 2px;
}

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

.product_name .sps-icon-pickup-store {
    font-size: 12px;
    padding: 2px 5px;
    display: inline;
}

.column4 .badge {
    padding: 4px 0 0 4px;
    position: absolute;
    z-index: 100;
}

.sps_icon_e_gift_desc {
    width: 75px;
    vertical-align: middle;
}

.sps_icon_e_gift_related_item {
    width: 70px;
    vertical-align: middle;
}

.sps_icon_e_gift_list {
    width: 73px;
    vertical-align: middle;
}

.e_gift_message_area {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    margin: 10px 0;
}

.shopping_form .e_gift_message_area > p{
    text-align: left;
    margin-bottom: 10px;
    color: #333;
}

.shopping_form .e_gift_message_area > h4{
    color: #333;
}

.linkOpenPopup {
    text-decoration: underline;
    color: #005BAC !important;
    font-weight: bold;
    font-size: 13px;
    margin: 15px 0;
    display: block;
    text-align: center;
}

.linkOpenPopup:hover {
    text-decoration: none;
}

#eGiftPopup {
    display: none;
    position: fixed;
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
    width: 90vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    line-height: 22px;
}

#eGiftPopup .eGiftcontent {
    padding: 16px 10px 16px 16px;
    border: 2px solid #005BAC;
    border-top: none;
}

#eGiftPopup .eGiftTitle {
    text-align: center;
    background-color: #005BAC;
    font-size: 16px;
    font-weight: bold;
    padding: 25px 0 15px 0;
    color: #fff;
}

#eGiftPopup .eGiftDescription {
    justify-content: start;
    margin-bottom: 20px;
    color: #333 !important;
    font-size: 12px;
}

#eGiftPopup .step {
    display: flex;
    align-items: center;
    color: #333 !important;
    font-size: 12px;
}

#eGiftPopup .warning {
    display: flex;
    align-items: start;
    margin: 10px 0;
    color: #333 !important;
    font-size: 12px;
}

#eGiftPopup .step .icon, #eGiftPopup .warning .icon {
    margin-right: 10px;
    width: 34px;
}

#eGiftPopup .eGiftArrow {
    display: flex;
    justify-content: center;
    width: 34px;
}

#eGiftPopup .eGiftArrow .icon {
    width: 14px;
    height: 22px;
}

#eGiftPopup .iconCont {
    flex: 0 0 40px;
}

#eGiftPopup .eGiftButton {
    text-align: center;
    margin-top: 10px;
}

#eGiftPopup .eGiftButton button {
    background-color: #0A2D5C;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 12px 0;
    text-align: center;
    width: 200px;
    font-size: 14px;
}

#eGiftPopup p, #eGiftPopup h1 {
    margin: 0;
}

@media only screen and (min-width: 600px) {
    #eGiftPopup .eGiftcontent {
        padding: 16px 10px 16px 16px;
        border: 2px solid #005BAC;
        border-top: none;
        min-height: 91px;
        max-height: 230px;
        width: auto;
        height: auto;
        overflow: auto;
    }
}