@charset "UTF-8";
/* ヘッダ（ＰＣ） ファーストビュー用 */
/* sys/base_form.css のコピー ここから */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="number"],
select,
textarea {
  padding: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
}

/* ----ボタン---- */
.btn {
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding: 4px 10px;
}

.btn-default {
  color: #333;
  border: solid 1px #dcdcdc;
  background-color: #e5e5e5;
}

/* ここまで sys/base_form.css のコピー */
/* usr/layout.css のコピー ここから */
.pane-globalnav {
  position: relative;
  background-color: #f5f5f5;
  color: #000;
}

/* ここまで usr/layout.css のコピー */
/* usr/block.css のコピー ここから */
/* ----グローバルナビ---- */
/* ここまで usr/block.css のコピー */
/* usr/user.css のコピー ここから */
/* fade image in after load */
.lazyload {
  opacity: 0;
}

.lazyloading {
  opacity: 1;
}

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

/* ここまで usr/user.css のコピー */
ul.block-footer-sns--list > li > a > img {
  height: 20px;
  aspect-ratio: 1 / 1;
}

.block-goods-detail--color-variation-goods-image .bx-wrapper .bx-viewport .js-goods-detail-goods-slider .block-goods-detail-line-item img {
  height: 520px;
  aspect-ratio: 1 / 1;
}

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