@charset "UTF-8";
@media screen and (max-width: 767px) { .col-xs-1.col-xs-fix, .col-sm-1.col-xs-fix, .col-md-1.col-xs-fix, .col-lg-1.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-1.col-xs-fix:first-child, .row > .col-xs-1.col-xs-fix.col-xs-fix-left, .row > .col-sm-1.col-xs-fix:first-child, .row > .col-sm-1.col-xs-fix.col-xs-fix-left, .row > .col-md-1.col-xs-fix:first-child, .row > .col-md-1.col-xs-fix.col-xs-fix-left, .row > .col-lg-1.col-xs-fix:first-child, .row > .col-lg-1.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-1.col-xs-fix:last-child, .row > .col-xs-1.col-xs-fix.col-xs-fix-right, .row > .col-sm-1.col-xs-fix:last-child, .row > .col-sm-1.col-xs-fix.col-xs-fix-right, .row > .col-md-1.col-xs-fix:last-child, .row > .col-md-1.col-xs-fix.col-xs-fix-right, .row > .col-lg-1.col-xs-fix:last-child, .row > .col-lg-1.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-2.col-xs-fix, .col-sm-2.col-xs-fix, .col-md-2.col-xs-fix, .col-lg-2.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-2.col-xs-fix:first-child, .row > .col-xs-2.col-xs-fix.col-xs-fix-left, .row > .col-sm-2.col-xs-fix:first-child, .row > .col-sm-2.col-xs-fix.col-xs-fix-left, .row > .col-md-2.col-xs-fix:first-child, .row > .col-md-2.col-xs-fix.col-xs-fix-left, .row > .col-lg-2.col-xs-fix:first-child, .row > .col-lg-2.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-2.col-xs-fix:last-child, .row > .col-xs-2.col-xs-fix.col-xs-fix-right, .row > .col-sm-2.col-xs-fix:last-child, .row > .col-sm-2.col-xs-fix.col-xs-fix-right, .row > .col-md-2.col-xs-fix:last-child, .row > .col-md-2.col-xs-fix.col-xs-fix-right, .row > .col-lg-2.col-xs-fix:last-child, .row > .col-lg-2.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-3.col-xs-fix, .col-sm-3.col-xs-fix, .col-md-3.col-xs-fix, .col-lg-3.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-3.col-xs-fix:first-child, .row > .col-xs-3.col-xs-fix.col-xs-fix-left, .row > .col-sm-3.col-xs-fix:first-child, .row > .col-sm-3.col-xs-fix.col-xs-fix-left, .row > .col-md-3.col-xs-fix:first-child, .row > .col-md-3.col-xs-fix.col-xs-fix-left, .row > .col-lg-3.col-xs-fix:first-child, .row > .col-lg-3.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-3.col-xs-fix:last-child, .row > .col-xs-3.col-xs-fix.col-xs-fix-right, .row > .col-sm-3.col-xs-fix:last-child, .row > .col-sm-3.col-xs-fix.col-xs-fix-right, .row > .col-md-3.col-xs-fix:last-child, .row > .col-md-3.col-xs-fix.col-xs-fix-right, .row > .col-lg-3.col-xs-fix:last-child, .row > .col-lg-3.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-4.col-xs-fix, .col-sm-4.col-xs-fix, .col-md-4.col-xs-fix, .col-lg-4.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-4.col-xs-fix:first-child, .row > .col-xs-4.col-xs-fix.col-xs-fix-left, .row > .col-sm-4.col-xs-fix:first-child, .row > .col-sm-4.col-xs-fix.col-xs-fix-left, .row > .col-md-4.col-xs-fix:first-child, .row > .col-md-4.col-xs-fix.col-xs-fix-left, .row > .col-lg-4.col-xs-fix:first-child, .row > .col-lg-4.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-4.col-xs-fix:last-child, .row > .col-xs-4.col-xs-fix.col-xs-fix-right, .row > .col-sm-4.col-xs-fix:last-child, .row > .col-sm-4.col-xs-fix.col-xs-fix-right, .row > .col-md-4.col-xs-fix:last-child, .row > .col-md-4.col-xs-fix.col-xs-fix-right, .row > .col-lg-4.col-xs-fix:last-child, .row > .col-lg-4.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-5.col-xs-fix, .col-sm-5.col-xs-fix, .col-md-5.col-xs-fix, .col-lg-5.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-5.col-xs-fix:first-child, .row > .col-xs-5.col-xs-fix.col-xs-fix-left, .row > .col-sm-5.col-xs-fix:first-child, .row > .col-sm-5.col-xs-fix.col-xs-fix-left, .row > .col-md-5.col-xs-fix:first-child, .row > .col-md-5.col-xs-fix.col-xs-fix-left, .row > .col-lg-5.col-xs-fix:first-child, .row > .col-lg-5.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-5.col-xs-fix:last-child, .row > .col-xs-5.col-xs-fix.col-xs-fix-right, .row > .col-sm-5.col-xs-fix:last-child, .row > .col-sm-5.col-xs-fix.col-xs-fix-right, .row > .col-md-5.col-xs-fix:last-child, .row > .col-md-5.col-xs-fix.col-xs-fix-right, .row > .col-lg-5.col-xs-fix:last-child, .row > .col-lg-5.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-6.col-xs-fix, .col-sm-6.col-xs-fix, .col-md-6.col-xs-fix, .col-lg-6.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-6.col-xs-fix:first-child, .row > .col-xs-6.col-xs-fix.col-xs-fix-left, .row > .col-sm-6.col-xs-fix:first-child, .row > .col-sm-6.col-xs-fix.col-xs-fix-left, .row > .col-md-6.col-xs-fix:first-child, .row > .col-md-6.col-xs-fix.col-xs-fix-left, .row > .col-lg-6.col-xs-fix:first-child, .row > .col-lg-6.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-6.col-xs-fix:last-child, .row > .col-xs-6.col-xs-fix.col-xs-fix-right, .row > .col-sm-6.col-xs-fix:last-child, .row > .col-sm-6.col-xs-fix.col-xs-fix-right, .row > .col-md-6.col-xs-fix:last-child, .row > .col-md-6.col-xs-fix.col-xs-fix-right, .row > .col-lg-6.col-xs-fix:last-child, .row > .col-lg-6.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-7.col-xs-fix, .col-sm-7.col-xs-fix, .col-md-7.col-xs-fix, .col-lg-7.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-7.col-xs-fix:first-child, .row > .col-xs-7.col-xs-fix.col-xs-fix-left, .row > .col-sm-7.col-xs-fix:first-child, .row > .col-sm-7.col-xs-fix.col-xs-fix-left, .row > .col-md-7.col-xs-fix:first-child, .row > .col-md-7.col-xs-fix.col-xs-fix-left, .row > .col-lg-7.col-xs-fix:first-child, .row > .col-lg-7.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-7.col-xs-fix:last-child, .row > .col-xs-7.col-xs-fix.col-xs-fix-right, .row > .col-sm-7.col-xs-fix:last-child, .row > .col-sm-7.col-xs-fix.col-xs-fix-right, .row > .col-md-7.col-xs-fix:last-child, .row > .col-md-7.col-xs-fix.col-xs-fix-right, .row > .col-lg-7.col-xs-fix:last-child, .row > .col-lg-7.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-8.col-xs-fix, .col-sm-8.col-xs-fix, .col-md-8.col-xs-fix, .col-lg-8.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-8.col-xs-fix:first-child, .row > .col-xs-8.col-xs-fix.col-xs-fix-left, .row > .col-sm-8.col-xs-fix:first-child, .row > .col-sm-8.col-xs-fix.col-xs-fix-left, .row > .col-md-8.col-xs-fix:first-child, .row > .col-md-8.col-xs-fix.col-xs-fix-left, .row > .col-lg-8.col-xs-fix:first-child, .row > .col-lg-8.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-8.col-xs-fix:last-child, .row > .col-xs-8.col-xs-fix.col-xs-fix-right, .row > .col-sm-8.col-xs-fix:last-child, .row > .col-sm-8.col-xs-fix.col-xs-fix-right, .row > .col-md-8.col-xs-fix:last-child, .row > .col-md-8.col-xs-fix.col-xs-fix-right, .row > .col-lg-8.col-xs-fix:last-child, .row > .col-lg-8.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-9.col-xs-fix, .col-sm-9.col-xs-fix, .col-md-9.col-xs-fix, .col-lg-9.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-9.col-xs-fix:first-child, .row > .col-xs-9.col-xs-fix.col-xs-fix-left, .row > .col-sm-9.col-xs-fix:first-child, .row > .col-sm-9.col-xs-fix.col-xs-fix-left, .row > .col-md-9.col-xs-fix:first-child, .row > .col-md-9.col-xs-fix.col-xs-fix-left, .row > .col-lg-9.col-xs-fix:first-child, .row > .col-lg-9.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-9.col-xs-fix:last-child, .row > .col-xs-9.col-xs-fix.col-xs-fix-right, .row > .col-sm-9.col-xs-fix:last-child, .row > .col-sm-9.col-xs-fix.col-xs-fix-right, .row > .col-md-9.col-xs-fix:last-child, .row > .col-md-9.col-xs-fix.col-xs-fix-right, .row > .col-lg-9.col-xs-fix:last-child, .row > .col-lg-9.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-10.col-xs-fix, .col-sm-10.col-xs-fix, .col-md-10.col-xs-fix, .col-lg-10.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-10.col-xs-fix:first-child, .row > .col-xs-10.col-xs-fix.col-xs-fix-left, .row > .col-sm-10.col-xs-fix:first-child, .row > .col-sm-10.col-xs-fix.col-xs-fix-left, .row > .col-md-10.col-xs-fix:first-child, .row > .col-md-10.col-xs-fix.col-xs-fix-left, .row > .col-lg-10.col-xs-fix:first-child, .row > .col-lg-10.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-10.col-xs-fix:last-child, .row > .col-xs-10.col-xs-fix.col-xs-fix-right, .row > .col-sm-10.col-xs-fix:last-child, .row > .col-sm-10.col-xs-fix.col-xs-fix-right, .row > .col-md-10.col-xs-fix:last-child, .row > .col-md-10.col-xs-fix.col-xs-fix-right, .row > .col-lg-10.col-xs-fix:last-child, .row > .col-lg-10.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-11.col-xs-fix, .col-sm-11.col-xs-fix, .col-md-11.col-xs-fix, .col-lg-11.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-11.col-xs-fix:first-child, .row > .col-xs-11.col-xs-fix.col-xs-fix-left, .row > .col-sm-11.col-xs-fix:first-child, .row > .col-sm-11.col-xs-fix.col-xs-fix-left, .row > .col-md-11.col-xs-fix:first-child, .row > .col-md-11.col-xs-fix.col-xs-fix-left, .row > .col-lg-11.col-xs-fix:first-child, .row > .col-lg-11.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-11.col-xs-fix:last-child, .row > .col-xs-11.col-xs-fix.col-xs-fix-right, .row > .col-sm-11.col-xs-fix:last-child, .row > .col-sm-11.col-xs-fix.col-xs-fix-right, .row > .col-md-11.col-xs-fix:last-child, .row > .col-md-11.col-xs-fix.col-xs-fix-right, .row > .col-lg-11.col-xs-fix:last-child, .row > .col-lg-11.col-xs-fix.col-xs-fix-right { padding-right: 15px; }
  .col-xs-12.col-xs-fix, .col-sm-12.col-xs-fix, .col-md-12.col-xs-fix, .col-lg-12.col-xs-fix { padding-right: 0px; padding-left: 0px; }
  .row > .col-xs-12.col-xs-fix:first-child, .row > .col-xs-12.col-xs-fix.col-xs-fix-left, .row > .col-sm-12.col-xs-fix:first-child, .row > .col-sm-12.col-xs-fix.col-xs-fix-left, .row > .col-md-12.col-xs-fix:first-child, .row > .col-md-12.col-xs-fix.col-xs-fix-left, .row > .col-lg-12.col-xs-fix:first-child, .row > .col-lg-12.col-xs-fix.col-xs-fix-left { padding-left: 15px; }
  .row > .col-xs-12.col-xs-fix:last-child, .row > .col-xs-12.col-xs-fix.col-xs-fix-right, .row > .col-sm-12.col-xs-fix:last-child, .row > .col-sm-12.col-xs-fix.col-xs-fix-right, .row > .col-md-12.col-xs-fix:last-child, .row > .col-md-12.col-xs-fix.col-xs-fix-right, .row > .col-lg-12.col-xs-fix:last-child, .row > .col-lg-12.col-xs-fix.col-xs-fix-right { padding-right: 15px; } }
@media screen and (max-width: 767px) { .input-group .form-control { padding-left: 3px; padding-right: 3px; } }
.text-underline { text-decoration: underline; }

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

.bg-dark { background-color: #282428; color: #fff; }

.color-title { color: #E60010; }

.bg-title { background-color: #E60010; color: #fff; }

.bg-dark { background-color: #282428; color: #fff; }

.bg-notice { background-color: #1BBC9B; color: #fff; }

.color-success { color: #1BBC9B; }

.color-required { color: #FF0000; }

div.box-center { display: table-cell; vertical-align: middle; text-align: center; }

.form-label { line-height: 22px; vertical-align: middle; }

.contents-header h1, .contents-header h2, .contents-header h3, .contents-footer h1, .contents-footer h2, .contents-footer h3 { margin-top: 0px; margin-bottom: 5px; }

.contents-footer .pager { margin-top: 5px; margin-bottom: 5px; }

.floating-dialog { display: none; }

.ng-scope .floating-dialog { display: block; }

.row div .form-label { margin-top: 5px; }

body { padding-top: 75px; padding-bottom: 25px; }

header { position: fixed; z-index: 5; top: 0px; border-top: 2px solid #1BBC9B; padding-top: 3px; background-color: #fff; width: 100%; display: table-cell; vertical-align: middle; }
header .logo { float: left; position: relative; }
header .logo img { padding-bottom: 3px; }
header .title { padding-top: 10px; padding-left: 5px; font-weight: bold; font-size: 120%; color: #1BBC9B; }
header .account { position: relative; float: right; color: #1BBC9B; text-align: right; z-index: 10; font-size: 120%; padding-top: 11px; padding-right: 10px; }
header img { margin: 0px; padding: 0px 5px; }

.menu-pc { display: block; clear: both; }
@media (min-width: 510px) { .menu-pc { visibility: visible; position: relative; height: 29px; top: 1px; display: block; } }
@media (max-width: 510px) { .menu-pc { visibility: hidden; height: 0; display: none; } }

.menu-sp { display: block; clear: both; }
@media (min-width: 510px) { .menu-sp { visibility: hidden; height: 0; display: none; } }
@media (max-width: 510px) { .menu-sp { visibility: visible; height: 30px; display: block; } }

.menu-pc-header { position: relative; margin-top: 3px; background-color: #111; height: 28px; font-size: 20px; }
.menu-pc-header div { float: left; color: #fff; padding-left: 3px; padding-right: 3px; border-right: solid 1px #fff; }
.menu-pc-header div.cartlink { position: relative; float: right; top: 2px; border-right: none; }
.menu-pc-header div.cartlink:last-child::after { content: ""; display: block; clear: both; }

.menu-pc-header:before { content: ""; display: block; clear: both; }

.menu-sp-header { position: relative; margin-top: 3px; margin-bottom: 20px; min-height: 30px; background-color: #111; font-size: 20px; }

.cart { position: relative; float: right; top: 3px; left: 42px; color: #FFF; }

footer { position: fixed; z-index: 5; width: 100%; bottom: 0px; background-color: #fff; padding-top: 3px; border-top: 2px solid #555; text-align: center; color: #555; }

.contents-header, .contents-footer { position: fixed; z-index: 3; left: 0px; right: 0px; padding: 3px; font-size: 80%; }

.contents-header { top: 75px; }

.contents-footer { bottom: 25px; }
.contents-footer .paging { margin-left: 1%; }

.data-list tbody .attribute { font-size: 70%; }
.data-list tbody .attribute .list { float: left; width: 50%; }
.data-list tbody .attribute .info-list { float: left; width: 40%; height: 20px; }
.data-list tbody .attribute .info-list-position { position: relative; top: 5px; }
.data-list tbody .attribute .qty-delete-list { width: 90%; }
.data-list tbody .attribute .delete-position { margin-bottom: 10px; }
.data-list tbody .attribute .info-position { position: relative; right: 1px; }
.data-list tbody .attribute .font-size { font-size: 130%; }
.data-list tbody .attribute td { vertical-align: top; padding-left: 10px; }
.data-list tbody .attribute.middle, .data-list tbody .attribute .middle { vertical-align: middle; padding: 0px; text-align: center; }
.data-list tbody .item-title { vertical-align: top; padding-left: 10px; }
.data-list tbody .item-title a { text-decoration: underline; }
.data-list tbody .item-image { width: 100px; height: 100px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: contain; }

.InStock { color: #1BBC9B; }

.ShortStock { color: #F1C000; }

.noStock { color: #E74C3C; }

.table .table-inner-top td, .table .table-inner-top th { border-bottom: none; padding-bottom: 3px; }
.table .table-inner-bottom td, .table .table-inner-bottom th { border-top: none; padding-top: 3px; }

.edit-form input[type="text"].form-control, .edit-form input[type="password"].form-control, .edit-form input[type="date"].form-control, .edit-form input[type="datetime"].form-control, .edit-form input[type="email"].form-control, .edit-form input[type="number"].form-control, .edit-form input[type="search"].form-control, .edit-form input[type="tel"].form-control, .edit-form input[type="time"].form-control, .edit-form input[type="url"].form-control, .edit-form select.form-control, .edit-form textarea.form-control { padding: 0.2em; margin-bottom: 2px; font-size: 0.8em; }
.edit-form .prop-title { min-height: 36px; }
.edit-form .prop-title label { display: inline; }

.prop-title { vertical-align: middle; padding-right: 5px; }
.prop-title label { margin-top: 0.2em; margin-bottom: 0.2em; line-height: 1em; width: 100%; }
.required .prop-title label:after { font-size: 25px; margin-right: -10px; content: "*"; color: #E74C3C; position: relative; left: 3px; }

.attention.mark-left { padding-left: 5px; }
.attention.mark-left:before { margin-left: -5px; content: "*"; color: #E74C3C; }
.attention.mark-right { padding-right: 5px; }
.attention.mark-right:after { margin-right: -5px; content: "*"; color: #E74C3C; }

.scrollLock { overflow: hidden; }

.floating-dialog { z-index: 1000; position: fixed; background: trunsparent; background-color: rgba(100, 100, 100, 0.5); top: 0px; left: 0px; right: 0px; bottom: 0px; }
.floating-dialog .dialog-close { position: absolute; z-index: 1200; background: transparent; right: 0; }
.floating-dialog .dialog-close .dialog-close-btn { width: 22px; height: 22px; padding-left: 2px; transform: translate(10px, -10px); border: solid #555 2px; border-radius: 1000px; background-color: #d44950; }
.floating-dialog .dialog-inner { margin: auto; background-color: #fff; border: 1px solid #000; border-radius: 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-height: 90%; min-height: 100px; max-width: 90%; }
.floating-dialog .dialog-inner .dialog-title { position: fixed; border-top-left-radius: 5px; border-left: 1px solid #000; border-right: 1px solid #000; z-index: 1100; margin-left: -1px; margin-top: -1px; max-width: 90%; }
.floating-dialog .dialog-inner .container { height: 100%; overflow: auto; }
.floating-dialog .dialog-inner .container .form-control { padding: 0.2em; margin-bottom: 0px; font-size: 0.8em; }
.floating-dialog .dialog-inner .dialog-bottom-button { position: absolute; bottom: 0px; z-index: 1100; width: 100%; }
.floating-dialog .dialog-inner .dialog-bottom-button .btn { margin-bottom: 0px; border-radius: 0px; width: 100%; }
.floating-dialog .dialog-inner .dialog-bottom-button .btn:first-child { border-bottom-left-radius: 5px; }
.floating-dialog .dialog-inner .dialog-bottom-button .btn:last-child { border-bottom-right-radius: 5px; }
.floating-dialog .dialog-inner .dialog-bottom-button.btn-cnt2 .btn { width: 50%; }
.floating-dialog .dialog-inner .dialog-bottom-button.btn-cnt2 .btn:nth-child(n+2) { border-left: 1px solid #fff; }

.loading-area .floating-dialog { background-color: transparent; }
.loading-area .loading-dialog { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; /*background-color: rgba(0, 0, 0, 0.8);*/ width: 60%; height: 120px; border-radius: 5px; }
.loading-area .loading-dialog .circle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 60px; height: 60px; border: 5px solid #989898; border-top-color: #080808; border-radius: 50%; animation: spin 1.2s linear 0s infinite; }
@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.loading-area .loading-dialog .message { position: absolute; left: 0; right: 0; bottom: 0; color: white; text-align: center; }

.btnmenu { background-color: #1BBC9B; cursor: pointer; }

.btnmenu-pointer { cursor: pointer; }

#scrollable-dropdown-menu .dropdown-menu { max-height: 135px; overflow-y: auto; }

.typeahead-demo .custom-popup-wrapper { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; background-color: #f9f9f9; }

.typeahead-demo .custom-popup-wrapper > .message { padding: 10px 20px; border-bottom: 1px solid #ddd; color: #868686; }

.typeahead-demo .custom-popup-wrapper > .dropdown-menu { position: static; float: none; display: block; min-width: 160px; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }

.dropdown-menu > li > a { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: pre; word-break: break-all; font-size: 18px; font-family: Consolas, 'Courier New', Courier, Monaco, monospace; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #333; text-decoration: none; background-color: #fff; outline: 0; }

.dropdown-menu { left: auto; }

.left-position { padding-left: 0px; }

.right-position { position: absolute; top: 0px; right: 3px; }

.battery_kind-position { padding-left: 5px; }

.top-space1 { margin-top: 5px; }

.top-space2 { margin-top: 10px; }

.top-space3 { margin-top: 15px; }

.top-space5 { margin-top: 25px; }

.top-space6 { margin-top: 30px; }

.center { text-align: center; }

.info { word-wrap: break-word; vertical-align: middle; }

.item-border { border-top: 1px solid black; padding-bottom: 5px; /* 内容と線との間隔量 */ }

.item-border-silver { border-top: 1px solid silver; padding-bottom: 5px; /* 内容と線との間隔量 */ }

.battery_kind-border { border: solid 1px black; }

.label { padding: 0.3em 0.4em; margin: 2em 0; font-weight: bold; border: solid 1.5px #000000; color: blue; font-size: 120%; }

.item-underline { vertical-align: top; padding-left: 10px; color: #337ab7; }

a.disabled { pointer-events: none; }

.dialog-title2 { position: fixed; border-top-left-radius: 5px; border-left: 1px solid #000; border-right: 1px solid #000; z-index: 1100; margin-left: -1px; margin-top: -1px; max-width: 90%; width: 90%; }

.container2 { height: 100%; overflow: auto; padding-top: 30px; padding-bottom: 30px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.note_1 { white-space: pre-line; }

@media (min-width: 992px) { .whse-md { float: left; width: 48.5%; }
  .check-box-md { float: left; width: 50%; }
  .whse-comb-box-md { float: left; width: 50%; }
  .item-description-md { float: left; width: 89%; }
  .add-note-md { float: left; width: 88.3%; }
  .checked-whse-md { float: left; width: 55.5%; } }
@media (max-width: 767px) { .check-box-sm { float: left; width: 35%; }
  .whse-comb-box-sm { float: left; width: 65%; }
  .item-description-sm { float: left; width: 49%; }
  .add-note-sm { float: left; width: 45.5%; } }
.message-area ul { padding-left: 0px; }
.message-area li { list-style: none; }
.message-area .floating-dialog .dialog-inner { width: 90%; height: 150px; }
.message-area .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.message-area .floating-dialog .dialog-inner .container { padding-top: 30px; padding-bottom: 30px; }
.message-area .floating-dialog { z-index: 2000; }
.message-area .floating-dialog .dialog-close { z-index: 2200; }
.message-area .floating-dialog .dialog-title { z-index: 2100; }
.message-area .floating-dialog .dialog-bottom-button { z-index: 2100; }

.mySetting-area .floating-dialog .dialog-inner { width: 90%; height: 250px; }
.mySetting-area .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.mySetting-area .floating-dialog .dialog-inner .container { padding-top: 30px; padding-bottom: 0px; }
.mySetting-area .container ul.list-group { margin-bottom: 0px; }

.login .choose-lang select { border: none; }
.login .row { margin-bottom: 15px; }

.termsOfUse { padding-top: 33px; padding-bottom: 30px; }
.termsOfUse .contents-header:before { display: block; position: absolute; top: -20px; background-color: #FFFFFF; content: " "; width: 100%; height: 20px; }
.termsOfUse .agree-check { min-width: 100px; display: inline-block; padding-bottom: 20px; }
.termsOfUse .btn-submit { min-width: 100px; }

.itemList { padding-top: 66px; padding-bottom: 44px; }
.itemList .contents-header .icon { font-size: 180%; }
.itemList .contents-footer { border-top: dashed 1px #ddd; }
.itemList .contents-footer .btn { width: 80%; }
.itemList .data-list { margin-top: 10px; }
.itemList .data-list tbody tr:nth-child(6n+7) { border-top: solid 1px #ddd; }
.itemList .floating-dialog .dialog-inner { width: 90%; height: 90%; }
.itemList .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.itemList .floating-dialog .dialog-inner .container { padding-top: 30px; padding-bottom: 30px; }

.cartItems { padding-top: 66px; padding-bottom: 30px; }
.cartItems .contents-header { padding: 0px; padding-bottom: 3px; }
.cartItems .contents-header .command { padding-top: 3px; padding-bottom: 3px; }
.cartItems .contents-header .contents-title { padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #000; }
.cartItems .contents-header h3 { margin-bottom: 1px; }
.cartItems .contents-header .col { padding-left: 5px; padding-right: 5px; }
.cartItems .contents-header .col:first-child { padding-left: 20px; }
.cartItems .data-list tbody tr:nth-child(3n+4) { border-top: solid 1px #ddd; }
.cartItems .show-detail .floating-dialog .dialog-inner { width: 90%; height: 90%; }
.cartItems .show-detail .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.cartItems .show-detail .floating-dialog .dialog-inner .container { padding-top: 30px; padding-bottom: 30px; }
.cartItems .show-template .floating-dialog .dialog-inner { width: 90%; height: 200px; }
.cartItems .show-template .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.cartItems .show-template .floating-dialog .dialog-inner .container { padding-top: 50px; padding-bottom: 30px; }

.orderQuote { padding-top: 60px; padding-bottom: 100px; }
.orderQuote .data-list .table td, .orderQuote .data-list .table th { border-top: none; }
.orderQuote .data-list .table thead tr:first-child td, .orderQuote .data-list .table thead tr:first-child th { border-top: solid 1px #ddd; }
.orderQuote .data-list .table tbody tr:nth-child(4n+1) td, .orderQuote .data-list .table tbody tr:nth-child(4n+1) th { border-top: solid 1px #ddd; }
.orderQuote .data-list .table .note-icon { font-size: 300%; }
.orderQuote .total { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.orderQuote .show-notes .floating-dialog .dialog-inner { width: 90%; height: 80%; }
.orderQuote .show-notes .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.orderQuote .show-notes .floating-dialog .dialog-inner .container { padding-top: 10px; padding-bottom: 50px; }

.shippingInfo { padding-top: 40px; padding-bottom: 40px; }
.shippingInfo .notes { margin-left: -60px; }
.shippingInfo .notes p { padding-left: 60px; }
.shippingInfo .notes p:before { margin-left: -60px; content: "NOTES"; color: #E74C3C; }
.shippingInfo .show-notes .freight-rates .table td, .shippingInfo .show-notes .freight-rates .table th { border-top: none; border-bottom: 1px solid #ddd; }
.shippingInfo .show-notes .floating-dialog .dialog-inner { width: 90%; height: 80%; }
.shippingInfo .show-notes .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.shippingInfo .show-notes .floating-dialog .dialog-inner .container { padding-top: 10px; padding-bottom: 50px; }

.orderComfirm { padding-top: 66px; padding-bottom: 20px; }
.orderComfirm .form-data > .row { border-bottom: 1px solid #ddd; }
.orderComfirm .form-data > .row label { padding-right: 10px; }
.orderComfirm .form-data > .row label:after { margin-right: -10px; content: ":"; }
.orderComfirm .form-data h4 { border-bottom: 2px solid #ddd; margin-top: 10px; margin-bottom: 10px; }
.orderComfirm .form-data .table td, .orderComfirm .form-data .table th { border-top: none; }
.orderComfirm .form-data .table tbody tr:nth-child(4n+1) td, .orderComfirm .form-data .table tbody tr:nth-child(4n+1) th { border-top: solid 1px #ddd; }
.orderComfirm .form-data .table .attribute.box-center { padding: 0px; vertical-align: middle; }
.orderComfirm .form-data .table .attribute.icon { font-size: 100%; }
.orderComfirm .form-data .table .note-icon { font-size: 300%; }
.orderComfirm .form-data .total { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.orderComfirm .show-notes .floating-dialog .dialog-inner { width: 90%; height: 80%; }
.orderComfirm .show-notes .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.orderComfirm .show-notes .floating-dialog .dialog-inner .container { padding-top: 10px; padding-bottom: 50px; }
.orderComfirm .show-notes .table td, .orderComfirm .show-notes .table th { border-top: none; border-bottom: solid 1px #ddd; }

.orderHistory { padding-top: 66px; padding-bottom: 44px; }
.orderHistory .member-scope { display: none; }
.orderHistory.manage { padding-top: 100px; }
.orderHistory.manage .member-scope { display: block; margin-bottom: 3px; }
.orderHistory .contents-header .xs-6 .btn { width: 45%; }
.orderHistory .contents-header .xs-12 .btn { width: 30%; }
.orderHistory .contents-footer { border-top: dashed 1px #ddd; }
.orderHistory .contents-footer .btn { width: 80%; }
.orderHistory .explain { font-size: 70%; }

.orderHistoryDetail { padding-top: 66px; padding-bottom: 20px; }
.orderHistoryDetail .form-data > .row { border-bottom: 1px solid #ddd; }
.orderHistoryDetail .form-data > .row label { padding-right: 10px; }
.orderHistoryDetail .form-data > .row label:after { margin-right: -10px; content: ":"; }
.orderHistoryDetail .form-data h4 { border-bottom: 2px solid #ddd; margin-top: 10px; margin-bottom: 10px; }
.orderHistoryDetail .form-data .table td, .orderHistoryDetail .form-data .table th { border-top: none; }
.orderHistoryDetail .form-data .table tbody tr.last-row td, .orderHistoryDetail .form-data .table tbody tr.last-row th { border-top: solid 1px #ddd; }
.orderHistoryDetail .form-data .table .note-icon { font-size: 300%; }
.orderHistoryDetail .form-data .table .selectbox { position: relative; padding: 0px; }
.orderHistoryDetail .form-data .table .selectbox div { position: absolute; bottom: 25px; }
.orderHistoryDetail .form-data .total { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.orderHistoryDetail .show-notes .floating-dialog .dialog-inner { width: 90%; height: 80%; }
.orderHistoryDetail .show-notes .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.orderHistoryDetail .show-notes .floating-dialog .dialog-inner .container { padding-top: 10px; padding-bottom: 50px; }
.orderHistoryDetail .show-notes .table td, .orderHistoryDetail .show-notes .table th { border-top: none; border-bottom: solid 1px #ddd; }

.quickOrderList { padding-top: 39px; padding-bottom: 32px; }
.quickOrderList .contents-header .contents-title { padding-left: 10px; padding-right: 10px; }
.quickOrderList .description { margin-bottom: 10px; }
.quickOrderList .color-notes { color: #FF0000; margin-right: 10px; }
.quickOrderList .quickOrderListHeader { margin-left: 10px; margin-right: 10px; border-bottom: solid 1px #000000; }
.quickOrderList .data-list { margin-left: 10px; margin-right: 10px; }
.quickOrderList .data-list .table { word-break: break-word; }
.quickOrderList .data-list .table td, .quickOrderList .data-list .table th { border-top: none; }
.quickOrderList .data-list .table tbody tr:nth-child(3n+1) td, .quickOrderList .data-list .table tbody tr:nth-child(3n+1) th { border-top: solid 1px #ddd; }
.quickOrderList .data-list .table .templateHead td { padding-bottom: 0; display: table-cell; vertical-align: middle; }
.quickOrderList .data-list .table .templateHead td.selectChk { vertical-align: baseline; padding-top: 20px; }
.quickOrderList .data-list .table .templateDetail td.labels { padding: 0 8px; }

.quickOrderEdit { padding-top: 39px; padding-bottom: 32px; }
.quickOrderEdit .addItemSelect { background-color: #ECECEC; padding-bottom: 5px; }
.quickOrderEdit .templateDetail { margin-top: 10px; }
.quickOrderEdit .data-list { margin-left: 10px; margin-right: 10px; }
.quickOrderEdit .data-list .table { word-break: break-word; }
.quickOrderEdit .data-list .table td, .quickOrderEdit .data-list .table th { border-top: none; display: table-cell; vertical-align: middle; }
.quickOrderEdit .data-list .table tbody tr:nth-child(3n+1) td, .quickOrderEdit .data-list .table tbody tr:nth-child(3n+1) th { border-top: solid 1px #ddd; }
.quickOrderEdit .data-list .table .deleteCell { white-space: nowrap; }
.quickOrderEdit .data-list .table .itemQtyCell { text-align: right; }
.quickOrderEdit .data-list .table .itemQtyCell input { width: 60%; }
.quickOrderEdit .data-list .table .obsoleted { background-color: #ECECEC; }

.myAccount { padding-top: 39px; }
.myAccount .confirm-dialog .floating-dialog .dialog-inner { width: 90%; height: 80%; }
.myAccount .confirm-dialog .floating-dialog .dialog-inner .dialog-title { width: 90%; }
.myAccount .confirm-dialog .floating-dialog .dialog-inner .container { padding-top: 50px; padding-bottom: 30px; }

.myAccountComplete { padding-top: 39px; }

.myAccountDeleted { padding-top: 39px; }
.myAccountDeleted .contents-header { top: 50px; padding-top: 24px; border-top: 2px solid #555; }

.verifyAccount { padding-top: 39px; }
.verifyAccount .contents-header { top: 50px; padding-top: 24px; border-top: 2px solid #555; }
.verifyAccount .contents-header p { padding-left: 10px; }

.verifyAccountConfirm { padding-top: 39px; }
.verifyAccountConfirm .contents-header p { padding-left: 10px; }

.verifyAccountComplete { padding-top: 39px; }
.verifyAccountComplete .contents-header { top: 50px; padding-top: 24px; border-top: 2px solid #555; }
.verifyAccountComplete .contents-header p { padding: 0px 10px; }

.changePassword { padding-top: 39px; padding-bottom: 32px; }
.changePassword .contents-header .contents-title { padding-left: 10px; padding-right: 10px; }
.changePassword .description { margin-bottom: 10px; }
.changePassword .row { margin-bottom: 15px; }

.changePasswordComplete { padding-top: 39px; padding-bottom: 32px; }
.changePasswordComplete .contents-header .contents-title { padding-left: 10px; padding-right: 10px; }
.changePasswordComplete .description { margin-bottom: 10px; }

.resetPassword { padding-top: 42px; padding-bottom: 32px; }
.resetPassword .contents-header { top: 50px; padding-top: 24px; border-top: 2px solid #555; }
.resetPassword .contents-header .contents-title { padding-left: 10px; padding-right: 10px; }
.resetPassword .description { margin-bottom: 10px; }
.resetPassword .color-required { color: #FF0000; }
.resetPassword .row { margin-bottom: 15px; }

.resetPasswordComplete { padding-top: 42px; padding-bottom: 32px; }
.resetPasswordComplete .contents-header { top: 50px; padding-top: 24px; border-top: 2px solid #555; }
.resetPasswordComplete .contents-header .contents-title { padding-left: 10px; padding-right: 10px; }
.resetPasswordComplete .description { margin-bottom: 10px; }

.uploadFile { padding-top: 39px; padding-bottom: 32px; }
.uploadFile .contents-header .contents-title { padding-left: 10px; padding-right: 10px; }
.uploadFile .description { margin-bottom: 15px; }
.uploadFile .btn-group { margin-bottom: 10px; }
.uploadFile .color-notes { color: #FF0000; margin-right: 10px; }
.uploadFile .upload-file { width: 90%; height: 34px; padding: 5px 12px; font-size: 11px; border: 1px solid #ccc; border-radius: 4px; }

.item-info-bolt { padding: 0 10px 0 3px; border-top: 3px solid #a9aaa9; border-left: 3px solid #a9aaa9; border-right: 3px solid #595a59; border-bottom: 3px solid #595a59; border-radius: 5px; background: linear-gradient(to bottom, #e6e7e8 0%, #cccccc 100%); font-size: 30px; font-weight: bold; font-style: italic; text-shadow: -1px -1px #fff, -1px 1px #fff, 1px -1px #fff, 1px 1px #fff; color: #1a6287; letter-spacing: -0.05em; line-height: 1.2; }

/*# sourceMappingURL=layout.css.map */