@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

html[data-browse-mode="P"] .pc-only {
  display: none;
}

html[data-browse-mode="P"] .sp-only {
  display: block;
}

html[data-browse-mode="S"] .pc-only {
  display: none;
}

html[data-browse-mode="S"] .sp-only {
  display: block;
}

.fontplus-hidden {
  display: none;
}

.lazyload {
  opacity: 0;
}

.lazyloading {
  opacity: 1;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}

.en {
  font-family: akzidenz-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal;
}

iframe {
  border: none;
}

body,
button,
input,
select,
textarea {
  font-family: "akzidenz-grotesk","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "akzidenz-grotesk","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif;
  font-weight: 400;
  font-style: normal;
}

* {
  color: #333;
}

*:focus {
  outline: none;
}

body {
  color: #333;
  word-wrap: break-word;
}

h2 {
  background: none;
  padding: 0;
  font-weight: 400;
}

.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

.br-pc {
  display: none;
}

.br-tb {
  display: block;
}

.br-sp {
  display: block;
}

.align-center {
  text-align: center !important;
}

.align-right {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.btn.active,
.btn:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

a,
a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: none;
}

a:active,
a:focus {
  text-decoration: none;
}

a:focus {
  outline: none;
}

a:active,
a:hover {
  outline: 0;
}

a.tel-link,
a:visited.tel-link {
  text-decoration: none;
}

a.underline {
  text-decoration: underline;
}

a.underline:hover {
  text-decoration: none;
}

a.arrowlink {
  position: relative;
  padding: 0 0 0 10px;
  text-decoration: underline;
}

a.arrowlink:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

a.arrowlink:hover {
  text-decoration: none;
}

.count-msg {
  color: #FF6666;
}

img {
  height: auto;
  vertical-align: middle;
}

.block-credit-card-confirmation {
  margin: 0 auto;
  width: 90%;
}

.block-credit-card-confirmation--credit-card-info,
.block-credit-card-confirmation--update-confirmation {
  width: 100%;
  margin: 0 auto;
}

.block-credit-card-confirmation--update-confirmation-header {
  margin: 25px auto 0;
}

.block-credit-card-confirmation--credit-card-info-header {
  margin: 0 auto;
}

.block-credit-card-confirmation--header {
  margin: 0 auto;
}

.pane-main .pane-topic-path {
  width: 100%;
  margin: 0 auto;
}

.pane-main .block-topic-path {
  margin: 0 auto;
  width: 90%;
}

.pane-main .block-arrival-notice-list .block-topic-path,
.pane-main .block-credit-card-confirmation .block-topic-path,
.pane-main .block-favorite .block-topic-path,
.pane-main .block-inquiry-history .block-topic-path,
.pane-main .block-inquiry-history .block-topic-path,
.pane-main .block-login .block-topic-path,
.pane-main .block-logout .block-topic-path,
.pane-main .block-member-info .block-topic-path,
.pane-main .block-member-info .block-topic-path,
.pane-main .block-reset-password .block-topic-path,
.pane-main .block-store-entry .block-topic-path,
.pane-main .block-update-mail-address .block-topic-path,
.pane-main .block-update-member-password .block-topic-path,
.pane-main .block-withdrawal .block-topic-path {
  width: 100%;
}

.block-withdrawal {
  width: 90%;
  margin: 0 auto;
}

.block-inquiry-history {
  width: 90%;
  margin: 0 auto;
}

.block-inquiry-history .block-inquiry-history--customer-name {
  margin: 0 auto 10px;
}

.block-inquiry-history .block-inquiry-history .action-buttons {
  width: 100%;
  margin: 0 auto;
}

.block-logout {
  width: 90%;
  margin: 0 auto;
}

.block-logout .block-logout--header {
  margin: 0 auto;
}

.block-reset-password {
  width: 90%;
  margin: 0 auto;
}

.block-reset-password .block-reset-password--form,
.block-reset-password .block-reset-password--message {
  margin: 0 auto;
  padding: 0 0 10px;
}

.block-reset-password .block-reset-password--form,
.block-reset-password .block-reset-password--message {
  padding: 0 0 10px;
}

.block-store-entry {
  width: 90%;
  margin: 0 auto;
}

.block-store-entry .block-store-entry {
  width: 100%;
}

.block-login {
  width: 90%;
  margin: 0 auto;
}

.block-login h1 {
  margin: 0 auto;
}

.block-login .block-login--first-time-header {
  margin: 15px auto 10px;
}

.block-login .block-login--member-header {
  margin: 0 auto 10px;
}

.block-member-info {
  margin: 0 auto;
  width: 90%;
}

.block-member-info h1 {
  width: 100%;
  margin: 0 auto;
}

.block-update-mail-address {
  width: 90%;
  margin: 0 auto;
}

.block-update-mail-address .block-update-mail-address--header {
  margin: 0 auto;
}

.block-favorite {
  margin: 0 auto;
  width: 90%;
}

.block-favorite .block-favorite--header {
  margin: 0 auto;
}

.block-arrival-notice-list {
  width: 90%;
  margin: 0 auto;
}

.block-arrival-notice-list .block-arrival-notice-list--header {
  margin: 0 auto;
}

.block-withdrawal--header {
  margin: 0 auto;
}

.block-update-member-password {
  width: 90%;
  margin: 0 auto;
}

.block-update-member-password .block-update-member-password--header {
  margin: 0 auto;
}

.block-cart--promotion-freespace,
.block-cart--subtotal-container {
  padding-bottom: 0;
}

.block-top-event--header {
  display: none;
}

.btn {
  background: none;
  color: #595757;
  font-weight: 400;
}

.btn.btn-default {
  background: none;
}

.btn.btn-danger, .btn.btn-default, .btn.btn-primary, .btn.btn-secondary {
  width: 100%;
  font-weight: 400;
}

.block-cart--infomation {
  border: 1px solid #D9D9D9;
  background: #F5F5F5;
  width: 90%;
  margin: 15px auto;
  font-size: 12px;
}

.block-cart--continue-shopping-link {
  border: none;
  text-decoration: none;
  background: none;
  cursor: pointer;
}

.action .btn {
  padding: 14px 0;
  border-bottom-width: 1px;
  font-size: 16px;
  font-weight: 400;
}

.block-cart--order-btn {
  font-weight: 400;
}

.btn-danger,
.btn-default,
.btn-primary,
.btn-secondary {
  font-size: 16px;
  padding: 17px 0;
  -webkit-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
}

.btn-danger:hover,
.btn-default:hover,
.btn-primary:hover,
.btn-secondary:hover {
  opacity: 0.4;
}

.btn-default,
.btn-default:valid {
  color: #595757;
  border: solid 1px #EAEAEA;
  background-color: #EAEAEA;
}

.btn-default:hover,
.btn-default:valid:hover {
  color: #595757;
  border: solid 1px #EAEAEA;
  background-color: #EAEAEA;
}

.btn-default.active,
.btn-default:valid.active {
  color: #fff;
  background: rgba(89, 87, 87, .5);
}

.btn-default.disabled,
.btn-default:valid.disabled {
  background: #EAEAEA;
}

.btn-secondary,
.btn-secondary:visited {
  border: 1px solid #D9D9D9;
  color: #595757;
  background: none;
}

.btn-secondary:hover,
.btn-secondary:visited:hover {
  border: 1px solid #D9D9D9;
  color: #595757;
  background: none;
}

.btn-primary,
.btn-primary:visited {
  color: #fff;
  border: solid 1px #595757;
  background-color: #595757;
}

.btn-primary:hover,
.btn-primary:visited:hover {
  color: #fff;
  border: solid 1px #595757;
  background-color: #595757;
}

.btn-danger,
.btn-danger:visited {
  background: #FF6666;
  color: #fff;
  border: none;
}

.btn-danger:hover,
.btn-danger:visited:hover {
  color: #fff;
}

.block-top-event--header {
  display: none;
}

h1 {
  font-size: 24px;
  margin-bottom: 20px;
}

h2 {
  margin-bottom: 15px;
  font-size: 18px;
}

h3 {
  margin-bottom: 25px;
  background: #EAEAEA;
  color: #595757;
  font-size: 16px;
  padding: 13px;
}

.header-warning {
  background: #595757;
  border-bottom: none;
}

.header-warning .header-warning-contents {
  color: #fff;
  font-size: 13px;
}

.header-warning .header-warning-close {
  color: #fff;
  font-size: 20px;
  top: 2px;
  font-weight: 400;
}

.pager .pagination li {
  margin-right: 25px;
}

.pager .pagination li:last-child {
  margin-right: 0;
}

.pager .pagination li a,
.pager .pagination li span {
  font-size: 20px;
}

.pager .pagination li a {
  color: #909090;
}

.pager .pagination li span {
  color: #333;
  border-bottom: 1px solid #595757;
}

.block-order-estimate--dest-address-item-buttons__selected {
  color: #FF6666;
  border: 1px solid #D9D9D9;
  background: #F5F5F5;
}

.block-order-estimate--dest-address-item-register-input-form .action-buttons .action,
.block-order-estimate--guest-address-input-form .action-buttons .action {
  width: 100%;
  display: block;
  margin: 0 auto 10px;
}

.block-order-estimate--dest-address-item-register-input-form .action-buttons .action:last-child,
.block-order-estimate--guest-address-input-form .action-buttons .action:last-child {
  padding: 0;
}

.block-order-estimate--dest-address-item-buttons {
  margin: 10px auto;
}

.fieldset,
.fieldset-vertical {
  border: none;
}

.fieldset .form-error,
.fieldset-vertical .form-error {
  margin-top: 10px;
  font-size: 10px;
}

.fieldset .constraint,
.fieldset-vertical .constraint {
  background: none;
}

.fieldset .form-label,
.fieldset-vertical .form-label {
  background: none;
}

.fieldset .form-label label,
.fieldset-vertical .form-label label {
  font-size: 12px;
  color: #333;
  font-weight: 400;
}

.fieldset .form-control .block-member-info--value-label,
.fieldset .form-control .block-shipping-address--value-label,
.fieldset .form-control .checktype_kana,
.fieldset-vertical .form-control .block-member-info--value-label,
.fieldset-vertical .form-control .block-shipping-address--value-label,
.fieldset-vertical .form-control .checktype_kana {
  font-size: 8px;
  color: #909090;
}

.fieldset .form-control .radio,
.fieldset-vertical .form-control .radio {
  font-size: 12px;
}

.fieldset .form-control .checkbox,
.fieldset-vertical .form-control .checkbox {
  font-size: 12px;
}

input[type="radio"],
input[type="radio"] + label,
input[type="checkbox"],
input[type="checkbox"] + label,
select,
label.checkbox,
label.radio {
  font-size: 14px;
}

.table,
.table td,
.table th {
  border: none;
}

.table tr td,
.table tr th {
  border: none;
  border-bottom: 1px solid #D9D9D9;
  font-size: 14px;
}

.table tr th {
  background: none;
  font-weight: 400;
}

.table tr td:nth-child(2) {
  text-align: center;
}

.table tr td:last-child {
  text-align: right;
}

.block-search-suggest {
  border: none;
}

.block-search-suggest .block-search-suggest--goods-price {
  font-size: 12px;
}

.block-search-suggest .block-search-suggest--goods:hover,
.block-search-suggest .block-search-suggest--keyword:hover {
  background: none;
  -webkit-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
}

.block-search-suggest .block-search-suggest--goods:hover:hover,
.block-search-suggest .block-search-suggest--keyword:hover:hover {
  opacity: 0.4;
}

.block-common-alert {
  border: 1px solid #D9D9D9;
  background: #F5F5F5;
  width: 100%;
  margin: 25px auto;
}

.block-common-alert .block-common-alert--message {
  color: #FF6666;
  font-size: 13px;
}

.block-common-alert .block-common-alert--link {
  font-size: 13px;
}

.block-common-alert-list {
  border: 1px solid #D9D9D9;
  background: #F5F5F5;
  width: 100%;
  margin: 5px auto;
}

.block-common-alert-list .block-common-alert-list--message {
  margin-bottom: 10px;
  color: #FF6666;
  font-size: 13px;
}

.block-common-alert-list .block-common-alert-list--items li {
  color: #FF6666;
  font-size: 13px;
}

.page-alert .wrapper .pane-main {
  margin-top: 90px;
}

.page-alert .wrapper .pane-main .block-common-alert {
  width: 90%;
}

.wrapper .pane-main {
  max-width: 100%;
  margin: 0 auto 0;
}

.page-contentspages .wrapper .pane-main {
  max-width: 100%;
  margin: 50px auto 0;
}

.page-menu .wrapper .pane-main {
  max-width: 100%;
  margin: 0 auto 0;
}

#page-top .wrapper .pane-main {
  max-width: 100%;
  margin: 0 auto;
}

.page-menu .pane-main h1 {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.panel {
  margin-bottom: 20px;
  border: none;
}

.alert {
  border: 1px solid #D9D9D9;
  background: #F5F5F5;
  color: #FF6666;
  font-size: 12px;
}

.success {
  border: 1px solid #D9D9D9;
  background: #F5F5F5;
  color: #595757;
  font-size: 12px;
}

.legend {
  margin: 30px auto 15px;
  padding: 0;
  border-bottom: none;
  font-weight: 400;
  font-size: 12px;
  color: #909090;
}

.required:after {
  background: #FF6666;
}

.form-error {
  color: #FF6666;
}

/* module end */
/*社販*/
.wrapper-staffsel nav {
  display: none;
}
.wrapper-staffsel .under-topic-promotion {
  display: none;
}
.wrapper-staffsel .index__products {
  display: none;
}
/* 基本コード */
texfont10,.texfont10{font-size: 10px;}
texfont11,.texfont11{font-size: 11px;}
texfont12,.texfont12{font-size: 12px;}
texfont13,.texfont13{font-size: 13px;}
texfont14,.texfont14{font-size: 14px;}
texfont15,.texfont15{font-size: 15px;}
texfont16,.texfont16{font-size: 16px;}
mg_t5,.mg_t5{margin: 5px 0 0 0;}
mg_t10,.mg_t10{margin: 10px 0 0 0;}
mg_t15,.mg_t15{margin: 15px 0 0 0;}
mg_t20,.mg_t20{margin: 20px 0 0 0;}
mg_t30,.mg_t30{margin: 30px 0 0 0;}
mg_b5,.mg_b5{margin: 0 0 5px 0;}
mg_b10,.mg_b10{margin: 0 0 10px 0;}
mg_b15,.mg_b15{margin: 0 0 15px 0;}
mg_b20,.mg_b20{margin: 0 0 20px 0;}
mg_b30,.mg_b30{margin: 0 0 30px 0;}
linktag,.linktag,linktag a,.linktag a{text-decoration: underline;}
/* 基本コード　end */