@charset "UTF-8";

/*
createdate: 20151204
update: 20180625
var: 1.3.4
*/

/* header
----------------------------*/
#rakutenLimitedId_header #ritTopHeader .ritCmtRetMenu #ritNotificationButton {
  margin-left: 0!important;
  position: absolute!important;
  left: 0!important;
  top: 0!important;
}

#rakutenLimitedId_header #ritBasketArea .iconNotSprite {
  margin: 0 0 0 4px!important;
  text-indent:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

#rakutenLimitedId_header #ritBasketArea .iconNotSprite a {
  width: 101px!important;
  height: 24px!important;
  display: block!important;
  background: url(https://r.r10s.jp/com/img/home/opt/css/btn_ret_menu_sprite_03.gif) no-repeat 0 0!important;
}

#rakutenLimitedId_header #ritBasketArea .iconNotCaution a {
  background-position: 0px -24px!important;
}

#rakutenLimitedId_header #ritBasketArea .iconNotAshiato a{
  background-position: 0px -24px!important;
}

#rakutenLimitedId_header #ritBasketArea .iconNotbookMark a{
  background-position: 0px -48px!important;
}

#rakutenLimitedId_header #ritBasketArea .iconNotOrder a{
  background-position: 0px -72px!important;
}

#rakutenLimitedId_header #ritBasketArea .iconNotCoupon a {
  background-position: 0px -96px!important;
}

#rakutenLimitedId_header #ritBasketArea .notNumber {
  border-radius: 10px!important;
  padding: 1px 2px!important;
  border: solid 1px #ffffff!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  background: #bf0000!important;
  position: absolute!important;
  top:-7px!important;
  left: 15px!important;
  color: #ffffff!important;
  font-size: 10px!important;
}

#rakutenLimitedId_header #ritNotificationBadge {
  display: none!important;
  border-radius: 10px!important;
  padding: 3px 5px 2px 5px!important;
  border: solid 2px #ffffff!important;
  -webkit-border-radius: 10px!important;
  -moz-border-radius: 10px!important;
  background: #bf0000!important;
  position: absolute!important;
  top: -7px!important;
  left: 24px!important;
  color: #ffffff!important;
  font-weight: bold!important;
  font-size: 10px!important;
  text-align: center!important;
  font-family: "MS PGothic","Osaka",Arial,sans-serif!important;
  line-height: 1.1em!important;
  z-index: 1!important;
}

/* notification popup [#ritNotification]
----------------------------*/
#ritNotification * {
  background: no-repeat fixed 0 0 transparent !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none none !important;
  list-style-type: none !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1.2 !important;
  font-size: 12px !important;
  font-family: "Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",sans-serif!important;
  quotes: none !important;
  counter-reset: none !important;
  counter-increment: none !important;
  content: normal !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  opacity: 1 !important;
  box-sizing: content-box !important;
  outline: none !important;
  overflow: visible !important;
  float: none !important;
  table-layout: auto !important;
  letter-spacing: normal !important;
  z-index: auto !important;
  color: #333333 !important;
  cursor: auto !important;
  caption-side: top !important;
  clear: none !important;
  /* clip: auto !important; */
  text-align: left !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-transform: none !important;
  direction: ltr !important;
  empty-cells: show !important;
  unicode-bidi: normal !important;
  vertical-align: baseline !important;
  visibility: visible !important;
  white-space: normal !important;
  word-spacing: normal !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  /* for ie */
  overflow-x: visible !important;
  overflow-y: visible !important;
  text-autospace: none !important;
  text-justify: auto !important;
  text-underline-position: below !important;
  word-break: normal !important;
  word-wrap: normal !important;
  writing-mode: lr-tb !important;
  layout-grid: none !important;
  ime-mode: auto !important;
  line-break: normal !important;
  ruby-align: auto !important;
  ruby-overhang: auto !important;
  ruby-position: inline !important;
  background-position-x: left !important;
  background-position-y: top !important;
  behavior: none !important;
  /* css3 */
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: auto !important;
  border-radius: 0 !important;
  border-image: none 100% 1 0 stretch !important;
  box-decoration-break: slice !important;
  box-shadow: none !important;
  transform: none !important;
  transform-origin: 50% 50% !important;
  transform-style: flat !important;
  perspective: none !important;
  box-orient: inline-axis !important;
  box-direction: normal !important;
  box-ordinal-group: 1 !important;
  box-align: stretch !important;
  box-flex: 0.0 !important;
  box-flex-group: 1 !important;
  box-pack: start !important;
  box-lines: single !important;
  columns: auto auto !important;
  column-gap: normal !important;
  column-rule: medium none #FFFFFF !important;
  break-after: auto !important;
  break-before: auto !important;
  break-inside: auto !important;
  column-span: 1 !important;
  column-fill: balance !important;
  word-break: normal !important;
  text-wrap: normal !important;
  word-wrap: normal !important;
  text-justify: auto !important;
  text-shadow: none !important;
  ruby-position: before !important;
  ruby-align: auto !important;
  ruby-overhang: none !important;
  ruby-span: none !important;
  font-size-adjust: none !important;
  font-stretch: normal !important;
  -moz-box-sizing: content-box !important;
}
#ritNotification { display: none; position: absolute!important;border: solid 1px #999999!important;  box-shadow: 3px 3px rgba(206,206,206,0.65)!important;-moz-box-shadow: 3px 3px rgba(206,206,206,0.65)!important;-webkit-box-shadow: 3px 3px rgba(206,206,206,0.65)!important;-o-box-shadow: 3px 3px rgba(206,206,206,0.65)!important;-ms-box-shadow: 3px 3px #cecece!important; z-index: 3147483641 !important; background: #ffffff!important; padding-right: 4px!important; width: 634px!important; }
#ritNotification .ntfTopTail { position: absolute!important; left: 312px!important; top: -16px!important; *top: -14px!important; width: 6px!important; z-index: 7777!important; }
#ritNotification .ntfTtlCnt { width:634px!important;overflow: hidden!important; zoom: 1!important; font-weight: bold!important; }
#ritNotification .ntfTtlCnt .ntfTtl { width: 210px!important; padding: 5px 11px!important; float: left!important; }
#ritNotification .ntfTtlCnt .ntfClose { width: 15px!important; margin: 4px 0px 2px!important; float: right!important; background: url(https://r.r10s.jp/com/img/home/opt/css/icn_close_gray.gif) no-repeat 0 0!important; cursor: pointer!important; }

/* Error */
#ritNotification .ritNotificError { display: none; background: #ffffff!important; z-index: 6666!important; overflow: hidden!important; margin: 8px 19px 30px 23px!important; text-align: center!important; }
#ritNotification .rihCmnUserRetBtn a, #ritNotification .rihCmnUserRetBtn a:visited { text-decoration: none!important; color: #1d54a7 !important; outline: 0!important; }
#ritNotification .rihCmnUserRetBtn a:hover { text-decoration: underline!important; color: #c00000 !important; }
#ritNotification .rihCmnUserRetBtn li { vertical-align: bottom!important; display: inline-block!important; *display: inline!important; zoom: 1!important; }
#ritNotification .rihCmnUserRetBtn { height: 24px!important; }
#ritNotification .rihCmnUserRetBtn > li:first-child { margin-left: 0!important; }
#ritNotification .rihCmnUserRetBtn > li { margin-left: 4px!important; }
#ritNotification .rihCmnUserRetBtn > li > a { width: 101px!important; height: 24px!important; display: block!important; line-height: 2!important; }
#ritNotification .rihCmnUserRetBtn .notification { position: relative }
#ritNotification .rihCmnUserRetBtn .notification .notificationBtn { display: block!important; background: url(https://r.r10s.jp/com/img/home/opt/css/btn_ret_menu_sprite_03.gif) 0 0!important; }
#ritNotification .rihCmnUserRetBtn .ashiato a { background: url(https://r.r10s.jp/com/img/home/opt/css/btn_ret_menu_sprite_03.gif) 0 -24px!important; }
#ritNotification .rihCmnUserRetBtn .bookmark a { background: url(https://r.r10s.jp/com/img/home/opt/css/btn_ret_menu_sprite_03.gif) 0 -48px!important; }
#ritNotification .rihCmnUserRetBtn .order a { background: url(https://r.r10s.jp/com/img/home/opt/css/btn_ret_menu_sprite_03.gif) 0 -72px!important; }
#ritNotification .rihCmnUserRetBtn .mycoupon a { background: url(https://r.r10s.jp/com/img/home/opt/css/btn_ret_menu_sprite_03.gif) 0 -96px!important; }
#ritNotificationButton { position: relative!important; }
#ritNotification li { display: block!important; }
#ritNotification .ntfTopTail { width: 0!important; height: 0!important; border-left: 9px solid transparent!important; border-right: 9px solid transparent!important; border-bottom: 9px solid #686868!important; position: absolute!important; top: -9px!important; }
#ritNotification .ntfTopTailFill { width: 0!important; height: 0!important; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-bottom: 8px solid #fff!important; position: absolute!important; right: -8px!important; top: 1px!important;_top:-19px!important; }
#ritNotification .rihCmnUserRetBtn .notification .notificationBtn { display: block!important; background: url(https://r.r10s.jp/com/img/home/opt/css/btn_ret_menu_sprite_03.gif) 0 0 !important; width: 101px!important; height: 24px!important; line-height: 2px!important; cursor: pointer!important; }