@charset "UTF-8";
/* grid */
/* text */
/* button などアクションの色変化*/
/**************************************
list view settings
**************************************/
/* adbanner */
/**************************************
layout settings
**********************************
***/
/**************************************
base color settings
**************************************/
/**************************************
text settings
**************************************/
/* line 58, ../../app/assets/stylesheets/_settings.scss */
.summury, .header-context, .category-nav nav li.child-category a {
  font-size: 10px;
}

/* line 58, ../../app/assets/stylesheets/_settings.scss */
h1, h2, h3, h4, h5, h6, .horizontal-menu > li, .tabs > li, .ui-pagenation > li,
.horizontal-menu > a,
.tabs > a,
.ui-pagenation > a, .tab, .button[type="submit"].mini, .button[type="reset"].mini, .button.cancel.mini, .category-nav .category-title {
  font-size: 12px;
}

/* line 58, ../../app/assets/stylesheets/_settings.scss */
.content-title, .status, .rank.aside, input[type='text'],
input[type='email'],
input[type='password'],
textarea, .button[type="submit"], .button[type="reset"], .button.cancel, .static-section-title, .help-nav .help-side-area .title {
  font-size: 14px;
}

/* line 58, ../../app/assets/stylesheets/_settings.scss */
.rank, .item-details .favorites .count, .button.auth, .static-h2,
.static-h3 {
  font-size: 16px;
}

/* line 58, ../../app/assets/stylesheets/_settings.scss */
.page-title, .item-details .price {
  font-size: 20px;
}

/* line 9, ../../app/assets/stylesheets/_default.scss */
body {
  color: #383838;
  font: normal 12px/20px 'Helvetica Neue', 'Arial', sans-serif;
}

/* line 16, ../../app/assets/stylesheets/_default.scss */
.no-rgba body {
  font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

/**************************************
 text
**************************************/
/* line 28, ../../app/assets/stylesheets/_default.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

/* line 34, ../../app/assets/stylesheets/_default.scss */
hr {
  clear: both;
  border: none;
}

/* line 40, ../../app/assets/stylesheets/_default.scss */
p, ul, ol, menu, dl, table {
  margin: 1.5em 0 0;
}

/**************************************
 anchor
**************************************/
/* line 47, ../../app/assets/stylesheets/_default.scss */
a {
  text-decoration: underline;
}
/* line 50, ../../app/assets/stylesheets/_default.scss */
a:link {
  color: #389aff;
}
/* line 51, ../../app/assets/stylesheets/_default.scss */
a:hover {
  text-decoration: none;
}
/* line 52, ../../app/assets/stylesheets/_default.scss */
a:visited {
  color: #389aff;
}

/**************************************
 list
**************************************/
/**************************************
 table
**************************************/
/* line 82, ../../app/assets/stylesheets/_default.scss */
table {
  border-collapse: collapse;
}

/**************************************
 form
**************************************/
/* line 93, ../../app/assets/stylesheets/_default.scss */
button {
  cursor: pointer;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

/**************************************
 image
**************************************/
/* line 102, ../../app/assets/stylesheets/_default.scss */
i {
  vertical-align: middle;
}

/* line 106, ../../app/assets/stylesheets/_default.scss */
.no-rgba i {
  vertical-align: baseline;
}

/* line 109, ../../app/assets/stylesheets/_default.scss */
img {
  vertical-align: baseline;
}

/* line 113, ../../app/assets/stylesheets/_default.scss */
a img {
  border: none;
}

/**************************************
reset placeholder
**************************************/
/* line 4, ../../app/assets/stylesheets/_placeholder.scss */
article, aside, footer, header, hgroup, nav, section, .ui-sort a, .item-thumblist a, .global-nav a, .global-footer .socials a, .footer-nav a, #rcmd_cordinate a, a[class*="commons-"], a.commons-facebook24, a.commons-twitter24, .global-footer li a.twitter24:before, .global-footer li a.facebook24:before, .tab a, .thumb, .item-thumblist.aside .item, .banner {
  display: block;
}

/* line 6, ../../app/assets/stylesheets/_placeholder.scss */
body, h1, h2, h3, h4, h5, h6, button, ul.menu, nav ul, nav menu, .ui-sort, .item-thumblist, .global-nav, .global-footer .socials, .footer-nav, #rcmd_cordinate, .carrousel-switch, .news, .banners, .galleria-thumbnails-container ul, .ui-sort > li, .item-thumblist > li, .global-nav > li, .global-footer .socials > li, .footer-nav > li, #rcmd_cordinate > li, .ui-sort .command,
.ui-sort .ui-sort-title, .item-thumblist .item, .galleria-thumbnails-container ul .galleria-image, .datemark dd, .item-details .favorites dd, .item-belongs-to dd, .model-data dd, .favorite-stats dd, .select-options {
  margin: 0;
}

/* line 7, ../../app/assets/stylesheets/_placeholder.scss */
ul.menu, nav ul, nav menu, .ui-sort, .item-thumblist, .global-nav, .global-footer .socials, .footer-nav, #rcmd_cordinate, .carrousel-switch, .news, .banners, .galleria-thumbnails-container ul, .horizontal-menu, .tabs, .ui-pagenation {
  padding: 0;
}

/* line 14, ../../app/assets/stylesheets/_placeholder.scss */
.ui-sort, .item-thumblist, .global-nav, .global-footer .socials, .footer-nav, #rcmd_cordinate, .datemark, .item-details .favorites, .item-belongs-to, .model-data, .favorite-stats, .submit-area, .item-thumblist .figure, .item-thumblist.aside .item, .news, .contents, .content-main-inner, .pagenation, .login-wrap {
  overflow: hidden;
  *zoom: 1;
}

/* line 16, ../../app/assets/stylesheets/_placeholder.scss */
ul.menu, nav ul, nav menu, .ui-sort, .item-thumblist, .global-nav, .global-footer .socials, .footer-nav, #rcmd_cordinate, .horizontal-menu, .tabs, .ui-pagenation, .carrousel-switch, .news .item, .global-footer li, .banners, .galleria-thumbnails-container ul, .mypage-wrap .transport_address-main .transport-ul,
.mypage-wrap .transport_addresschange-main .transport-ul,
.mypage-wrap .paychange-main .transport-ul,
.mypage-wrap .log-main .transport-ul,
.mypage-wrap .maddress-main .transport-ul, .top5 {
  list-style: none;
  list-style-position: outside;
}

/**************************************
design setting placeholder
**************************************/
/* line 26, ../../app/assets/stylesheets/_placeholder.scss */
.content-aside, .category-nav {
  width: 198px;
}

/* line 26, ../../app/assets/stylesheets/_placeholder.scss */
.login-formarea, .password-formarea {
  width: 396px;
}

/* line 26, ../../app/assets/stylesheets/_placeholder.scss */
.content-main {
  width: 598px;
}

/* line 26, ../../app/assets/stylesheets/_placeholder.scss */
.content-main.item-list, .content-main.brandpage, .content-main.mypage, .content-main.help {
  width: 798px;
}

/* line 26, ../../app/assets/stylesheets/_placeholder.scss */
.global-container, .content-main.item, .content-main.brandlist, .content-main.feature, .content-main.registration, .content-main.coodinate, .content-main.purchase, .content-main.static {
  width: 998px;
}

/* line 31, ../../app/assets/stylesheets/_placeholder.scss */
a[class*="commons-"], a.commons-facebook24, a.commons-twitter24, .global-footer li a.twitter24:before, .global-footer li a.facebook24:before, .logo-header, .global-footer .logo-footer, .login-logo {
  text-indent: -9999pt;
}

/* line 33, ../../app/assets/stylesheets/_placeholder.scss */
.global-header .global-container, .global-header-no-nav .global-container, .item-details header, .item-details .social-btns, .purchase-step, .check-password, .top5, .inquiry-lead {
  margin-bottom: 16px;
  padding: 0 0 16px 0;
  border-bottom: dotted 1px #2c2c2c;
}

/* line 39, ../../app/assets/stylesheets/_placeholder.scss */
.page-title {
  margin-bottom: 8px;
  padding: 0 0 8px 0;
  border-bottom: solid 2px #2c2c2c;
}

/* line 45, ../../app/assets/stylesheets/_placeholder.scss */
.page-title, .content-title, .item-name, .item-thumblist .item a, .global-nav li:hover a, .global-nav li.current a, .global-nav a:link, .global-nav a:visited, .category-nav nav li a:hover, .category-nav nav li a.current, .category-nav nav li a.current:link, .category-nav nav li .em-link:link, .category-nav nav li a.current:visited, .category-nav nav li .em-link:visited, .category-nav nav li a.current:hover, .category-nav nav li .em-link:hover, .category-nav nav li .current a:link, .current .category-nav nav li a:link, .category-nav nav li .current a:visited, .current .category-nav nav li a:visited, .category-nav nav li .em-link {
  color: black;
}

/**************************************
ui placeholder
**************************************/
/* line 71, ../../app/assets/stylesheets/_placeholder.scss */
.horizontal-menu, .tabs, .ui-pagenation {
  display: inline-table;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
}
/* line 80, ../../app/assets/stylesheets/_placeholder.scss */
.horizontal-menu > li, .tabs > li, .ui-pagenation > li,
.horizontal-menu > a,
.tabs > a,
.ui-pagenation > a {
  display: table-cell;
  vertical-align: middle;
}

/* line 90, ../../app/assets/stylesheets/_placeholder.scss */
.datemark dt, .item-details .favorites dt, .item-belongs-to dt, .model-data dt, .favorite-stats dt {
  clear: left;
  float: left;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}
/* line 95, ../../app/assets/stylesheets/_placeholder.scss */
.datemark dd, .item-details .favorites dd, .item-belongs-to dd, .model-data dd, .favorite-stats dd {
  float: left;
}

/* line 102, ../../app/assets/stylesheets/_placeholder.scss */
.tab, .button {
  display: inline-block;
  padding: 0.618em;
  border: none;
  cursor: pointer;
  line-height: 1;
  vertical-align: middle;
}
/* line 111, ../../app/assets/stylesheets/_placeholder.scss */
.has-icon.tab, .has-icon.button {
  padding: 0 0.618em;
}
/* line 115, ../../app/assets/stylesheets/_placeholder.scss */
.has-icon.tab [class^="icon-"], .has-icon.button [class^="icon-"],
.has-icon.tab [class*=" icon-"],
.has-icon.button [class*=" icon-"] {
  display: inline;
  width: 1em;
  height: 1em;
  padding: 0 0 0 0;
  vertical-align: middle;
}
/* line 124, ../../app/assets/stylesheets/_placeholder.scss */
.has-icon.tab .cmd-text + [class^="icon-"], .has-icon.button .cmd-text + [class^="icon-"],
.has-icon.tab .cmd-text + [class*=" icon-"],
.has-icon.button .cmd-text + [class*=" icon-"] {
  padding: 0 0 0 0.3075em;
}
/* line 128, ../../app/assets/stylesheets/_placeholder.scss */
.has-icon.no-text.tab, .has-icon.no-text.button {
  padding: 0.3075em;
}
/* line 131, ../../app/assets/stylesheets/_placeholder.scss */
.has-icon.no-text.tab .icon, .has-icon.no-text.button .icon {
  margin: 0;
}
/* line 136, ../../app/assets/stylesheets/_placeholder.scss */
.has-icon.tab .cmd-text, .has-icon.button .cmd-text {
  display: inline-block;
  line-height: 2.236;
  vertical-align: middle;
}

/* line 147, ../../app/assets/stylesheets/_placeholder.scss */
.no-rgba .has-icon [class^="icon-"],
.no-rgba .has-icon [class*=" icon-"] {
  vertical-align: baseline;
}

/* line 154, ../../app/assets/stylesheets/_placeholder.scss */
.item-thumblist, .news {
  margin-right: -2px;
  background: #ffffff;
}
/* line 158, ../../app/assets/stylesheets/_placeholder.scss */
.item-thumblist .item, .news .item {
  margin: 2px 2px 0 0;
  background: white;
}

/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */
@font-face {
  font-family: "FontAwesome";
  src: url(../img/fontawesome-webfont.eot);
  src: url(../img/fontawesome-webfont.eot?#iefix) format('eot'), url(../img/fontawesome-webfont.woff) format('woff'), url(../img/fontawesome-webfont.ttf) format('truetype'), url(../img/fontawesome-webfont.svg#FontAwesomeRegular) format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
/* line 41, ../../app/assets/stylesheets/_font-awesome.scss */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-right: 3px;
  text-decoration: none;
}

/* line 51, ../../app/assets/stylesheets/_font-awesome.scss */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: none;
}

/* makes the font 33% larger relative to the icon container */
/* line 57, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-large:before {
  vertical-align: middle;
  font-size: 1.2em;
}

/* line 64, ../../app/assets/stylesheets/_font-awesome.scss */
.btn [class^="icon-"],
.btn [class*=" icon-"], .nav-tabs [class^="icon-"],
.nav-tabs [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
  line-height: .9em;
}

/* line 72, ../../app/assets/stylesheets/_font-awesome.scss */
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  text-align: center;
}
/* line 78, ../../app/assets/stylesheets/_font-awesome.scss */
li .icon-large:before,
li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em;
}

/* line 84, ../../app/assets/stylesheets/_font-awesome.scss */
ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -0.8em;
}
/* line 91, ../../app/assets/stylesheets/_font-awesome.scss */
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .8em;
}
/* line 95, ../../app/assets/stylesheets/_font-awesome.scss */
ul.icons li .icon-large:before,
ul.icons li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  vertical-align: initial;
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
/* line 105, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-glass:before {
  content: "\f000";
}

/* line 106, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-music:before {
  content: "\f001";
}

/* line 107, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-search:before {
  content: "\f002";
}

/* line 108, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-envelope:before {
  content: "\f003";
}

/* line 109, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-heart:before {
  content: "\f004";
}

/* line 110, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-star:before {
  content: "\f005";
}

/* line 111, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-star-empty:before {
  content: "\f006";
}

/* line 112, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-user:before {
  content: "\f007";
}

/* line 113, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-film:before {
  content: "\f008";
}

/* line 114, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-th-large:before {
  content: "\f009";
}

/* line 115, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-th:before {
  content: "\f00a";
}

/* line 116, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-th-list:before {
  content: "\f00b";
}

/* line 117, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-ok:before {
  content: "\f00c";
}

/* line 118, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-remove:before {
  content: "\f00d";
}

/* line 119, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-zoom-in:before {
  content: "\f00e";
}

/* line 121, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-zoom-out:before {
  content: "\f010";
}

/* line 122, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-off:before {
  content: "\f011";
}

/* line 123, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-signal:before {
  content: "\f012";
}

/* line 124, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-cog:before {
  content: "\f013";
}

/* line 125, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-trash:before {
  content: "\f014";
}

/* line 126, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-home:before {
  content: "\f015";
}

/* line 127, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-file:before {
  content: "\f016";
}

/* line 128, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-time:before {
  content: "\f017";
}

/* line 129, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-road:before {
  content: "\f018";
}

/* line 130, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-download-alt:before {
  content: "\f019";
}

/* line 131, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-download:before {
  content: "\f01a";
}

/* line 132, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-upload:before {
  content: "\f01b";
}

/* line 133, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-inbox:before {
  content: "\f01c";
}

/* line 134, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-play-circle:before {
  content: "\f01d";
}

/* line 135, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-repeat:before {
  content: "\f01e";
}

/* \f020 doesn't work in Safari. all shifted one down */
/* line 138, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-refresh:before {
  content: "\f021";
}

/* line 139, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-list-alt:before {
  content: "\f022";
}

/* line 140, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-lock:before {
  content: "\f023";
}

/* line 141, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-flag:before {
  content: "\f024";
}

/* line 142, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-headphones:before {
  content: "\f025";
}

/* line 143, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-volume-off:before {
  content: "\f026";
}

/* line 144, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-volume-down:before {
  content: "\f027";
}

/* line 145, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-volume-up:before {
  content: "\f028";
}

/* line 146, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-qrcode:before {
  content: "\f029";
}

/* line 147, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-barcode:before {
  content: "\f02a";
}

/* line 148, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-tag:before {
  content: "\f02b";
}

/* line 149, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-tags:before {
  content: "\f02c";
}

/* line 150, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-book:before {
  content: "\f02d";
}

/* line 151, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-bookmark:before {
  content: "\f02e";
}

/* line 152, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-print:before {
  content: "\f02f";
}

/* line 154, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-camera:before {
  content: "\f030";
}

/* line 155, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-font:before {
  content: "\f031";
}

/* line 156, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-bold:before {
  content: "\f032";
}

/* line 157, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-italic:before {
  content: "\f033";
}

/* line 158, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-text-height:before {
  content: "\f034";
}

/* line 159, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-text-width:before {
  content: "\f035";
}

/* line 160, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-align-left:before {
  content: "\f036";
}

/* line 161, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-align-center:before {
  content: "\f037";
}

/* line 162, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-align-right:before {
  content: "\f038";
}

/* line 163, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-align-justify:before {
  content: "\f039";
}

/* line 164, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-list:before {
  content: "\f03a";
}

/* line 165, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-indent-left:before {
  content: "\f03b";
}

/* line 166, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-indent-right:before {
  content: "\f03c";
}

/* line 167, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-facetime-video:before {
  content: "\f03d";
}

/* line 168, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-picture:before {
  content: "\f03e";
}

/* line 170, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-pencil:before {
  content: "\f040";
}

/* line 171, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-map-marker:before {
  content: "\f041";
}

/* line 172, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-adjust:before {
  content: "\f042";
}

/* line 173, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-tint:before {
  content: "\f043";
}

/* line 174, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-edit:before {
  content: "\f044";
}

/* line 175, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-share:before {
  content: "\f045";
}

/* line 176, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-check:before {
  content: "\f046";
}

/* line 177, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-move:before {
  content: "\f047";
}

/* line 178, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-step-backward:before {
  content: "\f048";
}

/* line 179, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-fast-backward:before {
  content: "\f049";
}

/* line 180, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-backward:before {
  content: "\f04a";
}

/* line 181, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-play:before {
  content: "\f04b";
}

/* line 182, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-pause:before {
  content: "\f04c";
}

/* line 183, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-stop:before {
  content: "\f04d";
}

/* line 184, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-forward:before {
  content: "\f04e";
}

/* line 186, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-fast-forward:before {
  content: "\f050";
}

/* line 187, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-step-forward:before {
  content: "\f051";
}

/* line 188, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-eject:before {
  content: "\f052";
}

/* line 189, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-chevron-left:before {
  content: "\f053";
}

/* line 190, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-chevron-right:before {
  content: "\f054";
}

/* line 191, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-plus-sign:before {
  content: "\f055";
}

/* line 192, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-minus-sign:before {
  content: "\f056";
}

/* line 193, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-remove-sign:before {
  content: "\f057";
}

/* line 194, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-ok-sign:before {
  content: "\f058";
}

/* line 195, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-question-sign:before {
  content: "\f059";
}

/* line 196, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-info-sign:before {
  content: "\f05a";
}

/* line 197, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-screenshot:before {
  content: "\f05b";
}

/* line 198, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-remove-circle:before {
  content: "\f05c";
}

/* line 199, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-ok-circle:before {
  content: "\f05d";
}

/* line 200, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-ban-circle:before {
  content: "\f05e";
}

/* line 202, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-arrow-left:before {
  content: "\f060";
}

/* line 203, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-arrow-right:before {
  content: "\f061";
}

/* line 204, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-arrow-up:before {
  content: "\f062";
}

/* line 205, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-arrow-down:before {
  content: "\f063";
}

/* line 206, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-share-alt:before {
  content: "\f064";
}

/* line 207, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-resize-full:before {
  content: "\f065";
}

/* line 208, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-resize-small:before {
  content: "\f066";
}

/* line 209, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-plus:before {
  content: "\f067";
}

/* line 210, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-minus:before {
  content: "\f068";
}

/* line 211, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-asterisk:before {
  content: "\f069";
}

/* line 212, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-exclamation-sign:before {
  content: "\f06a";
}

/* line 213, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-gift:before {
  content: "\f06b";
}

/* line 214, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-leaf:before {
  content: "\f06c";
}

/* line 215, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-fire:before {
  content: "\f06d";
}

/* line 216, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-eye-open:before {
  content: "\f06e";
}

/* line 218, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-eye-close:before {
  content: "\f070";
}

/* line 219, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-warning-sign:before {
  content: "\f071";
}

/* line 220, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-plane:before {
  content: "\f072";
}

/* line 221, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-calendar:before {
  content: "\f073";
}

/* line 222, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-random:before {
  content: "\f074";
}

/* line 223, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-comment:before {
  content: "\f075";
}

/* line 224, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-magnet:before {
  content: "\f076";
}

/* line 225, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-chevron-up:before {
  content: "\f077";
}

/* line 226, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-chevron-down:before {
  content: "\f078";
}

/* line 227, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-retweet:before {
  content: "\f079";
}

/* line 228, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-shopping-cart:before {
  content: "\f07a";
}

/* line 229, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-folder-close:before {
  content: "\f07b";
}

/* line 230, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-folder-open:before {
  content: "\f07c";
}

/* line 231, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-resize-vertical:before {
  content: "\f07d";
}

/* line 232, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-resize-horizontal:before {
  content: "\f07e";
}

/* line 234, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-bar-chart:before {
  content: "\f080";
}

/* line 235, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-twitter-sign:before {
  content: "\f081";
}

/* line 236, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-facebook-sign:before {
  content: "\f082";
}

/* line 237, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-camera-retro:before {
  content: "\f083";
}

/* line 238, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-key:before {
  content: "\f084";
}

/* line 239, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-cogs:before {
  content: "\f085";
}

/* line 240, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-comments:before {
  content: "\f086";
}

/* line 241, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-thumbs-up:before {
  content: "\f087";
}

/* line 242, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-thumbs-down:before {
  content: "\f088";
}

/* line 243, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-star-half:before {
  content: "\f089";
}

/* line 244, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-heart-empty:before {
  content: "\f08a";
}

/* line 245, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-signout:before {
  content: "\f08b";
}

/* line 246, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-linkedin-sign:before {
  content: "\f08c";
}

/* line 247, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-pushpin:before {
  content: "\f08d";
}

/* line 248, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-external-link:before {
  content: "\f08e";
}

/* line 250, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-signin:before {
  content: "\f090";
}

/* line 251, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-trophy:before {
  content: "\f091";
}

/* line 252, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-github-sign:before {
  content: "\f092";
}

/* line 253, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-upload-alt:before {
  content: "\f093";
}

/* line 254, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-lemon:before {
  content: "\f094";
}

/* line 255, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-phone:before {
  content: "\f095";
}

/* line 256, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-check-empty:before {
  content: "\f096";
}

/* line 257, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-bookmark-empty:before {
  content: "\f097";
}

/* line 258, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-phone-sign:before {
  content: "\f098";
}

/* line 259, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-twitter:before {
  content: "\f099";
}

/* line 260, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-facebook:before {
  content: "\f09a";
}

/* line 261, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-github:before {
  content: "\f09b";
}

/* line 262, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-unlock:before {
  content: "\f09c";
}

/* line 263, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-credit-card:before {
  content: "\f09d";
}

/* line 264, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-rss:before {
  content: "\f09e";
}

/* line 266, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-hdd:before {
  content: "\f0a0";
}

/* line 267, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-bullhorn:before {
  content: "\f0a1";
}

/* line 268, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-bell:before {
  content: "\f0a2";
}

/* line 269, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-certificate:before {
  content: "\f0a3";
}

/* line 270, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-hand-right:before {
  content: "\f0a4";
}

/* line 271, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-hand-left:before {
  content: "\f0a5";
}

/* line 272, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-hand-up:before {
  content: "\f0a6";
}

/* line 273, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-hand-down:before {
  content: "\f0a7";
}

/* line 274, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-circle-arrow-left:before {
  content: "\f0a8";
}

/* line 275, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-circle-arrow-right:before {
  content: "\f0a9";
}

/* line 276, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-circle-arrow-up:before {
  content: "\f0aa";
}

/* line 277, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-circle-arrow-down:before {
  content: "\f0ab";
}

/* line 278, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-globe:before {
  content: "\f0ac";
}

/* line 279, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-wrench:before {
  content: "\f0ad";
}

/* line 280, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-tasks:before {
  content: "\f0ae";
}

/* line 282, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-filter:before {
  content: "\f0b0";
}

/* line 283, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-briefcase:before {
  content: "\f0b1";
}

/* line 284, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-fullscreen:before {
  content: "\f0b2";
}

/* line 286, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-group:before {
  content: "\f0c0";
}

/* line 287, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-link:before {
  content: "\f0c1";
}

/* line 288, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-cloud:before {
  content: "\f0c2";
}

/* line 289, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-beaker:before {
  content: "\f0c3";
}

/* line 290, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-cut:before {
  content: "\f0c4";
}

/* line 291, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-copy:before {
  content: "\f0c5";
}

/* line 292, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-paper-clip:before {
  content: "\f0c6";
}

/* line 293, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-save:before {
  content: "\f0c7";
}

/* line 294, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-sign-blank:before {
  content: "\f0c8";
}

/* line 295, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-reorder:before {
  content: "\f0c9";
}

/* line 296, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-list-ul:before {
  content: "\f0ca";
}

/* line 297, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-list-ol:before {
  content: "\f0cb";
}

/* line 298, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-strikethrough:before {
  content: "\f0cc";
}

/* line 299, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-underline:before {
  content: "\f0cd";
}

/* line 300, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-table:before {
  content: "\f0ce";
}

/* line 302, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-magic:before {
  content: "\f0d0";
}

/* line 303, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-truck:before {
  content: "\f0d1";
}

/* line 304, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-pinterest:before {
  content: "\f0d2";
}

/* line 305, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-pinterest-sign:before {
  content: "\f0d3";
}

/* line 306, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-google-plus-sign:before {
  content: "\f0d4";
}

/* line 307, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-google-plus:before {
  content: "\f0d5";
}

/* line 308, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-money:before {
  content: "\f0d6";
}

/* line 309, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-caret-down:before {
  content: "\f0d7";
}

/* line 310, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-caret-up:before {
  content: "\f0d8";
}

/* line 311, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-caret-left:before {
  content: "\f0d9";
}

/* line 312, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-caret-right:before {
  content: "\f0da";
}

/* line 313, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-columns:before {
  content: "\f0db";
}

/* line 314, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-sort:before {
  content: "\f0dc";
}

/* line 315, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-sort-down:before {
  content: "\f0dd";
}

/* line 316, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-sort-up:before {
  content: "\f0de";
}

/* line 318, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-envelope-alt:before {
  content: "\f0e0";
}

/* line 319, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-linkedin:before {
  content: "\f0e1";
}

/* line 320, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-undo:before {
  content: "\f0e2";
}

/* line 321, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-legal:before {
  content: "\f0e3";
}

/* line 322, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-dashboard:before {
  content: "\f0e4";
}

/* line 323, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-comment-alt:before {
  content: "\f0e5";
}

/* line 324, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-comments-alt:before {
  content: "\f0e6";
}

/* line 325, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-bolt:before {
  content: "\f0e7";
}

/* line 326, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-sitemap:before {
  content: "\f0e8";
}

/* line 327, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-umbrella:before {
  content: "\f0e9";
}

/* line 328, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-paste:before {
  content: "\f0ea";
}

/* line 330, ../../app/assets/stylesheets/_font-awesome.scss */
.icon-user-md:before {
  content: "\f200";
}

/**************************************
 box layout
**************************************/
/* placeholder */
/* line 12, ../../app/assets/stylesheets/_ui-modules.scss */
.rfloating, .header-actions, .header-context, .contents, .content-aside, .cart-main .sumbox, .pagenation-area .pagenation, .coordinate-bigr-unit .bigr,
.coordinate-nobig-unit .bigr, .coordinate-bigl-unit .smallr {
  float: right;
}

/* line 13, ../../app/assets/stylesheets/_ui-modules.scss */
.lfloating, .ui-sort > li, .item-thumblist > li, .global-nav > li, .global-footer .socials > li, .footer-nav > li, #rcmd_cordinate > li, .ui-sort .command,
.ui-sort .ui-sort-title, .item-thumblist .item, .galleria-thumbnails-container ul .galleria-image, .content-main, .category-nav, .pagenation-area, .pagenation-area .nowpage, .mypage-nav, .coordinate-bigr-unit .smalll,
.coordinate-nobig-unit .smalll, .coordinate-bigl-unit .bigl, .feature-nobig-unit .item, .help-nav {
  float: left;
}

/* line 16, ../../app/assets/stylesheets/_ui-modules.scss */
.global-container {
  margin: 0 auto;
}

/**************************************
 sectioning
**************************************/
/* line 23, ../../app/assets/stylesheets/_ui-modules.scss */
.title-header {
  line-height: 2.236;
  margin: 0;
  padding: 0 0.618em;
  background: white;
  border-top: 3px solid #2c2c2c;
  font-size: 13px;
}
/* line 31, ../../app/assets/stylesheets/_ui-modules.scss */
.title-header a {
  color: #383838;
}
/* line 35, ../../app/assets/stylesheets/_ui-modules.scss */
.title-header .header-context {
  margin-top: 3px;
  color: #389aff;
}
/* line 40, ../../app/assets/stylesheets/_ui-modules.scss */
.title-header.aside {
  background: #333333;
  border-color: #111111;
  color: white;
}
/* line 45, ../../app/assets/stylesheets/_ui-modules.scss */
.title-header.aside .header-context {
  color: white;
  font-weight: normal;
}
/* line 51, ../../app/assets/stylesheets/_ui-modules.scss */
.title-header.page-title {
  line-height: 3.1304;
  border-bottom: none;
}
/* line 56, ../../app/assets/stylesheets/_ui-modules.scss */
.title-header.banner {
  padding: 0;
  line-height: 0;
}

#layout section + section h1.title-header {
  margin-top: 16px;
}

/* line 68, ../../app/assets/stylesheets/_ui-modules.scss */
.sect-footer {
  text-align: right;
}

/**************************************
 typography
**************************************/
/* line 90, ../../app/assets/stylesheets/_ui-modules.scss */
.section-title, .status {
  width: 120px;
  background-color: #cccccc;
  height: 32px;
  line-height: 32px;
  padding: 0 1.618em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}

/* line 99, ../../app/assets/stylesheets/_ui-modules.scss */
.wlarge {
  width: 150px;
}

/* line 103, ../../app/assets/stylesheets/_ui-modules.scss */
.status {
  width: auto;
}
/* line 108, ../../app/assets/stylesheets/_ui-modules.scss */
.status.finished {
  background: white;
  -webkit-box-shadow: 0 0 0 3px #c8c8c8;
  -moz-box-shadow: 0 0 0 3px #c8c8c8;
  box-shadow: 0 0 0 3px #c8c8c8;
  color: #c8c8c8;
}

/* line 115, ../../app/assets/stylesheets/_ui-modules.scss */
.item-name {
  word-break: break-all;
}
/* line 107, ../../app/assets/stylesheets/_mixins.scss */
.item-name.ellipsis {
  overflow: hidden;
  max-height: 2.4em;
  line-height: 1.2em;
}
/* line 112, ../../app/assets/stylesheets/_mixins.scss */
.item-name.ellipsis:before {
  content: "";
  float: left;
  width: 5px;
  height: 2.4em;
}
/* line 117, ../../app/assets/stylesheets/_mixins.scss */
.item-name.ellipsis > *:first-child {
  float: right;
  width: 100%;
  margin-left: -5px;
  line-height: 1.3em;
}
/* line 122, ../../app/assets/stylesheets/_mixins.scss */
.item-name.ellipsis:after {
  content: "\02026";
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  float: right;
  position: relative;
  top: -1em;
  left: 100%;
  width: 3em;
  margin-left: -3em;
  padding-right: 5px;
  text-align: right;
  background: white;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
}

/* line 122, ../../app/assets/stylesheets/_ui-modules.scss */
.summury,
.item-name {
  line-height: 1.2;
}

/* line 126, ../../app/assets/stylesheets/_ui-modules.scss */
.tax {
  font-size: 0.618em;
}

/* line 130, ../../app/assets/stylesheets/_ui-modules.scss */
hr {
  margin: 16px 0;
  border-bottom: dotted 1px #2c2c2c;
}

/* line 135, ../../app/assets/stylesheets/_ui-modules.scss */
.badge {
  position: absolute;
}

/* line 139, ../../app/assets/stylesheets/_ui-modules.scss */
.rank {
  top: 3px;
  left: 3px;
  width: 24px;
  line-height: 24px;
  background: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  text-align: center;
}
/* line 150, ../../app/assets/stylesheets/_ui-modules.scss */
.rank.aside {
  top: 14px;
  left: 14px;
  width: 20px;
  line-height: 20px;
  background: #ffffff;
}

/* line 160, ../../app/assets/stylesheets/_ui-modules.scss */
.alert {
  color: #ff0057;
}

/* line 165, ../../app/assets/stylesheets/_ui-modules.scss */
.notice, .alert {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

/**************************************
 anchor display
**************************************/
/* line 176, ../../app/assets/stylesheets/_ui-modules.scss */
.no-decoration, .ui-pagenation .current, .ui-pagenation a.current:link, .ui-pagenation .em-link:link, .ui-pagenation a.current:visited, .ui-pagenation .em-link:visited, .ui-pagenation a.current:hover, .ui-pagenation .em-link:hover, .ui-pagenation .current a:link, .current .ui-pagenation a:link, .ui-pagenation .current a:visited, .current .ui-pagenation a:visited, .button.cancel, .select-options a, .item-thumblist .item a, .global-nav a:link, .global-nav a:visited, .category-nav nav li a, .top5 li a.item {
  text-decoration: none;
}

/* line 180, ../../app/assets/stylesheets/_ui-modules.scss */
.current, a.current:link, .em-link:link, a.current:visited, .em-link:visited, a.current:hover, .em-link:hover, .current a:link, .current a:visited {
  color: #383838;
  font-weight: bold;
}

/* line 202, ../../app/assets/stylesheets/_ui-modules.scss */
.em-link {
  display: inline-block;
  margin: 3px 0 0;
}

/**************************************
 list display
**************************************/
/* line 219, ../../app/assets/stylesheets/_ui-modules.scss */
.horizontal-menu .button {
  margin-right: 8px;
}

/* line 225, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-alternate-bg li:nth-child(odd) {
  background: #f8f8f8;
}

/**************************************
 sprite image
**************************************/
/*Rails上では $commons-sprite-dimensions: true;だとエラー。
それ以外の環境では動くので、その時はコメントアウトを無効に*/
/* line 194, commons/*.png */
.common-sprite, .no-rgba .commons-all, .no-rgba .commons-facebook24, .no-rgba .commons-twitter24, .no-rgba .global-footer li .twitter24:before, .global-footer li .no-rgba .twitter24:before, .no-rgba .global-footer li .facebook24:before, .global-footer li .no-rgba .facebook24:before, .no-rgba .commons-goods, .no-rgba .commons-help, .no-rgba .commons-login, .no-rgba .commons-logo-footer, .no-rgba .commons-logo-header, .no-rgba .commons-men, .no-rgba .commons-mypage, .no-rgba .commons-regist, .no-rgba .commons-women {
  background: url(../img/commons-se464d62cb8.png) no-repeat;
}

/* line 50, icons/*.png */
.icons-sprite, .no-rgba .icons-arrowhead-left, .no-rgba .icons-arrowhead-right {
  background: url(../img/icons-s264de6f5ae.png) no-repeat;
}

/* line 74, rankings/*.png */
.rankings-sprite, .rankings-rank-2nd, .rankings-rank-3rd, .rankings-rank-4th, .rankings-rank-5th, .rankings-rank-first {
  background: url(../img/rankings-s443e58b437.png) no-repeat;
}

/* line 4, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-all {
  width: 33px;
  height: 14px;
}

/* line 10, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-men {
  width: 39px;
  height: 15px;
}

/* line 16, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-women {
  width: 75px;
  height: 15px;
}

/* line 22, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-goods {
  width: 69px;
  height: 14px;
}

/* line 28, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-search-field {
  position: absolute;
  display: block;
  top: 7px;
  left: 6px;
  width: 18px;
  height: 16px;
}

/* line 37, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-login {
  width: 50px;
  height: 16px;
}

/* line 43, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-mypage {
  width: 68px;
  height: 13px;
}

/* line 49, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-regist {
  width: 97px;
  height: 16px;
}

/* line 55, ../../app/assets/stylesheets/_sprites.css.scss */
.commons-help {
  width: 42px;
  height: 14px;
}

/* line 62, ../../app/assets/stylesheets/_sprites.css.scss */
.rankings-rank-first {
  width: 38px;
  height: 36px;
}

/* line 67, ../../app/assets/stylesheets/_sprites.css.scss */
.rankings-rank-2nd {
  width: 30px;
  height: 23px;
}

/* line 72, ../../app/assets/stylesheets/_sprites.css.scss */
.rankings-rank-3rd {
  width: 31px;
  height: 26px;
}

/* line 77, ../../app/assets/stylesheets/_sprites.css.scss */
.rankings-rank-4th {
  width: 29px;
  height: 26px;
}

/* line 82, ../../app/assets/stylesheets/_sprites.css.scss */
.rankings-rank-5th {
  width: 30px;
  height: 26px;
}

/* line 249, ../../app/assets/stylesheets/_ui-modules.scss */
[class*="commons-"], .commons-facebook24, .commons-twitter24, .global-footer li .twitter24:before, .global-footer li .facebook24:before,
.icons-arrowhead-left, .icons-arrowhead-right {
  background: url("../img/common_sprite.svg") no-repeat;
}

/* line 253, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-men {
  background-position: -74px 0;
}

/* line 256, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-women {
  background-position: -154px 0;
}

/* line 259, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-goods {
  background-position: -270px 0;
}

/* line 262, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-login {
  background-position: -386px 0;
}

/* line 265, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-regist {
  background-position: -460px 0;
}

/* line 268, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-help {
  background-position: -590px 0;
}

/* line 271, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-mypage {
  background-position: -656px 0;
}

/* line 275, ../../app/assets/stylesheets/_ui-modules.scss */
.global-nav li.current .commons-all, .commons-all:hover {
  background-position: 0 -48px;
}

/* line 278, ../../app/assets/stylesheets/_ui-modules.scss */
.global-nav li.current .commons-men, .commons-men:hover {
  background-position: -74px -48px;
}

/* line 281, ../../app/assets/stylesheets/_ui-modules.scss */
.global-nav li.current .commons-women, .commons-women:hover {
  background-position: -154px -48px;
}

/* line 284, ../../app/assets/stylesheets/_ui-modules.scss */
.global-nav li.current .commons-goods, .commons-goods:hover {
  background-position: -270px -48px;
}

/* line 287, ../../app/assets/stylesheets/_ui-modules.scss */
.global-nav li.current .commons-login, .commons-login:hover {
  background-position: -386px -48px;
}

/* line 290, ../../app/assets/stylesheets/_ui-modules.scss */
.global-nav li.current .commons-regist, .commons-regist:hover {
  background-position: -460px -48px;
}

/* line 293, ../../app/assets/stylesheets/_ui-modules.scss */
.global-nav li.current .commons-help, .commons-help:hover {
  background-position: -590px -48px;
}

/* line 296, ../../app/assets/stylesheets/_ui-modules.scss */
.global-nav li.current .commons-mypage, .commons-mypage:hover {
  background-position: -656px -48px;
}

/* line 301, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-facebook24, .commons-twitter24, .global-footer li .twitter24:before, .global-footer li .facebook24:before {
  background-position: -240px -100px;
}

/* line 305, ../../app/assets/stylesheets/_ui-modules.scss */
.commons-twitter24, .global-footer li .twitter24:before {
  background-position: -200px -100px;
}

/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-all {
  background-position: 0 -869px;
}
/* line 43, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-all:hover, .no-rgba .commons-all.all_hover, .no-rgba .global-nav li:hover .commons-all, .global-nav li:hover .no-rgba .commons-all, .no-rgba .global-nav li.current .commons-all, .global-nav li.current .no-rgba .commons-all, .no-rgba .commons-all.all-hover {
  background-position: 0 -907px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-facebook24, .no-rgba .commons-twitter24, .no-rgba .global-footer li .twitter24:before, .global-footer li .no-rgba .twitter24:before, .no-rgba .global-footer li .facebook24:before, .global-footer li .no-rgba .facebook24:before {
  background-position: 0 -783px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-goods {
  background-position: 0 -356px;
}
/* line 43, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-goods:hover, .no-rgba .commons-goods.goods_hover, .no-rgba .global-nav li:hover .commons-goods, .global-nav li:hover .no-rgba .commons-goods, .no-rgba .global-nav li.current .commons-goods, .global-nav li.current .no-rgba .commons-goods, .no-rgba .commons-goods.goods-hover {
  background-position: 0 -470px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-help {
  background-position: 0 -582px;
}
/* line 43, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-help:hover, .no-rgba .commons-help.help_hover, .no-rgba .commons-help.help-hover {
  background-position: 0 -831px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-login {
  background-position: 0 -508px;
}
/* line 43, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-login:hover, .no-rgba .commons-login.login_hover, .no-rgba .commons-login.login-hover {
  background-position: 0 -668px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-logo-footer {
  background-position: 0 -126px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-logo-header {
  background-position: 0 0;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-men {
  background-position: 0 -705px;
}
/* line 43, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-men:hover, .no-rgba .commons-men.men_hover, .no-rgba .global-nav li:hover .commons-men, .global-nav li:hover .no-rgba .commons-men, .no-rgba .global-nav li.current .commons-men, .global-nav li.current .no-rgba .commons-men, .no-rgba .commons-men.men-hover {
  background-position: 0 -744px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-mypage {
  background-position: 0 -394px;
}
/* line 43, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-mypage:hover, .no-rgba .commons-mypage.mypage_hover, .no-rgba .commons-mypage.mypage-hover {
  background-position: 0 -545px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-regist {
  background-position: 0 -241px;
}
/* line 43, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-regist:hover, .no-rgba .commons-regist.regist_hover, .no-rgba .commons-regist.regist-hover {
  background-position: 0 -279px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-twitter24, .no-rgba .global-footer li .twitter24:before, .global-footer li .no-rgba .twitter24:before {
  background-position: 0 -620px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-women {
  background-position: 0 -317px;
}
/* line 43, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .commons-women:hover, .no-rgba .commons-women.women_hover, .no-rgba .global-nav li:hover .commons-women, .global-nav li:hover .no-rgba .commons-women, .no-rgba .global-nav li.current .commons-women, .global-nav li.current .no-rgba .commons-women, .no-rgba .commons-women.women-hover {
  background-position: 0 -431px;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .icons-arrowhead-left {
  background-position: 0 0;
}
/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.no-rgba .icons-arrowhead-right {
  background-position: 0 -27px;
}

/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.rankings-rank-2nd {
  background-position: 0 -88px;
}

/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.rankings-rank-3rd {
  background-position: 0 -62px;
}

/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.rankings-rank-4th {
  background-position: 0 -111px;
}

/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.rankings-rank-5th {
  background-position: 0 -36px;
}

/* line 60, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.rankings-rank-first {
  background-position: 0 0;
}

/**************************************
 navigation
**************************************/
/* line 327, ../../app/assets/stylesheets/_ui-modules.scss */
.bread_crumb {
  margin-top: -16px;
  line-height: 32px;
}

/* line 332, ../../app/assets/stylesheets/_ui-modules.scss */
.tabs-wrapepr {
  line-height: 0;
}

/* line 341, ../../app/assets/stylesheets/_ui-modules.scss */
.tab {
  margin: 0 0 0 0;
  padding: 0.618em 1.23em;
}
/* line 353, ../../app/assets/stylesheets/_ui-modules.scss */
.tab.current a, .tab.em-link:link a, .tab.em-link:visited a, .tab.em-link:hover a, .current a.tab:link a, .current a.tab:visited a {
  text-decoration: none;
  cursor: normal;
}

/* line 361, ../../app/assets/stylesheets/_ui-modules.scss */
.slider {
  position: relative;
  overflow: hidden;
}

/* line 370, ../../app/assets/stylesheets/_ui-modules.scss */
.carrousel-switch li {
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0;
  background-color: #cccccc;
  cursor: pointer;
}
/* line 380, ../../app/assets/stylesheets/_ui-modules.scss */
.carrousel-switch .back {
  left: 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-position: -335px -96px;
}
/* line 385, ../../app/assets/stylesheets/_ui-modules.scss */
.carrousel-switch .back:hover {
  background-position: -337px -96px;
}
/* line 389, ../../app/assets/stylesheets/_ui-modules.scss */
.carrousel-switch .forward {
  right: 0;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-position: -292px -96px;
}
/* line 395, ../../app/assets/stylesheets/_ui-modules.scss */
.carrousel-switch .forward:hover {
  background-position: -290px -96px;
}

/* line 404, ../../app/assets/stylesheets/_ui-modules.scss */
.no-rgba .carrousel-switch .back {
  background-color: #fcf500;
  background-position: 6px 4px;
}
/* line 408, ../../app/assets/stylesheets/_ui-modules.scss */
.no-rgba .carrousel-switch .back:hover {
  background-position: 4px 4px;
}
/* line 413, ../../app/assets/stylesheets/_ui-modules.scss */
.no-rgba .carrousel-switch .forward {
  background-color: #fcf500;
  background-position: 8px -23px;
}
/* line 417, ../../app/assets/stylesheets/_ui-modules.scss */
.no-rgba .carrousel-switch .forward:hover {
  background-position: 10px -23px;
}

/* line 426, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-sort-title:after {
  content: "\5B";
}

/* line 438, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-sort .command:after,
.ui-sort .ui-sort-title:after {
  display: inline-block;
  padding: 0 0.4em;
}
/* line 445, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-sort .command:after {
  content: "\7C";
}
/* line 449, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-sort .command:last-child:after {
  content: "\5D";
}
/* line 454, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-sort .command a {
  display: inline-block;
}

/**************************************
 ui-pagenation
**************************************/
/* line 461, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-pagenation {
  margin: 0;
  line-height: 16px;
}
/* line 466, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-pagenation a {
  padding: 0 4px;
}
/* line 472, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-pagenation [rel='prev']:before,
.ui-pagenation [rel='next']:before {
  display: inline-block;
  content: '[';
  padding: 0 2px;
}
/* line 477, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-pagenation [rel='prev']:after,
.ui-pagenation [rel='next']:after {
  display: inline;
  content: ']';
  padding: 0 2px;
}
/* line 484, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-pagenation .current, .ui-pagenation a.current:link, .ui-pagenation .em-link:link, .ui-pagenation a.current:visited, .ui-pagenation .em-link:visited, .ui-pagenation a.current:hover, .ui-pagenation .em-link:hover, .ui-pagenation .current a:link, .current .ui-pagenation a:link, .ui-pagenation .current a:visited, .current .ui-pagenation a:visited {
  color: #383838;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

/**************************************
 ui-form
**************************************/
/* line 495, ../../app/assets/stylesheets/_ui-modules.scss */
.form-table th {
  padding: 1.5em 2.472em 1.5em 1.236em;
  text-align: right;
}
/* line 499, ../../app/assets/stylesheets/_ui-modules.scss */
.form-table .textarea-label {
  vertical-align: top;
}
/* line 504, ../../app/assets/stylesheets/_ui-modules.scss */
.form-table input[type='text'],
.form-table input[type='email'],
.form-table textarea {
  width: 297px;
}

/* line 512, ../../app/assets/stylesheets/_ui-modules.scss */
input[type='text'],
input[type='email'],
input[type='password'],
textarea {
  width: 198px;
  padding: 0.618em;
  background: #EDEDED;
  border: solid 1px #e8e8e8;
}
/* line 519, ../../app/assets/stylesheets/_ui-modules.scss */
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
textarea:focus {
  background: white;
  border-color: #c8c8c8;
  outline: none;
}

/* line 529, ../../app/assets/stylesheets/_ui-modules.scss */
.field_with_errors input[type='text'],
.field_with_errors.radio-input,
.field_with_errors input[type='email'],
.field_with_errors input[type='password'],
.field_with_errors select {
  -webkit-box-shadow: inset 0 0 0 2px #ff0057;
  -moz-box-shadow: inset 0 0 0 2px #ff0057;
  box-shadow: inset 0 0 0 2px #ff0057;
}
.field_with_errors.radio-input {
    padding: 5px;
}

/* line 534, ../../app/assets/stylesheets/_ui-modules.scss */
.button {
  margin: 0;
  background: black;
  border: solid 1px #2c2c2c;
  color: white;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}
/* line 546, ../../app/assets/stylesheets/_ui-modules.scss */
.button[type="submit"], .button[type="reset"], .button.cancel {
  padding: 0.618em 2.46em;
  color: #38ceff;
}
/* line 551, ../../app/assets/stylesheets/_ui-modules.scss */
.button[type="submit"].mini, .button[type="reset"].mini, .button.cancel.mini {
  padding: 0.618em;
}
/* line 556, ../../app/assets/stylesheets/_ui-modules.scss */
.button[type="submit"].has-icon, .button[type="reset"].has-icon, .button.cancel.has-icon {
  padding: 0 1.618em;
}
/* line 559, ../../app/assets/stylesheets/_ui-modules.scss */
.button[type="submit"].has-icon.mini, .button[type="reset"].has-icon.mini, .button.cancel.has-icon.mini {
  padding: 0 0.518em;
}
/* line 565, ../../app/assets/stylesheets/_ui-modules.scss */
.button[type="reset"] {
  background: #ccc;
}
/* line 569, ../../app/assets/stylesheets/_ui-modules.scss */
.button.cancel {
  background: white;
  color: black;
}
/* line 575, ../../app/assets/stylesheets/_ui-modules.scss */
.button.cancel:hover, .button.cancel:active {
  top: 0;
  background: white;
  color: #2c2c2c;
}
/* line 581, ../../app/assets/stylesheets/_ui-modules.scss */
.button.cancel:hover {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}
/* line 585, ../../app/assets/stylesheets/_ui-modules.scss */
.button.cancel:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 590, ../../app/assets/stylesheets/_ui-modules.scss */
.button:hover {
  background: #212121;
  border-color: #2c2c2c;
  color: white;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}
/* line 597, ../../app/assets/stylesheets/_ui-modules.scss */
.button:active {
  position: relative;
  top: 1px;
  background: black;
  border-color: black;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.7);
}
/* line 607, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart, .button.favorite, .button.remove-obj {
  height: 24px;
  line-height: 24px;
  padding: 0;
  border: none;
  color: #2c2c2c;
  font-size: 11px;
  letter-spacing: -1px;
}
/* line 616, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart:hover, .button.favorite:hover, .button.remove-obj:hover {
  color: black;
}
/* line 620, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart.added, .button.favorite.added, .button.remove-obj.added {
  top: 0;
  -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.3);
}
/* line 626, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart {
  background-color: #252525;
  width: 132px;
  color:#ffffff;
}
/* line 630, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart:hover {
  background: #38ceff;
}
/* line 634, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart:disabled {
  background-color: #c8c8c8;
  color: #888888;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}
/* line 640, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart:disabled:hover {
  color: #888888;
}
/* line 645, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart.added {
  color: black;
  background-color: #7c7d00;
}
/* line 649, ../../app/assets/stylesheets/_ui-modules.scss */
.button.add-cart.added:active {
  top: 0;
}
/* line 656, ../../app/assets/stylesheets/_ui-modules.scss */
.button.favorite, .button.remove-obj {
  background-color: #c8c8c8;
}
/* line 659, ../../app/assets/stylesheets/_ui-modules.scss */
.button.favorite:hover, .button.remove-obj:hover {
  background: #e9e9e9;
}
/* line 664, ../../app/assets/stylesheets/_ui-modules.scss */
.button.favorite:active, .button.favorite.added, .button.remove-obj:active, .button.remove-obj.added {
  color: black;
}
/* line 669, ../../app/assets/stylesheets/_ui-modules.scss */
.button.favorite {
  min-width: 112px;
}
/* line 672, ../../app/assets/stylesheets/_ui-modules.scss */
.button.favorite.added {
  color: #e8e8e8;
  background: black;
  text-shadow: none;
}
/* line 678, ../../app/assets/stylesheets/_ui-modules.scss */
.button.favorite.remove {
  background: #c8c8c8;
  color: black;
}
/* line 684, ../../app/assets/stylesheets/_ui-modules.scss */
.button.remove-obj {
  color: black;
  font-size: 12px;
}
/* line 689, ../../app/assets/stylesheets/_ui-modules.scss */
.button.remove-obj:hover i:before {
  color: #ff0057;
}

/* line 696, ../../app/assets/stylesheets/_ui-modules.scss */
.has-confirm-field {
  line-height: 40px;
}

/* line 700, ../../app/assets/stylesheets/_ui-modules.scss */
.submit-area {
  clear: both;
  padding: 16px 12px;
  background-color: #E8E8E8;
  text-align: center;
}

#error_explanation {
  background: #ff0057;
  color: white;
  text-align: center;
  padding: 10px 0px;
}
#error_explanation h2 {
  position: relative;
  margin: 0 0 8px 0;
  padding: 0.309em 0.618em;
}
/* line 718, ../../app/assets/stylesheets/_ui-modules.scss */
#error_explanation h2:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -12px;
  left: 16px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #ff0057;
}
/* line 731, ../../app/assets/stylesheets/_ui-modules.scss */
#error_explanation ul {
  clear: both;
  margin: 4px 0 0;
  padding: 0 5px;
  list-style-position: inside;
}

/* line 741, ../../app/assets/stylesheets/_ui-modules.scss */
.first-name[placeholder="姓"], .first-name[placeholder="セイ"], .second-name[placeholder="姓"], .second-name[placeholder="セイ"] {
  margin-right: 0.5em;
}

/**************************************
 ui-selectmenu
**************************************/
/* line 749, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-selectmenu {
  position: relative;
  z-index: 3000;
}
/* line 753, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-selectmenu .cmd-text {
  padding: 0 0.618em 0 0;
}
/* line 758, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-selectmenu [class^="icon-"],
.ui-selectmenu [class*=" icon-"] {
  padding: 0 0 0 0.618em !important;
  border-left: 1px solid #888888;
}

/* line 764, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-select-trigger {
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-size: 11px;
}
/* line 772, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-select-trigger:hover, .ui-select-trigger.opend, .ui-select-trigger:active {
  color: #fcf500;
}
/* line 776, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-select-trigger:hover {
  background: #0d0d0d;
}
/* line 781, ../../app/assets/stylesheets/_ui-modules.scss */
.ui-select-trigger.opend, .ui-select-trigger:active {
  top: 0;
}

/* line 786, ../../app/assets/stylesheets/_ui-modules.scss */
.select-options {
  display: none;
  position: absolute;
  top: 2.8em;
  left: 0;
  z-index: 3000;
  width: 404px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.9);
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
/* line 799, ../../app/assets/stylesheets/_ui-modules.scss */
.select-options:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 60px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
/* line 810, ../../app/assets/stylesheets/_ui-modules.scss */
.select-options li {
  float: left;
  width: 198px;
  list-style: none;
}
/* line 815, ../../app/assets/stylesheets/_ui-modules.scss */
.select-options li:nth-child(odd) {
  margin-right: 8px;
}
/* line 819, ../../app/assets/stylesheets/_ui-modules.scss */
.select-options li:hover {
  background: #fcf500;
}
/* line 821, ../../app/assets/stylesheets/_ui-modules.scss */
.select-options li:hover a {
  color: #383838;
}
/* line 827, ../../app/assets/stylesheets/_ui-modules.scss */
.select-options a {
  display: block;
  padding: 0.616em;
  color: white;
}

/* line 836, ../../app/assets/stylesheets/_ui-modules.scss */
.no-rgba .select-options {
  background: black;
}

/* line 841, ../../app/assets/stylesheets/_ui-modules.scss */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 2000;
}

/**************************************
 thumbnail
**************************************/
/* line 855, ../../app/assets/stylesheets/_ui-modules.scss */
.thumb {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  border: 1px solid #eeeeee;
}

/**************************************
 item display
**************************************/
/* line 866, ../../app/assets/stylesheets/_ui-modules.scss */
a:hover {
  text-decoration: none;
  cursor: pointer;
}
/* line 870, ../../app/assets/stylesheets/_ui-modules.scss */
a:hover .thumb {
  opacity: 0.80;
}
/* line 872, ../../app/assets/stylesheets/_ui-modules.scss */
a:hover .item-name {
  text-decoration: underline;
}

/* line 877, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist {
  position: relative;
}
/* line 885, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.w-3grids {
  width: 588 px;
  margin-right: -4px;
  padding: 3px 1px;
}
/* line 890, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.w-3grids .item {
  margin-right: 2px;
}
/* line 895, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.w-4grids {
  padding: 3px;
  margin-right: -3px;
}
/* line 899, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.w-4grids .item {
  margin-right: 3px;
}
/* line 904, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.w-5grids {
  padding: 12px 20px;
  margin-right: -4px;
}
/* line 908, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.w-5grids .item {
  margin-right: 4px;
}
/* line 913, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist .item {
  position: relative;
  padding-top: 10px;
}
/* line 922, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist .favorite-stats {
  margin-top: 0;
}
/* line 926, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist .brand-icon {
  float: left;
  margin-right: 4px;
}
/* line 931, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist .figure {
  padding: 4px;
}
/* line 938, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.large .item-name {
  width: 138px;
}
/* line 942, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.large.ranking .item-name {
  width: 190px;
}
/* line 948, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.aside {
  background: none;
  border: none;
}
/* line 952, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.aside .item {
  float: none;
  margin: 0 0 1px 0;
  padding: 10px;
  background: #cecece;
  border: none;
}
/* line 962, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.aside .item-name {
  margin: 0 0 4px 0;
}
/* line 965, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.aside .item-name.ellipsis:after {
  background: #cecece;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(183, 193, 0, 0)), color-stop(66%, #b7c100));
  background-image: -webkit-linear-gradient(left, rgba(183, 193, 0, 0) 0%, #cecece 66%);
  background-image: -moz-linear-gradient(left, rgba(183, 193, 0, 0) 0%, #cecece 66%);
  background-image: -o-linear-gradient(left, rgba(183, 193, 0, 0) 0%, #cecece 66%);
  background-image: linear-gradient(left, rgba(183, 193, 0, 0) 0%, #cecece 66%);
}
/* line 972, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist.aside img {
  float: left;
  margin: 0 10px 0 0;
}
/* line 978, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist .item.logo {
  width: 117px;
  height: 117px;
  margin-right: 1px;
  text-align: center;
}

.item-thumblist .item.logo img {
  border: 1px solid #eeeeee;
}

/* line 985, ../../app/assets/stylesheets/_ui-modules.scss */
.item-thumblist .summury {
  margin: 0 10px 0 0;
  color: #000000;
  overflow: hidden;
}

/* line 1002, ../../app/assets/stylesheets/_ui-modules.scss */
.news dl {
  position: relative;
  margin: 0;
  padding-top: 10px;
}
/* line 1007, ../../app/assets/stylesheets/_ui-modules.scss */
.news dt.date, .news dd {
  padding: 0 10px 10px 10px;
}
/* line 1010, ../../app/assets/stylesheets/_ui-modules.scss */
.news dt.date {
  float: left;
  width: 85px;
}
/* line 1014, ../../app/assets/stylesheets/_ui-modules.scss */
.news dd {
  padding-left: 4em;
}

/* line 10, ../../app/assets/stylesheets/application.css.scss */
body {
  min-width: 998px;
  /* background: #fcf500; */
  background: #ffffff;
}

/* line 10, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
html, hr, body {
  height: 100%;
}

/* line 12, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
#layout {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -442px;
}
/* line 18, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
#layout #layout_footer {
  height: 442px;
}

/* line 20, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
.global-footer {
  clear: both;
  position: relative;
  /* height: 442px; */
}

/* line 17, ../../app/assets/stylesheets/application.css.scss */
#layout {
  margin-bottom: -506px;
}

/* line 21, ../../app/assets/stylesheets/application.css.scss */
.global-header {
  position: relative;
  padding-top: 32px;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-top: solid 4px black;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.13), inset 0 0 1px 0 rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.13), inset 0 0 1px 0 rgba(0, 0, 0, 0.21);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.13), inset 0 0 1px 0 rgba(0, 0, 0, 0.21);
}
/* line 29, ../../app/assets/stylesheets/application.css.scss */
.global-header.fixed {
  position: fixed;
  top: 0;
  z-index: 7000;
  width: 100%;
  height: 32px;
  padding-top: 32px;
  background: url("../brand/index.html");
  background: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.13), inset 0 0 0 1px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.13), inset 0 0 0 1px rgba(0, 0, 0, 0.21);
  box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.13), inset 0 0 0 1px rgba(0, 0, 0, 0.21);
}
/* line 41, ../../app/assets/stylesheets/application.css.scss */
.global-header.fixed .logo-header {
  top: -36px;
  -webkit-background-size: 72% 72%;
  -moz-background-size: 72% 72%;
  -o-background-size: 72% 72%;
  background-size: 72% 72%;
}
/* line 46, ../../app/assets/stylesheets/application.css.scss */
.global-header.fixed .global-nav {
  top: -9px;
  border: none;
}

.global-header.fixed .global-nav.info {
  top: -15px !important;
}

/* line 51, ../../app/assets/stylesheets/application.css.scss */
.global-header.fixed .global-container {
  padding: 0;
  border: none;
}
/* line 57, ../../app/assets/stylesheets/application.css.scss */
.global-header .global-container {
  height: 32px;
}

/* line 65, ../../app/assets/stylesheets/application.css.scss */
.global-header-no-nav {
  position: relative;
  padding-top: 40px;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 71, ../../app/assets/stylesheets/application.css.scss */
.global-header-no-nav .global-container {
  height: 32px;
}

/* line 79, ../../app/assets/stylesheets/application.css.scss */
.global-nav {
  overflow: visible;
  position: absolute;
  top: 6px;
  width: 150px;
  height: 16px;
}
/* line 87, ../../app/assets/stylesheets/application.css.scss */
.global-nav li {
  position: relative;
}
/* line 90, ../../app/assets/stylesheets/application.css.scss */
/*
.global-nav li:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: 0;
  width: 0;
  height: 20px;
  border-right: dotted 1px #7c7d00;
}
/* line 126, ../../app/assets/stylesheets/application.css.scss */
.global-nav a:link, .global-nav a:visited {
  display: block;
}
/* line 138, ../../app/assets/stylesheets/application.css.scss */
.global-nav.types .type > a {
  margin: 0 14px;
}
/* line 148, ../../app/assets/stylesheets/application.css.scss */
.global-nav.tools ul {
  width: 100%;
}
/* line 150, ../../app/assets/stylesheets/application.css.scss */
.global-nav.tools li {
  float: right;
}
/*
.global-nav.tools li.first:after {
    border-right: none;
}
/* line 154, ../../app/assets/stylesheets/application.css.scss */
.global-nav.tools li.account_menu a {
  margin: 2px 9px;
}
/* line 161, ../../app/assets/stylesheets/application.css.scss */
.global-nav.tools i {
  display: block;
  margin: 0 11px;
  font-size: 22px;
  line-height: 34px;
}
/* line 171, ../../app/assets/stylesheets/application.css.scss */
.global-nav [class^="icon-"]:before,
.global-nav [class*=" icon-"]:before {
  display: block;
  height: 32px;
  margin: 0;
}
/* line 177, ../../app/assets/stylesheets/application.css.scss */
.global-nav .tool-menu {
  margin-top: -6px;
}
/* line 180, ../../app/assets/stylesheets/application.css.scss */
.global-nav .tool-menu:after {
  top: 4px;
}
.global-nav.info {
    position: absolute;
    right: 33%;
    top: 0;
    width: 196px;
}
.global-nav.info li {
    margin: 0px 8px;
}
.global-nav.info li:first-child {
    margin-right: 0;
}
.global-nav.info li:last-child {
    margin-left: 0;
}

/* line 187, ../../app/assets/stylesheets/application.css.scss */
#search {
  position: relative;
  width: 0;
  height: 30px;
  overflow: hidden;
  border: 1px solid #999;
  border-radius: 4px;
  padding-left: 2.5em;
  background: url(https://www.super-groupies.com/user_data/packages/sphone/img/search-icon.png) 5px center no-repeat;
  background-size: 20px 21px;

}
/* line 196, ../../app/assets/stylesheets/application.css.scss */
#search .field-wrap {
  padding: 0;
}
/* line 198, ../../app/assets/stylesheets/application.css.scss */
#search input[type="text"] {
  width: 100%;
  height: 16px;
  background: none;
  margin-top: -1px;
  padding: 8px 8px 8px 0;
  border: none;
  -webkit-font-smoothing: antialiased;
  color: #333;
}
/* line 207, ../../app/assets/stylesheets/application.css.scss */
#search input[type="text"]:focus {
  outline: 0;
}
/* line 210, ../../app/assets/stylesheets/application.css.scss */
#search.showen {
  width: 240px;
}
/* line 214, ../../app/assets/stylesheets/application.css.scss */
#search #cancel_search {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 16px;
  height: 16px;
  line-height: 19px;
  padding: 0;
  background: white;
  border: none;
}

/* line 228, ../../app/assets/stylesheets/application.css.scss */
#search_label.showen {
  display: none;
}
/* line 231, ../../app/assets/stylesheets/application.css.scss */
#search_label.showen span {
  color: white;
  cursor: default;
}
/* line 241, ../../app/assets/stylesheets/application.css.scss */
#search_label.showen:after {
  border: none;
}

/* line 247, ../../app/assets/stylesheets/application.css.scss */
#open_search {
  cursor: pointer;
}
/* line 249, ../../app/assets/stylesheets/application.css.scss */
#open_search.opened {
  color: #FFF;
}

/* line 255, ../../app/assets/stylesheets/application.css.scss */
.logo-header {
  position: absolute;
  top: -57%;
  left: 13%;
  width: 129px;
  height: 68px;
  margin-left: -126px;
  background: url("../img/logo-h.svg") no-repeat 50% 50%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  transition: width 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/* line 270, ../../app/assets/stylesheets/application.css.scss */
.no-rgba .logo-header {
  background: url("../img/logo-h.png") no-repeat 0 0;
}
/* line 273, ../../app/assets/stylesheets/application.css.scss */
.no-rgba .global-header.fixed .logo-header {
  background: url("../img/logo-h_fixed.png") no-repeat 50% 50%;
}

/* line 279, ../../app/assets/stylesheets/application.css.scss */
.global-container {
  position: relative;
  margin: 0 auto;
}

/* line 285, ../../app/assets/stylesheets/application.css.scss */
.content-body {
  *zoom: 1;
  overflow: hidden;
}
/* line 22, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.content-body:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/* line 289, ../../app/assets/stylesheets/application.css.scss */
.contents {
  /*padding-bottom: 64px;*/
  overflow:hidden;
}

/* line 296, ../../app/assets/stylesheets/application.css.scss */
.content-main {
  background: white;
  overflow: hidden;
}

/* line 322, ../../app/assets/stylesheets/application.css.scss */
.content-main-inner {
  padding: 1em;
}

/* line 328, ../../app/assets/stylesheets/application.css.scss */
.content-aside {
  margin-left: 2px;
  /*padding-bottom: 10000px;
  margin-bottom: -10000px;*/
}

/* line 339, ../../app/assets/stylesheets/application.css.scss */
.category-nav .category-title {
  margin: 16px 12px 4px 12px;
  padding: 12px 0 8px 0;
  border-bottom: dotted 1px #666;
  color: #38ceff;
}
/* line 346, ../../app/assets/stylesheets/application.css.scss */
.category-nav .category-title:first-child {
  margin-top: 0;
}
/* line 351, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav {
  margin: 0 0 1px 0;
  padding-bottom: 12px;
  background-color: black;
}
/* line 356, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav li {
  line-height: 28px;
}
/* line 359, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav li.child-category {
  line-height: 24px;
}
/* line 362, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav li.child-category:first-child {
  margin: 4px 0 0;
}
/* line 366, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav li.child-category:last-child {
  margin: 0 0 12px 0;
}
/* line 370, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav li.child-category a {
  padding: 0 0 0 18px;
}
/* line 376, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav li a {
  display: block;
  margin: 0 8px;
  padding: 0 8px;
  color: #e8e8e8;
  font-size: 11px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 388, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav li a:hover {
  background-color: #bbbbbb;
  text-decoration: none;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}
/* line 395, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav li a.current, .category-nav nav li a.current:link, .category-nav nav li .em-link:link, .category-nav nav li a.current:visited, .category-nav nav li .em-link:visited, .category-nav nav li a.current:hover, .category-nav nav li .em-link:hover, .category-nav nav li .current a:link, .current .category-nav nav li a:link, .category-nav nav li .current a:visited, .current .category-nav nav li a:visited, .category-nav nav li .em-link {
  background-color: #ffffff;
}
/* line 402, ../../app/assets/stylesheets/application.css.scss */
.category-nav nav .banner a {
  padding: 0;
}

.category-nav2 {
    background: #eaeaea;
    margin-bottom: 2px;
}
.category-nav2 .search-form {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}
.category-nav2 .search-form li {
    padding: 5px 8px 8px;
}
.category-nav2 .search-form li .title {
    font-weight: bold;
}
.category-nav2 .search-form li .input-l,
.category-nav2 .search-form li .input-s {
    background: #fff;
    height: 20px;
}
.category-nav2 .search-form li input.input-l,
.category-nav2 .search-form li input.input-s {
    padding: 2px;
}
.category-nav2 .search-form li .input-l {
    width: 170px;
}
.category-nav2 .search-form li .input-s {
    width: 50px;
}
.category-nav2 .search-form li input.search,
.category-nav2 .search-form li input.register {
    width: 177px;
    height: 42px;
    display: block;
    margin: 0px auto;
    cursor: pointer;
}

.category-nav2 .random-brand {
    width: 110px;
    height: 110px;
    margin: 0px auto;
    padding: 20px 0px;
}

/* line 407, ../../app/assets/stylesheets/application.css.scss */
.global-footer {
  background: #2c2c2c;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
  color: white;
}
/* line 412, ../../app/assets/stylesheets/application.css.scss */
.global-footer .global-container {
  margin: 40px auto 0 auto;
  padding: 64px 0 103.552px 0;
}
/* line 417, ../../app/assets/stylesheets/application.css.scss */
.global-footer .logo-footer {
  width: 100px;
  height: 92px;
  margin: 0 94px 24px 0;
  background: url(../img/logo-white.svg) no-repeat 0 0;
  -webkit-background-size: 100%, 100%;
  -moz-background-size: 100%, 100%;
  -o-background-size: 100%, 100%;
  background-size: 100%, 100%;
}
/* line 426, ../../app/assets/stylesheets/application.css.scss */
.global-footer ul {
  margin: 0 0 40px 0;
  padding: 0;
}
/* line 439, ../../app/assets/stylesheets/application.css.scss */
.global-footer li .twitter24,
.global-footer li .facebook24 {
  display: block;
  line-height: 24px;
  margin: 0 0 14.832px 0;
}
/* line 444, ../../app/assets/stylesheets/application.css.scss */
.global-footer li .twitter24:before,
.global-footer li .facebook24:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 7.416px;
  vertical-align: middle;
}
/* line 463, ../../app/assets/stylesheets/application.css.scss */
.global-footer a {
  color: white;
  line-height: 2.2;
}

/* line 470, ../../app/assets/stylesheets/application.css.scss */
.no-rgba .global-footer .logo-footer {
  background: url(../img/logo-white.png) no-repeat 0 0;
}

/* line 475, ../../app/assets/stylesheets/application.css.scss */
.leagal-links {
  margin-left: 198px;
}

/* line 483, ../../app/assets/stylesheets/application.css.scss */
.footer-nav .foot-nav-category {
  margin-bottom: 9.888px;
}

.footer-nav .foot-nav-category span,
.footer-nav .foot-nav-category a {
    color: rgb(56, 206, 255);
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
}

/* line 485, ../../app/assets/stylesheets/application.css.scss */
.footer-nav li {
  margin-right: 58px;
}
.footer-nav.new li {
  margin-right: auto;
}
/*.leagal-links .footer-nav li {
    margin-right: 58px;
    max-width: none;
}*/
/* line 487, ../../app/assets/stylesheets/application.css.scss */
.footer-nav .page_back {
  width: 65px;
  height: 90px;
  margin: 0;
}
/* line 492, ../../app/assets/stylesheets/application.css.scss */
.footer-nav .page_back:hover {
  cursor: pointer;
}

/* line 502, ../../app/assets/stylesheets/application.css.scss */
.banner {
  margin: 0 0 1px 0;
}

/* line 5, ../../app/assets/stylesheets/welcome.css.scss */
#welcome_billboard {
  margin-bottom: 20px;
}
/* line 8, ../../app/assets/stylesheets/welcome.css.scss */
#welcome_billboard h2 {
  margin: 10px 0 0 0;
}
#welcome_billboard #selected-banner,
#welcome_billboard #selected-banner img {
    height: 320px;
}
#welcome_billboard #selected-banner,
#welcome_banners .large-banners,
#cart input.bg-white {
    background: #fff;
}
#welcome_billboard #selected-banner img,
#welcome_banners .large-banners img {
    opacity: 1.0;
}
#welcome_billboard #selected-banner img:hover,
#welcome_banners .large-banners img:hover {
    opacity: 0.8;
}

#main-banners,
#small_banners,
#welcome_billboard #selected-banner,
#welcome_billboard #selected-banner img {
    width: 750px;
}
#main-banners {
    float: left;
}
/* line 17, ../../app/assets/stylesheets/welcome.css.scss */
#small_banners {
    background: #000;
    position: relative;
    overflow: hidden;
}
#small_banners,
#small_banners .slide-small a,
#small_banners .slide-small a img {
    height: 90px;
}
#small_banners .slide-small a img {
    opacity: 0.7;
}
#small_banners .slide-small .select img {
    opacity: 1.0;
}
#main-banners #small_banners a {
    text-decoration: none;
}
#welcome_banners .large-banners,
#welcome_banners .large-banners img {
    width: 246px;
}
#welcome_banners .large-banners {
    float: left;
}
#welcome_banners .large-banners img {
    display: block;
    height: 205px;
}

/* line 28, ../../app/assets/stylesheets/welcome.css.scss */
#rcmd_cordinate {
  margin: 0;
}

/* line 33, ../../app/assets/stylesheets/welcome.css.scss */
.small-banner {
  width: 253px;
  height: 152px;
  background: #D9D9D9;
}

/* line 39, ../../app/assets/stylesheets/welcome.css.scss */
.rcmd-cordinate {
  position: relative;
  float: right;
  width: 246px;
  height: 410px;
  background: white;
}

/* line 48, ../../app/assets/stylesheets/welcome.css.scss */
#welcome_billboard img:hover {
  filter: alpha(opacity=88);
  -ms-filter: "alpha(opacity=88)";
  opacity: 0.88;
}

/* line 55, ../../app/assets/stylesheets/welcome.css.scss */
#top_ranking_tab {
  text-align: center;
  background: #eaeaea;
}
/* line 59, ../../app/assets/stylesheets/welcome.css.scss */
#top_ranking_tab .tab {
  padding: 0 0.6em;
  font-size: 10px;
}
/* line 64, ../../app/assets/stylesheets/welcome.css.scss */
#top_ranking_tab a {
  line-height: 32px;
  color: #383838;
}
/* line 68, ../../app/assets/stylesheets/welcome.css.scss */
#top_ranking_tab a.current, #top_ranking_tab .current a:link, .current #top_ranking_tab a:link, #top_ranking_tab .current a:visited, .current #top_ranking_tab a:visited, #top_ranking_tab .em-link {
  color: white;
}

/* line 76, ../../app/assets/stylesheets/welcome.css.scss */
.no-rgba #top_ranking_tab .tab {
  padding: 0 0.6em;
  font-size: 10px;
}

#small_banners .slide-small a,
#small_banners .slide-small a img {
    width: 150px;
}
#small_banners .slide-small a {
    display: block;
    float: left;
}

/* line 110, ../../app/assets/stylesheets/welcome.css.scss */
#small_banners .ui-slide .small-banner {
  width: 506px;
  height: 152px;
}

/* line 121, ../../app/assets/stylesheets/welcome.css.scss */
.unit4 .ui-slide .slide {
  overflow: hidden;
  width: 600px;
  height: 264px;
}
/* line 126, ../../app/assets/stylesheets/welcome.css.scss */
.unit4 .ui-slide .items {
  padding: 3px 4px;
  background-color: #ffffff;
  -webkit-transition: margin-left 0.2s linear;
  -moz-transition: margin-left 0.2s linear;
  -o-transition: margin-left 0.2s linear;
  transition: margin-left 0.2s linear;
}
/* line 134, ../../app/assets/stylesheets/welcome.css.scss */
.unit4 .ui-slide .items li {
  display: inline-block;
  width: 616px;
  height: 264px;
  margin: 0;
}
/* line 140, ../../app/assets/stylesheets/welcome.css.scss */
.unit4 .ui-slide .items li a {
  /*margin-right: 2px;*/
  display: inline-block;
  position: relative;
}
.unit4 .ui-slide .items li a span del{
  margin-right: 2px;
  font-size: 10px;
}
.unit4 .ui-slide .items li a span span{
  font-size:11px;
}
/* line 147, ../../app/assets/stylesheets/welcome.css.scss */
.unit4 .ui-slide .item-name {
  width: 100px;
}
/* line 152, ../../app/assets/stylesheets/welcome.css.scss */
.unit4 .slide-wrap {
  margin-right: -4px;
}

/* line 159, ../../app/assets/stylesheets/welcome.css.scss */
.unit5 .ui-slide .slide {
  overflow: hidden;
  width: 798px;
  height: 264px;
}
/* line 164, ../../app/assets/stylesheets/welcome.css.scss */
.unit5 .ui-slide .items {
  padding: 3px 4px;
  background-color: #ffffff;
  -webkit-transition: margin-left 0.2s linear;
  -moz-transition: margin-left 0.2s linear;
  -o-transition: margin-left 0.2s linear;
  transition: margin-left 0.2s linear;
}
/* line 171, ../../app/assets/stylesheets/welcome.css.scss */
.unit5 .ui-slide .items li {
  display: inline-block;
  width: 798px;
  height: 264px;
  margin: 0;
}
/* line 177, ../../app/assets/stylesheets/welcome.css.scss */
.unit5 .ui-slide .items li a {
  margin-right: -1px;
  display: inline-block;
  position: relative;
}
/* line 184, ../../app/assets/stylesheets/welcome.css.scss */
.unit5 .ui-slide .item-name {
  width: 112px;
}

/* line 192, ../../app/assets/stylesheets/welcome.css.scss */
.unit6 .ui-slide .slide {
  overflow: hidden;
  width: 998px;
  height: 264px;
}
/* line 197, ../../app/assets/stylesheets/welcome.css.scss */
.unit6 .ui-slide .items {
  padding: 3px 26px;
  background-color: #ffffff;
  -webkit-transition: margin-left 0.2s linear;
  -moz-transition: margin-left 0.2s linear;
  -o-transition: margin-left 0.2s linear;
  transition: margin-left 0.2s linear;
}
/* line 204, ../../app/assets/stylesheets/welcome.css.scss */
.unit6 .ui-slide .items li {
  display: inline-block;
  width: 998px;
  height: 264px;
  margin: 0;
  background-color: #ffffff;
}
/* line 211, ../../app/assets/stylesheets/welcome.css.scss */
.unit6 .ui-slide .items li a {
  margin-right: -1px;
  display: inline-block;
  position: relative;
  background-color: white;
}
/* line 219, ../../app/assets/stylesheets/welcome.css.scss */
.unit6 .ui-slide .item-name {
  width: 112px;
}

/* line 226, ../../app/assets/stylesheets/welcome.css.scss */
.specials .item {
  width: 198px;
  height: auto;
}
/* line 230, ../../app/assets/stylesheets/welcome.css.scss */
.specials .item .special-title {
  margin: 0;
}
/* line 234, ../../app/assets/stylesheets/welcome.css.scss */
.specials .item p, .specials .item ul, .specials .item ol, .specials .item menu, .specials .item dl, .specials .item table {
  margin: 0;
  font-size: 11px;
  line-height: 1.3;
}

/* --------------タブ関連--------------- */
/* line 243, ../../app/assets/stylesheets/welcome.css.scss */
.tab-container {
  z-index: -1;
}

/* line 248, ../../app/assets/stylesheets/welcome.css.scss */
.b, .c, .d, .e, .f, .g, .h, .i, .j, .k, .l, .m, .n, .o,
.a2, .a3, .a4, .a5, .a6,
.b2, .b3, .b4, .b5, .b6 {
  display: none;
}

/* --------------お買い上げリアルタイム表示--------------- */
/* line 253, ../../app/assets/stylesheets/welcome.css.scss */
.sale-container {
  height: 37px;
  overflow: hidden;
  float: left;
  margin: 5px 0 0;
}
/* line 258, ../../app/assets/stylesheets/welcome.css.scss */
.sale-container li {
  list-style: none;
}
/* line 261, ../../app/assets/stylesheets/welcome.css.scss */
.sale-container li div {
  display: inline-block;
}

/* line 266, ../../app/assets/stylesheets/welcome.css.scss */
.sale-title {
  float: left;
  width: 980px;
}
/* line 269, ../../app/assets/stylesheets/welcome.css.scss */
.sale-title a {
  float: left;
}

/* line 4, ../../app/assets/stylesheets/categories.css.scss */
.pagenation {
  height: 16px;
  padding: 0.618em 8px;
  background: #e8e8e8;
}
/* line 10, ../../app/assets/stylesheets/categories.css.scss */
.pagenation .ui-pagenation {
  line-height: 16px;
}
/* line 14, ../../app/assets/stylesheets/categories.css.scss */
.pagenation b {
  font-size: 16px;
}

/* line 17, ../../app/assets/stylesheets/categories.css.scss */
.filter {
  height: 24px;
  padding: 8px;
  background: white;
  border-top: dotted 1px #2c2c2c;
}
/* line 23, ../../app/assets/stylesheets/categories.css.scss */
.filter .ui-sort {
  line-height: 24px;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  border-left: dotted 1px #888888;
}

/* line 5, ../../app/assets/stylesheets/titles.css.scss */
.title-ranking-items .item-thumblist {
  background: white;
  border: none;
}
/* line 10, ../../app/assets/stylesheets/titles.css.scss */
.title-ranking-items .title-header {
  border: none;
}

/* line 16, ../../app/assets/stylesheets/titles.css.scss */
.squeeze-search h3 {
  margin: 20px 0 0 10px;
}
/* line 19, ../../app/assets/stylesheets/titles.css.scss */
.squeeze-search ul {
  margin: 0 0 10px 10px;
  padding: 0;
}
/* line 22, ../../app/assets/stylesheets/titles.css.scss */
.squeeze-search ul li {
  list-style: none;
  display: inline-block;
  margin: 0 5px 0 0;
  border-right: 1px solid #888;
  padding: 0 10px 0 0;
}

/* line 4, ../../app/assets/stylesheets/items.css.scss */
.main-photo {
  float: left;
  width: 485px;
}

/* line 9, ../../app/assets/stylesheets/items.css.scss */
.galleria-thumbnails-container ul {
  *zoom: 1;
  margin-right: -5px;
}
/* line 22, ../../vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.galleria-thumbnails-container ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* line 15, ../../app/assets/stylesheets/items.css.scss */
.galleria-thumbnails-container ul .galleria-image {
  margin-right: 5px;
  padding: 2px;
  border: 1px #c8c8c8 solid;
}
/* line 21, ../../app/assets/stylesheets/items.css.scss */
.galleria-thumbnails-container ul .galleria-image:hover {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
/* line 26, ../../app/assets/stylesheets/items.css.scss */
.galleria-thumbnails-container ul .galleria-image.active {
  border: 2px #7c7d00 solid;
  padding: 1px;
}
/* line 31, ../../app/assets/stylesheets/items.css.scss */
.galleria-thumbnails-container ul .galleria-image img {
  display: block;
}

/* line 37, ../../app/assets/stylesheets/items.css.scss */
.photo-viewer {
  width: 485px;
  height: 728px;
}

/* line 42, ../../app/assets/stylesheets/items.css.scss */
.item-details {
  float: right;
  width: 468px;
  margin: 8px 4px 8px 0;
}
/* line 55, ../../app/assets/stylesheets/items.css.scss */
.item-details .favorites {
  margin: 25px 0 0 0;
}
/* line 59, ../../app/assets/stylesheets/items.css.scss */
.item-details .favorites dd {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

/* line 73, ../../app/assets/stylesheets/items.css.scss */
.item-belongs-to {
  margin: 0.5em 0 1.5em 0;
  font-size: 11px;
}

/* line 84, ../../app/assets/stylesheets/items.css.scss */
.order-sheet,
.size-sheet {
  width: 100%;
  border-collapse: separate;
  text-align: center;
}
/* line 89, ../../app/assets/stylesheets/items.css.scss */
.order-sheet th,
.size-sheet th {
  width: 7em;
  background: #e8e8e8;
}
/* line 95, ../../app/assets/stylesheets/items.css.scss */
.order-sheet td.size,
.size-sheet td.size {
  padding: 5px 8px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-align: left;
}

/* line 125, ../../app/assets/stylesheets/items.css.scss */
.coordinate img {
  display: block;
  margin: 30px auto;
}

/* line 134, ../../app/assets/stylesheets/items.css.scss */
.clr {
  clear: both;
}

/* line 140, ../../app/assets/stylesheets/items.css.scss */
.size-sheet thead th {
  width: auto;
  background: #c8c8c8;
}
/* line 147, ../../app/assets/stylesheets/items.css.scss */
.size-sheet tbody th {
  width: auto;
}
/* line 152, ../../app/assets/stylesheets/items.css.scss */
.size-sheet tfoot {
  text-align: right;
}

/* line 158, ../../app/assets/stylesheets/items.css.scss */
.balloon-menu-a {
  display: none;
  position: absolute;
  z-index: 5000;
  margin: 3px 0 0 0;
  padding: 16px;
  width: 400px;
  height: auto;
  line-height: 20px;
  background: #fcf500;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.05);
}
/* line 171, ../../app/assets/stylesheets/items.css.scss */
.balloon-menu-a:before {
  content: "";
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border: solid 8px transparent;
  border-bottom-color: #fcf500;
  position: absolute;
  top: -16px;
  left: 8px;
}
/* line 178, ../../app/assets/stylesheets/items.css.scss */
.balloon-menu-a h1 {
  margin-bottom: 4px;
}

/* line 183, ../../app/assets/stylesheets/items.css.scss */
.notice-sheet {
  margin: 4px 0 8px 0;
}
/* line 186, ../../app/assets/stylesheets/items.css.scss */
.notice-sheet td, .notice-sheet th {
  height: 40px;
  padding: 0.309em 0.618em;
}
/* line 190, ../../app/assets/stylesheets/items.css.scss */
.notice-sheet th {
  width: 8em;
  background: #7c7d00;
  border: 1px solid #fcf500;
  color: white;
  text-align: center;
}
/* line 197, ../../app/assets/stylesheets/items.css.scss */
.notice-sheet td {
  border-bottom: 1px solid #7c7d00;
  color: black;
}
/* line 203, ../../app/assets/stylesheets/items.css.scss */
.notice-sheet tr:last-child td {
  border-bottom: none;
}
/* line 207, ../../app/assets/stylesheets/items.css.scss */
.notice-sheet input[type="text"] {
  width: 228px;
}

/* line 212, ../../app/assets/stylesheets/items.css.scss */
.opening {
  display: block;
}

/* line 215, ../../app/assets/stylesheets/items.css.scss */
.index-item {
  font-size: 10px;
}
/* line 218, ../../app/assets/stylesheets/items.css.scss */
.index-item span {
  width: 96px;
  display: table-cell;
  vertical-align: middle;
  text-decoration: underline;
  cursor: pointer;
}
/* line 225, ../../app/assets/stylesheets/items.css.scss */
.index-item .icon-bell {
  font-size: 16px;
}

/* line 229, ../../app/assets/stylesheets/items.css.scss */
#screen {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 5, ../../app/assets/stylesheets/login.css.scss */
.contents.auth {
  float: none;
  width: 693px;
  margin: 0 auto;
}
/* line 10, ../../app/assets/stylesheets/login.css.scss */
.contents.auth .page-title {
  padding-bottom: 0;
  border: none;
}

/* line 16, ../../app/assets/stylesheets/login.css.scss */
.login-wrap {
  margin: 53px 0 0 10px;
}

/* line 21, ../../app/assets/stylesheets/login.css.scss */
.login-logo {
  float: left;
  width: 198px;
  height: 89px;
  background-position: 0 0;
  background: url(../img/logo-h.svg) no-repeat 50% 50%;
  -webkit-background-size: 100%, 100%;
  -moz-background-size: 100%, 100%;
  -o-background-size: 100%, 100%;
  background-size: 100%, 100%;
}

/* line 32, ../../app/assets/stylesheets/login.css.scss */
.no-rgba .login-logo {
  background: url("../img/logo-v.png") no-repeat 0 0;
}

/* line 37, ../../app/assets/stylesheets/login.css.scss */
.login-formarea, .password-formarea {
  float: right;
  margin: 0 auto;
}

/* line 43, ../../app/assets/stylesheets/login.css.scss */
.password-formarea {
  margin: 8px 0 0 0;
}

/* line 57, ../../app/assets/stylesheets/login.css.scss */
.auth-aside {
  margin: 16px 0;
}

/* line 63, ../../app/assets/stylesheets/login.css.scss */
.login-input[type='email'],
.login-input[type='text'],
.login-input[type='password'] {
  width: 370px;
  margin: 8px 0;
  background: white;
  /* border: solid 1px #fcf500; */
  border: solid 2px #bbbbbb;
  outline: none;
  font-size: 18px;
}

/* line 74, ../../app/assets/stylesheets/login.css.scss */
.login-formtext {
  margin: 1em 0;
}

/* line 102, ../../app/assets/stylesheets/login.css.scss */
.question-word {
  display: inline-block;
  font-size: 18px;
}

/* line 5, ../../app/assets/stylesheets/cart.css.scss */
.continue-head {
  border-bottom: 2px solid #f3f3f3;
}

/* line 9, ../../app/assets/stylesheets/cart.css.scss */
.order-step ul {
  margin: 0 0 15px 10px;
  padding: 0;
}

/* line 13, ../../app/assets/stylesheets/cart.css.scss */
.order-step ul li {
  list-style: none;
  display: inline-block;
}
/* line 17, ../../app/assets/stylesheets/cart.css.scss */
.order-step ul li span {
  font-weight: bold;
  font-size: 15px;
  color: #585858;
  margin: 0 3px;
}
/* line 23, ../../app/assets/stylesheets/cart.css.scss */
.order-step ul li .icon-chevron-right {
  color: #7C7D00;
  margin: 0 5px;
  font-size: 15px;
}

/* line 30, ../../app/assets/stylesheets/cart.css.scss */
.onpage,
.order-step ul li.onpage span {
  color: #7C7D00;
}

/* line 34, ../../app/assets/stylesheets/cart.css.scss */
.cart-main {
  width: 756px;
  float: left;
  padding: 10px;
}
/* line 40, ../../app/assets/stylesheets/cart.css.scss */
.cart-main ul {
  padding: 0;
}
/* line 43, ../../app/assets/stylesheets/cart.css.scss */
.cart-main ul li {
  padding: 10px 0;
  list-style: none;
  border-bottom: dotted 1px #2c2c2c;
}
/* line 48, ../../app/assets/stylesheets/cart.css.scss */
.cart-main ul li.first {
  border-top: dotted 1px #2c2c2c;
}
/* line 51, ../../app/assets/stylesheets/cart.css.scss */
.cart-main ul li div {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
  width: 113px;
  text-align: center;
}
/* line 58, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .continue-text {
  margin: 5px 0;
}
/* line 61, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .continue-text p, .cart-main .continue-text ul, .cart-main .continue-text ol, .cart-main .continue-text menu, .cart-main .continue-text dl, .cart-main .continue-text table {
  margin: 0;
}
/* line 66, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .continue-caption {
  width: 200px;
  text-align: left;
}
/* line 70, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .continue-caption p, .cart-main .continue-caption ul, .cart-main .continue-caption ol, .cart-main .continue-caption menu, .cart-main .continue-caption dl, .cart-main .continue-caption table {
  margin: 0;
}
/* line 74, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .continue-sumb {
  width: 80px;
  height: 110px;
  padding: 0 10px;
}
/* line 82, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .continue-sumprice {
  padding: 0;
}
/* line 86, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .sumbox {
  margin: 10px 0 0 0;
}
/* line 90, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .sumbox div {
  text-align: right;
  margin: 3px 0 0 0;
}
/* line 94, ../../app/assets/stylesheets/cart.css.scss */
.cart-main .sumprice {
  color: #FF0028;
  font-size: 18px;
}

/* line 100, ../../app/assets/stylesheets/cart.css.scss */
.continue-aside {
  padding: 10px;
}
/* line 103, ../../app/assets/stylesheets/cart.css.scss */
.continue-aside p, .continue-aside ul, .continue-aside ol, .continue-aside menu, .continue-aside dl, .continue-aside table {
  margin: 0;
}
/* line 106, ../../app/assets/stylesheets/cart.css.scss */
.continue-aside .name {
  margin: 20px 0 0 0;
  font-size: 12px;
  font-weight: bold;
}
/* line 111, ../../app/assets/stylesheets/cart.css.scss */
.continue-aside .name span {
  margin-right: 5px;
}

/* line 119, ../../app/assets/stylesheets/cart.css.scss */
.cart {
  background-color: #ffffff;
}

/* line 122, ../../app/assets/stylesheets/cart.css.scss */
.cart-wrap {
  background-color: #fff;
}

/* line 125, ../../app/assets/stylesheets/cart.css.scss */
.cart-title {
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 10px;
}
/* line 129, ../../app/assets/stylesheets/cart.css.scss */
.cart-title li.first {
  width: 300px;
}
/* line 132, ../../app/assets/stylesheets/cart.css.scss */
.cart-title li.second {
  width: 110px;
}
/* line 135, ../../app/assets/stylesheets/cart.css.scss */
.cart-title li.third {
  width: 200px;
  margin-left: 10px;
}

/* line 140, ../../app/assets/stylesheets/cart.css.scss */
.cart-title ul {
  margin: 10px 0 0 0;
  padding: 0;
}
/* line 144, ../../app/assets/stylesheets/cart.css.scss */
.cart-title ul li {
  display: inline-block;
  font-weight: bold;
  text-align: center;
}

/* line 151, ../../app/assets/stylesheets/cart.css.scss */
.shoppingcart {
  padding: 0 2px;
  background-color: #f3f3f3;
}
/* line 155, ../../app/assets/stylesheets/cart.css.scss */
.shoppingcart ul {
  margin: 0;
}
/* line 158, ../../app/assets/stylesheets/cart.css.scss */
.shoppingcart ul li {
  background-color: white;
  margin-bottom: 2px;
  border: none;
}
/* line 163, ../../app/assets/stylesheets/cart.css.scss */
.shoppingcart ul li.first {
  border-top: none;
}
/* line 166, ../../app/assets/stylesheets/cart.css.scss */
.shoppingcart ul li.last {
  border-bottom: none;
}
/* line 172, ../../app/assets/stylesheets/cart.css.scss */
.shoppingcart .continue-oneprice,
.shoppingcart .continue-count,
.shoppingcart .continue-sumprice,
.shoppingcart .button-cancell-area {
  border-left: 1px dotted #c8c8c8;
}

/* line 177, ../../app/assets/stylesheets/cart.css.scss */
.button-cancell-area {
  position: relative;
}
/* line 180, ../../app/assets/stylesheets/cart.css.scss */
.button-cancell-area .icon-remove {
  color: #165eff;
}
/* line 183, ../../app/assets/stylesheets/cart.css.scss */
.button-cancell-area .button-cancell {
  background-color: #e8e8e8;
  width: 60px;
  height: 30px;
  padding-left: 20px;
  border: none;
}

/* line 192, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside {
  width: 230px;
  margin: 0;
}
/* line 196, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside p, .cart-aside ul, .cart-aside ol, .cart-aside menu, .cart-aside dl, .cart-aside table {
  margin: 0;
}
/* line 199, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .point-area {
  margin-right: 10px;
  height: 82px;
  margin: 40px 10px 0 0;
}
/* line 204, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .content-title {
  color: white;
  width: 100%;
  height: 30px;
  text-align: right;
}
/* line 210, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .content-title span {
  font-size: 20px;
}
/* line 216, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .usepoint,
.cart-aside .inputpoint,
.cart-aside .havepoint {
  display: inline-block;
  color: #fcf500;
}
/* line 220, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .inputpoint {
  width: 40px;
  margin: 0 5px;
  color: #383838;
}
/* line 225, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside hr {
  border: 1px solid #fcf500;
}
/* line 228, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside hr span {
  margin-right: 5px;
}
/* line 233, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .sumup-area {
  margin-right: 10px;
}
/* line 238, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .sumup-area .sumup-yellowtext,
.cart-aside .sumup-area .sumup-bigtext,
.cart-aside .sumup-area .sumup-redtext {
  width: 100%;
  text-align: right;
}
/* line 242, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .sumup-area .sumup-yellowtext {
  color: #fcf500;
}
/* line 245, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .sumup-area .sumup-bigtext {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  margin: 30px 0 10px 0;
}
/* line 250, ../../app/assets/stylesheets/cart.css.scss */
.cart-aside .sumup-area .sumup-redtext {
  color: #ff0057;
}

/* line 256, ../../app/assets/stylesheets/cart.css.scss */
.cart-button-area {
  background-color: #ffffff;
  margin-bottom: 24px;
}
/* line 260, ../../app/assets/stylesheets/cart.css.scss */
.cart-button-area .button-area-text {
  float: left;
  margin: 0 0 0 10px;
  text-align: left;
}
/* line 265, ../../app/assets/stylesheets/cart.css.scss */
.cart-button-area .submit-area-inner {
  float: right;
}
/* line 268, ../../app/assets/stylesheets/cart.css.scss */
.cart-button-area .button-buycontinue-area {
  position: relative;
  display: inline-block;
}
/* line 272, ../../app/assets/stylesheets/cart.css.scss */
.cart-button-area .button-buycontinue-area .icon-chevron-right {
  position: absolute;
  right: 20px;
  top: 16px;
  color: #fcf500;
}
/* line 278, ../../app/assets/stylesheets/cart.css.scss */
.cart-button-area .button-buycontinue-area .button-buycontinue {
  width: 180px;
  padding: 3px 20px;
}

/* line 286, ../../app/assets/stylesheets/cart.css.scss */
.purchase-items {
  background: #f3f3f3;
  padding: 2px 0 0 2px;
}
/* line 290, ../../app/assets/stylesheets/cart.css.scss */
.purchase-items .purchase-item {
  list-style: none;
}
/* line 294, ../../app/assets/stylesheets/cart.css.scss */
.purchase-items .purchase-item.first {
  border-top: none;
}
/* line 298, ../../app/assets/stylesheets/cart.css.scss */
.purchase-items .address {
  width: 508px;
}

/* line 301, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell {
  display: table-cell;
  padding: 8px;
  background: white;
  border-right: solid 2px #f3f3f3;
  border-bottom: solid 2px #f3f3f3;
  vertical-align: middle;
  min-width: 96px;
}
/* line 310, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell.first {
  border-left: none;
}
/* line 314, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell.head {
  background: #f0f0f0;
}
/* line 319, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell.name, .ordersheet-cell.head {
  text-align: center;
}
/* line 324, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell.kind, .ordersheet-cell.description {
  border-right: 1px dotted #c8c8c8;
}
/* line 328, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell.kind {
  width: 198px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}
/* line 333, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell.description {
  width: 323px;
}
/* line 337, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell.item {
  width: 320px;
}
/* line 341, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell .ordersheet-cell {
  padding: 0;
  border: none;
}
/* line 346, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell ul, .ordersheet-cell dd {
  margin: 0;
}
/* line 350, ../../app/assets/stylesheets/cart.css.scss */
.ordersheet-cell.time {
  width: 624px;
}

/* line 357, ../../app/assets/stylesheets/cart.css.scss */
.no-rgba .ordersheet-cell.description {
  width: 314px;
}

/* line 363, ../../app/assets/stylesheets/cart.css.scss */
.table-area {
  border: 2px solid #f3f3f3;
  border-top: none;
}

/* line 375, ../../app/assets/stylesheets/cart.css.scss */
.address-main,
.payment-main,
.credit-main,
.maddress-main,
.transport_address-main,
.transport_addresschange-main,
.paychange-main,
.log-main {
  border-right: 2px solid #ffffff;
  width: 756px;
  float: left;
  background-color: white;
}
/* line 382, ../../app/assets/stylesheets/cart.css.scss */
.address-main p, .address-main ul, .address-main ol, .address-main menu, .address-main dl, .address-main table,
.payment-main p,
.payment-main ul,
.payment-main ol,
.payment-main menu,
.payment-main dl,
.payment-main table,
.credit-main p,
.credit-main ul,
.credit-main ol,
.credit-main menu,
.credit-main dl,
.credit-main table,
.maddress-main p,
.maddress-main ul,
.maddress-main ol,
.maddress-main menu,
.maddress-main dl,
.maddress-main table,
.transport_address-main p,
.transport_address-main ul,
.transport_address-main ol,
.transport_address-main menu,
.transport_address-main dl,
.transport_address-main table,
.transport_addresschange-main p,
.transport_addresschange-main ul,
.transport_addresschange-main ol,
.transport_addresschange-main menu,
.transport_addresschange-main dl,
.transport_addresschange-main table,
.paychange-main p,
.paychange-main ul,
.paychange-main ol,
.paychange-main menu,
.paychange-main dl,
.paychange-main table,
.log-main p,
.log-main ul,
.log-main ol,
.log-main menu,
.log-main dl,
.log-main table {
  margin: 0;
}
/* line 387, ../../app/assets/stylesheets/cart.css.scss */
.address-main .address,
.payment-main .address,
.credit-main .address,
.maddress-main .address,
.transport_address-main .address,
.transport_addresschange-main .address,
.paychange-main .address,
.log-main .address {
  text-align: left;
}
/* line 396, ../../app/assets/stylesheets/cart.css.scss */
.address-main .submit-area,
.payment-main .submit-area,
.credit-main .submit-area,
.maddress-main .submit-area,
.transport_address-main .submit-area,
.transport_addresschange-main .submit-area,
.paychange-main .submit-area,
.log-main .submit-area {
  border-top-width: 1px;
  border-bottom: 1px solid #ffffff;
}

/* line 404, ../../app/assets/stylesheets/cart.css.scss */
.address-title,
.payment-title,
.credit-title {
  border-left: 3px solid black;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
}

/* line 412, ../../app/assets/stylesheets/cart.css.scss */
.payment-title {
  border-bottom: solid 2px #f3f3f3;
  border-left: none;
}

/* line 418, ../../app/assets/stylesheets/cart.css.scss */
.address-aside,
.payment-aside {
  width: 240px;
  margin: 0;
}
/* line 423, ../../app/assets/stylesheets/cart.css.scss */
.address-aside p, .address-aside ul, .address-aside ol, .address-aside menu, .address-aside dl, .address-aside table,
.payment-aside p,
.payment-aside ul,
.payment-aside ol,
.payment-aside menu,
.payment-aside dl,
.payment-aside table {
  margin: 0;
}
/* line 426, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .point-area,
.payment-aside .point-area {
  margin-right: 10px;
  height: 82px;
  margin: 40px 10px 0 0;
}
/* line 431, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .content-title,
.payment-aside .content-title {
  color: #000000;
  width: 100%;
  height: 30px;
  text-align: right;
}
.payment-aside .error {
  color: red;
  width: 100%;
  /*height: 30px;*/
  text-align: right;
}
/* line 437, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .content-title span,
.payment-aside .content-title span {
  font-size: 20px;
}
/* line 443, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .usepoint,
.address-aside .inputpoint,
.address-aside .havepoint,
.payment-aside .usepoint,
.payment-aside .inputpoint,
.payment-aside .havepoint {
  display: inline-block;
  color: #000000;
}
/* line 447, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .inputpoint,
.payment-aside .inputpoint {
  width: 40px;
  margin: 0 5px;
  color: #383838;
}
/* line 452, ../../app/assets/stylesheets/cart.css.scss */
.address-aside hr,
.payment-aside hr {
  border: 1px solid #ffffff;
  margin: 0 10px 0 0;
}
/* line 456, ../../app/assets/stylesheets/cart.css.scss */
.address-aside hr span,
.payment-aside hr span {
  margin-right: 5px;
}
/* line 461, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .address-aside-unit,
.payment-aside .address-aside-unit {
  margin: 8px;
}
/* line 464, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .sumup-area,
.payment-aside .sumup-area {
  margin: 20px 10px 0 0;
}
/* line 469, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .sumup-area .sumup-yellowtext,
.address-aside .sumup-area .sumup-bigtext,
.address-aside .sumup-area .sumup-redtext,
.payment-aside .sumup-area .sumup-yellowtext,
.payment-aside .sumup-area .sumup-bigtext,
.payment-aside .sumup-area .sumup-redtext {
  width: 100%;
  text-align: right;
}
/* line 473, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .sumup-area .sumup-yellowtext,
.payment-aside .sumup-area .sumup-yellowtext {
  color: #fcf500;
}
/* line 476, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .sumup-area .sumup-bigtext,
.payment-aside .sumup-area .sumup-bigtext {
  color: white;
  font-size: 20px;
  margin: 5px 0 10px 0;
}
/* line 481, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .sumup-area .sumup-redtext,
.payment-aside .sumup-area .sumup-redtext {
  color: #ff0057;
}
/* line 485, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .continue-sumb,
.payment-aside .continue-sumb {
  display: inline-block;
}
/* line 488, ../../app/assets/stylesheets/cart.css.scss */
.address-aside .continue-caption,
.payment-aside .continue-caption {
  width: 110px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}

/* line 497, ../../app/assets/stylesheets/cart.css.scss */
.table-area table {
  border-collapse: separate;
  border-spacing: 20px;
}
/* line 501, ../../app/assets/stylesheets/cart.css.scss */
.table-area tr {
  padding: 10px 0 0 20px;
}
/* line 504, ../../app/assets/stylesheets/cart.css.scss */
.table-area .head {
  text-align: right;
  width: 150px;
  font-weight: bold;
}
/* line 509, ../../app/assets/stylesheets/cart.css.scss */
.table-area .content a {
  text-decoration: none;
  color: black;
}
/* line 526, ../../app/assets/stylesheets/cart.css.scss */
.table-area .input-name,
.table-area .input-zipcode,
.table-area .input-address1,
.table-area .input-address2,
.table-area .input-address3,
.table-area .input-corp,
.table-area .input-tel,
.table-area .input-creditcode,
.table-area .input-creditNo,
.table-area .input-mail,
.table-area .input-password,
.table-area .input-secret {
  display: inline-block;
  width: 160px;
  outline: none;
  background-color: #e8e8e8;
}
/* line 533, ../../app/assets/stylesheets/cart.css.scss */
.table-area .input-zipcode,
.table-area .input-creditcode {
  width: 100px;
}
/* line 540, ../../app/assets/stylesheets/cart.css.scss */
.table-area .input-address1,
.table-area .input-address2,
.table-area .input-address3,
.table-area .input-corp,
.table-area .input-creditNo {
  width: 396px;
}
/* line 543, ../../app/assets/stylesheets/cart.css.scss */
.table-area .input-mail {
  width: 374.224px;
}
/* line 547, ../../app/assets/stylesheets/cart.css.scss */
.table-area .credit {
  margin: 20px 0 0 10px;
}
/* line 551, ../../app/assets/stylesheets/cart.css.scss */
.table-area .credit .head {
  text-align: left;
}
/* line 555, ../../app/assets/stylesheets/cart.css.scss */
.table-area .veritranslogo {
  float: left;
}

/* line 560, ../../app/assets/stylesheets/cart.css.scss */
.address-button-area {
  background-color: #ffffff;
}

/* line 573, ../../app/assets/stylesheets/cart.css.scss */
.payment-main .daibiki,
.paychange-main .daibiki {
  float: left;
}
/* line 576, ../../app/assets/stylesheets/cart.css.scss */
.payment-main .name,
.paychange-main .name {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

/* line 581, ../../app/assets/stylesheets/cart.css.scss */
.payment-aside {
  padding: 0 0 20px 0;
  background-color: #BABB00;
}

/* line 585, ../../app/assets/stylesheets/cart.css.scss */
.payment-button-area {
  background-color: white;
}

/* line 589, ../../app/assets/stylesheets/cart.css.scss */
.payment.last-step {
  display: inline-block;
}

/* line 600, ../../app/assets/stylesheets/cart.css.scss */
.one-colomn {
  width: 998px;
}

/* line 603, ../../app/assets/stylesheets/cart.css.scss */
.buying-box {
  width: 300px;
  margin: 100px auto;
  text-align: center;
}
/* line 609, ../../app/assets/stylesheets/cart.css.scss */
.buying-box .continue-text p, .buying-box .continue-text ul, .buying-box .continue-text ol, .buying-box .continue-text menu, .buying-box .continue-text dl, .buying-box .continue-text table {
  font-size: 20px;
  margin: 20px 0 50px;
}
/* line 614, ../../app/assets/stylesheets/cart.css.scss */
.buying-box .section-title, .buying-box .status {
  margin: 0 auto;
}

/* line 618, ../../app/assets/stylesheets/cart.css.scss */
.samme-address {
  margin: 30px 0 0 100px;
}

/* line 3, ../../app/assets/stylesheets/regist.css.scss */
.yellowbk {
  display: inline-block;
  background-color: #fcf500;
  padding: 10px;
}

/* line 8, ../../app/assets/stylesheets/regist.css.scss */
.graybk {
  background-color: #e8e8e8;
  border: 1px solid #c8c8c8;
  padding: 20px 90px 40px;
  margin: 20px 0;
}

/* line 18, ../../app/assets/stylesheets/regist.css.scss */
.agree-main .beforeagree {
  width: 800px;
  margin: 0 auto 40px;
}
/* line 23, ../../app/assets/stylesheets/regist.css.scss */
.agree-main .agree-title {
  border-bottom: 2px solid #FCF500;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
}
/* line 29, ../../app/assets/stylesheets/regist.css.scss */
.agree-main .top-line {
  border-top: 2px solid #FCF500;
}
/* line 33, ../../app/assets/stylesheets/regist.css.scss */
.agree-main .agreecheck {
  width: 900px;
  margin: 10px auto;
}

/* line 78, ../../app/assets/stylesheets/regist.css.scss */
.input-main,
.account_update-main,
.account_updatecheck-main,
.paychange-main {
  padding: 10px;
}
/* line 81, ../../app/assets/stylesheets/regist.css.scss */
.input-main .table-area,
.account_update-main .table-area,
.account_updatecheck-main .table-area,
.paychange-main .table-area {
  width: 700px;
  margin: 0 auto;
  border: none;
}
/* line 86, ../../app/assets/stylesheets/regist.css.scss */
.input-main .table-area .vtop,
.account_update-main .table-area .vtop,
.account_updatecheck-main .table-area .vtop,
.paychange-main .table-area .vtop,
.account_discontinue .table-area .vtop {
  vertical-align: top;
}
/* line 89, ../../app/assets/stylesheets/regist.css.scss */
.input-main .table-area .multiline,
.account_update-main .table-area .multiline,
.account_updatecheck-main .table-area .multiline,
.paychange-main .table-area .multiline {
  display: block;
}
/* line 96, ../../app/assets/stylesheets/regist.css.scss */
.input-main .table-area .input-password,
.account_update-main .table-area .input-password,
.account_updatecheck-main .table-area .input-password,
.paychange-main .table-area .input-password {
  margin: 10px 0;
}

/* line 102, ../../app/assets/stylesheets/regist.css.scss */
.account_update-main .table-area {
  border: none;
}

/* line 107, ../../app/assets/stylesheets/regist.css.scss */
.mail-main {
  padding: 10px;
}
/* line 110, ../../app/assets/stylesheets/regist.css.scss */
.mail-main .mail-content-area {
  width: 700px;
  height: 100px;
  margin: 48px auto 20px;
  text-align: center;
}

/* line 118, ../../app/assets/stylesheets/regist.css.scss */
.agree-button-area .one-peace {
  width: 120px;
}

/* line 124, ../../app/assets/stylesheets/regist.css.scss */
.finish-main {
  padding: 10px;
}
/* line 127, ../../app/assets/stylesheets/regist.css.scss */
.finish-main .finish-text {
  font-weight: bold;
}
/* line 131, ../../app/assets/stylesheets/regist.css.scss */
.finish-main .finish-content-area {
  width: 700px;
  height: 100px;
  margin: 50px auto 20px;
  text-align: center;
}

/* line 9, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .page-title {
  font-size: 16px;
}
/* line 12, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .page-title .icon-chevron-right {
  color: #7c7d00;
  margin: 0 10px;
}
/* line 17, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .page-title span {
  font-size: 14px;
}

/* line 23, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main {
  width: 798px;
  background-color: white;
}
/* line 27, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main .mypage-width {
  width: 798px;
  padding: 0;
}
/* line 32, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main .cart-main {
  border: none;
}
/* line 35, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main .cart-main .mypage-left {
  padding-left: 10px;
}
/* line 41, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main .cart-title .second {
  width: 220px;
}
/* line 47, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main .continue-count span {
  width: 100px;
  background-color: #fcf500;
  padding: 5px 20px;
}
/* line 54, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main .button-cancell-area .button-cancell {
  width: 130px;
}
/* line 57, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main .button-cancell-area .icon-remove {
  right: 30px;
  position: static;
}
/* line 62, ../../app/assets/stylesheets/mypage.css.scss */
.recomend-main .noposition {
  position: static;
}

/* line 67, ../../app/assets/stylesheets/mypage.css.scss */
.pagenation-area {
  background-color: #e8e8e8;
  width: 798px;
  border-top: 5px solid #fcf500;
}
/* line 73, ../../app/assets/stylesheets/mypage.css.scss */
.pagenation-area .nowpage {
  padding: 0.618em 8px;
}
/* line 77, ../../app/assets/stylesheets/mypage.css.scss */
.pagenation-area .nowpage span {
  font-size: 14px;
  font-weight: bold;
}

/* line 93, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-nav {
  background-color: #888888;
  width: 198px;
  margin: 0 2px 0 0;
}
/* line 99, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-nav .mypage-side-area {
  margin: 20px 10px 40px 10px;
}
/* line 103, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-nav .mypage-side-area .name a {
  color: white;
  font-weight: bold;
  font-size: 16px;
}
/* line 109, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-nav .mypage-side-area .title {
  margin: 20px 0 0 0;
  color: #165eff;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px dotted white;
}
/* line 116, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-nav .mypage-side-area ul {
  padding-left: 0;
}
/* line 119, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-nav .mypage-side-area ul li {
  list-style: none;
  margin: 10px 0 0 0;
}
/* line 123, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-nav .mypage-side-area ul li a {
  color: white;
}

/* line 134, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .maddress-main {
  width: 798px;
  border: none;
}
/* line 138, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .maddress-main .address {
  width: 515px;
}
/* line 142, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .yellowbk-area {
  margin: 0 0 0 10px;
  padding-top: 1.5em;
}
/* line 148, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .table-area .head {
  width: 195px;
}
/* line 151, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .table-area .newsletter-head {
  text-align: right;
}
/* line 155, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .button-address-area {
  margin: 20px 0 50px 156px;
}
/* line 159, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .section-title, .mypage-wrap .status {
  margin: 0 0 8px 0;
}

/* line 170, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_address-main,
.mypage-wrap .transport_addresschange-main,
.mypage-wrap .paychange-main,
.mypage-wrap .log-main,
.mypage-wrap .maddress-main {
  border: none;
  width: 798px;
}
/* line 174, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_address-main .transport-ul,
.mypage-wrap .transport_addresschange-main .transport-ul,
.mypage-wrap .paychange-main .transport-ul,
.mypage-wrap .log-main .transport-ul,
.mypage-wrap .maddress-main .transport-ul {
  padding-left: 0;
  background: #f3f3f3;
}
/* line 179, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_address-main .transport-ul li,
.mypage-wrap .transport_addresschange-main .transport-ul li,
.mypage-wrap .paychange-main .transport-ul li,
.mypage-wrap .log-main .transport-ul li,
.mypage-wrap .maddress-main .transport-ul li {
  background-color: white;
}
/* line 188, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_address-main .transport-ul .yellowbk-area,
.mypage-wrap .transport_addresschange-main .transport-ul .yellowbk-area,
.mypage-wrap .paychange-main .transport-ul .yellowbk-area,
.mypage-wrap .log-main .transport-ul .yellowbk-area,
.mypage-wrap .maddress-main .transport-ul .yellowbk-area {
  display: block;
}
/* line 190, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_address-main .transport-ul .yellowbk-area,
.mypage-wrap .transport_addresschange-main .transport-ul .yellowbk-area,
.mypage-wrap .paychange-main .transport-ul .yellowbk-area,
.mypage-wrap .log-main .transport-ul .yellowbk-area,
.mypage-wrap .maddress-main .transport-ul .yellowbk-area {
  margin: 1.5em 0 25px 10px;
}
/* line 193, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_address-main .transport-ul .name,
.mypage-wrap .transport_addresschange-main .transport-ul .name,
.mypage-wrap .paychange-main .transport-ul .name,
.mypage-wrap .log-main .transport-ul .name,
.mypage-wrap .maddress-main .transport-ul .name {
  padding: 0 10px 10px 0;
  font-weight: bold;
}
/* line 197, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_address-main .transport-ul .button-address-area,
.mypage-wrap .transport_addresschange-main .transport-ul .button-address-area,
.mypage-wrap .paychange-main .transport-ul .button-address-area,
.mypage-wrap .log-main .transport-ul .button-address-area,
.mypage-wrap .maddress-main .transport-ul .button-address-area {
  margin: 20px 0 0 0;
}
/* line 209, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .detail {
  margin: 0 0 0 10px;
}
/* line 212, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .detail div {
  display: block;
}
/* line 215, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .detail .detail-text {
  margin: 0 auto;
  width: 190px;
}
/* line 220, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .detail .date {
  font-size: 16px;
  font-weight: bold;
}
/* line 224, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .detail .transport {
  font-weight: bold;
}
/* line 227, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .detail .sum {
  color: #ff0057;
}
/* line 231, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .item {
  width: 374px;
}
/* line 234, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .item .item-unit {
  display: block;
}
/* line 241, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .item .continue-caption p, .mypage-wrap .item .continue-caption ul, .mypage-wrap .item .continue-caption ol, .mypage-wrap .item .continue-caption menu, .mypage-wrap .item .continue-caption dl, .mypage-wrap .item .continue-caption table {
  width: 190px;
  margin-left: 10px;
}
/* line 245, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .item .continue-caption p span, .mypage-wrap .item .continue-caption ul span, .mypage-wrap .item .continue-caption ol span, .mypage-wrap .item .continue-caption menu span, .mypage-wrap .item .continue-caption dl span, .mypage-wrap .item .continue-caption table span {
  margin-left: 20px;
}

/* line 255, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_addresschange-main {
  width: 798px;
  border: none;
}
/* line 258, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .transport_addresschange-main .address-data.ordersheet-cell {
  width: 523px;
}

/* line 267, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .paychange-main {
  width: 798px;
  border: none;
  padding: 0;
}
/* line 272, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .paychange-main .transport-ul {
  margin-left: 10px;
}
/* line 275, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .paychange-main .transport-ul li {
  border: none;
}
/* line 279, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .paychange-main ul li span {
  float: none;
}
/* line 283, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .paychange-main ul li .vtop {
  vertical-align: top;
}
/* line 287, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .paychange-main ul li .detail div {
  padding-left: 40px;
}
/* line 291, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .paychange-main ul li .credit-1stbox {
  text-align: center;
}
/* line 298, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .credit-2ndbox {
  width: 365px;
}
/* line 302, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .paychange-title {
  border-top: 2px solid #FCF500;
  border-bottom: 2px solid #FCF500;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
}

/* line 312, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main {
  width: 798px;
  border: none;
}
/* line 316, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .cart-title {
  margin: 0;
  padding: 0;
}
/* line 320, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .cart-title ul li {
  border: none;
}
/* line 323, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .cart-title .null {
  width: 200px;
}
/* line 326, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .cart-title .first {
  width: 352px;
}
/* line 329, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .cart-title .second {
  width: 224px;
}
/* line 334, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .status-box {
  width: 200px;
  text-align: center;
}
/* line 338, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .status-box .name {
  padding: 0;
}
/* line 341, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .status-box .yellowbk-area {
  margin: 5px 10px;
}
/* line 344, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .status-box .yellowbk-area .yellowbk {
  margin: 0 0 0 8px;
}
/* line 347, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .status-box .yellowbk-area .yellowbk span {
  width: 150px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}
/* line 358, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .status-box dl dd {
  margin: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}
/* line 367, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .log-main .finish .yellowbk-area .yellowbk span {
  background-color: white;
  border: 3px solid #c8c8c8;
  color: #c8c8c8;
}

/* line 381, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .index-main .mypage-pointarea {
  height: 40px;
}
/* line 384, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .index-main .mypage-pointarea .first {
  display: inline-block;
  line-height: 40px;
  margin-left: 10px;
}
/* line 389, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .index-main .mypage-pointarea .first span {
  font-size: 18px;
  color: red;
  margin: 0 5px 0 10px;
}
/* line 395, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .index-main .mypage-pointarea .second {
  display: inline-block;
  margin-left: 460px;
  line-height: 40px;
}
/* line 400, ../../app/assets/stylesheets/mypage.css.scss */
.mypage-wrap .index-main .mypage-pointarea .second .icon-question-sign {
  display: inline-block;
}

/* line 409, ../../app/assets/stylesheets/mypage.css.scss */
.check-password {
  border-bottom: none;
  border-top: dotted 1px #2c2c2c;
}

/* line 1, ../../app/assets/stylesheets/coordinate.css.scss */
.nmargin {
  overflow: hidden;
  margin: 0px -2px 0 0;
}

/* line 6, ../../app/assets/stylesheets/coordinate.css.scss */
.bordertopylow {
  border-top: 2px solid #dddddd;
}

/* line 9, ../../app/assets/stylesheets/coordinate.css.scss */
.borderbtmylow {
  border-bottom: 1px solid #dddddd;
}

/* line 16, ../../app/assets/stylesheets/coordinate.css.scss */
.coordinate-bigr-unit,
.coordinate-bigl-unit,
.coordinate-nobig-unit {
  clear: both;
}

/* line 20, ../../app/assets/stylesheets/coordinate.css.scss */
.coordinate-bigr-unit,
.coordinate-bigl-unit {
  height: 750px;
}

/* line 23, ../../app/assets/stylesheets/coordinate.css.scss */
.coordinate-nobig-unit {
  height: 373px;
}

/* line 29, ../../app/assets/stylesheets/coordinate.css.scss */
.coordinate-bigr-unit div,
.coordinate-nobig-unit div {
  margin: 2px 2px 0 0;
}
/* line 36, ../../app/assets/stylesheets/coordinate.css.scss */
.coordinate-bigr-unit .smalll,
.coordinate-nobig-unit .smalll {
  height: 373px;
}

/* line 43, ../../app/assets/stylesheets/coordinate.css.scss */
.coordinate-bigl-unit div {
  margin: 2px 2px 0 0;
}
/* line 50, ../../app/assets/stylesheets/coordinate.css.scss */
.coordinate-bigl-unit .smallr {
  height: 373px;
}

/* line 3, ../../app/assets/stylesheets/feature.css.scss */
.pgcenter {
  width: 250px;
  margin: 0 auto;
  display: block;
}

/* line 9, ../../app/assets/stylesheets/feature.css.scss */
.feature-nobig-unit {
  margin: 0 -2px 0 0;
}
/* line 11, ../../app/assets/stylesheets/feature.css.scss */
.feature-nobig-unit .item {
  width: 330px;
  height: 198px;
  border-right: 3px solid #f5f5f5;
  border-bottom: 3px solid #f5f5f5;
}

/* line 20, ../../app/assets/stylesheets/feature.css.scss */
.big-banner {
  border-top: 3px solid #2c2c2c;
  background-color: #ffffff;
}

/* line 25, ../../app/assets/stylesheets/feature.css.scss */
.feature-title {
  border-top: 3px solid #2c2c2c;
  font-size: 21px;
  padding: 10px 0 0 10px;
}

/* line 31, ../../app/assets/stylesheets/feature.css.scss */
.p-caption {
  padding: 0 0 10px 10px;
}

/* line 5, ../../app/assets/stylesheets/rankings.css.scss */
.top5 {
  overflow: hidden;
  padding: 0 0 16px 0;
}
/* line 11, ../../app/assets/stylesheets/rankings.css.scss */
.top5 li {
  overflow: hidden;
  margin: 0 12px;
}
/* line 15, ../../app/assets/stylesheets/rankings.css.scss */
.top5 li a.item {
  display: block;
}
/* line 21, ../../app/assets/stylesheets/rankings.css.scss */
.top5 li a.item .brand-name,
.top5 li a.item .favorite-stats,
.top5 li a.item .price {
  color: #383838;
}
/* line 29, ../../app/assets/stylesheets/rankings.css.scss */
.top5[start="2"] a, .top5[start="4"] a {
  display: block;
}
/* line 34, ../../app/assets/stylesheets/rankings.css.scss */
.top5 .rank > div {
  position: relative;
  top: 5px;
  left: 5px;
}

/* line 41, ../../app/assets/stylesheets/rankings.css.scss */
.brand-icon {
  margin: 0 4px 4px 4px;
}

/* line 45, ../../app/assets/stylesheets/rankings.css.scss */
.rank {
  margin: 0 0 4px 0;
}
/* line 48, ../../app/assets/stylesheets/rankings.css.scss */
.rank.top3 {
  background: #2c2c2c;
}
/* line 51, ../../app/assets/stylesheets/rankings.css.scss */
.rank.top3.first {
  float: left;
  width: 72px;
  height: 72px;
}
/* line 61, ../../app/assets/stylesheets/rankings.css.scss */
.rank.second, .rank.third, .rank.fourth, .rank.fifth {
  width: 48px;
  height: 48px;
}
/* line 67, ../../app/assets/stylesheets/rankings.css.scss */
.rank.fourth, .rank.fifth {
  background-color: #888888;
}

/* line 72, ../../app/assets/stylesheets/rankings.css.scss */
.summury.ranking {
  /*float: left;*/
  overflow: hidden;
  width: 166px;
  padding: 0 4px;
  font-size: 12px;
}
/* line 78, ../../app/assets/stylesheets/rankings.css.scss */
.summury.ranking.first {
  width: auto;
}
/* line 82, ../../app/assets/stylesheets/rankings.css.scss */
.summury.ranking .brand-name {
  line-height: 24px;
}
/* line 85, ../../app/assets/stylesheets/rankings.css.scss */
.summury.ranking .brand-name.first {
  line-height: 32px;
}
/* line 90, ../../app/assets/stylesheets/rankings.css.scss */
.summury.ranking .item-name {
  clear: left;
  font-size: 16px;
}
/* line 94, ../../app/assets/stylesheets/rankings.css.scss */
.summury.ranking .item-name.first {
  font-size: 24px;
}
/* line 99, ../../app/assets/stylesheets/rankings.css.scss */
.summury.ranking .button.favorite {
  margin-top: 8px;
}

/* line 1, ../../app/assets/stylesheets/help.css.scss */
.continue-head-p {
  background-color: white;
  margin: 0;
  padding: 0 0 10px 10px;
}

/* line 7, ../../app/assets/stylesheets/help.css.scss */
.static-section-title {
  margin: 32px 0 20px 0;
}

/* line 12, ../../app/assets/stylesheets/help.css.scss */
.small-head {
  margin: 16px 0 16px 0;
}

/* line 17, ../../app/assets/stylesheets/help.css.scss */
.static-h2,
.static-h3 {
  margin: 50px 0 20px;
}

/* line 23, ../../app/assets/stylesheets/help.css.scss */
.a-block a {
  display: block;
}

/* line 28, ../../app/assets/stylesheets/help.css.scss */
.help-wrap {
  padding: 0 50px;
}
/* line 31, ../../app/assets/stylesheets/help.css.scss */
.help-wrap .helpbutton {
  background-color: #fcf500;
  border: none;
  color: black;
  width: 200px;
  margin: 10px auto 0;
  display: block;
  text-align: center;
}
/* line 41, ../../app/assets/stylesheets/help.css.scss */
.help-wrap h2.yellowbk {
  margin: 80px 0 0 0;
}

/* line 46, ../../app/assets/stylesheets/help.css.scss */
.help-nav {
  background-color: black;
  width: 198px;
  margin: 0 2px 0 0;
}
/* line 52, ../../app/assets/stylesheets/help.css.scss */
.help-nav .help-side-area {
  margin: 20px 10px 40px 10px;
}
/* line 55, ../../app/assets/stylesheets/help.css.scss */
.help-nav .help-side-area .title {
  margin: 20px 0 0 0;
  color: #38ceff;
  font-weight: bold;
  border-bottom: 1px dotted white;
}
/* line 62, ../../app/assets/stylesheets/help.css.scss */
.help-nav .help-side-area ul {
  padding-left: 0;
}
/* line 65, ../../app/assets/stylesheets/help.css.scss */
.help-nav .help-side-area ul li {
  list-style: none;
  margin: 10px 0 0 0;
}
/* line 69, ../../app/assets/stylesheets/help.css.scss */
.help-nav .help-side-area ul li a {
  color: white;
}

/* line 81, ../../app/assets/stylesheets/help.css.scss */
.payment-detail-main ul {
  background-color: #E8E8E8;
  padding: 30px;
  width: 500px;
}
/* line 85, ../../app/assets/stylesheets/help.css.scss */
.payment-detail-main ul li {
  list-style: none;
  font-size: 14px;
  margin: 15px 0;
  font-weight: bold;
  border-bottom: 1px dotted #fff;
  padding: 5px 0;
}

/* line 3, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .brand-title,
.title-wrap .brand-title {
  background-color: #e8e8e8;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 0;
}
/* line 11, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .pagenation,
.title-wrap .pagenation {
  background-color: white;
}
/* line 14, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .pagenation .brandpgntion,
.title-wrap .pagenation .brandpgntion {
  width: 75%;
}
/* line 17, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .pagenation .brandpgntion div,
.title-wrap .pagenation .brandpgntion div {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  margin: 0 5px;
  width: 10px;
}
/* line 24, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .pagenation .brandpgntion div:first-child,
.title-wrap .pagenation .brandpgntion div:first-child {
  width: 65px;
}
/* line 30, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .brand-unit,
.title-wrap .brand-unit {
  background-color: #fcf500;
  padding: 0;
  margin: 0;
}
/* line 35, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .brand-unit li,
.title-wrap .brand-unit li {
  list-style: none;
  margin: 0 -1px -4px 0;
  width: 198px;
  height: 198px;
  text-align: center;
  background-color: white;
  display: inline-table;
}
/* line 44, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .brand-unit li div,
.title-wrap .brand-unit li div {
  width: 198px;
  height: 150px;
  display: table-cell;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
/* line 52, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .brand-unit li div img,
.title-wrap .brand-unit li div img {
  vertical-align: middle;
}
/* line 56, ../../app/assets/stylesheets/brand.css.scss */
.brand-wrap .brand-unit li a,
.title-wrap .brand-unit li a {
  display: block;
}

/* line 64, ../../app/assets/stylesheets/brand.css.scss */
.title-header .brand-logo {
  float: left;
  margin: 16px;
  border: 1px solid #ccc;
  padding: 5px;
}
/* line 68, ../../app/assets/stylesheets/brand.css.scss */
.title-header .brandname {
  margin: 16px 16px 8px 16px;
  color: black;
  font-size: 20px;
}
/* line 73, ../../app/assets/stylesheets/brand.css.scss */
.title-header .summury {
  margin: 8px 16px;
  font-size: 12px;
  line-height: 20px;
}

/* line 80, ../../app/assets/stylesheets/brand.css.scss */
.bordertopblk {
  border-top: 3px solid #2C2C2C;
}

/* line 4, ../../app/assets/stylesheets/legals.css.scss */
.service_info {
  margin-bottom: 2px;
}

/* line 1, ../../app/assets/stylesheets/age_alert.css.scss */
.age_alert {
  text-align: center;
}
/* line 4, ../../app/assets/stylesheets/age_alert.css.scss */
.age_alert h1 {
  background: black;
  line-height: 2;
  margin: 0 0 32px 0;
  color: #fcf500;
  font-size: 24px;
}
/* line 12, ../../app/assets/stylesheets/age_alert.css.scss */
.age_alert p, .age_alert ul, .age_alert ol, .age_alert menu, .age_alert dl, .age_alert table {
  font-size: 14px;
}
/* line 14, ../../app/assets/stylesheets/age_alert.css.scss */
.age_alert .horizontal-menu {
  margin-top: 32px;
}

/* line 1, ../../app/assets/stylesheets/static.css.scss */
.static-cnt-wrap {
  padding: 0 40px 50px 40px;
}

/* coupon */
.coupon-title {
    border-left: solid 3px #000;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 14px;
}
.coupon {
    border: solid 2px #f3f3f3;
    padding: 10px 10px 40px;
}
.coupon .coupon-code {
    margin: 40px 0px 20px;
}
.coupon .coupon-code .form-title,
.coupon .coupon-code .coupon-info .form-title2 {
    float: left;
    width: 50px;
    padding-top: 8px;
}
.coupon .coupon-code .coupon-info .form-title2 {
    padding-top: 0px;
}
.coupon .coupon-code .text-form,
.coupon .coupon-code .text-form-error {
    float: left;
    width: 320px;
}
.coupon .coupon-code .text-form-error {
    background: #fee;
}
.coupon .coupon-code .text-form-error:focus {
    background: #fff;
}
.coupon .coupon-code .example {
    float: left;
    width: 320px;
    margin-left: 20px;
    padding-top: 8px;
}
.coupon .coupon-code .coupon-info {
    margin-bottom: 20px;
}
.coupon .coupon-code .coupon-info .code {
    width: 480px;
    float: left;
    font-weight: bold;
}
.coupon .coupon-code .coupon-info .price {
    width: 80px;
    float: left;
    margin-left: 20px;
}
.coupon .coupon-code .coupon-info .cancel-coupon {
    width: 100px;
    float: left;
    margin-top: -2px;
}
.coupon .attention,
.coupon .error {
    margin-left: 50px;
}
.coupon .error {
    color: #f00;
    font-weight: bold;
}
.submit-coupon {
    text-align: center;
    height: 82px;
    background: #f3f3f3;
    border-bottom: solid 2px #fcf500;
    padding-top: 16px;
}

.popular-title {
    margin-bottom: 10px;
}
.popular-title img {
    margin: 0px;
    display: block;
}
.popular-title .name {
    font-weight: bold;
    margin: 2px 0px;
}
.popular-title .ranking a,
.popular-title .main,
.popular-title .coordinate,
.popular-title .ranking,
.popular-title .ranking .first-rank,
.popular-title .ranking .other-rank {
    float: left;
}
.popular-title .main,
.popular-title .coordinate,
.popular-title .ranking {
    margin: 0px 5px;
}
.popular-title .main {
    width: 110px;
}

.popular-title .main > a > img {
    border: 1px solid #ededed;
}
.popular-title .coordinate {
    width: 150px;
}
.popular-title .ranking {
    width: 308px;
}
.popular-title .ranking a {
    position: relative;
    display: block;
}
.popular-title .ranking .first-rank {
    width: 150px;
}
.popular-title .ranking .other-rank {
    width: 156px;
}
.popular-title .ranking .other-rank a {
    width: 74px;
    height: 112px;
    margin: 0px 0px 0px 1px;
}



#cart .contents.auth {
    width: 870px;
    height: 900px;
    float: left;
}

#cart .login-formarea {
    float: left;
}

#cart .login-formarea:nth-of-type(1) {
    margin-right: 33px;
    padding-right: 33px;
    border-right: 1px solid #2c2c2c;
}

#cart .login-formarea .beginner {
    width: 396px;
    height: 105px;
    margin: 8px 0;
    font-size: 26px;
    padding: 0;
}

#cart h1.login-title {
    font-size: 19px;
}

#cart .input-main .table-area {
  margin: 0;
}

.field_complete input[type='text'],
.field_complete.radio-input,
.field_complete input[type='email'],
.field_complete input[type='password'],
.field_complete select
 {
  -webkit-box-shadow: inset 0 0 0 2px #5cb85c;
  -moz-box-shadow: inset 0 0 0 2px #5cb85c;
  box-shadow: inset 0 0 0 2px #5cb85c;
}
.field_complete.radio-input {
    padding: 5px;
}

#cart .order-step ul, .order-step ul li span {
    color: #aaaaaa;
}

#cart .onpage, .order-step ul li.onpage span {
  color: #ffffff;
}

#cart .order-step ul li .icon-chevron-right {
  color: #aaaaaa;
}

#cart .onpage {
    font-weight: bold;
    background: #2c2c2c;
    border: 1px solid #2c2c2c;
    border-radius: 2px;
    color: #ffffff;
    padding: 5px;
}

#cart .slideToggle {
  display: none;
}
#cart .address-title span {
  cursor: pointer;
  padding-left: 10px;
  vertical-align: middle;
}

#cart .notice {
    background: #ce0000;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
    color: #ffffff;
    padding: 20px;
    font-size: 14px;
}
#cart .notice div:nth-of-type(1) {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 30px;
}

#cart .notice div:nth-of-type(2) {
    width: 785px;
    margin: 0 auto;
}

#cart .notice div:nth-of-type(1) span {
  font-size:21px;
  line-height:31px;
}

#cart .totalprice {
    padding: 16px;
    display: inline-block;
    vertical-align: top;
    width: 170px;
}

#cart div.pricearea div.totalprice {
    margin-left: 50px;
}

#cart .totalprice:nth-of-type(1) {
    font-size: 18px;
}
#cart div.pricearea div.totalprice:nth-of-type(2) {
    margin-left: 0;
}

#cart .pricearea {
    text-align:right;
}

#cart .cart-main .sumbox {
    border-top: 2px solid #2c2c2c;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

#cart .cart-main .sumbox div {
    margin: 0;
    background: #f1f1f1;
}

#cart .cart-main .continue-caption {
    width: 280px;
    padding-left: 10px;
}

#cart .cart-main ul li div {
    width: 153px;
}



/* 新しいボタン用のCSS 2014/01/26 */
#cart .goto-top:hover,
#cart .btn-login:hover,
#cart .btn-entry:hover,
#cart .btn-payment:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
#cart .btn-back {
    margin-bottom: 2px;
}

#cart .goto-top {
    margin: 30px 0px 20px;
}

#cart .slider.unit6 .item {
    background: #fff;
}

#cart .btn-area-login {
    background: #fff;
    width: 234px;
    height: 58px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

#cart .btn-area-entry {
    background: #fff;
    width: 390px;
    height: 99px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}


/* メルマガ登録フォーム用のCSS 2013/02/07 */
.mailmaga-wrap h3 {
    margin-bottom: 20px;
}
.mailmaga-wrap dt {
    margin: 5px 0px;
}
.mailmaga-wrap input[type="text"] {
    margin-left: 5px;
}

.mailmaga-register {
    padding: 0px 3px 3px;
}
.mailmaga-register ul {
    background: #fff;
}
.mailmaga-register ul .info {
    background: url(../img/background/bg_ml.png) no-repeat 110px 10px;
    font-weight: bold;
}
.mailmaga-register input[type="text"] {
    width: 155px;
    height: 10px;
}

.bread_crumb, .banners, .content-aside {
    background: #ffffff !important;
}

html, body {
    height: 100%;
}

.basement {
    background: #eeeeee;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
}

.category-nav {
    background: #eeeeee;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
}

#welcome_banners {
    border:1px solid #eeeeee;
}

.restore {
    background: #38ceff;
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    padding: 3px 3px 2px;
    font-size: 12px;
    margin: 2px 0 5px;
}

/* --------------404--------------- */
.notfound {
    border: #2c2c2c 2px solid;
    padding: 40px 0;
    width: 598px;
    margin: 30px auto;
}

.notfound h2 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 10px;
}

.notfound p {
    text-align: center;
    font-size: 14px;
    line-height: 2em;
}

.notfound > div {
    text-align: center;
    margin-top: 20px;
}

.notfound > div > a {
    display: inline-block;
    background-color: #2c2c2c;
    padding: 8px 25px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.notfound > div > a:hover {
    opacity: 0.8;
}

/* 2015/12/17 追加　堀部 */
a.totop_feature {
  border: 1px solid #3c3c36;
  border-radius: 6px;
  font-size: 15px;
  color: #3c3c36;
  text-align: center;
  padding: 12px 0 10px;
  width: 60%;
  margin: 0 auto 15px;
  display: block;
  text-decoration: none;
}

a.totop_feature i {
  background: url(//www.super-groupies.com/user_data/packages/sphone/img/icon_totop.png);
  width: 26px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: auto 100%;
  margin: 0px 10px 3px 0;
}

a.totop_feature:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/**
 * 20161018 ac addthis
 */
.addthis_button_facebook_like,
.addthis_button_google_plusone,
.addthis_button_tweet
{
    width: auto !important;
}
.addthis_button_google_plusone {
    margin: auto 6px;
}


/* .p-itemOrderInfo */
.p-itemOrderInfo {
  background-color: #f3f3f3;
  line-height: 1.2em;
  padding: 10px;
}

@media (min-width: 988px) {
  .p-itemOrderInfo {
    margin: 0 0 10px;
  }
}

.p-itemOrderInfo__buildToOrder {
  color: #b00;
  font-size: 1rem;
  display: flex;
}

@media (min-width: 640px) {
  .p-itemOrderInfo__buildToOrder {
    margin-top: 0;
  }
}

.p-itemOrderInfo__fa {
  color: #b00;
  font-size: 1.5rem;
  font-family: FontAwesome;
  margin-top: 2px;
  margin-right: 2px;
}

.p-itemOrderInfo__message {
  font-size: 1.1rem;
  margin: 10px 0 0;
}

.p-itemOrderInfo__title {
  display: block;
  font-weight: bold;
  font-size: .9rem;
  margin-bottom: 5px;
}

@media (min-width: 988px) {
  .p-itemOrderInfo__title {
    display: inline;
    font-size: .8rem;
  }
}

.p-itemOrderInfo__supplement {
  font-size: .75rem;
  color: #666;
  margin: 5px 0;
  display: block;
  margin-left: 5.75rem;
}

@media (min-width: 988px) {
  .p-itemOrderInfo__supplement {
    margin-left: 5.75rem;
  }
}

.p-itemOrderInfo__supplement:before {
  content: '※';
  font-size: 1rem;
  margin-right: 2px;
  margin-left: -1rem;
}

/* .f-c-notice */
.f-c-notice {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  font-size: 14px;
  flex-direction: row;
  flex-wrap: wrap;
  line-height: 1.4em;
  margin-top: 10px;
  margin-bottom: 10px;
}

.f-c-notice__item {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin: 0 auto 10px;
  max-width: calc(100% - 20px);
  position: relative;
  box-sizing: border-box;
}

@media (min-width: 988px) {
  .f-c-notice__item {
    flex-basis: 49%;
    margin: 5px 4px 5px 5px;
    max-width: calc(50% - 10px);
  }
  .f-c-notice__item:first-child:nth-last-child(1) {
    margin: auto !important;
    max-width: 60%;
    flex-basis: auto;
  }
  .f-c-notice__item:first-child:nth-last-child(1) img {
    max-height: 280px;
  }
}

.f-c-notice__item-anchor {
  text-decoration: none !important;
}

.f-c-notice__img {
  max-height: 160px;
  width: 100%;
  object-fit: cover;
  vertical-align: top;
}

.f-c-notice__title {
  padding: 5px 10px;
  color: #000;
  font-size: .9em;
  line-height: 1.8em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.f-c-notice__check {
  background-color: #37ceb4;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 10px;
  padding: 10px;
  width: 12em;
}

/* .f-c-notice */
.f-c-notice {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  font-size: 14px;
  flex-direction: row;
  flex-wrap: wrap;
  line-height: 1.4em;
  margin-top: 10px;
  margin-bottom: 10px;
}

.f-c-notice__item {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin: 0 auto 10px;
  max-width: calc(100% - 20px);
  position: relative;
  box-sizing: border-box;
}

@media (min-width: 988px) {
  .f-c-notice__item {
    flex-basis: 49%;
    margin: 5px 4px 5px 5px;
    max-width: calc(50% - 10px);
  }
  .f-c-notice__item:first-child:nth-last-child(1) {
    margin: auto;
    max-width: 60%;
  }
  .f-c-notice__item:first-child:nth-last-child(1) img {
    max-height: 280px;
  }
}

.f-c-notice__item-anchor {
  text-decoration: none;
}

.f-c-notice__img {
  max-height: 160px;
  width: 100%;
  object-fit: cover;
  vertical-align: top;
}

.f-c-notice__title {
  padding: 5px 10px;
  color: #000;
  font-size: .9em;
  line-height: 1.8em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.f-c-notice__check {
  background-color: #37ceb4;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 10px;
  padding: 10px;
  width: 12em;
}

/* itemDetailページ用追加修正*/
.item-details .item-belongs-to {
  float: left;
  margin-bottom: .5em;
}
.item-details header {
  content: '';
  clear: both;
  display: block;
  padding-bottom: 10px;
}
.item-details header:after {
  content: '';
  clear: both;
  display: block;
}
.p-itemDetail__price {
  margin-top: 8px;
  float: right;
  color: #333;
}
.p-itemDetail__price .price {
  text-align: right;
  display: block;
  font-size: 28px;
  margin: 0;
  letter-spacing: -1px;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.p-itemDetail__shippingFee {
  color: #c00;
  font-size: .9rem;
}
.item-details header p .price .tax {
  font-weight: normal;
  font-size: .5em;
}
.item-details .favorites {
  margin-top: 8px;
  padding-top: 16px;
  border-top: dotted 1px #2c2c2c
}
.item-details .social-btns {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.p-itemDetail__contentsTitle {
  display: inline-block;
  max-width: 160px;
}
.p-itemDetail__description {
  font-size: .82rem;
  line-height: 1.4em;
  margin: 1em 0;
}
.p-itemDetail__supplement {
  color: #444;
  font-size: .75rem;
  padding: 5px 0;
  border-top: dotted 1px #999;
}
.p-itemDetail__supplementParagraf {
  margin: 5px;
}
.p-itemDetail__supplementList {
  margin: 0;
  padding: 0 0.5rem;
}
.p-itemDetail__supplementListItem {
  font-size: 0.8rem;
  list-style-type: none;
  margin: 0.5rem 0;
  padding-left: 1em;
  text-indent: -1em;
}
.p-itemDetail__manufactureInfo {
  background-color: #f3f3f3;
  border: 1px solid #e6e6e6;
  color: #444;
  font-size: .7rem;
  padding: 10px;
  margin: 0;
}