@charset "UTF-8";
/*
 *= require normalize-scss
 */
#drawer {
  position: absolute;
  top: 0 !important;
  width: 100%;
  min-height: 100%;
  background: #e3e3e3 !important;
  box-sizing: border-box;
  z-index: 9999;
}

#modal-content {
  width: 100%;
  margin: 0;
  padding: 10px 20px;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 2;
  box-sizing: border-box;
}

#modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-open {
  cursor: pointer;
}

#modal-close {
  cursor: pointer;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.sidr {
  /* Default Settings */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 270px;
  overflow-x: none;
  overflow-y: auto;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -280px;
}
.sidr.left {
  left: -280px;
  right: auto;
}

.icon {
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.icon-notext {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.icon-uparrow {
  width: 16px;
  height: 9px;
  background-image: url('../../img/user/icon/uparrow.png');
}

.icon-downarrow {
  width: 15px;
  height: 9px;
  background-image: url('../../img/user/icon/downarrow.png');
}

.icon-nextarrow {
  width: 17px;
  height: 15px;
  background-image: url('../../img/user/icon/nextarrow.png');
}

.icon-downarrowgray {
  width: 20px;
  height: 12px;
  background-image: url('../../img/user/icon/downarrowgray.png');
}

.icon-detailwhite {
  width: 23px;
  height: 25px;
  background-image: url('../../img/user/icon/detailwhite.png');
}

.icon-prevarrowgray {
  width: 21px;
  height: 17px;
  background-image: url('../../img/user/icon/prevarrowgray.png');
}

.icon-batsu {
  width: 14px;
  height: 13px;
  background-image: url('../../img/user/icon/batsu.png');
}

.icon-roundminusgray {
  width: 15px;
  height: 15px;
  background-image: url('../../img/user/icon/roundminusgray.png');
}

.icon-roundpluspink {
  width: 15px;
  height: 15px;
  background-image: url('../../img/user/icon/roundpluspink.png');
}

.icon-lock {
  width: 17px;
  height: 24px;
  background-image: url('../../img/user/icon/lock.png');
}

.icon-linkpink {
  width: 17px;
  height: 17px;
  background-image: url('../../img/user/icon/linkpink.png');
}

.icon-pencil {
  width: 20px;
  height: 20px;
  background-image: url('../../img/user/icon/pencil.png');
}

.icon-closegray {
  width: 16px;
  height: 16px;
  background-image: url('../../img/user/icon/closegray.png');
}

.icon-closedouble {
  width: 18px;
  height: 10px;
  background-image: url('../../img/user/icon/closedouble.png');
}

.icon-chevronleftgray {
  width: 10px;
  height: 18px;
  background-image: url('../../img/user/icon/chevronleftgray.png');
}

.icon-chevronleftgraydouble {
  width: 20px;
  height: 18px;
  background-image: url('../../img/user/icon/chevronleftgraydouble.png');
}

.icon-chevronrightwhite {
  width: 10px;
  height: 18px;
  background-image: url('../../img/user/icon/chevronrightwhite.png');
}

.icon-chevronrightpink {
  width: 10px;
  height: 18px;
  background-image: url('../../img/user/icon/chevronrightpink.png');
}

.icon-chevronrightgray {
  width: 10px;
  height: 18px;
  background-image: url('../../img/user/icon/chevronrightgray.png');
}

.icon-chevronrightgraydouble {
  width: 20px;
  height: 18px;
  background-image: url('../../img/user/icon/chevronrightgraydouble.png');
}

.icon-chevronrightgray2 {
  width: 10px;
  height: 18px;
  background-image: url('../../img/user/icon/chevronrightgray2.png');
}

.icon-chevronrightyellow {
  width: 9px;
  height: 15px;
  background-image: url('../../img/user/icon/chevronrightyellow.png');
}

.icon-chevrondowngray {
  width: 18px;
  height: 10px;
  background-image: url('../../img/user/icon/chevrondowngray.png');
}

.icon-chevronupgray, .search-details .detail-open .icon.open {
  width: 18px;
  height: 10px;
  background-image: url('../../img/user/icon/chevronupgray.png');
}

.icon-chevrondowndarkgray {
  width: 18px;
  height: 10px;
  background-image: url('../../img/user/icon/chevrondowndarkgray.png');
}

.icon-chevronupdarkgray {
  width: 18px;
  height: 10px;
  background-image: url('../../img/user/icon/chevronupdarkgray.png');
}

.icon-circlepluspink {
  width: 28px;
  height: 28px;
  background-image: url('../../img/user/icon/circlepluspink.png');
}

.icon-circleminusgray {
  width: 28px;
  height: 28px;
  background-image: url('../../img/user/icon/circleminusgray.png');
}

.icon-detailpink {
  width: 16px;
  height: 20px;
  background-image: url('../../img/user/icon/detailpink.png');
}

.icon-help {
  width: 28px;
  height: 28px;
  background-image: url('../../img/user/icon/help.png');
}

.icon-searchwhite {
  width: 20px;
  height: 20px;
  background-image: url('../../img/user/icon/searchwhite.png');
}

.icon-exclamation {
  width: 24px;
  height: 24px;
  background-image: url('../../img/user/icon/exclamation.png');
}

.icon-truck {
  width: 35px;
  height: 28px;
  background-image: url('../../img/user/icon/truck.png');
}

.icon-truckwhite {
  width: 28px;
  height: 23px;
  background-image: url('../../img/user/icon/truckwhite.png');
}

.icon-bag {
  width: 28px;
  height: 27px;
  background-image: url('../../img/user/icon/bag.png');
}

.icon-clock {
  width: 28px;
  height: 28px;
  background-image: url('../../img/user/icon/clock.png');
}

.icon-tradewhite {
  width: 22px;
  height: 22px;
  background-image: url('../../img/user/icon/tradewhite.png');
}

.icon-tradepinkblue {
  width: 23px;
  height: 15px;
  background-image: url('../../img/user/icon/tradepinkblue.png');
}

.icon-tradepinkgray {
  width: 17px;
  height: 17px;
  background-image: url('../../img/user/icon/tradepinkgray.png');
}

.icon-tradepinkgray2 {
  width: 8px;
  height: 9px;
  background-image: url('../../img/user/icon/tradepinkgray2.png');
}

.icon-tradelightgray {
  width: 23px;
  height: 15px;
  background-image: url('../../img/user/icon/tradelightgray.png');
}

.icon-tradelightgraygray {
  width: 17px;
  height: 17px;
  background-image: url('../../img/user/icon/tradelightgraygray.png');
}

.icon-tradebluegray {
  width: 17px;
  height: 17px;
  background-image: url('../../img/user/icon/tradebluegray.png');
}

.icon-tradefukidashiblue {
  width: 17px;
  height: 15px;
  background-image: url('../../img/user/icon/tradefukidashiblue.png');
}

.icon-tradefukidashigray {
  width: 17px;
  height: 15px;
  background-image: url('../../img/user/icon/tradefukidashigray.png');
}

.icon-tradefukidashipink {
  width: 17px;
  height: 15px;
  background-image: url('../../img/user/icon/tradefukidashipink.png');
}

.icon-tradefukidashipink2 {
  width: 8px;
  height: 7px;
  background-image: url('../../img/user/icon/tradefukidashipink2.png');
}

.icon-tradexgray {
  width: 18px;
  height: 18px;
  background-image: url('../../img/user/icon/tradexgray.png');
}

.icon-tradecirclepink {
  width: 20px;
  height: 20px;
  background-image: url('../../img/user/icon/tradecirclepink.png');
}

.icon-tradetriangleyellow {
  width: 22px;
  height: 19px;
  background-image: url('../../img/user/icon/tradetriangleyellow.png');
}

.icon-tradebluegray2 {
  width: 8px;
  height: 9px;
  background-image: url('../../img/user/icon/tradebluegray2.png');
}

.icon-tradelightgraygray2 {
  width: 8px;
  height: 9px;
  background-image: url('../../img/user/icon/tradelightgraygray2.png');
}

.icon-tradeyellow {
  width: 19px;
  height: 18px;
  background-image: url('../../img/user/icon/tradeyellow.png');
}

.icon-question {
  width: 18px;
  height: 18px;
  background-image: url('../../img/user/icon/question.png');
}

.icon-trash {
  width: 26px;
  height: 26px;
  background-image: url('../../img/user/icon/trash.png');
}

.icon-truckorenge {
  width: 26px;
  height: 26px;
  background-image: url('../../img/user/icon/truckorenge.png');
}

.icon-right {
  float: right;
}

.icon-left {
  float: left;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

/*---------------------------
navi-icon
---------------------------*/
.icon-navi-user {
  display: inline-block;
  background-image: url('../../img/user/navi/user.png');
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.icon-navi-home {
  display: inline-block;
  background-image: url('../../img/user/navi/home.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-home.hover {
  background-position: 0 -17px;
}

.icon-navi-note {
  display: inline-block;
  background-image: url('../../img/user/navi/note.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-note.hover {
  background-position: 0 -17px;
}

.icon-navi-rocket {
  display: inline-block;
  background-image: url('../../img/user/navi/rocket.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-rocket.hover {
  background-position: 0 -17px;
}

.icon-navi-direction {
  display: inline-block;
  background-image: url('../../img/user/navi/direction.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-direction.hover {
  background-position: 0 -17px;
}

.icon-navi-logout {
  display: inline-block;
  background-image: url('../../img/user/navi/logout.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-logout.hover {
  background-position: 0 -17px;
}

.icon-navi-logo {
  display: inline-block;
  background-image: url('../../img/user/navi/logo.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-logo.hover {
  background-position: 0 -17px;
}

.icon-navi-magnifier {
  display: inline-block;
  background-image: url('../../img/user/navi/magnifier.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-magnifier.hover {
  background-position: 0 -17px;
}

.icon-navi-login {
  display: inline-block;
  background-image: url('../../img/user/navi/login.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-login.hover {
  background-position: 0 -17px;
}

.icon-navi-signup {
  display: inline-block;
  background-image: url('../../img/user/navi/signup.png');
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.icon-navi-signup.hover {
  background-position: 0 -17px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.gacha-contents.white-bg {
  background-color: #fff;
}
.gacha-contents.blue-bg {
  background-color: #e6f5fb;
}

.gacha-btn {
  text-align: center;
}
.gacha-btn.btn-center {
  margin-left: auto;
  margin-right: auto;
}
.gacha-btn.btn-hover:hover {
  opacity: 0.7;
}
.gacha-btn.btn-radius3 {
  border-radius: 3px;
}
.gacha-btn .btn-text {
  font-size: 12px;
  line-height: 36px;
  vertical-align: middle;
  text-shadow: none;
}
.gacha-btn.btn-gray {
  background-color: #c9c9c9;
}
.gacha-btn.btn-gray .btn-text {
  color: #fff;
}
.gacha-btn.btn-white {
  background-color: #fff;
}
.gacha-btn.btn-white .btn-text {
  color: #aaa;
}
.gacha-btn.btn-blue {
  background-color: #5cd0fc;
  color: #fff;
}
.gacha-btn.btn-pink {
  background-color: #f6b6b6;
  color: #fff;
}
.gacha-btn.btn-inline {
  display: inline-block;
}
.gacha-btn.btn-textsize {
  padding-left: 10px;
  padding-right: 10px;
}
.gacha-btn.btn-control {
  height: 28px;
}
.gacha-btn.btn-control .btn-text {
  font-size: 11px;
  line-height: 28px;
}

.goto-news-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/goto_news_btn.png');
  background-size: 94px 80px;
  width: 94px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.goto-news-btn:hover {
  background-position: 0 -40px;
}

.goto-setting-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/setting_btn.png');
  background-size: 24px 76px;
  width: 24px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.goto-setting-btn:hover {
  background-position: 0 -38px;
}

.gacha-list-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/gacha_list_btn.png');
  background-size: 260px 106px;
  width: 260px;
  height: 53px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.gacha-list-btn:hover {
  background-position: 0 -53px;
}

.breadcrum {
  font-size: 13px;
  color: #333;
  padding: 12px 15px;
}

.head-news {
  border-top: 1px solid #6b6b6b;
  border-bottom: 1px solid #6b6b6b;
  padding: 15px 20px 13px;
}
.head-news a {
  color: #6b6b6b;
  font-size: 14px;
}
.head-news a .icon {
  float: right;
  margin-top: 4px;
}

.head-link {
  background-color: #ececec;
  padding: 16px 0;
}

.gacha-pickup {
  padding: 18px 0 20px;
  overflow: hidden;
}

.gacha-pickup-header {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/gacha_pickup.png');
  background-size: 159px 50px;
  width: 159px;
  height: 50px;
  background-repeat: no-repeat;
  margin: 0 auto 16px;
}

.recommend-text {
  width: 240px;
  text-align: center;
  color: #6b6b6b;
  background-color: #ececec;
  font-size: 14px;
  margin: 0 auto 15px;
  padding: 10px 0;
  position: relative;
}
.recommend-text:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -16px;
  left: 112px;
  border-top: 8px solid;
  border-bottom: 8px solid;
  border-right: 8px solid;
  border-left: 8px solid;
  border-color: #ececec transparent transparent transparent;
}

.top-pickup-container {
  width: 320px;
  overflow: hidden;
  margin: 0 auto;
}

.swiper-container.pickup-swiper {
  width: 630px;
  height: 290px;
  background-color: #fff;
  margin-left: -150px;
}

.pickup-prev {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/pickup_prev.png');
  background-size: 51px 51px;
  width: 51px;
  height: 51px;
  background-repeat: no-repeat;
  left: 180px;
  top: 100px;
}

.pickup-next {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/pickup_next.png');
  background-size: 51px 51px;
  width: 51px;
  height: 51px;
  background-repeat: no-repeat;
  right: 189px;
  top: 100px;
}

.gacha-pickup-machine {
  background-image: url('../../img/user/gacha_machine_yellow.png');
  background-size: 200px 290px;
  width: 200px;
  height: 290px;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
}
.gacha-pickup-machine.machine-red {
  background-image: url('../../img/user/gacha_machine_red.png');
  background-size: 200px 290px;
  width: 200px;
  height: 290px;
  background-repeat: no-repeat;
}
.gacha-pickup-machine.machine-yellow {
  background-image: url('../../img/user/gacha_machine_yellow.png');
  background-size: 200px 290px;
  width: 200px;
  height: 290px;
  background-repeat: no-repeat;
}
.gacha-pickup-machine.machine-blue {
  background-image: url('../../img/user/gacha_machine_blue.png');
  background-size: 200px 290px;
  width: 200px;
  height: 290px;
  background-repeat: no-repeat;
}

.gacha-pickup-photo {
  width: 152px;
  height: 177px;
  margin: 8px auto 0;
}

.top-price {
  text-align: left;
  font-size: 15px;
  color: #6b6b6b;
  margin-left: 53px;
  line-height: 0.7;
}
.top-price .yen {
  font-size: 12px;
}

.goto-gacha-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/goto_gacha_btn.png');
  background-size: 161px 130px;
  width: 161px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  margin: -78px auto 13px;
  z-index: 1;
}
.goto-gacha-btn:hover {
  background-position: 0 -65px;
}

.top-news {
  margin: 0;
}

.top-news-head {
  background-color: #888;
  color: #fff;
  padding: 10px 16px 10px 20px;
  letter-spacing: 4px;
  overflow: hidden;
  *zoom: 1;
}
.top-news-head h2 {
  font-size: 16px;
  font-weight: normal;
  float: left;
  margin-top: 10px;
}
.top-news-head .goto-news-btn {
  float: right;
}

.news-element {
  border-bottom: 2px solid #f1f1f1;
  padding: 15px 20px;
}
.news-element:last-child {
  border: none;
}
.news-element a {
  color: black;
}

.news-prop {
  overflow: hidden;
  *zoom: 1;
}
.news-prop .news-date {
  float: left;
  font-size: 12px;
  color: #888;
  padding: 6px 8px;
}
.news-prop .news-type {
  float: left;
  color: #fff;
  font-size: 11px;
  padding: 5px 15px;
  width: 40px;
  font-weight: bold;
  position: relative;
}
.news-prop .news-type.news-type-pink {
  background-color: #f6b6b6;
}
.news-prop .news-type.news-type-gray {
  background-color: #888;
}
.news-prop .news-type:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 14px solid;
  border-bottom: 14px solid;
  border-right: 6px solid;
  border-left: 6px solid;
  border-color: transparent #fff transparent transparent;
}

.news-title {
  padding-top: 8px;
  font-size: 14px;
  color: #555;
}

.header-top .menu-btn-login {
  background-image: url("../../img/user/button/menubar_top_notice.png") !important;
}

.icon-navi-exclamationA {
  position: absolute;
  top: 32%;
  right: 40px;
}

.icon-navi-exclamationB {
  position: absolute;
  top: 26%;
  right: 40px;
}

.icon-exclamationpink {
  width: 24px;
  height: 24px;
  background-image: url("../../img/user/icon/exclamationpink.png");
}

.top-soudout, .top-comingsoon {
  position: absolute;
  top: 8px;
  left: 23px;
  z-index: 2;
  width: 80px;
  height: 80px;
  background-image: url("../../img/user/soudout.png");
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-comingsoon {
  background-image: url("../../img/user/comingsoon.png");
}

.top-urikire {
  text-align: left;
  width: 56px;
  height: 17px;
  margin: -1px 0 -5px 51px;
  background-image: url("../../img/user/urikire.png");
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.gacha-pickup-name-area {
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0;
  margin: 15px 0 0;
  width: 100%;
}
.gacha-pickup-name-area .gacha-pickup-ttl {
  position: relative;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 12px;
}
.gacha-pickup-name-area .gacha-pickup-ttl:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  border: 10px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  bottom: 100%;
  left: 45%;
}

.top-link {
  background-color: #fff;
  padding: 5px 20px 20px;
  text-align: center;
}
.top-link .member-btnA {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  background-color: #ff7e7e;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 18px 0 18px 0;
  text-align: center;
}
.top-link .member-btnA:hover {
  background-color: #f85959;
}
.top-link img {
  width: 100%;
}

.top-news-head {
  background-color: #ececec !important;
  color: #555 !important;
  padding: 10px 16px 10px 20px;
  letter-spacing: 4px;
  overflow: hidden;
  *zoom: 1;
}
.top-news-head .goto-news-btn-pink {
  float: right;
}

.goto-news-btn-pink {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/goto_news_btn_pink.png");
  background-size: 94px 40px;
  width: 94px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.news-element {
  border-bottom: 1px solid #aaa !important;
  padding: 15px 20px;
}
.news-element:last-child {
  border-bottom: 1px solid #aaa !important;
}

.top-sns-share {
  padding: 30px 10px 30px;
  text-align: center;
}

.top-sns-txt {
  margin: 0 auto;
  background-color: #ececec;
  border-radius: 20px;
  color: #aaaaaa;
  font-size: 16px;
  line-height: 1;
  padding: 10px 5px;
  text-align: center;
  max-width: 260px;
}

.top-sns-share-fukidashi {
  margin: 0 5px 0;
  width: 60px;
  display: inline-block;
}

.top-sns-share-sankaku {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 10px solid #ececec;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.top-sns-share-btn {
  margin: 0 5px 0;
}

.top-sns-fb {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/sns_facebook.png");
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  background-position: 0 -60px;
}

.top-sns-tw {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/sns_twitter.png");
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  background-position: 0 -60px;
}

.top-sns-line {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/sns_line.png");
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  background-position: 0 -60px;
}

.top-banner {
  text-align: center;
}

.search-filtering-box {
  font-size: 16px !important;
}

.search-filtering-details .detail-open {
  font-size: 16px !important;
}

.area-wrap-memberA .flow10 {
  text-align: center;
}
.area-wrap-memberA .flow10 img {
  max-width: 184px !important;
  width: 100%;
}

.trade-result-area {
  margin: 0 0 20px;
  padding: 0 10px 10px;
  border-bottom: solid 1px #aaa;
}

.trade-itemcheck-area {
  width: 280px;
  margin: 0 auto;
  font-size: 12px;
}
.trade-itemcheck-area input[type="checkbox"] {
  display: none;
}
.trade-itemcheck-area label {
  display: inline-block;
  padding: 6px 0 6px 32px;
  text-align: center;
  color: #555;
  position: relative;
  margin-bottom: 10px;
}
.trade-itemcheck-area label:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 5px;
}
.trade-itemcheck-area input[type="checkbox"] + label:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 2px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  z-index: 1;
}
.trade-itemcheck-area input[type="checkbox"]:checked + label:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 2px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ff7e7e url("../../img/user/checkwhite.png") no-repeat 2px 4px;
  background-size: 17px 11px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  z-index: 1;
}

.trade-search-radio-criteria {
  background-color: #ececec;
  border-radius: 3px;
  width: 280px;
  margin: 0 auto 10px;
  padding: 5px 0 5px;
}
.trade-search-radio-criteria input[type="radio"] {
  display: none;
}
.trade-search-radio-criteria label {
  display: inline-block;
  padding: 10px 10px 8px 40px;
  font-size: 12px;
  text-align: center;
  color: #555;
  position: relative;
}
.trade-search-radio-criteria label:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 9px;
  left: 10px;
  border: 1px solid #888;
  border-radius: 100%;
}
.trade-search-radio-criteria input[type="radio"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 13px;
  background-color: #ff7e7e;
  border-radius: 100%;
}

.trade-search-area {
  position: relative;
  margin: 0 20px 0;
}
.trade-search-area .search-input-area {
  border: 1px solid #888;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
  border-radius: 3px;
  margin: 0 auto 10px;
  overflow: hidden;
  *zoom: 1;
  width: 100%;
}
.trade-search-area .search-input-area input {
  border: none;
  height: 28px;
  padding: 4px;
  margin: 0;
  font-size: 16px;
  width: 80%;
}
.trade-search-area .search-input-area a {
  float: right;
}
.trade-search-area .search-input-area .search-btn {
  background-color: #888;
  padding: 8px 8px;
}
.trade-search-area p {
  padding-left: 1em;
  text-indent: -1em;
  color: #aaa;
  font-size: 12px;
}

.trade-keyword-area {
  margin: 0 0 10px;
  padding: 20px 10px 20px 20px;
  background-color: #ffe3e3;
  border-top: 2px dashed #ffb6b6;
  border-bottom: 2px dashed #ffb6b6;
  box-shadow: 0 0 0 5px #ffe3e3;
  -moz-box-shadow: 0 0 0 5px #ffe3e3;
  -webkit-box-shadow: 0 0 0 5px #ffe3e3;
  overflow: hidden;
}
.trade-keyword-area li a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  background-color: #ff7e7e;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 10px;
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
}

.trade-search-details .detail-open {
  font-size: 14px;
  padding: 10px 20px;
  background-color: #ececec;
  border-bottom: 1px solid #fff;
}
.trade-search-details .detail-open .icon {
  margin-top: 6px;
  float: right;
}

.trade-search-details .search-criteria {
  display: none;
}
.trade-search-details .search-criteria li {
  border-bottom: 1px solid #fff;
}
.trade-search-details .search-criteria .criteria-link {
  padding: 10px 20px;
  background-color: #fff;
}
.trade-search-details .search-criteria .criteria-link .icon {
  float: right;
}
.trade-search-details .search-criteria .criteria-link:hover {
  background-color: #aaa;
}

.trade-list {
  margin: 0 10px 20px;
}

.trade-list-ttl {
  padding: 10px 0 5px 10px;
  color: #fff;
  border: 1px solid #aaa;
  background-color: #aaa;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
}

.trade-list-area {
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}
.trade-list-area .exhibitor {
  background-color: #e1f7ff;
  padding: 5px 10px;
  overflow: hidden;
}
.trade-list-area .exhibitor .exhibitor-type {
  float: left;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
  width: 40px;
  font-weight: bold;
  position: relative;
  background-color: #82cdea;
}
.trade-list-area .exhibitor .exhibitor-type:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 14px solid;
  border-bottom: 14px solid;
  border-right: 6px solid;
  border-left: 6px solid;
  border-color: transparent #e1f7ff transparent transparent;
}
.trade-list-area .exhibitor .exhibitor-name {
  float: left;
  font-size: 12px;
  color: #555;
  padding: 6px 8px;
}
.trade-list-area .notification-bnr {
  border-radius: 5px;
  border: 1px solid #FF7E7E;
  background-color: #FF7E7E;
  color: #FFF;
  font-size: 16px;
  line-height: 1;
  padding: 18px 0px;
  text-align: center;
  margin: 15px 10px;
  font-weight: bold;
}
.trade-list-area .item-name {
  margin: 10px;
  overflow: hidden;
  *zoom: 1;
}
.trade-list-area .plus {
  text-align: center;
}
.trade-list-area .plus img {
  max-height: 15px;
}
.trade-list-area .item-name .icon {
  margin: 0 10px 0 0;
}
.trade-list-area .trade-list-area-item {
  position: relative;
}
.trade-list-area .trade-list-area-item .icon {
  position: absolute;
  right: 20px;
  top: 45%;
}
.trade-list-area .trade-list-area-item-all {
  overflow: hidden;
}
.trade-list-area .trade-list-area-item-all .item-image {
  float: left;
}
.trade-list-area .trade-list-area-item-all .item-box {
  overflow: hidden;
  margin: 10px;
}
.trade-list-area .trade-list-area-item-all.underline {
  border-bottom: dashed 2px #aaa;
  padding-bottom: 7px;
}
.trade-list-area .trade-list-area-item-all .icon {
  position: absolute;
  right: 20px;
  top: 45%;
}
.trade-list-area .trade-list-area-item-all p {
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.trade-list-area .trade-list-area-item-all ul {
  overflow: hidden;
  *zoom: 1;
  padding-left: 10px;
}
.trade-list-area .trade-list-area-item-all li {
  line-height: 1.2;
  vertical-align: text-top;
}
.trade-list-area .trade-list-area-item-all img {
  width: 68px;
}
.trade-list-area .trade-list-area-item-all .item-name-sub {
  font-size: 12px;
  display: block;
  word-wrap: break-word;
}
.trade-list-area .trade-list-area-item-all .item-name-main {
  font-size: 15px;
  padding: 5px 0;
  display: block;
  word-wrap: break-word;
}
.trade-list-area .trade-list-area-item-all .number {
  font-size: 12px;
  display: block;
}
.trade-list-area .trade-list-area-item-all.item {
  padding: 0 0 10px 0 !important;
}
.trade-list-area .item-not {
  padding: 5px 10px 15px;
  font-weight: bold;
}
.trade-list-area .success {
  padding: 15px 20px 10px;
  background-color: #ffb6b6;
}
.trade-list-area .success img {
  width: auto;
  max-height: 50px;
}
.trade-list-area .failure {
  padding: 15px 20px 10px;
  background-color: #fff;
}
.trade-list-area .failure img {
  width: auto;
  max-height: 40px;
}
.trade-list-area .trade-list-area-item-l {
  width: 90%;
  overflow: hidden;
}
.trade-list-area .trade-list-area-item-l .item-image {
  float: left;
  margin: 10px 0 10px 10px;
}
.trade-list-area .trade-list-area-item-l .item-box {
  overflow: hidden;
}
.trade-list-area .trade-list-area-item-l p {
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.trade-list-area .trade-list-area-item-l ul {
  overflow: hidden;
  *zoom: 1;
  padding: 10px 20px;
}
.trade-list-area .trade-list-area-item-l li {
  line-height: 1.2;
  vertical-align: text-top;
}
.trade-list-area .trade-list-area-item-l img {
  width: 68px;
}
.trade-list-area .trade-list-area-item-l .item-name-sub {
  font-size: 12px;
  display: block;
}
.trade-list-area .trade-list-area-item-l .item-name-main {
  font-size: 15px;
  padding: 7px 0;
  display: block;
}
.trade-list-area .trade-list-area-item-l .number {
  font-size: 12px;
  display: block;
}
.trade-list-area .trade-list-area-item-l.item {
  padding: 0 0 10px 0 !important;
}
.trade-list-area .trade-list-area-item-l .item-name .icon-l {
  margin: 0px 10px 0px 0px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 100% auto;
}
.trade-list-area .trade-list-area-item-l .caution {
  font-size: 14px;
  margin: 0 10px 10px;
  text-align: center;
}
.trade-list-area ul.wish {
  margin: 0 10px 10px;
}
.trade-list-area ul.wish li {
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #fff;
}
.trade-list-area ul.wish li.bottom {
  border-bottom: none;
}
.trade-list-area ul.wish li ul {
  overflow: hidden;
  *zoom: 1;
}
.trade-list-area ul.wish li li {
  line-height: 1.2;
  vertical-align: text-top;
  border-bottom: none !important;
  padding: 0 !important;
}
.trade-list-area ul.wish li img {
  width: 67px;
  float: left;
  margin: 5px 10px 0 0;
  overflow: hidden;
  border-bottom: none !important;
}
.trade-list-area ul.wish li .item-name-sub {
  font-size: 11px;
  padding: 10px 0 0 0;
  display: block;
  border-bottom: none !important;
}
.trade-list-area ul.wish li .item-name-main {
  font-size: 15px;
  padding: 0 0 5px 0;
  display: block;
  border-bottom: none !important;
}
.trade-list-area ul.wish li .number {
  font-size: 11px;
  color: #aaa;
  display: block;
  border-bottom: none !important;
}
.trade-list-area ul.wish line-height.item {
  padding: 0 0 10px 0 !important;
}
.trade-list-area .caution {
  font-size: 14px;
  margin: 0 10px 10px;
  text-align: center;
  color: #f85959;
}
.trade-list-area .item-selection {
  margin-bottom: 10px;
}
.trade-list-area .item-selection .detail-open {
  font-size: 14px;
  padding: 10px 10px;
  background-color: #fff;
  border-top: 1px solid #ececec;
  overflow: hidden;
}
.trade-list-area .item-selection .detail-open .icon-left {
  margin: 3px 10px 0 0;
}
.trade-list-area .item-selection .detail-open .icon {
  margin-top: 6px;
  float: right;
}
.trade-list-area .item-selection .search-criteria {
  display: none;
}
.trade-list-area .item-selection .search-criteria li {
  border-top: 1px solid #ececec;
}
.trade-list-area .item-selection .search-criteria .criteria-link {
  padding: 10px 20px;
  background-color: #fff;
}
.trade-list-area .item-selection .search-criteria .criteria-link .icon-left {
  margin: 0 10px 0 0;
}
.trade-list-area .item-selection .search-criteria .criteria-link .icon {
  float: right;
}
.trade-list-area .item-selection .search-criteria .criteria-link:hover {
  background-color: #ececec;
}
.trade-list-area .exhibitor .exhibitor-type2 {
  float: left;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
  margin: 5px 10px 0 0;
  width: 40px;
  font-weight: bold;
  position: relative;
  background-color: #82cdea;
}
.trade-list-area .exhibitor .exhibitor-type2:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 14px solid;
  border-bottom: 14px solid;
  border-right: 6px solid;
  border-left: 6px solid;
  border-color: transparent #e1f7ff transparent transparent;
}
.trade-list-area .exhibitor img {
  width: 40px;
  float: left;
  margin: 0 6px 0 0;
  overflow: hidden;
}
.trade-list-area .exhibitor img.type2 {
  width: 40px;
  float: left;
  margin: 0 16px 0 0;
  overflow: hidden;
}
.trade-list-area .exhibitor .name {
  font-size: 12px;
  padding: 4px 0 0;
}
.trade-list-area .exhibitor .userid {
  font-size: 11px;
  color: #888;
}

.trade-list-detail {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.trade-list-detail.no-border-top {
  border-top: 0;
}
.trade-list-detail.no-border {
  border: 0 none;
}
.trade-list-detail .page-sub-title {
  background: #aaa none repeat scroll 0 0;
  color: #fff;
  margin: 0;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: bold;
}
.trade-list-detail .exhibitor {
  background-color: #e1f7ff;
  padding: 10px 20px;
  overflow: hidden;
}
.trade-list-detail .exhibitor .exhibitor-type {
  float: left;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
  margin: 5px 10px 0 0;
  width: 40px;
  font-weight: bold;
  position: relative;
  background-color: #82cdea;
}
.trade-list-detail .exhibitor .exhibitor-type:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 14px solid;
  border-bottom: 14px solid;
  border-right: 6px solid;
  border-left: 6px solid;
  border-color: transparent #e1f7ff transparent transparent;
}
.trade-list-detail .exhibitor img {
  width: 40px;
  float: left;
  margin: 0 6px 0 0;
  overflow: hidden;
}
.trade-list-detail .exhibitor .name {
  font-size: 12px;
  padding: 4px 0 0;
}
.trade-list-detail .exhibitor .userid {
  font-size: 11px;
  color: #888;
}
.trade-list-detail .exhibitor .exhibitor-name {
  float: left;
  font-size: 12px;
  color: #555;
  padding: 6px 8px;
}
.trade-list-detail .item-name {
  padding: 15px 20px;
  overflow: hidden;
  *zoom: 1;
}
.trade-list-detail .icon {
  margin: -3px 10px 0 0;
}

.item-selection .trade-check-area {
  position: relative;
}
.item-selection .trade-check-area .icon {
  margin: 0 10px 0 0;
}
.item-selection .trade-check-area dt {
  padding: 8px 20px;
  background: #ececec;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}
.item-selection .trade-check-area dt p {
  padding: 10px 0;
  float: left;
}
.item-selection .trade-check-area dt .trade-change-btn {
  float: right;
  margin-top: 4px;
}
.item-selection .trade-change-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  color: #ff7e7e;
  background: #fff;
  padding: 5px 12px;
  display: inline-block;
}
.item-selection .trade-check-area dd {
  padding: 20px;
}
.item-selection .trade-check-area dd .item-image {
  float: left;
  padding: 10px 0 10px 20px;
}
.item-selection .trade-check-area dd .item-box {
  overflow: hidden;
  border-bottom: 1px solid #ECECEC;
}
.item-selection .trade-check-area dd p {
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.item-selection .trade-check-area dd p:last-child {
  margin: 0;
}
.item-selection .trade-check-area dd ul {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  padding: 10px;
  border-bottom: 1px solid #ECECEC;
}
.item-selection .trade-check-area dd ul:last-child {
  border: none !important;
}
.item-selection .trade-check-area dd li {
  line-height: 1.2;
  vertical-align: text-top;
  border: none !important;
}
.item-selection .trade-check-area dd img {
  width: 68px;
}
.item-selection .trade-check-area dd .item-name-sub {
  font-size: 11px;
  display: block;
  word-wrap: break-word;
}
.item-selection .trade-check-area dd .item-name-main {
  font-size: 15px;
  display: block;
  word-wrap: break-word;
}
.item-selection .trade-check-area dd .number {
  font-size: 11px;
  display: block;
}
.item-selection .trade-check-area dd.item {
  padding: 0 !important;
}
.item-selection .trade-check-area dd .date {
  font-size: 11px;
  color: #aaa;
}
.item-selection .trade-check-area dd .icon-r {
  position: absolute;
  width: 50px;
  right: 10px;
  top: 40%;
  margin: -10px 0 0 0;
  text-align: center;
}
.item-selection .trade-check-area dd .icon-r p {
  text-align: center;
  font-size: 12px;
  margin: 3px 0 0;
  text-align: center;
}
.item-selection .trade-check-area dd .icon-r .icon {
  margin: 0;
}

.trade-caution2 {
  padding-left: 1em;
  text-indent: -1em;
  color: #aaa;
  font-size: 12px;
  text-align: left;
}

.icon-tradegraypink {
  width: 17px;
  height: 17px;
  background-image: url("../../img/user/icon/tradegraypink.png");
}

.icon-tradegrayblue {
  width: 17px;
  height: 17px;
  background-image: url("../../img/user/icon/tradegrayblue.png");
}

.profile-photo {
  width: 320px;
  margin: 0 auto;
  text-align: center;
}

.profile-avatar {
  margin: -50px auto 0;
}

.profile-info {
  padding: 20px;
  overflow: hidden;
  *zoom: 1;
}
.profile-info .member-nickname {
  font-size: 16px;
  color: #6b6b6b;
  font-weight: bold;
}
.profile-info .member-nickname span {
  font-size: 13px;
  color: #555;
  font-weight: normal;
}
.profile-info .member-id {
  font-size: 12px;
  color: #aaa;
}
.profile-info .goto-setting-btn {
  float: right;
}

.mypage-alert .alert-link {
  padding: 10px 20px;
  color: #fff;
  font-size: 13px;
  position: relative;
}
.mypage-alert .alert-link:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: -12px;
  left: 50%;
  border: 6px solid;
}
.mypage-alert .alert-link.alert-pink {
  padding: 12px 20px;
  background-color: #f6b6b6;
}
.mypage-alert .alert-link.alert-pink:after {
  border-color: transparent transparent #f6b6b6 transparent;
}
.mypage-alert .alert-link.alert-red {
  background-color: #ff7e7e;
}
.mypage-alert .alert-link.alert-red:after {
  border-color: transparent transparent #ff7e7e transparent;
}
.mypage-alert .alert-link .icon-chevronrightwhite {
  float: right;
}

.member-action-tab {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 25px;
}
.member-action-tab li {
  display: block;
  float: left;
  border-right: 2px dotted #ececec;
  box-sizing: border-box;
}
.member-action-tab li.delivery {
  width: 33%;
}
.member-action-tab li.my-item {
  width: 34%;
}
.member-action-tab li.history {
  width: 33%;
  border: none;
}
.member-action-tab .action-link {
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
  height: 50px;
  background-color: #ececec;
}
.member-action-tab .action-link:hover {
  background-color: #aaa;
}
.member-action-tab .action-link .action-text {
  font-size: 12px;
  color: #575757;
  margin-top: 5px;
}

.mypage-trade {
  overflow: hidden;
  *zoom: 1;
  padding: 20px 15px;
  border-top: 6px solid #fff8ad;
  background-image: url('../../img/user/mypage_bg.jpg');
  background-size: 8px 8px;
}
.mypage-trade .title {
  color: #b1a201;
  margin-top: 10px;
  float: left;
}
.mypage-trade .trade-btn {
  background-color: #fff;
  border: 2px solid #b1a201;
  border-radius: 3px;
  color: #b1a201;
  float: right;
  padding: 12px 30px;
}
.mypage-trade .trade-btn .icon {
  margin-left: 8px;
}

.search-trade-item-title {
  font-size: 18px;
  color: #b1a201;
  text-align: center;
  margin: 20px 0 15px;
}

.trade-item-links {
  padding: 16px 0;
  background-image: url('../../img/user/mypage_bg.jpg');
  background-size: 8px 8px;
}
.trade-item-links li {
  border-bottom: 1px solid #ececec;
}
.trade-item-links .trade-item-link {
  padding: 10px 20px;
  background-color: #fff;
}
.trade-item-links .trade-item-link .icon {
  float: right;
}
.trade-item-links .trade-item-link:hover {
  background-color: #ececec;
}

.trade-search-opt {
  display: flex;
}
.trade-search-opt input {
  display: none;
}
.trade-search-opt .trade-search-opt-exhibit-tab, .trade-search-opt .trade-search-opt-wanted-tab {
  height: 30px;
  padding: 6px 0 1px 0;
  margin: 2px 1px 0 0;
  background-color: #ffd52a;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  vertical-align: bottom;
}
.trade-search-opt .trade-search-opt-wanted-tab {
  margin: 2px 0 0 1px;
  background-color: #8ddfff;
}
.trade-search-opt .trade-search-opt-area {
  width: 50%;
  text-align: center;
  height: 40px;
}
.trade-search-opt .trade-search-opt-area.trade-search-opt-exhibit {
  padding: 0 0 0 20px;
  border-bottom: 3px solid #8ddfff;
}
.trade-search-opt .trade-search-opt-area.trade-search-opt-exhibit.current {
  border-bottom: 3px solid #ffd52a;
}
.trade-search-opt .trade-search-opt-area.trade-search-opt-exhibit.current .trade-search-opt-exhibit-tab, .trade-search-opt .trade-search-opt-area.trade-search-opt-exhibit.current .trade-search-opt-wanted-tab {
  height: 34px;
  padding: 6px 1px 0 0;
  margin-top: 0;
}
.trade-search-opt .trade-search-opt-area.trade-search-opt-wanted {
  padding: 0 20px 0 0;
  border-bottom: 3px solid #ffd52a;
}
.trade-search-opt .trade-search-opt-area.trade-search-opt-wanted.current {
  border-bottom: 3px solid #8ddfff;
}
.trade-search-opt .trade-search-opt-area.trade-search-opt-wanted.current .trade-search-opt-wanted-tab {
  height: 34px;
  padding: 6px 0 0 1px;
  margin-top: 0;
}
.trade-search-opt label {
  cursor: pointer;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  vertical-align: bottom;
  display: inline-block;
  width: 100%;
}
.trade-search-opt .exhibit-type {
  color: #a58501;
}
.trade-search-opt .wanted-type {
  color: #3f9ec3;
}

.trade-search-opt-bg-area {
  margin-top: -20px;
}
.trade-search-opt-bg-area.trade-search-exhibit {
  background-color: #fdf8e4;
}
.trade-search-opt-bg-area.trade-search-wanted {
  background-color: #e9f9ff;
}
.trade-search-opt-bg-area .radio-std input[type="radio"]:checked + label:before {
  z-index: 2;
}
.trade-search-opt-bg-area .radio-std label:after {
  background-color: #ffffff;
}
.trade-search-opt-bg-area .trade-search-area .search-input-area input.input-text {
  background-color: #ffffff;
}

.trade-search-desc {
  margin: 0 20px 0;
  line-height: 1.6em;
}

.area-wrap-search {
  padding: 0 20px;
}

.btn-text {
  margin-left: 20px;
}

.btn-arrow {
  margin-right: 20px;
}

.area-wrap-search {
  padding: 0 20px 30px 20px;
  text-align: center;
}

.notice-list-header {
  background-color: #ececec;
  padding-left: 20px;
  line-height: 2em;
}

.notice-list-element button.criteria-link.trade-capsule {
  background-color: #ffffff;
  padding: 0;
}

.sku-item-area {
  position: relative;
  overflow: hidden;
}
.sku-item-area:last-child {
  border-bottom: 1px solid #b2b2b2;
}
.sku-item-area ul {
  overflow: hidden;
  *zoom: 1;
  padding: 10px;
  border-top: 1px solid #b2b2b2;
}
.sku-item-area li {
  line-height: 1.2;
  padding: 10px 55px 10px 10px;
  display: flex;
  align-items: center;
  height: 42px;
}
.sku-item-area .item-checkbox-area {
  position: absolute;
  top: 1px;
  right: 0;
  height: 100%;
  width: 50px;
  background: #ececec;
}
.sku-item-area .item-checkbox-area input[type="checkbox"] {
  display: none;
}
.sku-item-area .item-checkbox-area label {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #555;
  display: block;
  position: relative;
}
.sku-item-area .item-checkbox-area input[type="checkbox"] + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}
.sku-item-area .item-checkbox-area input[type="checkbox"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ff7e7e url('../../img/user/checkwhite.png') no-repeat 2px 4px;
  background-size: 17px 11px;
}

.sku-item-header {
  background-color: #ececec;
  padding: 10px 20px;
}

.item-name-main {
  font-weight: bold;
}

.exhibitor .name span {
  font-weight: bold;
}

.trade-now-off {
  font-weight: bold;
}

.trade-now-on {
  font-weight: bold;
}

.trade-now-on:before {
  font-weight: bold;
}

.trade-finish-off {
  font-weight: bold;
}

.trade-finish-on {
  font-weight: bold;
}

.trade-finish-on:before {
  font-weight: bold;
}

.trade-list-area .exhibitor .name {
  font-size: 12px;
  padding: 8px 0px 0px;
  line-height: 1;
}

.area-wrap-memberA .flow11 {
  text-align: center;
}
.area-wrap-memberA .flow11 img {
  max-width: 184px !important;
  width: 100%;
}

.trade-number-area {
  position: relative;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 1px solid #ff7e7e;
  color: #ff7e7e;
  padding: 5px 10px 15px;
  text-align: center;
  margin: 0 10px 20px;
}

.trade-number-area:after, .trade-number-area:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.trade-number-area:after {
  border-color: rgba(255, 126, 126, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.trade-number-area:before {
  border-color: rgba(255, 126, 126, 0);
  border-top-color: #ff7e7e;
  border-width: 11px;
  margin-left: -11px;
}

.trade-number-area p {
  padding: 10px 0;
}

.trade-number-area span {
  font-weight: bold;
}

.trade-user-selection-ttl {
  padding: 10px 20px;
  border-bottom: 1px solid #b2b2b2;
  font-weight: bold;
}

.trade-user-selection {
  margin: 20px 10px 0;
  position: relative;
}
.trade-user-selection .trade-user-selection-frame {
  margin-right: 40px;
}
.trade-user-selection .trade-user-selection-frame .trade-list {
  margin: 0;
}
.trade-user-selection .trade-user-selection-frame .trade-list-ttl {
  padding: 5px 10px;
  color: #fff;
  border: 1px solid #aaa;
  background-color: #aaa;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  overflow: hidden;
}
.trade-user-selection .trade-user-selection-frame .trade-list-ttl .trade-list-sttl {
  float: left;
}
.trade-user-selection .trade-user-selection-frame .trade-list-ttl .trade-list-ttl-num {
  float: right;
}
.trade-user-selection .trade-user-selection-frame .trade-list-area {
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}
.trade-user-selection .radio-area {
  position: absolute;
  right: 0;
  top: 46%;
}
.trade-user-selection .radio-area input[type="radio"] {
  position: relative;
  -webkit-appearance: button;
  appearance: button;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  content: "";
  background-color: #FFFFFF;
  border: 1px solid #888;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  vertical-align: middle;
  cursor: pointer;
}
.trade-user-selection .radio-area input[type="radio"]:checked:after {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #ff7e7e;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.trade-user-selection .item-name {
  padding: 10px;
  overflow: hidden;
  *zoom: 1;
}
.trade-user-selection .item-name .icon {
  margin: 0 10px 0 0;
}
.trade-user-selection .item-image {
  float: left;
}
.trade-user-selection .item-box {
  overflow: hidden;
  margin: 10px;
}
.trade-user-selection p {
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.trade-user-selection ul {
  overflow: hidden;
  *zoom: 1;
  padding-left: 10px;
}
.trade-user-selection li {
  line-height: 1.2;
  vertical-align: text-top;
}
.trade-user-selection img {
  width: 68px;
}
.trade-user-selection .item-name-sub {
  font-size: 12px;
  display: block;
  word-wrap: break-word;
}
.trade-user-selection .item-name-main {
  font-size: 15px;
  padding: 5px 0;
  display: block;
  word-wrap: break-word;
}
.trade-user-selection .number {
  font-size: 11px;
  color: #aaa;
  display: block;
}
.trade-user-selection .item {
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid #ececec;
}
.trade-user-selection .message-txt {
  padding: 10px;
}

.trade-success-area {
  margin: 0 0 20px;
  text-align: center;
}
.trade-success-area .date {
  font-size: 12px;
  font-weight: bold;
}
.trade-success-area .success {
  margin-top: 10px;
  padding: 15px 10px;
  background-color: #ffb6b6;
}
.trade-success-area .success img {
  width: auto;
  max-height: 80px;
}

.trade-notification {
  margin: 0 10px 20px;
}
.trade-notification .caution-area {
  background: #FFE3E3 none repeat scroll 0px 0px;
  margin: 20px 0 10px;
  padding: 15px 10px;
}

.trade-notification-ttl {
  padding: 10px 0 5px 10px;
  color: #fff;
  border: 1px solid #ff7e7e;
  background-color: #ff7e7e;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
}

.trade-notification-area {
  border: 1px solid #ff7e7e;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}
.trade-notification-area li {
  padding: 15px 10px;
  cursor: pointer;
  position: relative;
  display: block;
}
.trade-notification-area li .arrow-area {
  position: absolute;
  top: 35%;
  right: 20px;
  margin: auto;
}

.search-filtering-box .filtering-trigger .icon-chevrondowngray,
.search-filtering-box .filtering-trigger .icon-chevronupgray,
.search-filtering-box .filtering-trigger .search-details .detail-open .icon.open,
.search-details .detail-open .search-filtering-box .filtering-trigger .icon.open {
  margin: 0 0 0 15px;
}

.item-name-main {
  font-weight: bold;
}

.exhibitor .name span {
  font-weight: bold;
}

.trade-now-off {
  font-weight: bold;
}

.trade-now-on {
  font-weight: bold;
}

.trade-now-on:before {
  font-weight: bold;
}

.trade-finish-off {
  font-weight: bold;
}

.trade-finish-on {
  font-weight: bold;
}

.trade-finish-on:before {
  font-weight: bold;
}

.trade-list-area .exhibitor .name {
  font-size: 12px;
  padding: 8px 0px 0px;
  line-height: 1;
}

.icon-current {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 3px solid #ececec;
  background-color: #fff;
  width: 100%;
  margin: 0 0 25px 0;
  padding: 10px;
  box-sizing: border-box;
}
.icon-current img {
  width: 100%;
  max-width: 460px;
}

.icon-change-area {
  width: auto;
  margin: 0 auto;
}
.icon-change-area input[type="radio"] {
  display: none;
}
.icon-change-area label {
  display: inline-block;
  padding: 10px 10px 15px 35px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #555;
  position: relative;
}
.icon-change-area label:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0px;
  margin: -13px 0 0 0;
  border: 1px solid #888;
  border-radius: 100%;
}
.icon-change-area label img {
  width: 100%;
  max-width: 460px;
}
.icon-change-area input[type="radio"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 3px;
  margin: -10px 0 0 0;
  background-color: #888;
  border-radius: 100%;
}

.pager {
  background: #fff none repeat scroll 0% 0%;
}

.notice-list-area {
  border-top: 1px solid #aaa;
}

.notice-area {
  margin: 0 0 50px;
  padding: 0 20px 0;
  border-top: 1px solid #aaa;
}

.notice-list-element {
  border-bottom: 1px solid #aaa;
  padding: 15px 50px 15px 20px;
  cursor: pointer;
  position: relative;
  display: block;
}
.notice-list-element:last-child {
  border-bottom: none;
}

.notice-element {
  padding: 15px 0;
}

.notice-prop {
  overflow: hidden;
  *zoom: 1;
}
.notice-prop .notice-date {
  float: left;
  font-size: 12px;
  color: #888;
  padding: 6px 8px;
}
.notice-prop .notice-type {
  float: left;
  color: #fff;
  font-size: 11px;
  padding: 5px 15px 5px 10px;
  width: 50px;
  font-weight: bold;
  position: relative;
}
.notice-prop .notice-type.notice-type-pink {
  background-color: #f6b6b6;
  text-align: center;
}
.notice-prop .notice-type.notice-type-gray {
  background-color: #888;
}
.notice-prop .notice-type:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 14px solid;
  border-bottom: 14px solid;
  border-right: 6px solid;
  border-left: 6px solid;
  border-color: transparent #fff transparent transparent;
}

.notice-title {
  padding-top: 8px;
  font-size: 14px;
  color: #555;
}

li.notice-list-element .arrow-area {
  position: absolute;
  top: 40%;
  right: 20px;
  margin: auto;
}

.contact-caution-areaA {
  background: #ffe3e3 none repeat scroll 0 0;
  margin: 0 0 25px;
  padding: 10px 20px;
}

.contact-caution-areaB {
  background: #ffe3e3 none repeat scroll 0 0;
  border-radius: 5px;
  font-size: 12px;
  margin: 25px 0 25px;
  padding: 10px 10px;
}

.area-wrap-memberC textarea {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #ddd 0px 0px 1px 2px inset;
  -webkit-box-shadow: #ddd 0px 0px 1px 2px inset;
  box-shadow: #ddd 0px 0px 1px 2px inset;
  border: 1px solid #6b6b6b;
  height: 5em;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  box-sizing: border-box;
}

.page-title .guide-title {
  margin-top: 5px;
  font-weight: bold;
}

.guide-list-area {
  margin-bottom: 35px;
  border-bottom: solid 1px #bbb;
}

.guide-purchase-area {
  padding: 20px;
  border-top: solid 1px #aaa;
}

.guide-list > dt {
  background-color: #ececec;
  padding: 5px 20px 4px;
  font-size: 14px;
}

.guide-link-list li:not(:first-child) {
  border-top: solid 1px #bbb;
}
.guide-link-list a {
  display: block;
  position: relative;
  padding: 13px 35px 13px 20px;
  font-size: 16px;
}
.guide-link-list a .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -9px;
}

.guide-flow-list .guide-flow-item {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.guide-flow-list .guide-flow-item:last-child {
  margin-bottom: 0;
}
.guide-flow-list .guide-flow-item:not(:last-child):before {
  content: " ";
  display: block;
  position: absolute;
  top: 42px;
  width: 30px;
  height: 100%;
  background: url("../../img/user/line_dot_vertical.gif") repeat-y 12px 0;
  background-size: 5px 9px;
}

.guide-flow-element > dt {
  display: table;
  width: 100%;
}
.guide-flow-element > dt .guide-flow-number {
  display: table-cell;
  width: 30px;
}
.guide-flow-element > dt .guide-flow-number span {
  display: table-cell;
  width: 30px;
  height: 30px;
  background-color: #f6b6b6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}
.guide-flow-element > dt .guide-flow-title {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
}
.guide-flow-element > dt .guide-flow-title.is-narrow {
  letter-spacing: -.05em;
}
.guide-flow-element > dt .guide-flow-title-s {
  font-size: 12px;
}
.guide-flow-element > dd {
  margin-top: 10px;
  padding-left: 40px;
  padding-bottom: 16px;
  font-size: 12px;
}

.guide-block-list > dt {
  padding: 13px 20px;
  background-color: #ececec;
  font-size: 16px;
  font-weight: bold;
}
.guide-block-list > dd {
  padding: 17px 20px 26px;
  font-size: 12px;
}
.guide-block-list > dd .guide-indent-bullet {
  padding-left: 1em;
  text-indent: -1em;
}
.guide-block-list > dd.is-last {
  padding-bottom: 5px;
}
.guide-block-list .guide-flow-list {
  margin-top: 20px;
}

.guide-qa-list > dt {
  position: relative;
  padding: 13px 20px 11px 48px;
  background-color: #ececec;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
}
.guide-qa-list > dt .icon {
  position: absolute;
  top: 15px;
  left: 20px;
}
.guide-qa-list > dd {
  padding: 16px 20px 26px;
  font-size: 12px;
}
.guide-qa-list > dd.is-last {
  padding-bottom: 5px;
}

.guide-trade-note-title {
  padding: 13px 20px;
  background-color: #f6b6b6;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.guide-trade-note-illust-block {
  padding: 20px 0 0;
  background-color: #c7ebff;
  border-radius: 5px;
  margin: 20px 20px 10px;
}
.guide-trade-note-illust-block.is-last {
  margin-bottom: 20px;
}

.guide-trade-note-case .case-title {
  background-color: #526a8b;
  color: #fff;
  font-size: 12px;
  text-align: center;
  height: 30px;
  position: relative;
}
.guide-trade-note-case .case-title .case-star-item {
  margin: -13px 5px -5px 0;
}
.guide-trade-note-case .case-title:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: -10px;
  border-top: 15px solid;
  border-bottom: 15px solid;
  border-right: 10px solid;
  border-left: 10px solid;
  border-color: #526a8b #526a8b #526a8b transparent;
}
.guide-trade-note-case .case-title:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: -10px;
  border-top: 15px solid;
  border-bottom: 15px solid;
  border-right: 10px solid;
  border-left: 10px solid;
  border-color: #526a8b transparent #526a8b #526a8b;
}
.guide-trade-note-case .case-descript {
  text-align: center;
}
.guide-trade-note-case .case-descript .case-descript-img {
  margin: 20px auto 20px;
}
.guide-trade-note-case .case-descript .case-descript-img.is-last {
  margin-bottom: 4px;
}
.guide-trade-note-case .case-descript .case-descript-text {
  text-align: left;
  padding: 0 10px 30px;
  font-size: 12px;
}

.txt-attenntion {
  margin: 0 auto;
  padding: 25px 20px;
}
.txt-attenntion h3 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #ff7e7e;
}
.txt-attenntion p {
  font-size: 14px;
}
.txt-attenntion ul {
  font-size: 12px;
  margin-top: 7px;
}

.resign-area-item dl dt {
  padding: 18px 20px;
  background-color: #ececec;
}
.resign-area-item dl dd {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
  border-bottom: 1px solid #ececec;
}
.resign-area-item dl dd:last-child {
  border-top: none;
}
.resign-area-item dl dd a {
  color: #555;
  text-decoration: none;
}
.resign-area-item dl dd img {
  width: 68px;
}
.resign-area-item dl dd .item-image {
  float: left;
  padding: 15px 0 15px 20px;
}
.resign-area-item dl dd ul {
  overflow: hidden;
  padding: 15px 10px;
}
.resign-area-item dl dd ul li .item-name-sub {
  font-size: 12px;
  padding-right: 40px;
  display: block;
  word-wrap: break-word;
}
.resign-area-item dl dd ul li .item-name-main {
  font-size: 15px;
  padding-right: 40px;
  display: block;
  font-weight: bold;
  margin: 10px 0;
  word-wrap: break-word;
}
.resign-area-item dl dd ul li .number {
  font-size: 12px;
  display: block;
}
.resign-area-item dl dd .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -9px;
}

.area-wrap-memberA .here {
  padding: 20px 0 15px;
  font-size: 16px;
  color: #222;
  text-align: center;
}

.resign-attention-txt {
  padding: 20px;
  color: #ff7e7e;
}

li.gacha-block dt {
  position: relative;
  width: 100%;
  max-width: 446px;
}
li.gacha-block dt .soudout {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 80px;
  height: 80px;
  background-image: url("../../img/user/soudout.png");
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
li.gacha-block dt .comingsoon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 80px;
  height: 80px;
  background-image: url("../../img/user/comingsoon.png");
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
li.gacha-block dd .urikire {
  display: inline-block;
  background: #fff none repeat scroll 0% 0%;
  padding: 3px 5px;
  margin: 0px 0px 8px;
  color: #FF7E7E;
  font-size: 14px;
  border: solid #FF7E7E 1px;
}

.trade-search-sttl {
  padding: 15px 20px 10px;
}

li.gacha-block {
  border-top: #b2b2b2 1px solid;
  padding: 20px;
  position: relative;
  display: block;
  overflow: hidden;
  *zoom: 1;
}
li.gacha-block dl {
  overflow: hidden;
  *zoom: 1;
}
li.gacha-block dt {
  text-align: center;
}
li.gacha-block dt img {
  width: 100%;
  max-width: 446px;
}
li.gacha-block dd {
  position: relative;
}
li.gacha-block dd li {
  line-height: 1.2;
}
li.gacha-block dd .new {
  display: inline-block;
  background: #ff7e7e;
  padding: 3px 5px;
  margin: 0 0 8px 0;
  color: #fff;
  font-size: 14px;
}
li.gacha-block dd .restock {
  display: inline-block;
  background: #aaa;
  padding: 3px 5px;
  margin: 0 0 8px 0;
  color: #fff;
  font-size: 14px;
}
li.gacha-block dd .arrow-area {
  position: absolute;
  top: 40%;
  right: 2px;
  margin: auto;
}
li.gacha-block dd .name {
  font-size: 16px;
  padding: 0 50px 15px 0;
}
li.gacha-block dd .price {
  font-size: 14px;
  padding: 0 50px 0 0;
}

.search-result {
  padding: 0 20px 15px 20px;
  font-size: 14px;
}

.gacha-detail-top {
  padding: 0 10px;
}
.gacha-detail-top h2 {
  text-align: center;
}
.gacha-detail-top img {
  width: 100%;
  max-width: 600px;
}
.gacha-detail-top .name {
  font-size: 16px;
  padding: 20px 0 20px 0;
}
.gacha-detail-top .price-box {
  text-align: right;
  font-weight: bold;
  padding: 0 0 20px 0;
}
.gacha-detail-top .price-box .price {
  font-size: 24px;
}

.gacha-detail-bottom {
  border-top: #f6b6b6 2px dashed;
  padding: 15px 10px;
}
.gacha-detail-bottom h3 {
  margin: 0 0 15px 0;
}
.gacha-detail-bottom h3 .icon {
  margin: -3px 6px 0 0;
}
.gacha-detail-bottom dl {
  padding: 15px 0 0 0;
}
.gacha-detail-bottom dt {
  background: #ececec;
  padding: 5px 10px;
}
.gacha-detail-bottom dd {
  padding: 10px 0 25px 10px;
}

.gacha-preview-top {
  padding: 0;
}
.gacha-preview-top h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 20px 30px 20px;
}
.gacha-preview-top h3 {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 30px 0;
}
.gacha-preview-top h4 {
  text-align: center;
}
.gacha-preview-top h4 img {
  width: 100%;
  max-width: 350px;
}
.gacha-preview-top .preview-main-area {
  position: relative;
}
.gacha-preview-top .preview-main-area .icon_prev {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 50px;
  margin: -25px 0 0 0;
}
.gacha-preview-top .preview-main-area .icon_prev img {
  width: 50px;
}
.gacha-preview-top .preview-main-area .icon_next {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 50px;
  margin: -25px 0 0 0;
}
.gacha-preview-top .preview-main-area .icon_next img {
  width: 50px;
}
.gacha-preview-top .preview-sub-area ul {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  *zoom: 1;
}
.gacha-preview-top .preview-sub-area li {
  width: 20%;
  text-align: center;
  padding: 5px 0;
  float: left;
}
.gacha-preview-top .preview-sub-area li img {
  width: 100%;
  max-width: 92px;
  border: #fff 2px solid;
  box-sizing: border-box;
}
.gacha-preview-top .preview-sub-area li img.current {
  border: #ff7e7e 2px solid;
}
.gacha-preview-top .name {
  font-size: 16px;
  padding: 20px 0 20px 0;
}
.gacha-preview-top .price-box {
  text-align: right;
  font-weight: bold;
  padding: 0 0 20px 0;
}
.gacha-preview-top .price-box .price {
  font-size: 24px;
}

.gacha-preview-bottom {
  border-top: #f6b6b6 2px dashed;
  padding: 15px 10px;
}
.gacha-preview-bottom h3 {
  margin: 0 0 15px 0;
}
.gacha-preview-bottom h3 .icon {
  margin: -3px 6px 0 0;
}
.gacha-preview-bottom dl {
  padding: 15px 0 0 0;
}
.gacha-preview-bottom dt {
  background: #ececec;
  padding: 5px 10px;
}
.gacha-preview-bottom dd {
  padding: 10px 0 25px 10px;
}

.machine-block .poster, .machine-block-trading-box .poster {
  position: relative;
  overflow: hidden;
  margin: 0 auto 0;
}
.machine-block .soldout-mark, .machine-block-trading-box .soldout-mark {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/soldout.png');
  background-size: 80px 80px;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.machine-block .comingsoon-mark, .machine-block-trading-box .comingsoon-mark {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/comingsoon.png');
  background-size: 80px 80px;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.machine-block .poster-img, .machine-block-trading-box .poster-img {
  width: 215px;
  position: absolute;
  top: 0;
  left: 0;
}
.machine-block .goto-preview-btn, .machine-block-trading-box .goto-preview-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/goto_preview_btn.png');
  background-size: 220px 96px;
  width: 220px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  bottom: 0;
  left: -2px;
}
.machine-block .goto-preview-btn:hover, .machine-block-trading-box .goto-preview-btn:hover {
  background-position: 0 -48px;
}
.machine-block .price, .machine-block-trading-box .price {
  width: 120px;
  margin: 7px 0 8px 80px;
  font-size: 12px;
  color: #755f09;
}
.machine-block .price span, .machine-block-trading-box .price span {
  font-size: 21px;
}
.machine-block .soldout, .machine-block-trading-box .soldout {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/soldout_btn.png');
  background-size: 230px 74px;
  width: 230px;
  height: 74px;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.machine-block .comingsoon, .machine-block-trading-box .comingsoon {
  background-image: url('../../img/user/button/soldout_base_btn.png');
  background-size: 230px 74px;
  width: 230px;
  height: 74px;
  background-repeat: no-repeat;
  margin: 0 auto;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0.1em;
  color: #aaa;
  text-align: center;
  padding-top: 27px;
}
.machine-block .put-coin-btn, .machine-block-trading-box .put-coin-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/put_coin_btn.png');
  background-size: 237px 168px;
  width: 237px;
  height: 84px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 auto;
}
.machine-block .put-coin-btn:hover, .machine-block-trading-box .put-coin-btn:hover {
  background-position: 0 -84px;
}

.machine-block {
  margin: 5px auto -20px;
  padding-top: 32px;
  background-image: url('../../img/user/gacha_machine_detail.png');
  background-size: 320px 450px;
  width: 320px;
  height: 450px;
  background-repeat: no-repeat;
}
.machine-block .poster {
  width: 215px;
  height: 253px;
}

.machine-block-trading-box {
  background-image: url('../../img/user/trading_box.png');
  background-size: 320px 395px;
  width: 320px;
  height: 395px;
  background-repeat: no-repeat;
  padding-top: 40px;
  margin: auto;
}
.machine-block-trading-box .poster {
  width: 186px;
  height: 207px;
}
.machine-block-trading-box .poster-img {
  width: 186px;
  height: 207px;
}

#preview {
  position: relative;
}

.gacha-name {
  width: 100%;
  height: auto;
  padding: 0 20px;
  box-sizing: border-box;
  font-weight: bold;
}

.area-wrap-memberA .flow04 {
  text-align: center;
}

.area-wrap-memberA .flow04 img {
  max-width: 232px !important;
  width: 100%;
}

.gacha-contents.yellow-bg {
  background-color: #fff1b7;
  padding: 0 0 20px;
}

.gacha-preview-top.get-bg {
  background-image: url("../../img/user/gacha/gacha_bg_yellow.png");
  background-repeat: no-repeat;
  background-position: top center;
  -moz-background-size: contain;
  background-size: contain;
}

.gacha-buy-area {
  position: relative;
}
.gacha-buy-area .icon {
  margin: 0 10px 0 0;
}
.gacha-buy-area dt {
  padding: 8px 20px;
  background: #ececec;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}
.gacha-buy-area dt p.gacha-sttl {
  padding: 10px 0;
  float: left;
}
.gacha-buy-area dt p.gacha-ssttl {
  font-weight: bold;
  padding: 10px 0 5px;
}
.gacha-buy-area dt p.gacha-price {
  width: 100%;
  text-align: right;
  font-weight: bold;
  padding: 0 0 10px;
}
.gacha-buy-area dt p.gacha-price span {
  font-size: 24px;
}
.gacha-buy-area dt .gacha-change-btn {
  float: right;
  margin-top: 4px;
}
.gacha-buy-area dd {
  padding: 20px;
}
.gacha-buy-area dd p {
  line-height: 1.2;
  padding: 0 0 5px;
}
.gacha-buy-area dd p.pic {
  text-align: center;
}
.gacha-buy-area dd p.pic img {
  max-height: 200px;
}
.gacha-buy-area dd p.sttl {
  text-align: left;
}
.gacha-buy-area dd p.price {
  text-align: right;
  font-weight: bold;
}
.gacha-buy-area dd p.totalprice {
  font-weight: bold;
}
.gacha-buy-area dd p.totalprice span {
  font-size: 18px;
}
.gacha-buy-area dd.buy-area-r {
  text-align: right;
}
.gacha-buy-area dd li {
  padding: 0 0 20px;
}
.gacha-buy-area dd .buy-box {
  display: table;
  width: 100%;
}
.gacha-buy-area dd .buy-input {
  width: 60%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.gacha-buy-area dd .buy-text {
  width: 40%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.gacha-change-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  color: #ff7e7e;
  background: #fff;
  padding: 5px 12px;
  display: inline-block;
}
.gacha-change-btn:hover {
  background: #ffe3e3;
}

.gacha-movie-area-tradingbox {
  background-color: #80daff;
  position: relative;
  margin: auto;
}
.gacha-movie-area-tradingbox .canvas-container {
  width: 320px;
  overflow: visible;
  margin: auto;
  position: relative;
}
.gacha-movie-area-tradingbox canvas {
  position: relative;
}
.gacha-movie-area-tradingbox a {
  position: absolute;
  top: 25px;
  right: 20px;
  background-image: url("../../img/user/button/btn_skip.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 57px 40px;
  display: inline-block;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 57px;
}
.gacha-movie-area-tradingbox a:hover {
  background-position: 0 -20px;
}
.gacha-movie-area-tradingbox img {
  display: block;
  padding-top: 82px;
  margin: 0 auto;
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
}

.gacha-movie-area {
  background-color: #80daff;
  position: relative;
}
.gacha-movie-area .canvas-container {
  width: 320px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.gacha-movie-area canvas {
  position: relative;
  left: -93px;
}
.gacha-movie-area a {
  position: absolute;
  top: 25px;
  right: 20px;
  z-index: 1;
  background-image: url("../../img/user/button/btn_skip.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 57px 40px;
  display: inline-block;
  height: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 57px;
}
.gacha-movie-area a:hover {
  background-position: 0 -20px;
}
.gacha-movie-area img {
  width: 100%;
  margin: 60px 0 50px;
}

.gacha-get-area-wrap {
  background-color: #c5eeff;
}
.gacha-get-area-wrap p {
  padding: 10px 20px 0;
  color: #6b6b6b;
  font-weight: bold;
  text-align: left;
}

.gacha-get-area-secret-bg.series-name {
  background-image: url("../../img/user/gacha/gacha_bg_blue_secret_series.png");
  min-height: 455px;
}
.gacha-get-area-secret-bg.single {
  background-image: url("../../img/user/gacha/gacha_bg_blue_secret.png");
  min-height: 375px;
}
.gacha-get-area-secret-bg p {
  padding: 10px 20px 0;
  color: #6b6b6b;
  font-weight: bold;
  text-align: left;
}
.gacha-get-area-secret-bg:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.gacha-get-area-bg {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}
.gacha-get-area-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../img/user/gacha/gacha_bg_kirakira_normal.png"), url("../../img/user/gacha/gacha_bg_light.png");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: contain,cover;
  background-size: contain,cover;
  z-index: 1001;
}
.gacha-get-area-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../img/user/gacha/gacha_bg_blue_640.png");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: contain;
  background-size: contain;
  z-index: 1000;
}

.gacha-get-area-secret-wrap {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}
.gacha-get-area-secret-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../img/user/gacha/gacha_bg_kirakira_secret.png"), url("../../img/user/gacha/gacha_bg_light.png");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: contain,cover;
  background-size: contain,cover;
  z-index: 1001;
}
.gacha-get-area-secret-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../img/user/gacha/gacha_bg_blue_640.png");
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: contain;
  background-size: contain;
  z-index: 1000;
}

.gacha-get-area {
  background-repeat: no-repeat;
  background-position: top center;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  text-align: center;
  z-index: 1001;
  padding: 20px 0 50px 0;
}
.gacha-get-area img {
  width: 65%;
  max-width: 210px;
}
.gacha-get-area h2 {
  padding: 10px 40px 0 40px;
  font-size: 18px;
  color: #555;
}
.gacha-get-area h3 {
  padding: 0px 10px;
}
.gacha-get-area h3 img {
  max-width: 162px;
}
.gacha-get-area h4 {
  margin: 0 auto;
}
.gacha-get-area h4 img {
  max-width: 126px;
}
.gacha-get-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../img/user/gacha/gacha_bg_mask_top.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 50px;
  z-index: 1002;
}
.gacha-get-area:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../img/user/gacha/gacha_bg_mask_bottom.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 50px;
  z-index: 1002;
}

.gacha-get-area-contents {
  z-index: 1004;
}

.gacha-getlist-area img {
  zoom: 0.5;
}
.gacha-getlist-area h2 {
  margin: 10px 40px 0;
  font-size: 18px;
  color: #555;
}
.gacha-getlist-area h3 {
  padding: 20px 0 0;
  margin: 0 auto 0;
}
.gacha-getlist-area h5 {
  margin: 0 auto 10px;
  text-align: center;
}
.gacha-getlist-area p {
  margin: 10px 25px 0;
  color: #6b6b6b;
  text-align: left;
}

.sp-thumbnails-container.white-bg {
  background-color: #fff;
}

.sp-thumbnails.white-bg {
  background-color: #fff;
}

.gacha-buy-area .gacha-price {
  padding: 20px 0;
}
.gacha-buy-area .total-area {
  border-top: 1px solid #ececec;
  text-align: right;
  padding: 0 20px 20px 0;
}
.gacha-buy-area .total-area h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 15px 0;
}
.gacha-buy-area .total-area h4 {
  font-weight: normal;
}
.gacha-buy-area .total-area h5 {
  font-weight: normal;
}

.gacha-bought-dialog .area-total-point {
  position: relative;
  background-color: #fff;
  margin-top: 18px;
}
.gacha-bought-dialog .area-total-point .about-point {
  margin: 0px;
  font-size: 13px;
  font-weight: bold;
}
.gacha-bought-dialog .area-total-point .about-point p {
  overflow: hidden;
  *zoom: 1;
  line-height: 18px;
  padding: 0 12px;
  margin-bottom: 8px;
}
.gacha-bought-dialog .area-total-point .about-point p:last-child {
  margin-bottom: 0;
}
.gacha-bought-dialog .area-total-point .point-amount {
  float: right;
}
.gacha-bought-dialog .area-total-point .get-point {
  font-size: 18px;
}
.gacha-bought-dialog .area-total-point .all-point {
  font-size: 18px;
  color: #ff7e7e;
}
.gacha-bought-dialog .area-total-point .point-rimit {
  font-size: 18px;
}

.mypage-name-area {
  background-color: #fff;
  position: relative;
  padding: 20px 0;
}
.mypage-name-area.cover_01 {
  background-image: url("../../img/user/cover/cover_01.jpg");
  background-size: 400px 66px;
  background-repeat: repeat-x;
}
.mypage-name-area .myicon {
  display: block;
  margin: 0 auto;
  height: 74px;
  width: 74px;
}
.mypage-name-area .myicon img {
  max-height: 74px;
}
.mypage-name-area .navi-name {
  padding: 10px 20px 0;
  font-size: 12px;
}
.mypage-name-area .navi-name .name-ttl {
  font-size: 14px;
  font-weight: bold;
}
.mypage-name-area .navi-name p.id {
  color: #aaa;
  font-size: 12px;
}
.mypage-name-area .myicon {
  display: block;
  margin: 0 auto;
  height: 74px;
  width: 74px;
}
.mypage-name-area .myicon img {
  max-height: 74px;
}
.mypage-name-area .navi-name {
  padding: 10px 20px 0;
  font-size: 12px;
}
.mypage-name-area .navi-name .name-ttl {
  font-size: 14px;
  font-weight: bold;
}
.mypage-name-area .navi-name p.id {
  color: #aaa;
  font-size: 12px;
}
.mypage-name-area .navi-point {
  font-weight: bold;
  padding: 0 20px;
  margin-top: 5px;
}
.mypage-name-area .navi-point .point {
  font-size: 16px;
}
.mypage-name-area .navi-point .point.point-expired-soon {
  color: #f44336;
}

.mypage-item-information-area {
  background-color: #fff;
  position: relative;
  padding: 10px 0px 10px;
  margin: 0 0 20px 0;
}
.mypage-item-information-area .item-info-ttl {
  background-color: #ff7e7e;
  position: relative;
  padding: 10px 20px 10px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 1px 0 20px 0px;
}
.mypage-item-information-area .item-info-list {
  font-size: 14px;
  padding: 0px 20px;
}
.mypage-item-information-area .item-info-list li {
  margin-top: 4px;
}
.mypage-item-information-area .item-info-list li:first-child {
  margin-top: 0;
}
.mypage-item-information-area .item-info-list .info-link {
  color: #ff7e7e;
  font-weight: bold;
  text-decoration: underline;
}
.mypage-item-information-area .item-info-list .info-link:hover {
  text-decoration: none;
}

.mypage-area {
  background-color: #ececec;
  position: relative;
  padding: 20px 20px 10px;
  margin: 0 0 10px;
}
.mypage-area h3 {
  color: #aaa;
  margin: 0 0 0 10px;
}
.mypage-area .mypage-information-area {
  background-color: #fff;
  border-radius: 3px;
  margin: 10px auto 0;
  padding: 10px;
  position: relative;
}
.mypage-area .mypage-information-area .mypage-icon.item {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
  width: 64px;
  height: 65px;
}
.mypage-area .mypage-information-area .mypage-icon.history {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
  width: 64px;
  height: 48px;
}
.mypage-area .mypage-information-area .mypage-icon.trade {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
  width: 64px;
  height: 42px;
}
.mypage-area .mypage-information-area .mypage-icon.private {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
  width: 64px;
  height: 41px;
}
.mypage-area .mypage-information-area .mypage-icon img {
  max-width: 64px;
}
.mypage-area .mypage-information-area .mypage-information-area-list {
  margin: 0 0 0 80px;
}
.mypage-area .mypage-information-area .mypage-information-area-list .list-elem {
  padding: 10px 20px 10px 0;
  overflow: hidden;
  position: relative;
}
.mypage-area .mypage-information-area .mypage-information-area-list .list-elem.notice {
  padding-top: 0;
  line-height: 1.2;
}
.mypage-area .mypage-information-area .mypage-information-area-list .icon {
  position: absolute;
  top: 32%;
  right: 0;
}
.mypage-area .mypage-information-area .mypage-information-area-list .icon-exclamation {
  position: absolute;
  top: 25%;
  right: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 100% auto;
}

.list-name {
  color: #555;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
  font-weight: bold;
}

.list-txt {
  color: #aaa;
  font-size: 14px;
  line-height: 1.2;
}

.icon-exclamationwhite {
  width: 24px;
  height: 24px;
  background-image: url("../../img/user/icon/exclamationwhite.png");
}

.icon-exclamationpink {
  width: 24px;
  height: 24px;
  background-image: url("../../img/user/icon/exclamationpink.png");
}

.area-btn {
  background-color: #ececec;
  position: relative;
  padding: 0;
  margin: 0;
}
.area-btn .btn {
  border-radius: 5px;
  border: 1px solid #cccccc;
  background-color: #ececec;
  color: #555555;
  font-size: 16px;
  font-weight: bold;
  line-height: 1px;
  padding: 18px 0 18px 0;
  text-align: center;
  margin: 12px;
}

.search-filtering-box .filtering-trigger .icon-chevrondowngray,
.search-filtering-box .filtering-trigger .icon-chevronupgray,
.search-filtering-box .filtering-trigger .search-details .detail-open .icon.open,
.search-details .detail-open .search-filtering-box .filtering-trigger .icon.open {
  margin: 0 0 0 15px;
}

.search-filtering-box {
  font-size: 16px !important;
}

.search-filtering-details .detail-open {
  font-size: 16px !important;
}

.myitem-result-area {
  padding: 0 10px 10px;
}

.myitem-list-area {
  position: relative;
  overflow: hidden;
}
.myitem-list-area .item-image {
  float: left;
  padding: 15px 0 15px 20px;
}
.myitem-list-area dt {
  padding: 20px;
  position: relative;
}
.myitem-list-area dt p {
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.myitem-list-area dt ul {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  padding: 15px 10px;
}
.myitem-list-area dt li {
  line-height: 1.2;
  vertical-align: text-top;
}
.myitem-list-area dt li.item-image {
  float: left;
}
.myitem-list-area dt img {
  width: 68px;
}
.myitem-list-area dt .item-name-sub {
  font-size: 12px;
  padding-right: 40px;
  display: block;
  word-wrap: break-word;
}
.myitem-list-area dt .item-name-main {
  font-size: 15px;
  padding-right: 40px;
  display: block;
  font-weight: bold;
  margin: 10px 0;
  word-wrap: break-word;
}
.myitem-list-area dt .number {
  font-size: 12px;
  display: block;
}
.myitem-list-area dt.item {
  border-top: solid 1px #aaa;
  padding: 0 !important;
  overflow: hidden;
}
.myitem-list-area dt .icon {
  position: absolute;
  right: 20px;
  top: 45%;
}
.myitem-list-area dd {
  background-color: #ececec;
  padding: 15px 20px;
}
.myitem-list-area dd:last-child {
  border-bottom: none;
}

.myitem-list-area-btn-wrap {
  text-align: center;
  overflow: hidden;
  *zoom: 1;
}
.myitem-list-area-btn-wrap p {
  margin: 0 0 0 35px;
  font-size: 14px;
}
.myitem-list-area-btn-wrap .btn-left {
  width: 49%;
  float: left;
  position: relative;
}
.myitem-list-area-btn-wrap .btn-left .icon {
  position: absolute;
  left: 10px;
  top: 11px;
}
.myitem-list-area-btn-wrap .btn-right {
  width: 49%;
  float: right;
  position: relative;
}
.myitem-list-area-btn-wrap .btn-right .icon {
  position: absolute;
  left: 10px;
  top: 11px;
}

.myitem-list-area-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  background-color: #ff7e7e;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 18px 0 18px 0;
  text-align: center;
}

.myitem-list-area-btn:hover {
  background-color: #f85959;
}

.icon-myitempinkpink {
  width: 30px;
  height: 30px;
  background-image: url("../../img/user/icon/myitempinkpink.png");
}

.icon-myitemtrack {
  width: 30px;
  height: 30px;
  background-image: url("../../img/user/icon/myitemtrack.png");
}

.myitem-detail-top {
  padding: 0 10px;
  box-sizing: border-box;
}
.myitem-detail-top img {
  width: 100%;
  max-width: 420px;
  border: #ececec 1px solid;
}
.myitem-detail-top .name {
  font-size: 14px;
  padding: 10px 0;
  line-height: 1.2;
}
.myitem-detail-top .name-main {
  font-size: 18px;
  padding: 0 0 10px 0;
}
.myitem-detail-top .price-box {
  text-align: right;
  font-weight: bold;
  padding: 0 0 20px 0;
}
.myitem-detail-top .price-box .price {
  font-size: 24px;
}

.myitem-detail-middle {
  border-top: #f6b6b6 2px dashed;
  padding: 15px 10px 0 10px;
  overflow: hidden;
  *zoom: 1;
}
.myitem-detail-middle dl {
  width: 100%;
  padding: 0;
}
.myitem-detail-middle dt {
  float: left;
  clear: left;
  width: 35%;
  padding: 0 0 15px 0;
}
.myitem-detail-middle dd {
  position: relative;
  float: left;
  width: 65%;
  padding: 0 0 15px 0;
}
.myitem-detail-middle dd:before {
  content: ":";
  position: absolute;
  top: 0;
  left: -15px;
}

.myitem-detail-bottom {
  border-top: #f6b6b6 2px dashed;
  padding: 15px 10px;
}
.myitem-detail-bottom h3 {
  margin: 0 0 15px 0;
}
.myitem-detail-bottom h3 .icon {
  margin: -3px 6px 0 0;
}
.myitem-detail-bottom dl {
  padding: 15px 0 0 0;
}
.myitem-detail-bottom dt {
  background: #ececec;
  padding: 5px 10px;
}
.myitem-detail-bottom dd {
  padding: 10px 0 25px 10px;
}

.pager.pager-wht {
  background-color: #fff;
}

.change-btn {
  padding: 5px 12px !important;
  margin: 4px 0 0;
}

.footer-fixed-navi {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 110;
}

.pager {
  background: #fff none repeat scroll 0% 0%;
}

.pager a {
  color: #888 !important;
}

.pager .icon-chevrondowngray {
  margin: 0px 0px 0px 15px;
}

.loading-area {
  position: relative;
  text-align: center;
  margin: 10px 0;
}

.icon-loading {
  width: 34px;
  height: 34px;
  background-image: url("../../img/user/loading.gif");
}

.delivery-item-area {
  position: relative;
  overflow: hidden;
}
.delivery-item-area .item-image {
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  border-top: 1px solid #b2b2b2;
}
.delivery-item-area ul {
  overflow: hidden;
  *zoom: 1;
  padding: 10px;
  border-top: 1px solid #b2b2b2;
}
.delivery-item-area li {
  line-height: 1.2;
  vertical-align: text-top;
}
.delivery-item-area img {
  width: 68px;
}
.delivery-item-area .item-name-sub {
  font-size: 12px;
  padding-right: 50px;
  display: block;
  overflow: auto;
  word-wrap: break-word;
}
.delivery-item-area .item-name-main {
  font-size: 15px;
  padding: 5px 50px 7px 0;
  display: block;
  overflow: auto;
  word-wrap: break-word;
}
.delivery-item-area .number-wrap {
  overflow: hidden;
  *zoom: 1;
  padding-right: 50px;
}
.delivery-item-area .number {
  font-size: 11px;
  float: left;
  width: 30px;
  line-height: 40px;
}
.delivery-item-area .number-bundle {
  font-size: 11px;
  display: block;
}
.delivery-item-area .number-select {
  float: left;
  width: 100px;
}
.delivery-item-area .icon {
  position: absolute;
  right: 15px;
  top: 50%;
  margin: -14px 0 0 0;
}
.delivery-item-area .delivery-checkbox-area {
  position: absolute;
  top: 1px;
  right: 0;
  height: 100%;
  width: 50px;
  background: #ececec;
}
.delivery-item-area .delivery-checkbox-area input[type="checkbox"] {
  display: none;
}
.delivery-item-area .delivery-checkbox-area label {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #555;
  display: block;
  position: relative;
}
.delivery-item-area .delivery-checkbox-area input[type="checkbox"] + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}
.delivery-item-area .delivery-checkbox-area input[type="checkbox"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ff7e7e url('../../img/user/checkwhite.png') no-repeat 2px 4px;
  background-size: 17px 11px;
}

.total-area {
  text-align: right;
  padding: 0 20px 0 0;
}
.total-area h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 15px 0;
}
.total-area h4 {
  font-weight: normal;
}
.total-area h5 {
  font-weight: normal;
}
.total-area .icon {
  margin: -4px 0 0 10px;
}

.delivery-item-add-area {
  position: relative;
  border-top: #ff7e7e 1px solid;
  border-bottom: #ff7e7e 1px solid;
  padding: 15px 50px;
  text-align: right;
}
.delivery-item-add-area p {
  font-size: 16px;
  font-weight: bold;
  color: #ff7e7e;
}
.delivery-item-add-area .icon {
  position: absolute;
  right: 15px;
  top: 15px;
}

.point-area {
  width: auto;
  margin: 0 auto;
}
.point-area input[type="radio"] {
  display: none;
}
.point-area .ttl-band {
  padding: 18px 20px;
  background: #ececec;
}
.point-area .point-description {
  padding: 0 20px;
  margin-top: 23px;
  font-size: 14px;
}
.point-area .one-point {
  margin: 0px 0px 19px;
}
.point-area .buy {
  margin-bottom: 25px;
  font-weight: bold;
}
.point-area label {
  display: inline-block;
  padding: 10px 10px 15px 50px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #555;
  position: relative;
}
.point-area label:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 9px;
  left: 20px;
  border: 1px solid #888;
  border-radius: 100%;
}
.point-area input[type="radio"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 23px;
  background-color: #ff7e7e;
  border-radius: 100%;
}
.point-area .point-remaining {
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px 0 50px;
}
.point-area .point-remaining input[type="number"] {
  display: inline-block;
  min-width: 128px;
  width: 128px;
  text-align: right;
  -moz-appearance: textfield;
}
.point-area .point-remaining input[type="number"]::-webkit-inner-spin-button, .point-area .point-remaining input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.point-area .point-use-amount {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0 46px;
}
.point-area .point-unit {
  margin-left: 10px;
  vertical-align: bottom;
}
.point-area .point-guide {
  margin: 19px 0 24px 46px;
  font-size: 14px;
  position: relative;
}
.point-area .point-guide ul {
  margin-top: 15px;
  color: #ff7e7e;
}

.payment-area {
  width: auto;
  margin: 0 auto;
}
.payment-area input[type="radio"] {
  display: none;
}
.payment-area .ttl-band {
  margin-bottom: 12px;
  padding: 18px 20px;
  background: #ececec;
}
.payment-area label {
  display: inline-block;
  padding: 10px 10px 15px 50px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #555;
  position: relative;
}
.payment-area label:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 9px;
  left: 20px;
  border: 1px solid #888;
  border-radius: 100%;
}
.payment-area input[type="radio"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 23px;
  background-color: #ff7e7e;
  border-radius: 100%;
}

.delivery-check-area dt {
  padding: 8px 20px;
  background: #ececec;
  overflow: hidden;
  *zoom: 1;
}
.delivery-check-area dt p {
  padding: 10px 0;
  float: left;
}
.delivery-check-area dt .change-btn {
  float: right;
}
.delivery-check-area dd {
  padding: 20px;
}
.delivery-check-area dd .item-image {
  float: left;
  padding: 10px 0 10px 10px;
}
.delivery-check-area dd .item-box {
  overflow: hidden;
  border-bottom: 1px solid #b2b2b2;
}
.delivery-check-area dd p {
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.delivery-check-area dd p:last-child {
  margin: 0;
}
.delivery-check-area dd ul {
  overflow: hidden;
  *zoom: 1;
  padding: 10px;
}
.delivery-check-area dd li {
  line-height: 1.2;
  vertical-align: text-top;
}
.delivery-check-area dd img {
  width: 68px;
}
.delivery-check-area dd .item-name-sub {
  font-size: 11px;
  display: block;
  color: #6b6b6b;
  word-wrap: break-word;
}
.delivery-check-area dd .item-name-main {
  font-size: 15px;
  padding: 5px 0;
  display: block;
  color: #6b6b6b;
  word-wrap: break-word;
}
.delivery-check-area dd .number {
  font-size: 11px;
  color: #6b6b6b;
  display: block;
}
.delivery-check-area dd.item {
  padding: 0 0 20px 0 !important;
}
.delivery-check-area .pay-area {
  padding: 0;
}
.delivery-check-area .pay-area .pay-area-item {
  font-size: 14px;
}
.delivery-check-area .pay-area .pay-area-item > div {
  padding: 16px 20px 16px;
}
.delivery-check-area .pay-area ul {
  padding: 0;
}
.delivery-check-area .pay-area .line {
  border-bottom: 1px solid #b2b2b2;
}
.delivery-check-area .pay-area .large {
  font-size: 16px;
}
.delivery-check-area .pay-area .bold {
  font-weight: bold;
}

.area-point-detail {
  position: relative;
  border-radius: 10px;
  background-color: #f5f5f5;
  margin: 0 auto 30px;
}
.area-point-detail .about-point {
  width: 250px;
  padding: 3px 25px;
  margin: 0 auto;
  font-size: 13px;
  font-weight: bold;
}
.area-point-detail .about-point p {
  overflow: hidden;
  *zoom: 1;
  line-height: 18px;
  padding: 0 12px;
  margin-bottom: 8px;
}
.area-point-detail .about-point p:last-child {
  border-top: solid 1px #888;
  padding-top: 10px;
  margin-bottom: 0;
}
.area-point-detail .point-amount {
  float: right;
}
.area-point-detail .get-point {
  font-size: 18px;
}
.area-point-detail .use-point {
  font-size: 18px;
  color: #03a9f4;
}
.area-point-detail .all-point {
  font-size: 18px;
  color: #ff7e7e;
}
.area-point-detail .rimit {
  position: relative;
  font-size: 12px;
  text-align: center;
  margin-top: 3px;
}

.pager {
  background: #fff none repeat scroll 0% 0%;
}

.purchase-history-area {
  position: relative;
}
.purchase-history-area ul {
  border-top: 1px solid #b2b2b2;
  cursor: pointer;
}
.purchase-history-area dt {
  position: relative;
  padding: 15px 30px 10px 20px;
}
.purchase-history-area dt p.order {
  font-weight: bold;
}
.purchase-history-area dd.goods-area ul {
  overflow: hidden;
  *zoom: 1;
  padding: 0 20px 15px;
  border-top: none;
}
.purchase-history-area dd.goods-area li {
  line-height: 1.2;
  vertical-align: text-top;
}
.purchase-history-area dd.goods-area img {
  width: 67px;
  float: left;
  margin: 0 10px 0 0;
}
.purchase-history-area dd.goods-area .item-name {
  padding: 5px 10px 0 0;
  display: block;
  overflow: auto;
  font-weight: bold;
}
.purchase-history-area dd.goods-area .item-price {
  padding: 10px 35px 5px 0;
  display: block;
  overflow: auto;
}
.purchase-history-area dd.goods-area .number-wrap {
  overflow: hidden;
  *zoom: 1;
  padding: 0 35px 0 0;
}
.purchase-history-area dd.goods-area .number {
  font-size: 11px;
  float: left;
  width: 30px;
  line-height: 40px;
}
.purchase-history-area dd.goods-area .number-select {
  float: left;
  width: 100px;
}
.purchase-history-area dt .icon {
  position: absolute;
  right: 20px;
  top: 60%;
  margin: -14px 0 0 0;
}
.purchase-history-area .shipment-area {
  margin: 0 20px 15px;
  background-color: #ececec;
  text-align: center;
  padding: 10px 0 3px;
  border: 1px solid #ececec;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.purchase-history-area .shipment-area img {
  max-height: 20px;
}

.purchase-history-date-area {
  position: relative;
  margin: 0 20px 15px;
}
.purchase-history-date-area dt {
  clear: left;
  float: left;
  width: 120px;
  padding: 3px 0;
}
.purchase-history-date-area dd {
  margin-left: 120px;
  padding-left: 1em;
  text-indent: -1em;
  padding: 3px 0;
}

.gacha-buy-area .gacha-price {
  padding: 20px 0;
}
.gacha-buy-area .total-area {
  border-top: 1px solid #ececec;
  text-align: right;
  padding: 0 20px 20px 0;
}
.gacha-buy-area .total-area h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 15px 0;
}
.gacha-buy-area .total-area h4 {
  font-weight: normal;
}
.gacha-buy-area .total-area h5 {
  font-weight: normal;
}
.gacha-buy-area .pay-area {
  padding: 0;
}
.gacha-buy-area .pay-area .pay-area-item {
  font-size: 14px;
}
.gacha-buy-area .pay-area .pay-area-item > div {
  padding: 16px 20px 16px;
}
.gacha-buy-area .pay-area ul {
  padding: 0;
}
.gacha-buy-area .pay-area ul li {
  padding: 0;
  line-height: 1.2;
}
.gacha-buy-area .pay-area .line {
  border-bottom: 1px solid #ddd;
}
.gacha-buy-area .pay-area .line p {
  padding-bottom: 0;
  margin-bottom: 5px;
}
.gacha-buy-area .pay-area .line p:last-child {
  margin-bottom: 0;
}
.gacha-buy-area .pay-area .large {
  font-size: 16px;
}
.gacha-buy-area .pay-area .bold {
  font-weight: bold;
}

.area-total-point {
  margin: 0 20px;
  background-color: #f5f5f5;
}
.area-total-point .area-point {
  position: relative;
  width: 100%;
  border-radius: 10px;
  padding: 20px 0;
  text-align: center;
}
.area-total-point .area-point p {
  text-align: center;
}
.area-total-point .area-point .total {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
  vertical-align: middle;
}
.area-total-point .area-point .total .figure {
  padding: 0 7px 0 14px;
  font-size: 18px;
  vertical-align: middle;
  color: #ff7e7e;
}
.area-total-point .area-point .rimit {
  position: relative;
  font-size: 12px;
  text-align: center;
  margin-top: 13px;
}

.area-search-result {
  padding: 17px 20px 10px;
  overflow: hidden;
  *zoom: 1;
}
.area-search-result p {
  float: right;
  font-weight: bold;
}

.area-pointHistory {
  padding-bottom: 20px;
}
.area-pointHistory ul li {
  border-top: solid 1px #888;
  font-size: 14px;
}
.area-pointHistory ul li a {
  display: table;
  width: 100%;
}
.area-pointHistory ul li .bold {
  font-weight: bold;
}
.area-pointHistory ul li .detail {
  display: table-cell;
  padding: 20px;
}
.area-pointHistory ul li .point {
  font-size: 18px;
  font-weight: bold;
  display: table-cell;
  padding: 20px;
  text-align: right;
  vertical-align: bottom;
}
.area-pointHistory ul li .point .plus {
  color: #ff7e7e;
}
.area-pointHistory ul li .point .minus {
  color: #03a9f4;
}

.area-wrap-memberA .flow09 {
  text-align: center;
}

.area-wrap-memberA .flow09 img {
  max-width: 233px !important;
  width: 100%;
}

.trade-caution-area {
  background: #ffe3e3 none repeat scroll 0 0;
  font-size: 12px;
  margin: 0 0 25px;
  padding: 10px 10px;
}

.trade-item-area {
  position: relative;
}
.trade-item-area .item-image {
  float: left;
  padding: 10px 0 10px 20px;
}
.trade-item-area .item-box {
  overflow: hidden;
  border-top: 1px solid #aaa;
}
.trade-item-area p {
  padding: 0 20px 10px;
}
.trade-item-area ul {
  overflow: hidden;
  *zoom: 1;
  padding: 10px;
}
.trade-item-area li {
  line-height: 1.2;
  vertical-align: text-top;
}
.trade-item-area img {
  width: 68px;
}
.trade-item-area .item-name-sub {
  font-size: 12px;
  padding-right: 35px;
  display: block;
  word-wrap: break-word;
}
.trade-item-area .item-name-main {
  font-size: 15px;
  padding: 5px 35px 7px 0;
  display: block;
  word-wrap: break-word;
}
.trade-item-area .number-wrap {
  overflow: hidden;
  *zoom: 1;
  padding: 0 35px 0 0;
}
.trade-item-area .number {
  font-size: 11px;
  float: left;
  width: 30px;
  line-height: 40px;
}
.trade-item-area .number-select {
  float: left;
  width: 100px;
}
.trade-item-area .icon {
  position: absolute;
  right: 15px;
  top: 50%;
  margin: -14px 0 0 0;
}
.trade-item-area .trade-checkbox-area {
  position: absolute;
  top: 1px;
  right: 0;
  height: 100%;
  width: 50px;
  background: #ececec;
}
.trade-item-area .trade-checkbox-area input[type="checkbox"] {
  display: none;
}
.trade-item-area .trade-checkbox-area label {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #555;
  display: block;
  position: relative;
}
.trade-item-area .trade-checkbox-area input[type="checkbox"] + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}
.trade-item-area .trade-checkbox-area input[type="checkbox"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ff7e7e url("../../img/user/checkwhite.png") no-repeat 2px 4px;
  background-size: 17px 11px;
}

.trade-item-add-area {
  position: relative;
  border-top: #ff7e7e 1px solid;
  border-bottom: #ff7e7e 1px solid;
  padding: 15px 50px 15px 0;
  text-align: right;
}
.trade-item-add-area p {
  font-size: 16px;
  font-weight: bold;
  color: #ff7e7e;
}
.trade-item-add-area a {
  color: #ff7e7e;
}
.trade-item-add-area .icon {
  position: absolute;
  right: 15px;
  top: 15px;
}

.mfp-preloader a:hover {
  color: #ff7e7e;
}

.mfp-preloader a:visited {
  color: #ff7e7e;
}

.trade-check-area {
  position: relative;
}
.trade-check-area .icon {
  margin: 0 10px 0 0;
}
.trade-check-area dt {
  padding: 8px 20px;
  background: #ececec;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}
.trade-check-area dt p {
  padding: 10px 0;
  float: left;
}
.trade-check-area dt .trade-change-btn {
  float: right;
  margin-top: 4px;
}
.trade-check-area .total-area h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0 23px 0;
}

.trade-change-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  color: #ff7e7e;
  background: #fff;
  padding: 5px 12px;
  display: inline-block;
}
.trade-change-btn:hover {
  background: #ffe3e3;
}

.trade-check-area dd {
  padding: 20px;
}
.trade-check-area dd .item-image {
  float: left;
  padding: 10px 0 10px 20px;
}
.trade-check-area dd .item-box {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.trade-check-area dd .item-box:last-child {
  border-bottom: 0;
}
.trade-check-area dd p {
  margin: 0 0 8px 0;
  line-height: 1.2;
}
.trade-check-area dd p:last-child {
  margin: 0;
}
.trade-check-area dd ul {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  padding: 10px 20px 10px 10px;
}
.trade-check-area dd li {
  line-height: 1.2;
  vertical-align: text-top;
}
.trade-check-area dd img {
  width: 68px;
}
.trade-check-area dd .item-name-sub {
  font-size: 12px;
  display: block;
  word-wrap: break-word;
}
.trade-check-area dd .item-name-sub.icon-padding {
  padding-right: 50px;
}
.trade-check-area dd .item-name-main {
  font-size: 15px;
  margin: 7px 0;
  display: block;
  word-wrap: break-word;
}
.trade-check-area dd .item-name-main.icon-padding {
  padding-right: 50px;
}
.trade-check-area dd .item-name-main.no-top-margin {
  margin-top: 0;
}
.trade-check-area dd .number {
  font-size: 12px;
  display: block;
}
.trade-check-area dd .number.icon-padding {
  padding-right: 50px;
}
.trade-check-area dd.item {
  padding: 0 !important;
}
.trade-check-area dd .date {
  font-size: 11px;
  color: #aaa;
}
.trade-check-area dd .icon-r {
  position: absolute;
  width: 60px;
  right: 10px;
  top: 40%;
  margin: -10px 0 0 0;
  text-align: center;
}
.trade-check-area dd .icon-r p {
  text-align: center;
  font-size: 12px;
  margin: 3px 0 0;
  text-align: center;
}
.trade-check-area dd .icon-r .icon {
  margin: 0;
}

.trade-caution {
  padding-left: 1em;
  text-indent: -1em;
}

.area-wrap-memberA textarea {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #ddd 0px 0px 1px 2px inset;
  -webkit-box-shadow: #ddd 0px 0px 1px 2px inset;
  box-shadow: #ddd 0px 0px 1px 2px inset;
  border: 1px solid #6b6b6b;
  height: 5em;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  box-sizing: border-box;
}

.submit-btnB {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  background-color: #ff7e7e;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 20px 0;
  text-align: center;
  display: block;
}

.submit-btnB:hover {
  background-color: #f85959;
}

.trade-sns-share {
  padding: 30px 10px 40px;
  text-align: center;
  background-color: #ececec;
  margin: 0 0 50px;
}

.trade-sns-txt {
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 20px;
  color: #aaaaaa;
  font-size: 16px;
  line-height: 1;
  padding: 10px 5px;
  text-align: center;
  max-width: 260px;
}

.trade-sns-share-fukidashi {
  margin: 0 5px 0;
  width: 60px;
  display: inline-block;
}

.trade-sns-share-sankaku {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
}

.trade-sns-share-btn {
  margin: 0 5px 0;
}

.trade-sns-fb {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/sns_facebook.png");
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  background-position: 0 -60px;
}

.trade-sns-tw {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/sns_twitter.png");
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  background-position: 0 -60px;
}

.trade-sns-line {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/sns_line.png");
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  background-position: 0 -60px;
}

.footer {
  background-color: #fff;
}

.sns-share {
  padding: 30px 0;
  text-align: center;
  background-color: #ececec;
  height: 60px;
}

.sns-share-btn {
  margin: 0 10px;
}

.sns-fb {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/sns_facebook.png');
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
}
.sns-fb:hover {
  background-position: 0 -60px;
}

.sns-tw {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/sns_twitter.png');
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
}
.sns-tw:hover {
  background-position: 0 -60px;
}

.sns-line {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/sns_line.png');
  background-size: 60px 120px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
}
.sns-line:hover {
  background-position: 0 -60px;
}

.page-top {
  text-align: center;
  height: 65px;
  background-image: url('../../img/user/rainbow_border.gif');
  background-size: 16px 2px;
  background-position: bottom left;
  background-repeat: repeat-x;
  cursor: pointer;
}

.page-top-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/pagetop.png');
  background-size: 111px 62px;
  width: 111px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top: 15px;
  display: inline-block;
}
.page-top-btn:hover {
  background-position: 0 -31px;
}

.footer-links li {
  border-bottom: 1px solid #f4f4f4;
}

.footer-link {
  width: 100%;
  height: 100%;
}
.footer-link p {
  padding: 16px 20px;
  font-size: 12px;
  color: #ababab;
  line-height: 1;
}

.footer-links-top {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  height: auto;
  background-color: #ececec;
  padding: 20px 20px 5px 20px;
  box-sizing: border-box;
}

.footer-links-top li {
  float: left;
  line-height: 1;
}

.footer-links-top p {
  padding: 0 10px 15px 0;
  font-size: 12px;
  color: #ababab;
  line-height: 1;
}

.copyright {
  clear: both;
  padding: 18px 0 15px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  background-color: #ababab;
}

.header {
  background-color: #fff;
  border: none;
  padding: 0;
  background-image: url('../../img/user/rainbow_border.gif');
  background-size: 16px 2px;
  background-position: top left;
  background-repeat: repeat-x;
  text-align: center;
  position: relative;
  z-index: 1;
  height: 55px;
  width: 100%;
  overflow: auto;
}
.header.header-top {
  height: 85px;
}

.menu-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/menubar.png');
  background-size: 27px 23px;
  width: 27px;
  height: 23px;
  background-repeat: no-repeat;
  margin: 12px 0 0 17px;
  float: left;
  position: relative;
}
.menu-btn.new-mark:after {
  content: " ";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #f6b6b6;
  border-radius: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}

.header-top .menu-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/menubar_top.png');
  background-size: 38px 38px;
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  margin: 12px 0 0 23px;
}
.header-top .menu-btn.new-mark:after {
  top: 0;
  right: 3px;
}

.header-logo {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/logo.png');
  background-size: 102px 19px;
  width: 102px;
  height: 19px;
  background-repeat: no-repeat;
  margin: 18px auto 0;
}

.header-top .header-logo {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/logo_top.png');
  background-size: 135px 27px;
  width: 135px;
  height: 27px;
  background-repeat: no-repeat;
  margin: 20px auto 0;
}

.search-menu-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/menu_search.png');
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  float: right;
  margin: 17px 18px 0 0;
}

.header-top .search-menu-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/menu_search_top.png');
  background-size: 22px 35px;
  width: 22px;
  height: 35px;
  background-repeat: no-repeat;
  margin: 17px 9px 0 0;
}

.lottery .attention-color {
  color: #ef5350;
}
.lottery .banner-lottery {
  margin: 40px 0;
  border-bottom: 1px solid #e0e0e0;
}
.lottery .banner-lottery img {
  width: 100%;
  margin-bottom: 20px;
}
.lottery .banner-lottery .title {
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.lottery .banner-lottery .lottery-item {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.lottery .lottery-introduction {
  margin-top: 20px;
}
.lottery .lottery-introduction img {
  width: 100%;
}
.lottery .lottery-introduction .contents {
  padding: 20px;
  margin-bottom: 20px;
}
.lottery .lottery-introduction .contents .title {
  font-size: 18px;
}
.lottery .lottery-introduction .contents .message {
  margin-top: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
}
.lottery .lottery-introduction .contents ul {
  margin-top: 4px;
}
.lottery .lottery-introduction .contents .price-box {
  margin-top: 16px;
  font-weight: bold;
  text-align: right;
}
.lottery .lottery-introduction .contents .price-box .price {
  font-size: 24px;
}
.lottery .lottery-description {
  border-top: #f6b6b6 2px dashed;
  padding: 15px 10px;
}
.lottery .lottery-description h3 {
  margin: 0 0 15px 0;
}
.lottery .lottery-description h3 .icon {
  margin: -3px 6px 0 0;
}
.lottery .lottery-description ul li {
  margin-bottom: 6px;
  padding-left: 1em;
  text-indent: -1.3em;
  font-size: 14px;
}
.lottery .lottery-product .prize {
  margin-bottom: 15px;
}
.lottery .lottery-product .prize .bar {
  margin-bottom: 10px;
  width: 100%;
  height: 36px;
  background: #ffb6b6;
}
.lottery .lottery-product .prize .bar .txt-prize {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 36px;
}
.lottery .lottery-product .prize .area-wrap-prize {
  text-align: center;
  padding: 0 8px;
}
.lottery .lottery-product .prize .area-wrap-prize .area-wrap-center {
  display: inline-block;
}
.lottery .lottery-product .prize .area-wrap-prize .area-wrap-center .img-prize {
  width: 296px;
  height: 135px;
}
.lottery .lottery-product .prize .area-wrap-prize .area-wrap-center .product-name {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}
.lottery .lottery-product .prize .area-wrap-prize .area-wrap-center .note {
  text-align: left;
}
.lottery .lottery-product .prize .area-wrap-prize .last-prize .img-prize {
  width: 300px;
  height: 318px;
}
.lottery .lottery-about {
  margin: 0 auto;
  width: 300px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.lottery .lottery-about h4 {
  background: #f5f5f5;
  padding: 10px;
  font-size: 14px;
  color: #000000;
}
.lottery .lottery-about dl {
  padding: 14px 10px;
  font-size: 14px;
}
.lottery .lottery-about dl dt {
  font-weight: bold;
}
.lottery .lottery-about dl dd {
  margin-top: 12px;
}
.lottery .put-coin-lottery-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/put_coin_lottery_btn.png");
  background-size: 247px 166px;
  width: 247px;
  height: 83px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
  margin-bottom: 4px;
}
.lottery .put-coin-lottery-btn:hover {
  background-position: 0 -83px;
}
.lottery .lottery-soldout-btn {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background-image: url("../../img/user/button/soldout_lottery_btn.png");
  background-size: 240px 76px;
  width: 240px;
  height: 76px;
}
.lottery .lottery-commingsoon-btn {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background-image: url("../../img/user/button/soldout_lottery_btn_base.png");
  background-size: 240px 76px;
  width: 240px;
  height: 76px;
}
.lottery .lottery-commingsoon-btn .txt-commingsoon {
  text-align: center;
  padding-top: 14px;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.lottery .txtcenter {
  margin-bottom: 30px;
  padding: 0 20px;
  user-select: none;
}
.lottery .lottery-get-area-wrap {
  background: #ffcdd2;
}
.lottery .lottery-get-area-wrap p {
  padding: 10px 20px 0;
  color: #6b6b6b;
  font-weight: bold;
  text-align: left;
}
.lottery .lottery-get-area-wrap .gacha-get-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../img/user/lottery/lottery_bg_mask_top.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 50px;
  z-index: 1002;
}
.lottery .lottery-get-area-wrap .gacha-get-area:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../../img/user/lottery/lottery_bg_mask_bottom.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 50px;
  z-index: 1002;
}
.lottery .get-lottery {
  background-image: url("../../img/user/lottery/get_lottery_bg.png");
  width: 100%;
  height: 100%;
  text-align: center;
}
.lottery .get-lottery .lottery-box {
  margin-top: 63px;
  margin-bottom: 30px;
  width: 306px;
  height: 473px;
}

.lottery-animation-area {
  position: relative;
}

.member-title {
  font-size: 16px;
  text-align: center;
  margin: 0 0 10px 0;
}

.area-wrap-search p, .area-wrap-memberA p, .area-wrap-memberB p, .area-wrap-memberC p, .area-wrap-memberD p, .area-wrap-memberE p, .area-wrap-memberF p, .area-wrap-member-nopadding p {
  line-height: 1.3;
}
.area-wrap-search input, .area-wrap-memberA input, .area-wrap-memberB input, .area-wrap-memberC input, .area-wrap-memberD input, .area-wrap-memberE input, .area-wrap-memberF input, .area-wrap-member-nopadding input {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #ddd 0px 0px 1px 2px inset;
  -webkit-box-shadow: #ddd 0px 0px 1px 2px inset;
  box-shadow: #ddd 0px 0px 1px 2px inset;
  border: 1px solid #6b6b6b;
  height: 40px;
  width: 100%;
  padding: 0 5px;
  font-size: 16px;
  box-sizing: border-box;
}
.area-wrap-search input:focus, .area-wrap-memberA input:focus, .area-wrap-memberB input:focus, .area-wrap-memberC input:focus, .area-wrap-memberD input:focus, .area-wrap-memberE input:focus, .area-wrap-memberF input:focus, .area-wrap-member-nopadding input:focus {
  border: 1px solid #8ddfff;
  background-color: rgba(141, 223, 255, 0.2);
}
.area-wrap-search input.error, .area-wrap-memberA input.error, .area-wrap-memberB input.error, .area-wrap-memberC input.error, .area-wrap-memberD input.error, .area-wrap-memberE input.error, .area-wrap-memberF input.error, .area-wrap-member-nopadding input.error, .area-wrap-search select.error, .area-wrap-memberA select.error, .area-wrap-memberB select.error, .area-wrap-memberC select.error, .area-wrap-memberD select.error, .area-wrap-memberE select.error, .area-wrap-memberF select.error, .area-wrap-member-nopadding select.error {
  border: 1px solid #ff7e7e;
  background: #ffe3e3;
}
.area-wrap-search input.error-id, .area-wrap-memberA input.error-id, .area-wrap-memberB input.error-id, .area-wrap-memberC input.error-id, .area-wrap-memberD input.error-id, .area-wrap-memberE input.error-id, .area-wrap-memberF input.error-id, .area-wrap-member-nopadding input.error-id {
  border: 1px solid #ff7e7e;
  background: #ffe3e3 url('../../img/user/icon/batsupink.png') no-repeat right 8px bottom 12px;
  background-size: 14px 14px;
}
.area-wrap-search input.error:focus, .area-wrap-memberA input.error:focus, .area-wrap-memberB input.error:focus, .area-wrap-memberC input.error:focus, .area-wrap-memberD input.error:focus, .area-wrap-memberE input.error:focus, .area-wrap-memberF input.error:focus, .area-wrap-member-nopadding input.error:focus, .area-wrap-search select.error:focus, .area-wrap-memberA select.error:focus, .area-wrap-memberB select.error:focus, .area-wrap-memberC select.error:focus, .area-wrap-memberD select.error:focus, .area-wrap-memberE select.error:focus, .area-wrap-memberF select.error:focus, .area-wrap-member-nopadding select.error:focus {
  border: 1px solid #8ddfff;
  background-color: rgba(141, 223, 255, 0.2);
}
.area-wrap-search .error-ballon, .area-wrap-memberA .error-ballon, .area-wrap-memberB .error-ballon, .area-wrap-memberC .error-ballon, .area-wrap-memberD .error-ballon, .area-wrap-memberE .error-ballon, .area-wrap-memberF .error-ballon, .area-wrap-member-nopadding .error-ballon {
  position: relative;
  width: 100%;
  height: 20px;
  background-color: #ff7e7e;
  text-align: center;
  margin: 15px 0 0 0;
  padding: 10px 0;
  color: #fff;
  font-weight: bold;
}
.area-wrap-search .error-ballon:before, .area-wrap-memberA .error-ballon:before, .area-wrap-memberB .error-ballon:before, .area-wrap-memberC .error-ballon:before, .area-wrap-memberD .error-ballon:before, .area-wrap-memberE .error-ballon:before, .area-wrap-memberF .error-ballon:before, .area-wrap-member-nopadding .error-ballon:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ff7e7e;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.area-wrap-search .error-ballon p, .area-wrap-memberA .error-ballon p, .area-wrap-memberB .error-ballon p, .area-wrap-memberC .error-ballon p, .area-wrap-memberD .error-ballon p, .area-wrap-memberE .error-ballon p, .area-wrap-memberF .error-ballon p, .area-wrap-member-nopadding .error-ballon p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.area-wrap-search .error-ballon p .icon, .area-wrap-memberA .error-ballon p .icon, .area-wrap-memberB .error-ballon p .icon, .area-wrap-memberC .error-ballon p .icon, .area-wrap-memberD .error-ballon p .icon, .area-wrap-memberE .error-ballon p .icon, .area-wrap-memberF .error-ballon p .icon, .area-wrap-member-nopadding .error-ballon p .icon {
  margin: -3px 6px 0 0;
}
.area-wrap-search img, .area-wrap-memberA img, .area-wrap-memberB img, .area-wrap-memberC img, .area-wrap-memberD img, .area-wrap-memberE img, .area-wrap-memberF img, .area-wrap-member-nopadding img {
  width: 100%;
  max-width: 560px;
  text-align: center;
}
.area-wrap-search .txt-areaA, .area-wrap-memberA .txt-areaA, .area-wrap-memberB .txt-areaA, .area-wrap-memberC .txt-areaA, .area-wrap-memberD .txt-areaA, .area-wrap-memberE .txt-areaA, .area-wrap-memberF .txt-areaA, .area-wrap-member-nopadding .txt-areaA {
  margin: 0 0 25px 0;
}
.area-wrap-search .txt-areaB, .area-wrap-memberA .txt-areaB, .area-wrap-memberB .txt-areaB, .area-wrap-memberC .txt-areaB, .area-wrap-memberD .txt-areaB, .area-wrap-memberE .txt-areaB, .area-wrap-memberF .txt-areaB, .area-wrap-member-nopadding .txt-areaB {
  margin: 50px 0 50px 0;
  text-align: center;
  font-size: 16px;
}
.area-wrap-search .txt-areaC, .area-wrap-memberA .txt-areaC, .area-wrap-memberB .txt-areaC, .area-wrap-memberC .txt-areaC, .area-wrap-memberD .txt-areaC, .area-wrap-memberE .txt-areaC, .area-wrap-memberF .txt-areaC, .area-wrap-member-nopadding .txt-areaC {
  margin: 25px 0 50px 0;
  text-align: center;
  font-size: 16px;
}
.area-wrap-search .require, .area-wrap-memberA .require, .area-wrap-memberB .require, .area-wrap-memberC .require, .area-wrap-memberD .require, .area-wrap-memberE .require, .area-wrap-memberF .require, .area-wrap-member-nopadding .require {
  padding: 0 0 0 12px;
  color: #ff7e7e;
}
.area-wrap-search .caution-area, .area-wrap-memberA .caution-area, .area-wrap-memberB .caution-area, .area-wrap-memberC .caution-area, .area-wrap-memberD .caution-area, .area-wrap-memberE .caution-area, .area-wrap-memberF .caution-area, .area-wrap-member-nopadding .caution-area {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #ffe3e3;
  padding: 20px 10px;
  margin: 0 0 25px 0;
  font-size: 12px;
}
.area-wrap-search .txt-right, .area-wrap-memberA .txt-right, .area-wrap-memberB .txt-right, .area-wrap-memberC .txt-right, .area-wrap-memberD .txt-right, .area-wrap-memberE .txt-right, .area-wrap-memberF .txt-right, .area-wrap-member-nopadding .txt-right {
  text-align: right;
}
.area-wrap-search .txt-right .icon, .area-wrap-memberA .txt-right .icon, .area-wrap-memberB .txt-right .icon, .area-wrap-memberC .txt-right .icon, .area-wrap-memberD .txt-right .icon, .area-wrap-memberE .txt-right .icon, .area-wrap-memberF .txt-right .icon, .area-wrap-member-nopadding .txt-right .icon {
  margin: 0 0 0 10px;
}
.area-wrap-search .form-area dt, .area-wrap-memberA .form-area dt, .area-wrap-memberB .form-area dt, .area-wrap-memberC .form-area dt, .area-wrap-memberD .form-area dt, .area-wrap-memberE .form-area dt, .area-wrap-memberF .form-area dt, .area-wrap-member-nopadding .form-area dt {
  margin: 0 0 8px 0;
}
.area-wrap-search .form-area dd, .area-wrap-memberA .form-area dd, .area-wrap-memberB .form-area dd, .area-wrap-memberC .form-area dd, .area-wrap-memberD .form-area dd, .area-wrap-memberE .form-area dd, .area-wrap-memberF .form-area dd, .area-wrap-member-nopadding .form-area dd {
  margin: 0 0 15px 0;
}
.area-wrap-search .form-area dd li, .area-wrap-memberA .form-area dd li, .area-wrap-memberB .form-area dd li, .area-wrap-memberC .form-area dd li, .area-wrap-memberD .form-area dd li, .area-wrap-memberE .form-area dd li, .area-wrap-memberF .form-area dd li, .area-wrap-member-nopadding .form-area dd li {
  padding: 10px 0;
}
.area-wrap-search .btn-areaA, .area-wrap-memberA .btn-areaA, .area-wrap-memberB .btn-areaA, .area-wrap-memberC .btn-areaA, .area-wrap-memberD .btn-areaA, .area-wrap-memberE .btn-areaA, .area-wrap-memberF .btn-areaA, .area-wrap-member-nopadding .btn-areaA {
  padding: 25px 0;
}
.area-wrap-search .btn-areaB, .area-wrap-memberA .btn-areaB, .area-wrap-memberB .btn-areaB, .area-wrap-memberC .btn-areaB, .area-wrap-memberD .btn-areaB, .area-wrap-memberE .btn-areaB, .area-wrap-memberF .btn-areaB, .area-wrap-member-nopadding .btn-areaB {
  padding: 10px 0;
}
.area-wrap-search .member-btnA, .area-wrap-memberA .member-btnA, .area-wrap-memberB .member-btnA, .area-wrap-memberC .member-btnA, .area-wrap-memberD .member-btnA, .area-wrap-memberE .member-btnA, .area-wrap-memberF .member-btnA, .area-wrap-member-nopadding .member-btnA {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  background-color: #ff7e7e;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 18px 0 18px 0;
  text-align: center;
}
.area-wrap-search .member-btnA:hover, .area-wrap-memberA .member-btnA:hover, .area-wrap-memberB .member-btnA:hover, .area-wrap-memberC .member-btnA:hover, .area-wrap-memberD .member-btnA:hover, .area-wrap-memberE .member-btnA:hover, .area-wrap-memberF .member-btnA:hover, .area-wrap-member-nopadding .member-btnA:hover {
  background-color: #f85959;
}
.area-wrap-search .member-btnB, .area-wrap-memberA .member-btnB, .area-wrap-memberB .member-btnB, .area-wrap-memberC .member-btnB, .area-wrap-memberD .member-btnB, .area-wrap-memberE .member-btnB, .area-wrap-memberF .member-btnB, .area-wrap-member-nopadding .member-btnB {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  background-color: #fff;
  color: #ff7e7e;
  font-size: 16px;
  line-height: 1;
  padding: 18px 0 18px 0;
  text-align: center;
}
.area-wrap-search .member-btnB.restock-request, .area-wrap-memberA .member-btnB.restock-request, .area-wrap-memberB .member-btnB.restock-request, .area-wrap-memberC .member-btnB.restock-request, .area-wrap-memberD .member-btnB.restock-request, .area-wrap-memberE .member-btnB.restock-request, .area-wrap-memberF .member-btnB.restock-request, .area-wrap-member-nopadding .member-btnB.restock-request {
  color: white;
}
.area-wrap-search .member-btnB:hover, .area-wrap-memberA .member-btnB:hover, .area-wrap-memberB .member-btnB:hover, .area-wrap-memberC .member-btnB:hover, .area-wrap-memberD .member-btnB:hover, .area-wrap-memberE .member-btnB:hover, .area-wrap-memberF .member-btnB:hover, .area-wrap-member-nopadding .member-btnB:hover {
  background-color: #ffe3e3;
}
.area-wrap-search .member-btnTrash, .area-wrap-memberA .member-btnTrash, .area-wrap-memberB .member-btnTrash, .area-wrap-memberC .member-btnTrash, .area-wrap-memberD .member-btnTrash, .area-wrap-memberE .member-btnTrash, .area-wrap-memberF .member-btnTrash, .area-wrap-member-nopadding .member-btnTrash {
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  border: none;
  background-color: #a1887f;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 18px 0 18px 0;
  text-align: center;
  width: 100%;
}
.area-wrap-search .member-btnTrash .icon, .area-wrap-memberA .member-btnTrash .icon, .area-wrap-memberB .member-btnTrash .icon, .area-wrap-memberC .member-btnTrash .icon, .area-wrap-memberD .member-btnTrash .icon, .area-wrap-memberE .member-btnTrash .icon, .area-wrap-memberF .member-btnTrash .icon, .area-wrap-member-nopadding .member-btnTrash .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -13px;
}
.area-wrap-search .member-btnTrash:hover, .area-wrap-memberA .member-btnTrash:hover, .area-wrap-memberB .member-btnTrash:hover, .area-wrap-memberC .member-btnTrash:hover, .area-wrap-memberD .member-btnTrash:hover, .area-wrap-memberE .member-btnTrash:hover, .area-wrap-memberF .member-btnTrash:hover, .area-wrap-member-nopadding .member-btnTrash:hover {
  background-color: #ccaca1;
}
.area-wrap-search .member-btnRevival, .area-wrap-memberA .member-btnRevival, .area-wrap-memberB .member-btnRevival, .area-wrap-memberC .member-btnRevival, .area-wrap-memberD .member-btnRevival, .area-wrap-memberE .member-btnRevival, .area-wrap-memberF .member-btnRevival, .area-wrap-member-nopadding .member-btnRevival {
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  background-color: #ff9800;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 18px 0 18px 0;
  text-align: center;
  width: 100%;
}
.area-wrap-search .member-btnRevival .icon, .area-wrap-memberA .member-btnRevival .icon, .area-wrap-memberB .member-btnRevival .icon, .area-wrap-memberC .member-btnRevival .icon, .area-wrap-memberD .member-btnRevival .icon, .area-wrap-memberE .member-btnRevival .icon, .area-wrap-memberF .member-btnRevival .icon, .area-wrap-member-nopadding .member-btnRevival .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -13px;
}
.area-wrap-search .member-btnRevival:hover, .area-wrap-memberA .member-btnRevival:hover, .area-wrap-memberB .member-btnRevival:hover, .area-wrap-memberC .member-btnRevival:hover, .area-wrap-memberD .member-btnRevival:hover, .area-wrap-memberE .member-btnRevival:hover, .area-wrap-memberF .member-btnRevival:hover, .area-wrap-member-nopadding .member-btnRevival:hover {
  background-color: #feb74f;
}

.area-wrap-memberA {
  padding: 0 20px 30px 20px;
}

.area-wrap-memberB {
  padding: 30px 20px;
  border-top: 1px dotted #6b6b6b;
}

.area-wrap-memberC {
  padding: 0;
}
.area-wrap-memberC .form-area dt {
  margin: 0;
  padding: 8px 20px;
  background: #ececec;
  line-height: 1.4;
}
.area-wrap-memberC .form-area dt.important {
  padding: 24px 20px;
}
.area-wrap-memberC .form-area dd {
  margin: 0;
  padding: 15px 20px;
  line-height: 1.4;
}
.area-wrap-memberC .form-area .heading {
  padding: 0 20px;
  font-size: 18px;
}

.area-wrap-memberD {
  padding: 30px 20px;
  text-align: center;
}

.area-wrap-memberE {
  padding: 0 10px;
  text-align: center;
}

.area-wrap-memberF {
  padding: 15px 20px 25px;
  text-align: center;
}

.area-wrap-member-nopadding {
  padding: 0;
  text-align: center;
}

.member-checkbox {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}
.member-checkbox input[type="checkbox"] {
  display: none;
}
.member-checkbox label {
  display: inline-block;
  padding: 10px 0 8px 32px;
  text-align: center;
  color: #555;
  position: relative;
}
.member-checkbox input[type="checkbox"] + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 5px;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}
.member-checkbox input[type="checkbox"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 5px;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ff7e7e url('../../img/user/checkwhite.png') no-repeat 2px 4px;
  background-size: 17px 11px;
}


.ranking-table {
  margin-left: 18px;
  margin-right: 18px;
}
.ranking-table a:link {
  text-decoration: underline;
}
.ranking-table a:hover {
  text-decoration: underline;
}
.ranking-table a:active {
  text-decoration: underline;
}

.ranking-row {
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  min-height: 90px;
}
.ranking-row.odd {
  background-color: #f6b6b6 !important;
}

.ranking-sku-text {
  padding-top: 5px;
  padding-right: 110px;
  margin-left: 12px;
}

.ranking-item-image {
  position: absolute;
  top: 5px;
  right: 15px;
}

.text-blue-underline {
  color: #0000FF;
  border-bottom: 1px solid #0000FF;
}

.btn-restock-request {
  width: 320px;
  margin: auto;
}

.sidr {
  width: 100% !important;
}

.naviPanel {
  background-color: #ececec !important;
  display: none;
}

.navi-elem {
  background-color: #ececec !important;
  padding: 14px 15px 11px 20px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}

.navi-elem-over {
  background-color: #ececec;
  padding: 20px 15px 11px 20px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}

.navi-elem-under {
  background-color: #ececec;
  padding: 14px 15px 20px 20px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}

.navi-elem-big {
  background-color: #ececec;
  padding: 20px 15px 20px 20px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}

.navi-elem-sttl {
  background-color: #ececec;
  padding: 14px 15px 0 20px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}

.navi-elem-mypage-link {
  background-color: #fff;
  padding: 14px 15px 20px 20px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}

.navi-elem-mypage {
  background-color: #fff;
  padding: 0 0 10px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}

.navi-elem-mypage .myicon {
  position: absolute;
  top: 20px;
  left: 20px;
  *zoom: 1;
  z-index: 2;
}

.navi-elem-mypage .myicon img {
  max-height: 70px;
}

.navi-elem-mypage .cover_01 {
  background-image: url("../../img/user/cover/cover_01.jpg");
  background-size: 400px 66px;
  padding: 25px 10px 25px 20px;
  overflow: hidden;
  *zoom: 1;
  position: relative;
}

.navi-elem-mypage .navi-name {
  padding: 25px 20px 0;
  font-size: 12px;
}

.navi-elem-mypage .navi-name .name-ttl {
  font-size: 14px;
  font-weight: bold;
}

.navi-elem-mypage .navi-name p.id {
  color: #aaa;
  font-size: 12px;
}

.navi-elem-mypage .navi-point {
  font-weight: bold;
  padding-left: 20px;
  margin-top: 5px;
}
.navi-elem-mypage .navi-point .point {
  font-size: 16px;
}
.navi-elem-mypage .navi-point .point.point-expired-soon {
  color: #f44336;
}

.navi-elem.navi-pink {
  background-color: #f6b6b6 !important;
}

.navi-text {
  text-shadow: none;
  color: #555 !important;
  font-size: 15px;
  line-height: 1;
  vertical-align: middle;
}

.navi-text-right {
  text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;
  color: #555 !important;
  font-size: 15px;
  line-height: 1;
  vertical-align: middle;
  float: right;
  margin: 0 35px 0 0;
}

.navi-underline {
  border-bottom: dashed 1px #aaa;
}

.navi-underline-pink {
  border-bottom: dashed 1px #ffb6b6;
}

.icon-navi-rinkA {
  position: absolute;
  top: 30%;
  right: 20px;
}

.icon-navi-rinkB {
  position: absolute;
  top: 35%;
  right: 20px;
}

.icon-navi-rinkC {
  position: absolute;
  top: 40%;
  right: 20px;
}

.icon-close-right {
  position: absolute;
  top: 50px;
  right: 20px;
}

.navi-text.navi-text-small {
  font-size: 12px;
  color: #aaa !important;
}

.icon-batsuB {
  width: 20px;
  height: 20px;
  background-image: url("../../img/user/icon/batsuB.png");
}

.icon-batsugray {
  width: 20px;
  height: 20px;
  background-image: url("../../img/user/icon/batsugray.png");
}

.search-menu {
  background-color: #fff;
  display: none;
}

.search-menu-header {
  overflow: hidden;
  *zoom: 1;
  margin: 16px 0;
}
.search-menu-header .title {
  text-align: center;
  font-size: 19px;
  color: #6b6b6b;
}
.search-menu-header .close-search-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/button/search_close_btn.png');
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  float: right;
  margin: 0 16px 0 0;
}

.search-radio-tab {
  border: 2px solid #f6b6b6;
  border-radius: 3px;
  width: 280px;
  margin: 0 auto 18px;
}
.search-radio-tab input[type="radio"] {
  display: none;
}
.search-radio-tab label {
  display: inline-block;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: bold;
  width: 120px;
  text-align: center;
  color: #f6b6b6;
}
.search-radio-tab label.search-item-label {
  margin: 0 -2px 0 -5px;
}
.search-radio-tab input[type="radio"]:checked + label {
  background-color: #f6b6b6;
  color: #fff;
  position: relative;
}
.search-radio-tab input[type="radio"]:checked + label:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -18px;
  left: 64px;
  border-top: 8px solid;
  border-bottom: 8px solid;
  border-right: 8px solid;
  border-left: 8px solid;
  border-color: #f6b6b6 transparent transparent transparent;
}

.search-radio-criteria {
  background-color: #ececec;
  border-radius: 3px;
  width: 280px;
  margin: 0 auto 10px;
}
.search-radio-criteria input[type="radio"] {
  display: none;
}
.search-radio-criteria label {
  display: inline-block;
  padding: 10px 10px 8px 40px;
  font-size: 14px;
  text-align: center;
  color: #555;
  position: relative;
}
.search-radio-criteria label:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 9px;
  left: 10px;
  border: 1px solid #888;
  border-radius: 100%;
}
.search-radio-criteria input[type="radio"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 13px;
  background-color: #b1a201;
  border-radius: 100%;
}

.radio-std {
  border-radius: 3px;
  width: 280px;
  margin: 0 auto 10px;
}
.radio-std input[type="radio"] {
  display: none;
}
.radio-std label {
  display: inline-block;
  padding: 10px 10px 8px 40px;
  font-size: 14px;
  text-align: center;
  color: #555;
  position: relative;
}
.radio-std label:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 9px;
  left: 10px;
  border: 1px solid #888;
  border-radius: 100%;
}
.radio-std input[type="radio"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 13px;
  background-color: #ff7e7e;
  border-radius: 100%;
}

.search-input-area {
  border: 1px solid #888;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
  border-radius: 3px;
  width: 278px;
  margin: 0 auto 10px;
  overflow: hidden;
  *zoom: 1;
}
.search-input-area input {
  border: none;
  height: 28px;
  width: 220px;
  margin: 4px 4px 0 4px;
  font-size: 16px;
}
.search-input-area a {
  float: right;
}
.search-input-area .search-btn {
  background-color: #888;
  padding: 8px 8px;
}

.search-checkbox {
  width: 280px;
  margin: 0 auto 10px;
  font-size: 12px;
}
.search-checkbox input[type="checkbox"] {
  display: none;
}
.search-checkbox label {
  display: inline-block;
  padding: 10px 0 8px 32px;
  text-align: center;
  color: #555;
  position: relative;
}
.search-checkbox label:after {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 5px;
  border: 1px solid #888;
}
.search-checkbox input[type="checkbox"]:checked + label:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 2px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/checkyellow.png');
  background-size: 29px 23px;
  width: 29px;
  height: 23px;
  background-repeat: no-repeat;
  z-index: 1;
}

.search-details .detail-open {
  font-size: 14px;
  color: #aaa;
  text-align: center;
  padding: 10px 0;
  background-color: #ececec;
  border-bottom: 1px solid #fff;
}
.search-details .detail-open .icon {
  margin-left: 5px;
}
.search-details .search-criteria {
  display: none;
}
.search-details .search-criteria li {
  border-bottom: 1px solid #fff;
}
.search-details .search-criteria .criteria-link {
  padding: 10px 20px;
  background-color: #ececec;
}
.search-details .search-criteria .criteria-link .icon {
  float: right;
}
.search-details .search-criteria .criteria-link:hover {
  background-color: #aaa;
}

.popular-key-area {
  background-color: #6b6b6b;
  padding: 20px;
  font-size: 16px;
}
.popular-key-area .head {
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}

.popular-key {
  background-color: #6b6b6b;
  display: inline-block;
  border: 2px solid #f6b6b6;
  color: #f6b6b6;
  border-radius: 3px;
  padding: 5px 30px 3px 8px;
  margin: 0 10px 10px 0;
  position: relative;
}
.popular-key:hover {
  background-color: #555;
}
.popular-key:after {
  content: " ";
  position: absolute;
  top: 10px;
  right: 5px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url('../../img/user/icon/chevronrightpink2.png');
  background-size: 7px 13px;
  width: 7px;
  height: 13px;
  background-repeat: no-repeat;
}

.search-filtering-box {
  font-size: 14px;
  margin: 15px 0 25px 0;
  background-color: #fff;
  border: #aaa 1px solid;
}
.search-filtering-box .filtering-trigger {
  text-align: center;
  padding: 10px 0;
  color: #aaa;
  cursor: pointer;
}
.search-filtering-box .filtering-trigger .icon-chevrondowngray {
  margin: 0 0 0 15px;
}
.search-filtering-box .filtering-trigger .icon-chevronupgray, .search-filtering-box .filtering-trigger .search-details .detail-open .icon.open, .search-details .detail-open .search-filtering-box .filtering-trigger .icon.open {
  margin: 0 0 0 15px;
}
.search-filtering-box .search-area {
  position: relative;
  margin: 0 20px 0;
}
.search-filtering-box .search-area .search-input-area {
  border: 1px solid #888;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
  border-radius: 3px;
  margin: 20px auto;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.search-filtering-box .search-area .search-input-area input {
  border: none;
  box-shadow: none;
  background: none;
  padding: 4px;
  margin: 0;
  width: 80%;
  box-sizing: content-box;
}
.search-filtering-box .search-area .search-input-area input:focus {
  background: none;
}
.search-filtering-box .search-area .search-input-area .search-btn {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #888;
  padding: 0 8px;
  width: 20px;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.search-filtering-box .search-area .search-input-area .search-btn .icon {
  position: absolute;
  top: 50%;
  margin: -10px 0 0 0;
}
.search-filtering-box .search-area p {
  padding-left: 1em;
  text-indent: -1em;
  color: #aaa;
  font-size: 12px;
}

.search-filtering-details {
  display: none;
}
.search-filtering-details .detail-open {
  font-size: 14px;
  padding: 10px 20px;
  background-color: #ececec;
  border-bottom: 1px solid #fff;
}
.search-filtering-details .detail-open .icon {
  margin-top: 6px;
  float: right;
}
.search-filtering-details .search-criteria {
  display: none;
}
.search-filtering-details .search-criteria li {
  border-bottom: 1px solid #fff;
  word-wrap: break-word;
}
.search-filtering-details .search-criteria .criteria-link {
  padding: 10px 20px;
  background-color: #fff;
}
.search-filtering-details .search-criteria .criteria-link .icon {
  float: right;
}
.search-filtering-details .search-criteria .criteria-link:hover {
  background-color: #aaa;
}

.search-result-noneA {
  padding: 50px 20px;
}

.search-result-noneB {
  padding: 30px 20px 50px 20px;
}

/* start _bianco.scss */
dl.index-list {
  padding: 5px 10px;
}
dl.index-list dt {
  background: #ddd;
  padding: 5px;
  margin: 10px 0 0 0;
}
dl.index-list dd {
  padding: 8px;
}

.page-title {
  padding: 20px 0 25px 0;
  text-align: center;
}
.page-title p {
  font-size: 18px;
}
.page-title h2 {
  font-size: 20px;
}
.page-title h3 {
  font-size: 16px;
  font-weight: normal;
}

.page-sub-title {
  padding: 10px;
  margin: 0 0 12px 0;
  background: #6b6b6b;
  color: #fff;
}
.page-sub-title p {
  font-size: 12px;
}

.mb-std {
  margin-bottom: 15px;
}

.mb-XS {
  margin-bottom: 4px;
}

.mb-S {
  margin-bottom: 8px;
}

.mb-L {
  margin-bottom: 25px;
}

.mt-std {
  margin-top: 15px;
}

.mt-XS {
  margin-top: 4px;
}

.mt-S {
  margin-top: 8px;
}

.mt-L {
  margin-top: 25px;
}

.txtgray {
  color: #aaa;
}

.txtlightred {
  color: #ff7e7e;
}

.txt-S {
  font-size: 12px;
}

.txt-M {
  font-size: 16px;
}

.txt-L {
  font-size: 18px;
}

.txt-ac {
  text-align: center;
}

.txt-errorA {
  color: #ff7e7e;
  font-weight: bold;
  margin: 3px 0;
}

.txt-errorB {
  color: #ff7e7e;
  font-weight: bold;
  margin: -7px 0 7px 0;
}

.txt-areaD {
  font-size: 16px;
  margin: 15px 0 50px;
  text-align: left;
}

.border-T {
  border-top: solid 1px #aaa;
}

.border-B {
  border-bottom: solid 1px #aaa;
}

.area-wrap {
  padding: 0 10px 0 10px;
}

.search-box {
  border: #aaa 1px solid;
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
}

.btn-wrap {
  text-align: center;
  overflow: hidden;
  *zoom: 1;
}
.btn-wrap .btn-left {
  width: 49%;
  float: left;
}
.btn-wrap .btn-right {
  width: 49%;
  float: right;
}

.submit-btnA {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #f85959;
  background-color: #f85959;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 20px 0;
  text-align: center;
  display: block;
}

.change-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  color: #ff7e7e;
  background: #fff;
  padding: 8px 12px;
  display: inline-block;
}

.detail-trigger {
  cursor: pointer;
}

.header.header-top {
  height: 65px !important;
}

.header-top .menu-btn {
  display: block !important;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/menubar_top.png");
  background-size: 38px 38px !important;
  width: 38px !important;
  height: 38px !important;
  background-repeat: no-repeat;
  margin: 15px 0 0 10px !important;
}

.header-top .search-menu-btn {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url("../../img/user/button/menu_search_top.png");
  background-size: 22px 35px !important;
  width: 22px !important;
  height: 35px !important;
  background-repeat: no-repeat;
  margin: 17px 15px 0 11px !important;
}

/*select{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    @include border-radius(5px);
    @include box-shadow(#ddd 0px 0px 1px 2px inset);
	border: 1px solid $boldGrayColor;
	height: 40px;
	width: 100%;
	padding: 0 5px;
	font-size: 16px;
    background: $lightGrayColor3 image-url("icon/chevrondowndarkgray.png") no-repeat right 8px bottom 14px;
    background-size:18px 10px;
}*/
.select-deco-boxA {
  position: relative;
}

.select-deco-boxA:before {
  position: absolute;
  top: 28px;
  right: 28px;
  content: " ";
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url("../../img/user/icon/downarrowgray2.png");
  background-size: contain;
  vertical-align: middle;
  z-index: 100;
}

.select-deco-boxB {
  position: relative;
}

.select-deco-boxB:before {
  position: absolute;
  top: 14px;
  right: 10px;
  content: " ";
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url("../../img/user/icon/downarrowgray2.png");
  background-size: contain;
  vertical-align: middle;
  z-index: 100;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: #ddd 0px 0px 0px 0px inset;
  -webkit-box-shadow: #ddd 0px 0px 0px 0px inset;
  box-shadow: #ddd 0px 0px 0px 0px inset;
  border: 1px solid #6b6b6b;
  height: 40px;
  width: 100%;
  padding: 0 5px;
  font-size: 16px;
  background-color: #fff;
}

select.select-white {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: #ddd 0px 0px 0px 0px inset;
  -webkit-box-shadow: #ddd 0px 0px 0px 0px inset;
  box-shadow: #ddd 0px 0px 0px 0px inset;
  background-color: #fff;
  background-size: 16px 13px;
}

.cols-2 {
  text-align: center;
  overflow: hidden;
  *zoom: 1;
}
.cols-2 .col-left {
  width: 49%;
  text-align: left;
  float: left;
}
.cols-2 .col-right {
  width: 49%;
  text-align: left;
  float: right;
}

.birth-box {
  display: table;
  width: 100%;
}
.birth-box .birth-input {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.birth-box .birth-text {
  width: 8%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.birth-box .select-deco-box {
  position: relative;
}
.birth-box .select-deco-box:before {
  position: absolute;
  top: 23px;
  right: 6px;
  content: " ";
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url("../../img/user/icon/downarrowgray2.png");
  background-size: contain;
  vertical-align: middle;
  z-index: 100;
}

.zip-box {
  display: table;
  width: 100%;
}
.zip-box .zipA {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.zip-box .hyphen {
  width: 5%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.zip-box .zipB {
  width: 35%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.zip-box .zip-search {
  width: 35%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.zip-box .zip-search .btn-zip-search {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #6b6b6b;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 10px;
  color: #fff;
  text-align: center;
  display: block;
}

.tel-box {
  display: table;
  width: 100%;
}
.tel-box .number {
  width: 30%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.tel-box .hyphen {
  width: 5%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.check-area {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  margin: 0 0 25px 0;
  font-size: 14px;
  text-align: center;
  background: #ececec;
  padding: 10px 0;
}
.check-area input[type="checkbox"] {
  display: none;
}
.check-area label {
  display: inline-block;
  padding: 10px 0 8px 32px;
  text-align: center;
  color: #555;
  position: relative;
}
.check-area input[type="checkbox"] + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 5px;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}
.check-area input[type="checkbox"]:checked + label:before {
  content: " ";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 5px;
  border: 1px solid #ff7e7e;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ff7e7e url('../../img/user/checkwhite.png') no-repeat 2px 4px;
  background-size: 17px 11px;
}

.myitem-action-tab {
  overflow: hidden;
  *zoom: 1;
}
.myitem-action-tab li {
  display: block;
  float: left;
  border-right: 2px dotted #ececec;
  box-sizing: border-box;
}
.myitem-action-tab li.detail {
  width: 33%;
}
.myitem-action-tab li.delivery {
  width: 34%;
}
.myitem-action-tab li.trade {
  width: 33%;
  border: none;
}
.myitem-action-tab .action-link {
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
  height: 42px;
  background-color: #6b6b6b;
}
.myitem-action-tab .action-link:hover {
  background-color: #aaa;
}
.myitem-action-tab .action-link .action-text {
  font-size: 12px;
  color: #fff;
  margin-top: 5px;
}

.item-box-top li.item-block, .item-box li.item-block, .item-release-box li.item-block, .item-want-box li.item-block, .item-trade-finish-box li.item-block {
  border-top: #b2b2b2 1px solid;
  padding: 10px;
  position: relative;
  display: block;
  overflow: hidden;
  *zoom: 1;
}
.item-box-top li.item-block .arrow-area, .item-box li.item-block .arrow-area, .item-release-box li.item-block .arrow-area, .item-want-box li.item-block .arrow-area, .item-trade-finish-box li.item-block .arrow-area {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: auto;
}
.item-box-top li.item-block .description-area, .item-box li.item-block .description-area, .item-release-box li.item-block .description-area, .item-want-box li.item-block .description-area, .item-trade-finish-box li.item-block .description-area {
  display: none;
  padding: 10px 0 0 0;
}
.item-box-top li.item-block .description-area p, .item-box li.item-block .description-area p, .item-release-box li.item-block .description-area p, .item-want-box li.item-block .description-area p, .item-trade-finish-box li.item-block .description-area p {
  font-size: 11px;
}
.item-box-top li.item-block dl, .item-box li.item-block dl, .item-release-box li.item-block dl, .item-want-box li.item-block dl, .item-trade-finish-box li.item-block dl {
  overflow: hidden;
  *zoom: 1;
}
.item-box-top li.item-block dt, .item-box li.item-block dt, .item-release-box li.item-block dt, .item-want-box li.item-block dt, .item-trade-finish-box li.item-block dt {
  font-size: 12px;
  padding: 0 0 10px 0;
}
.item-box-top li.item-block dd li, .item-box li.item-block dd li, .item-release-box li.item-block dd li, .item-want-box li.item-block dd li, .item-trade-finish-box li.item-block dd li {
  line-height: 1.2;
  vertical-align: text-top;
}
.item-box-top li.item-block dd img, .item-box li.item-block dd img, .item-release-box li.item-block dd img, .item-want-box li.item-block dd img, .item-trade-finish-box li.item-block dd img {
  width: 67px;
  border: #ddd 1px solid;
  float: left;
  margin: 5px 10px 0 0;
  overflow: hidden;
}
.item-box-top li.item-block dd .date, .item-box li.item-block dd .date, .item-release-box li.item-block dd .date, .item-want-box li.item-block dd .date, .item-trade-finish-box li.item-block dd .date {
  font-size: 11px;
  color: #aaa;
}
.item-box-top li.item-block dd .date-alert, .item-box li.item-block dd .date-alert, .item-release-box li.item-block dd .date-alert, .item-want-box li.item-block dd .date-alert, .item-trade-finish-box li.item-block dd .date-alert {
  font-size: 11px;
  color: #ff7e7e;
}
.item-box-top li.item-block dd .item-name-sub, .item-box li.item-block dd .item-name-sub, .item-release-box li.item-block dd .item-name-sub, .item-want-box li.item-block dd .item-name-sub, .item-trade-finish-box li.item-block dd .item-name-sub {
  font-size: 11px;
}
.item-box-top li.item-block dd .item-name-main, .item-box li.item-block dd .item-name-main, .item-release-box li.item-block dd .item-name-main, .item-want-box li.item-block dd .item-name-main, .item-trade-finish-box li.item-block dd .item-name-main {
  font-size: 15px;
}
.item-box-top li.item-block dd .number, .item-box li.item-block dd .number, .item-release-box li.item-block dd .number, .item-want-box li.item-block dd .number, .item-trade-finish-box li.item-block dd .number {
  font-size: 11px;
  color: #aaa;
}

.item-box li.item-block {
  cursor: pointer;
}

.pager {
  position: relative;
  background: #ececec;
  border-top: #b2b2b2 1px solid;
  border-bottom: #b2b2b2 1px solid;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #888;
  text-align: center;
}
.pager .backA {
  position: absolute;
  top: 15px;
  left: 10px;
}
.pager .backB {
  position: absolute;
  top: 15px;
  left: 80px;
}
.pager .nextA {
  position: absolute;
  top: 15px;
  right: 10px;
}
.pager .nextB {
  position: absolute;
  top: 15px;
  right: 80px;
}

.trade-box-wrap {
  padding: 0 20px 20px 20px;
  text-align: center;
  overflow: hidden;
  *zoom: 1;
}

.trade-now-box {
  width: 50%;
  float: left;
}
.trade-now-box .trade-now-on {
  font-weight: normal !important;
}

.trade-finish-box {
  width: 50%;
  float: right;
}
.trade-finish-box .trade-finish-off {
  font-weight: normal !important;
}

.trade-now-off {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-box-shadow: #ccc 1px 2px 1px 1px inset;
  -webkit-box-shadow: #ccc 1px 2px 1px 1px inset;
  box-shadow: #ccc 1px 2px 1px 1px inset;
  border: #6b6b6b 1px solid;
  background: #fff;
  height: 40px;
  line-height: 40px;
}

.trade-now-on {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #6b6b6b;
  border: #6b6b6b 1px solid;
  text-align: center;
}
.trade-now-on:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #6b6b6b;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.trade-finish-off {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-box-shadow: #ccc 1px 2px 1px 1px inset;
  -webkit-box-shadow: #ccc 1px 2px 1px 1px inset;
  box-shadow: #ccc 1px 2px 1px 1px inset;
  border: #6b6b6b 1px solid;
  background: #fff;
  height: 40px;
  line-height: 40px;
}

.trade-finish-on {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #6b6b6b;
  border: #6b6b6b 1px solid;
  text-align: center;
}
.trade-finish-on:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #6b6b6b;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.trade-msg-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ff7e7e;
  color: #fff;
  padding: 24px 8px;
  margin: 0 0 12px 0;
  font-size: 16px;
  line-height: 1;
}
.trade-msg-btn .icon {
  float: right;
}

.trade-icon-area {
  margin: 0 0 15px 22px;
}

.item-release {
  padding: 10px 8px 10px 8px;
  margin: 0 0 15px 0;
  background: #f6b6b6;
  color: #fff;
  font-size: 14px;
}

.item-release-box li.item-block {
  border: none;
  padding: 0 0 15px 0;
}
.item-release-box li.item-block dd img {
  border: #f6b6b6 1px solid;
}

.item-want {
  padding: 10px 8px 10px 8px;
  margin: 0 0 15px 0;
  background: #8ddfff;
  color: #fff;
  font-size: 14px;
}

.item-want-box li.item-block {
  border: none;
  padding: 0 0 15px 0;
}
.item-want-box li.item-block dd img {
  border: #8ddfff 1px solid;
}

.item-trade-finish {
  padding: 10px 8px 10px 8px;
  margin: 0 0 15px 0;
  background: #aaa;
  color: #fff;
  font-size: 14px;
}

.item-trade-finish-box li.item-block {
  border: none;
  padding: 0 0 15px 0;
}
.item-trade-finish-box li.item-block dd img {
  border: #ddd 1px solid;
}

.trade-bottom-btn-wrap {
  padding: 0 0 25px 0;
  text-align: center;
  overflow: hidden;
  *zoom: 1;
}

.trade-cancel-btn-wrap {
  width: 59%;
  float: left;
}

.trade-cancel-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: #aaa 1px solid;
  background: #fff;
  padding: 0;
  font-size: 14px;
  line-height: 45px;
}
.trade-cancel-btn .icon {
  margin: 0 0 0 15px;
}

.trade-detail-btn-wrap {
  width: 39%;
  float: right;
}

.trade-detail-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: #aaa 1px solid;
  background: #aaa;
  color: #fff;
  padding: 0;
  font-size: 14px;
  line-height: 45px;
}

.trade-finish-detail-btn-wrap {
  width: 50%;
  margin: 0 auto;
}

.trade-finish-detail-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: #aaa 1px solid;
  background: #aaa;
  color: #fff;
  padding: 0;
  font-size: 14px;
  line-height: 45px;
}

.ribbon-success {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  background: #f6b6b6;
  padding: 0;
  margin: 0 0 15px 0;
  text-decoration: none;
  color: #fff;
  position: relative;
}
.ribbon-success:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 20px 30px 20px 10px;
  border-style: solid;
  border-color: #f6b6b6 #f6b6b6 #f6b6b6 #fff;
  z-index: 100;
}
.ribbon-success:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 20px 10px 20px 30px;
  border-style: solid;
  border-color: #f6b6b6 #fff #f6b6b6 #f6b6b6;
  z-index: 100;
}

.ribbon-cancel {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  background: #6b6b6b;
  padding: 2px 3px 0 3px;
  margin: 0 0 15px 0;
  text-decoration: none;
  color: #fff;
  position: relative;
  box-sizing: border-box;
}
.ribbon-cancel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 20px solid #6b6b6b;
  border-right: 30px solid #6b6b6b;
  border-bottom: 20px solid #6b6b6b;
  border-left: 10px solid  #fff;
  z-index: 100;
}
.ribbon-cancel:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 20px 10px 20px 30px;
  border-style: solid;
  border-color: #6b6b6b #fff #6b6b6b #6b6b6b;
  z-index: 100;
}
.ribbon-cancel .inner {
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  background: #fff;
  padding: 0;
  text-decoration: none;
  color: #333;
  position: relative;
}
.ribbon-cancel .inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 18px solid #fff;
  border-right: 30px solid #fff;
  border-bottom: 18px solid #fff;
  border-left: 10px solid transparent;
  z-index: 200;
}
.ribbon-cancel .inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 18px 10px 18px 30px;
  border-style: solid;
  border-color: #fff transparent #fff #fff;
  z-index: 200;
}

.user-area-lightgray, .user-area-lightblue {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 12px 8px;
  margin: 0 0 15px 0;
  line-height: 1;
  overflow: hidden;
  *zoom: 1;
}
.user-area-lightgray img, .user-area-lightblue img {
  width: 40px;
  float: left;
  margin: 0 6px 0 0;
  overflow: hidden;
}
.user-area-lightgray .name, .user-area-lightblue .name {
  font-size: 14px;
  padding: 4px 0;
}
.user-area-lightgray .userid, .user-area-lightblue .userid {
  font-size: 12px;
  color: #888;
}

.user-area-lightgray {
  background: #ececec;
}

.user-area-lightblue {
  background: #8ddfff;
}
.user-area-lightblue .userid {
  color: #fff;
}

/* end _bianco.scss */
/* start _pivot.scss */
.page-title {
  padding: 10px 0 15px 0;
}

.member-btnA, .member-btnB {
  font-weight: bold;
}

.member-btn-textonly,
.myitem-list-area-btn,
.area-wrap-memberA button.member-btnA,
.area-wrap-memberB button.member-btnA,
.area-wrap-memberC button.member-btnA,
.area-wrap-memberD button.member-btnA,
.area-wrap-memberE button.member-btnA,
.area-wrap-memberF button.member-btnA,
.area-wrap-memberA button.member-btnB,
.area-wrap-memberB button.member-btnB,
.area-wrap-memberC button.member-btnB,
.area-wrap-memberD button.member-btnB,
.area-wrap-memberE button.member-btnB,
.area-wrap-memberF button.member-btnB,
.area-wrap-memberA button.member-btnTrash,
.area-wrap-memberB button.member-btnTrash,
.area-wrap-memberC button.member-btnTrash,
.area-wrap-memberD button.member-btnTrash,
.area-wrap-memberE button.member-btnTrash,
.area-wrap-memberF button.member-btnTrash,
.area-wrap-memberA button.member-btnRevival,
.area-wrap-memberB button.member-btnRevival,
.area-wrap-memberC button.member-btnRevival,
.area-wrap-memberD button.member-btnRevival,
.area-wrap-memberE button.member-btnRevival,
.area-wrap-memberF button.member-btnRevival,
button.submit-btnB {
  width: 100%;
  display: block;
}
.member-btn-textonly:hover,
.myitem-list-area-btn:hover,
.area-wrap-memberA button.member-btnA:hover,
.area-wrap-memberB button.member-btnA:hover,
.area-wrap-memberC button.member-btnA:hover,
.area-wrap-memberD button.member-btnA:hover,
.area-wrap-memberE button.member-btnA:hover,
.area-wrap-memberF button.member-btnA:hover,
.area-wrap-memberA button.member-btnB:hover,
.area-wrap-memberB button.member-btnB:hover,
.area-wrap-memberC button.member-btnB:hover,
.area-wrap-memberD button.member-btnB:hover,
.area-wrap-memberE button.member-btnB:hover,
.area-wrap-memberF button.member-btnB:hover,
.area-wrap-memberA button.member-btnTrash:hover,
.area-wrap-memberB button.member-btnTrash:hover,
.area-wrap-memberC button.member-btnTrash:hover,
.area-wrap-memberD button.member-btnTrash:hover,
.area-wrap-memberE button.member-btnTrash:hover,
.area-wrap-memberF button.member-btnTrash:hover,
.area-wrap-memberA button.member-btnRevival:hover,
.area-wrap-memberB button.member-btnRevival:hover,
.area-wrap-memberC button.member-btnRevival:hover,
.area-wrap-memberD button.member-btnRevival:hover,
.area-wrap-memberE button.member-btnRevival:hover,
.area-wrap-memberF button.member-btnRevival:hover,
button.submit-btnB:hover {
  cursor: pointer;
}

.myitem-list-area .member-btnA.disabled,
.myitem-list-area .member-btnB.disabled,
.area-wrap-memberA .member-btnA.disabled,
.area-wrap-memberA .member-btnB.disabled,
.area-wrap-memberB .member-btnA.disabled,
.area-wrap-memberB .member-btnB.disabled,
.area-wrap-memberC .member-btnA.disabled,
.area-wrap-memberC .member-btnB.disabled,
.area-wrap-memberD .member-btnA.disabled,
.area-wrap-memberD .member-btnB.disabled {
  background-color: #ddd;
  border: 1px solid #ddd;
}
.myitem-list-area .member-btnA.disabled:hover,
.myitem-list-area .member-btnB.disabled:hover,
.area-wrap-memberA .member-btnA.disabled:hover,
.area-wrap-memberA .member-btnB.disabled:hover,
.area-wrap-memberB .member-btnA.disabled:hover,
.area-wrap-memberB .member-btnB.disabled:hover,
.area-wrap-memberC .member-btnA.disabled:hover,
.area-wrap-memberC .member-btnB.disabled:hover,
.area-wrap-memberD .member-btnA.disabled:hover,
.area-wrap-memberD .member-btnB.disabled:hover {
  cursor: default;
}

.icon-myitemtrack.disabled {
  background-image: url("/assets/img/user/icon/myitemtrack_disabled.png");
}

.area-wrap-memberA p,
.area-wrap-memberB p,
.area-wrap-memberC p,
.area-wrap-memberD p,
.myitem-result-area p {
  word-wrap: break-word;
}

.myitem-detail-top .name {
  word-wrap: break-word;
}

.bold-pink {
  color: #f85959;
}

.myitem-result-area p {
  font-size: 14px;
}
.myitem-result-area .caution {
  font-size: 12px;
  text-indent: -1em;
  padding-left: 10px;
}

.myitem-list-area-btn-wrap p.caution {
  margin: 0 35px 5px;
  font-size: 12px;
}

.member-btn-auto {
  width: auto !important;
}

button.delivery-item-add-area,
button.trade-item-add-area {
  border-left: 0;
  border-right: 0;
  background-color: #fff;
  width: 100%;
}
button.delivery-item-add-area:hover,
button.trade-item-add-area:hover {
  cursor: pointer;
}

button.criteria-link {
  border: 0 none;
  width: 100%;
  color: #555;
  font-size: 15px;
  text-align: left;
}
button.criteria-link:hover {
  cursor: pointer;
}

.change-btn,
button.trade-change-btn {
  font-size: 15px;
}
.change-btn:hover,
button.trade-change-btn:hover {
  cursor: pointer;
  background-color: #ffe3e3;
}

.area-wrap-memberA .form-area dd li.txt-errorA,
.area-wrap-memberB .form-area dd li.txt-errorA,
.area-wrap-memberC .form-area dd li.txt-errorA,
.area-wrap-memberD .form-area dd li.txt-errorA {
  padding: 0;
}

.area-wrap-memberC .payment-area .txt-errorA {
  margin: 3px 0 3px 20px;
}

.txt-errorA, .txt-errorB {
  color: #df0010;
}

.area-wrap-memberA .delivery-flow,
.area-wrap-memberA .signup-flow {
  text-align: center;
}
.area-wrap-memberA .delivery-flow img,
.area-wrap-memberA .signup-flow img {
  max-width: 281px !important;
}

.select-contact-type {
  font-size: 12px;
}

.search-gacha-btn {
  float: right;
  border: none;
}
.search-gacha-btn:hover {
  cursor: pointer;
}

.trade-search-area .search-input-area input.input-text {
  background-color: transparent;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding-right: 36px;
}
.trade-search-area .search-input-area button.search-btn {
  right: -4px;
  width: auto;
  position: absolute;
  bottom: 0;
  height: 100%;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 8px;
}
.trade-search-area .search-input-area button.search-btn .icon {
  margin: 0;
  position: relative;
}

.search-filtering-box .search-area .search-input-area,
.search-filtering-box .trade-search-area .search-input-area {
  margin: 15px auto 30px;
}
.search-filtering-box .search-area .search-input-area input,
.search-filtering-box .trade-search-area .search-input-area input {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding-right: 36px;
}
.search-filtering-box .search-area .search-input-area button.search-btn,
.search-filtering-box .trade-search-area .search-input-area button.search-btn {
  right: -4px;
  width: auto;
}
.search-filtering-box .search-area .search-input-area button.search-btn .icon,
.search-filtering-box .trade-search-area .search-input-area button.search-btn .icon {
  margin: 0;
  position: relative;
  top: 0;
}

.search-filtering-details .detail-open {
  padding: 15px 15px 15px 10px;
}
.search-filtering-details .search-criteria li {
  padding: 15px 20px 15px 10px;
}
.search-filtering-details .search-criteria li button, .search-filtering-details .search-criteria li a {
  background: right center #fff url("/assets/img/user/icon/chevronrightgray2.png") no-repeat;
  background-size: 10px auto;
  box-sizing: border-box;
  padding-right: 15px;
  display: block;
}
.search-filtering-details .search-criteria li .criteria-link {
  padding: 0 10px 0 0;
}
.search-filtering-details .search-criteria li .criteria-link .icon {
  display: none;
}

li.gacha-block dd {
  padding-top: 12px;
}
li.gacha-block dd .name {
  word-wrap: break-word;
  padding: 0 8% 15px 0;
}

.member-btn-as-link {
  border: none;
  background-color: #fff;
  font-size: 15px;
}
.member-btn-as-link:hover {
  cursor: pointer;
}

.purchase-history-area dd.goods-area {
  overflow: hidden;
}
.purchase-history-area dd.goods-area .item-image {
  float: left;
}
.purchase-history-area dd.goods-area .item-box {
  overflow: hidden;
  padding: 5px 20px 15px;
}
.purchase-history-area dd.goods-area img {
  width: 68px;
  float: none;
  margin: 0;
}
.purchase-history-area dd.goods-area ul {
  padding: 0 0 0 10px;
}
.purchase-history-area dd.goods-area .item-name {
  word-wrap: break-word;
  font-size: 14px;
  display: inline;
  padding: 0;
}
.purchase-history-area dd.goods-area .item-price {
  word-wrap: break-word;
  font-size: 14px;
  padding-bottom: 0;
}

.icon-current, .icon-set-wrapper {
  height: auto;
  overflow: hidden;
}

.icon-setting-preview {
  float: left;
  width: 75px;
  margin-top: -5px;
}

.theme-setting-preview {
  background-repeat: repeat-x;
  border-radius: 4px;
  width: auto;
  height: 60px;
  overflow: hidden;
  background-size: 400px 66px;
}

img.avatar-icon {
  width: 69px;
  height: 69px;
}

.icon-set-wrapper {
  width: 100%;
  max-width: 230px;
}
.icon-set-wrapper .icon-setting-preview {
  width: 69px;
  margin-right: -35px;
}
.icon-set-wrapper .theme-setting-preview {
  margin-left: 50px;
}

.notice-list-element:last-child {
  border-bottom: 1px solid #aaa;
}

.beginner-link img {
  width: 280px;
}

.head-news {
  border-top: 1px solid #6b6b6b;
  border-bottom: none;
}
.head-news:last-child {
  border-bottom: 1px solid #6b6b6b;
}
.head-news a {
  display: block;
}

.trade-success-area .failure {
  background-color: #fff;
  margin-top: 10px;
  padding: 15px 10px;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.trade-success-area .failure img {
  max-height: 80px;
  width: auto;
}

.area-wrap-memberD .caution {
  font-size: 14px;
  margin-bottom: 7px;
}

.trade-list-area .trade-list-area-item-l .item-name-sub,
.trade-list-area .trade-list-area-item-l .item-name-main {
  word-wrap: break-word;
}

.rules h2 {
  font-size: 20px;
  color: #222;
  border-bottom: 1px solid #aaaaaa;
  padding: 10px 0 17px 0;
  text-align: center;
}
.rules .gacha-contents {
  margin: 18px 20px 0;
}

.gacha-bought-dialog-base {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 99;
}

.gacha-bought-dialog {
  position: absolute;
  top: 115px;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  z-index: 100;
}

.gacha-bought-dialog .inner {
  padding-bottom: 30px;
  border-radius: 4px;
  background-color: #fff;
}

.gacha-bought-dialog .inner h2 {
  padding: 15px 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #ff7e7e;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.gacha-bought-dialog .inner .step {
  display: block;
  margin: 15px auto 18px;
}

.gacha-bought-dialog .inner .thanks {
  margin: 0 auto 23px 20px;
  color: #555;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.gacha-bought-dialog .inner .times {
  margin: 0 20px;
  padding: 18px 0 10px;
  border-radius: 4px;
  background-color: #ececec;
  text-align: center;
}

.gacha-bought-dialog .inner .times .ttl {
  color: #aaa;
  font-size: 18px;
}

.gacha-bought-dialog .inner .times img {
  vertical-align: bottom;
}

.gacha-bought-dialog .inner .times span {
  color: #555;
  font-weight: bold;
}

.gacha-bought-dialog .inner .times span.num,
.gacha-bought-dialog .inner .times span.unit {
  font-size: 18px;
}

.gacha-bought-dialog .bottom {
  margin: 10px;
}

.gacha-bought-dialog .bottom img {
  display: block;
  float: left;
  margin-right: 6px;
}

.gacha-bought-dialog .bottom p {
  padding-top: 7px;
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
}

.pay-credit-card-base {
  position: absolute;
  width: 100%;
  background: #000;
  z-index: 99;
  top: 0;
}

.pay-credit-card {
  position: absolute;
  top: 60px;
  margin: 30px;
  z-index: 100;
}

.pay-credit-card .inner {
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
}

.gacha-get-instruction {
  display: none;
  position: absolute;
  top: 255px;
  padding: 26px 0;
  width: 100%;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: rgba(255, 126, 126, 0.95);
  text-align: center;
  z-index: 102;
}

.gacha-get-instruction h3 {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}

.gacha-get-instruction p {
  margin-top: 5px;
  color: #fff;
  font-size: 15px;
}

.gacha-get-instruction img {
  position: absolute;
  display: block;
  bottom: -13px;
  left: 50%;
  margin-left: 50px;
}

.gacha-pop-image {
  display: none;
  position: absolute;
  top: 75px;
  left: 50%;
  margin-left: -111px;
  z-index: 101;
}

.gacha-price {
  position: absolute;
  top: 343px;
  left: 83px;
  color: #755f09;
  font-size: 18px;
  font-weight: bold;
}
.gacha-price span {
  font-size: 12px;
}

.capsule-new-mark {
  background: #ff7e7e none repeat scroll 0 0;
  border: 1px solid #ff7e7e;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin: 0 5px 8px 0;
  padding: 3px 5px;
}

.capsule-soldout-mark {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ff7e7e;
  color: #ff7e7e;
  display: inline-block;
  font-size: 14px;
  margin: 0 0 8px;
  padding: 3px 5px;
}

.search-result {
  word-wrap: break-word;
}

.mypage-report-area {
  cursor: initial;
}

.purchase-history-date-area dt {
  width: 130px;
}

.tutorial-image {
  width: 100%;
  height: 165px;
}
.tutorial-image.tutorial-image-01 {
  background: center bottom #fff url("/assets/img/user/tutorial_01.png") no-repeat;
  background-size: 208px 142px;
}
.tutorial-image.tutorial-image-02 {
  background: center bottom #fff url("/assets/img/user/tutorial_02.png") no-repeat;
  background-size: 160px 170px;
}
.tutorial-image.tutorial-image-03 {
  background: center bottom #fff url("/assets/img/user/tutorial_03.png") no-repeat;
  background-size: 175px 125px;
}
.tutorial-image.tutorial-image-04 {
  background: center bottom #fff url("/assets/img/user/tutorial_04.png") no-repeat;
  background-size: 290px 163px;
}
.tutorial-image.tutorial-image-04.firststep-04 {
  margin-top: 20px;
}
.tutorial-image .tutorial-skip {
  margin: 10px 20px;
  float: right;
  z-index: 1;
}
.tutorial-image .tutorial-skip a {
  font-size: 16px;
  color: #ffb6b6;
  font-weight: bold;
}
.tutorial-image .tutorial-skip a:hover {
  color: #f85959;
}
.tutorial-image .tutorial-skip a:hover .tutorial-button-skip {
  background-position: 0 0;
}
.tutorial-image .tutorial-skip .tutorial-button-skip {
  background: center bottom #fff url("/assets/img/user/button/tutorial_skip_arrow.png") no-repeat;
  background-size: 11px 38px;
  background-position: 0 -19px;
  width: 11px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.tutorial-flow {
  width: 62px;
  height: 8px;
  margin: 0 auto 5px;
}

.area-wrap-tutorial-next {
  display: inline-block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.area-wrap-tutorial-next a {
  font-size: 16px;
  color: #ff7e7e;
  font-weight: bold;
}
.area-wrap-tutorial-next .btn-L {
  margin: 15px 20px 0;
  float: right;
}
.area-wrap-tutorial-next .btn-L .tutorial-button-next {
  background: center bottom #fff url("/assets/img/user/button/tutorial_next_arrow.png") no-repeat;
  background-size: 11px 19px;
  width: 11px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
}
.area-wrap-tutorial-next a .btn-C {
  margin: 14px 25% 7px;
}

.area-wrap-tutorial-next .txtBold, .area-wrap-memberB .txtBold {
  font-weight: bold;
  text-align: center;
  margin-top: 7px;
}

.tutorial-balloon-area {
  padding: 0 10px;
}
.tutorial-balloon-area .tutorial-baloon-mouth {
  margin: 0 auto;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-bottom: 10px solid #ffb6b6;
}
.tutorial-balloon-area .tutorial-text-area {
  background: #ffb6b6;
  border-radius: 8px;
  padding: 16px 10px;
}
.tutorial-balloon-area .tutorial-text-area .tutorial-title {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.tutorial-balloon-area .tutorial-text-area .tutorial-contents {
  color: #555;
  font-size: 14px;
  font-weight: bold;
  margin-top: 7px;
}

.guide-trade-tutorial {
  padding: 0 10px 10px;
}
.guide-trade-tutorial .guide-trade-contents-area {
  background: #ffb6b6;
  border-radius: 8px;
  padding: 16px 10px;
}
.guide-trade-tutorial .guide-trade-contents-area .tutorial-title {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.guide-trade-tutorial .guide-trade-contents-area .tutorial-contents {
  color: #555;
  font-size: 14px;
  font-weight: bold;
  margin: 7px 0 20px;
}
.guide-trade-tutorial .guide-trade-contents-area .guide-trade-image-area {
  padding: 10px 10px 20px;
  background: #fff;
  border-radius: 3px;
}
.guide-trade-tutorial .guide-trade-contents-area .guide-trade-image-area img {
  display: block;
  margin: 0 auto;
}
.guide-trade-tutorial .guide-trade-contents-area .guide-trade-image-area .guide-trade-image-area-title {
  margin: -20px auto 15px;
}
.guide-trade-tutorial .guide-trade-contents-area .guide-trade-image-area .guide-trade-image-contents {
  color: #aaa;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.guide-trade-tutorial .guide-trade-contents-area .guide-trade-image-arraw {
  display: block;
  margin: 0 auto 5px;
}

.trade-list-area .item-selection .search-criteria {
  display: block;
}

.breakword-text {
  word-wrap: break-word;
}

.trade-keyword-area .keyword-btn {
  float: left;
  margin: 0 10px 10px 0;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ff7e7e;
  background-color: #ff7e7e;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.trade-keyword-area .keyword-btn:hover {
  cursor: pointer;
}

.caution-trade-select-item {
  color: #f85959;
  font-size: 12px;
  margin-top: 8px;
}

/* end _pivot.scss */
.member-btn-textonly,
.myitem-list-area-btn,
.area-wrap-memberA button.member-btnA,
.area-wrap-memberB button.member-btnA,
.area-wrap-memberC button.member-btnA,
.area-wrap-memberD button.member-btnA,
.area-wrap-memberE button.member-btnA,
.area-wrap-memberF button.member-btnA,
.area-wrap-memberA button.member-btnB,
.area-wrap-memberB button.member-btnB,
.area-wrap-memberC button.member-btnB,
.area-wrap-memberD button.member-btnB,
.area-wrap-memberE button.member-btnB,
.area-wrap-memberF button.member-btnB,
.area-wrap-memberA button.member-btnTrash,
.area-wrap-memberB button.member-btnTrash,
.area-wrap-memberC button.member-btnTrash,
.area-wrap-memberD button.member-btnTrash,
.area-wrap-memberE button.member-btnTrash,
.area-wrap-memberF button.member-btnTrash,
.area-wrap-memberA button.member-btnRevival,
.area-wrap-memberB button.member-btnRevival,
.area-wrap-memberC button.member-btnRevival,
.area-wrap-memberD button.member-btnRevival,
.area-wrap-memberE button.member-btnRevival,
.area-wrap-memberF button.member-btnRevival,
button.submit-btnB, button.delivery-item-add-area,
button.trade-item-add-area, button.criteria-link, .change-btn,
button.trade-change-btn, .member-btn-as-link, .trade-keyword-area .keyword-btn, body, input {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}

body {
  background-color: #ffffff;
  color: #555;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  margin: 0;
}

a {
  color: #555;
  text-decoration: none;
}

li {
  padding: 0;
  list-style: none;
}

span, p, div {
  text-shadow: none;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

input {
  color: #555;
}