@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 のコピー ここから */

/* ----ヘッダー---- */

.block-header-info-frame {
  background: #f8e5de;
}

.block-header-info {
  width: 100%;
  padding: 9px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.block-header-logo {
  width: 132px;
  margin: 0 auto 0 0;
  padding: 0;
  font-size: 14px;
}

.block-header-logo img {
  width: 100%;
  height: auto;
}

ul.block-headernav--item-list {
  display: flex;
  align-items: center;
}

ul.block-headernav--item-list > li {
  margin-right: 32px;
}

ul.block-headernav--item-list > li:last-of-type {
  margin-right: 0;
}

ul.block-headernav--item-list > li a {
  position: relative;
  font-size: 13px;
}

ul.block-headernav--item-list > li a::before {
  position: absolute;
  display: block;
  left: 0;
  z-index: 1;
  content: "";
}

ul.block-headernav--item-list > li.block-headernav--item-boookmark a {
  padding-left: 29px;
}

ul.block-headernav--item-list > li.block-headernav--item-boookmark a::before {
  top: calc(50% - 10px);
  width: 21px;
  height: 20px;
  background: url(../../img/usr/common/ico_bookmark.png) center center / auto auto no-repeat;
}

ul.block-headernav--item-list > li.block-headernav--item-login a {
  padding-left: 29px;
}

ul.block-headernav--item-list > li.block-headernav--item-login a::before {
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: url(../../img/usr/common/ico_mypage.png) center center / auto auto no-repeat;
}

ul.block-headernav--item-list > li.block-headernav--item-cart a {
  padding-left: 29px;
}

ul.block-headernav--item-list > li.block-headernav--item-cart a::before {
  top: calc(50% - 13px);
  width: 21px;
  height: 26px;
  background: url(../../img/usr/common/ico_cart.png) center center / auto auto no-repeat;
}

ul.block-headernav--item-list > li.block-headernav--item-cart a .block-headernav--cart-count {
  position: absolute;
  top: calc(50% - 13px);
  left: 0;
  display: block;
  width: 21px;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  z-index: 2;
}

/* ----ヘッダー検索---- */

.block-global-search {
  display: flex;
  align-items: center;
  width: 314px;
  margin-right: 30px;
}

.block-global-search form {
  display: flex;
  align-items: center;
  width: 202px;
  padding: 19px 0;
  border-bottom: 1px solid #111;
}

.block-global-search form .block-global-search--submit {
  width: 32px;
  height: 20px;
  border: 0;
  background: url(../../img/usr/common/ico_search.png) center center / auto auto no-repeat;
}

.block-global-search form .block-global-search--keyword {
  width: calc(100% - 20px);
  height: 20px;
  border: 0;
  outline: none;
  font-size: 12px;
}

.block-global-search .block-global-search--searchdetail a {
  display: block;
  margin-left: 30px;
  padding: 7px 18px;
  border: 1px solid #111;
  border-radius: 16px;
  font-size: 11px;
}

/* ----グローバルナビ---- */

.pane-globalnav {
  position: relative;
}

ul.block-globalnav--item-list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

ul.block-globalnav--item-list > li > a {
  display: block;
  padding: 15px 36px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  color: #000;
}

ul.block-globalnav--item-list > li.js-animation-megamenu-hover > a {
  position: relative;
  padding-right: 52px;
}

ul.block-globalnav--item-list > li.js-animation-megamenu-hover > a::after {
  position: absolute;
  top: calc(50% - 6px);
  right: 36px;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  transition: all 0.3s;
  content: "";
}

ul.block-globalnav--item-list > li.js-animation-megamenu-hover:hover > a::after {
  top: calc(50% - 2px);
  transform: rotate(225deg);
}

ul.block-globalnav--item-list > li .block-globalnav-menu {
  position: absolute;
  top: 50px;
  left: 0;
  display: none;
  width: 100%;
  background: #fff;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame {
  display: flex;
  width: 1380px;
  margin: 0 auto;
  padding: 30px 0;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame .block-globalnav-menu--item {
  width: 180px;
  margin-right: 60px;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame .block-globalnav-menu--item:nth-of-type(6n) {
  margin-right: 0;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 16px;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image {
  width: 56px;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image img {
  width: 100%;
  vertical-align: top;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-text {
  width: 110px;
  margin-left: 14px;
  font-size: 16px;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-category--row {
  padding: 8px 0;
  font-size: 13px;
}

/* ここまで 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: 100%;
  aspect-ratio: 1 / 1;
}