@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP);
@font-face {
  src: url("./../fonts/icomoon.eot?b8k5qt");
  src: url("./../fonts/icomoon.eot?b8k5qt#iefix") format("embedded-opentype"), url("./../fonts/icomoon.ttf?b8k5qt") format("truetype"), url("./../fonts/icomoon.woff?b8k5qt") format("woff"), url("./../fonts/icomoon.svg?b8k5qt#icomoon") format("svg");
  font-family: 'iconsFonts';
  font-style: normal;
  font-weight: normal;
}

block-detail .block-detail__icon ul li {
  display: inline-block;
  margin: 0px 10px 10px 0px;
  padding: 6px 10px;
  border: 1px solid #000;
  line-height: 1em;
  text-align: center;
}

[class^="icon-"], [class*=" icon-"] {
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconsFonts' !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

.icon-googleplus:before {
  content: "\e90a";
}

.icon-mail:before {
  content: "\e90b";
}

.icon-twitter:before {
  content:"";
  background: url(../../images/x-logo.svg) no-repeat center center;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: block;
}

.icon-fav-active:before {
  content: "\e907";
}

.icon-fav:before {
  content: "\e906";
}

.icon-instagram:before {
  content: "\e900";
}

.icon-line:before {
  content: "\e901";
}

.icon-facebook:before {
  content: "\e902";
}

.icon-search:before {
  font-weight: bold;
  content: "\e903";
}

.icon-user:before {
  font-weight: bold;
  content: "\e904";
}

.icon-cart:before {
  font-weight: bold;
  content: "\e905";
}

.icon-arrow-next:before {
  content: "\e908";
}

.icon-arrow-prev:before {
  content: "\e909";
}

.icon-star:before {
  content: "\e90d";
}

@font-face {
  src: local("Yu Gothic Medium");
  font-family: 'Noto Sans JP', sans-serif;
}

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

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

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

.m-right {
  margin-right: auto !important;
}

.m-left {
  margin-left: auto !important;
}

.pcNone {
  display: none !important;
}

.spNone {
  display: block !important;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.text-ellipsis {
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.color-01 a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bdbdbd;
  background: #fff;
}

.color-02 a {
  background: #000;
}

.color-03 a {
  background: #a3adb6;
}

.color-04 a {
  background: #683f12;
}

.color-05 a {
  background: #cdbd9a;
}

.color-06 a {
  background: #3c941f;
}

.color-07 a {
  background: #3361a8;
}

.color-08 a {
  background: #7c53a5;
}

.color-09 a {
  background: #ebd832;
}

.color-10 a {
  background: #e5a2b5;
}

.color-11 a {
  background: #C8102E;
}

.color-12 a {
  background: #ef8100;
}

.color-13 a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+3,d8d8d8+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+3,bcbcbc+100 */
  background: #ededed;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #ededed), to(#bcbcbc));
  background: -webkit-linear-gradient(top, #ededed 3%, #bcbcbc 100%);
  background: linear-gradient(to bottom, #ededed 3%, #bcbcbc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bcbcbc',GradientType=0 );
  /* IE6-9 */
}

.color-14 a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8c288+4,c79810+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5d8b5+0,c79810+100 */
  background: #e5d8b5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e5d8b5), to(#c79810));
  background: -webkit-linear-gradient(top, #e5d8b5 0%, #c79810 100%);
  background: linear-gradient(to bottom, #e5d8b5 0%, #c79810 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d8b5', endColorstr='#c79810',GradientType=0 );
  /* IE6-9 */
}

.color-15 {
  display: block;
  position: relative;
}

.color-15 a:before {
  display: block;
  z-index: 11;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#ff0e02), color-stop(51%, #ff0e02), color-stop(50%, #1854ff), to(#1854ff));
  background: -webkit-linear-gradient(left, #ff0e02 0%, #ff0e02 51%, #1854ff 50%, #1854ff 100%);
  background: linear-gradient(90deg, #ff0e02 0%, #ff0e02 51%, #1854ff 50%, #1854ff 100%);
  content: "";
}

.color-15 a:after {
  display: block;
  z-index: 12;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#07924f), color-stop(51%, #07924f), color-stop(50%, #ffe71a), to(#ffe71a));
  background: -webkit-linear-gradient(left, #07924f 0%, #07924f 51%, #ffe71a 50%, #ffe71a 100%);
  background: linear-gradient(90deg, #07924f 0%, #07924f 51%, #ffe71a 50%, #ffe71a 100%);
  content: "";
}

html {
  font-size: 16px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  min-width: 320px;
  color: #000;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  letter-spacing: 0.04em;
}

body#top .block-mainvisual img,
body#top .block-itemlist--newsItems img,
body#top .block-itemlist--ranking img,
body#top .block-banner--2column img,
body#top .block-itemlist--coordinate img,
body#top .block-banner--full img,
body#top .block-itemlist--coordinate img,
body#top .block-news img,
body#top .block-unique-area.-about img,
body#newsDetail .block-newsdetail__contents img,
body#newsDetail .block-newslist__image img,
body#news .block-news img{
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	user-select: none;
}

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

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

img.lozad {
  -webkit-transition: opacity .6s;
  /*opacity: 0;*/
  /*transition: opacity .6s;*/
}

img[data-loaded="true"] {
  -webkit-transition: opacity .6s;
  opacity: 1;
  transition: opacity .6s;
}

ul {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #041E42;
  font-weight: normal;
}

.m-fonts {
  font-family: minion-pro-display, serif;
  font-style: normal;
  font-weight: 400;
}

.block-list__main {
  width: 76.35%;
  overflow-x: hidden;
}

.block-list__sidebar {
  width: 195px;
  font-size: 13px;
}

input[type="text"]:focus, button {
  outline: 0;
}

.reviews-list::-webkit-scrollbar {
  width: 4px;
}

.reviews-list::-webkit-scrollbar-track {
  border: none;
  background: none;
}

.reviews-list::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  border-radius: 5px;
  background: #041E42;
  box-shadow: none;
}

/*
.sizechart_box::-webkit-scrollbar {
  height: 4px;
}

.sizechart_box::-webkit-scrollbar-track {
  background: none;
  border: none;
}

.sizechart_box::-webkit-scrollbar-thumb {
  background: #041E42;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
*/

.block-list {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px 60px;
}

.block-list .block-list__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#block-breadcrumbs {
  width: 100%;
  max-width: 1440px;
  margin: 0px auto 25px auto;
  padding: 0px 60px;
  font-size: 11px;
}

#block-breadcrumbs ul {
  padding: 10px 0px 15px 0px;
}

#block-breadcrumbs li {
  display: inline-block;
  position: relative;
  margin-right: 12.5px;
  color: #666;
}

#block-breadcrumbs li:after {
  display: block;
  position: absolute;
  top: 0px;
  right: -13px;
  content: "／";
}

#block-breadcrumbs li:nth-last-child(1):after {
  display: none;
}

#block-breadcrumbs a {
  color: #666;
}

/* Addここから */
/* BLOCK */
.block-items-list {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-justify-content: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: left;
  width: 100%;
  margin: 0px auto;
  padding: 0px;
  font-size: 14px;
  text-align: center;
}

.block-items-list .items-item {
  position: relative;
  width: 23%;
  max-width: 296px;
  margin: 0px 2.65% 30px 0px;
}

.block-items-list .items-item:nth-child(4n) {
  margin-right: 0px;
}

.block-items-list .items-item-link {
  display: block;
  position: relative;
  color: #212121;
  font-size: 12px;
}

.block-items-list .items-item-link img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin-bottom: 12px;
}

.block-items-list .items-item-images {
  position: relative;
}

.block-items-list .items-item-images .detail-no-stock {
  position: absolute;
  right: 11px;
  bottom: 22px;
  font-size: 11px;
}

.block-items-list .items-item-name {
  margin-bottom: 5px;
  color: #212121;
}

.block-items-list .items-item-price {
  margin-bottom: 5px;
  color: #666;
}

.block-items-list .item-sale-price {
  margin-left: 10px;
  color: #C8102E;
}

.block-items-list .item-sale-price small {
  margin-left: 10px;
  font-size: 12px;
}

.block-items-list .items-item-color {
  color: #838383;
  font-size: 11px;
}

/* Addここまで */
.block-items .block-items {
  width: 100%;
}

.block-items .block-items__list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -22.5px;
  /*padding-bottom: 40px;*/
}
.block-items .block-items__list:last-child {
  padding-bottom: 40px;
}

.block-items .block-items__item {
  position: relative;
  width: 33.3%;
  margin-bottom: 50px;
  padding: 0px 22.5px;
}

.block-items .item__link {
  display: block;
}

.block-items .item__main {
  display: block;
  position: relative;
  cursor: pointer;
}

.block-items .item__image {
  z-index: 2;
  position: relative;
  margin-bottom: 10px;
}

.block-items .item__image img {
  width: 100%;
  height: auto;
}

.block-items .item-sold {
  color: #666666;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-align: right;
}

.block-items .item__info {
  font-size: 13px;
  line-height: 1.6em;
}

.block-items .item__info-name {
  overflow: hidden;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.block-items .item__info-price {
  position: relative;
}

.block-items .item__info-color {
  padding: 2px 1px 1px;
  color: #aaaaaa;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.block-items .item__info-status {
  display: inline-block;
  margin: 5px 5px 5px 0px;
  padding: 0px 5px;
  border: 1px solid #000;
  font-size: 11px;
  letter-spacing: 0.05em;
}

.block-items .item__block-icon__favorite {
  z-index: 3;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 7px 10px;
  color: #999;
  font-size: 1.458vw;
}

.block-items .item__block-icon__favorite.select-active .icon-fav {
  color: #C8102E;
}

.block-items .item__block-icon__favorite.select-active .icon-fav:before {
  content: "\e907";
}

.block-items .block-icon__favorite {
  font-size: 15px;
}

.block-items .block-items__item-sale .item-sale-price {
  color: #C8102E;
}

.block-items-list .item__info-price{
  color: #000;
}

.block-items .block-items__item-sale .item__info-price small {
  margin-left: 5px;
  font-size: 11px;
}

span.item__info-price{
  color: #C8102E;
}

.block-items .item__info-status--sale {
  border: 1px solid #C8102E;
  color: #C8102E;
}

.loading {
  display: none;
  padding: 20px 0px 40px 0px;
  text-align: center;
}

.block-toolbar {
  margin-bottom: 15px;
}

.block-toolbar .block-toolbar__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
}

.block-toolbar .block-sort-list {
  -webkit-box-flex: 7;
  -ms-flex-positive: 7;
  -webkit-flex-grow: 7;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  flex-grow: 7;
  align-items: center;
  justify-content: left;
  font-size: 13px;
}

.block-toolbar .block-sort-list ul li {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  font-family: "Noto Sans JP";
}

.block-toolbar .block-sort-list ul li ul {
  display: inline;
}

.block-toolbar .block-sort-list ul li ul li:after {
  display: block;
  position: absolute;
  top: 0px;
  right: -6px;
  line-height: 1.3em;
  content: ",";
}

.block-toolbar .block-sort-list ul li:nth-last-child(1) {
  margin-right: 0px;
}

.block-toolbar .block-sort-list ul li:nth-last-child(1):after {
  display: none;
}

.block-toolbar .sort-num {
  display: inline-block;
  margin-left: 5px;
  font-family: Arial, Helvetica Neue, "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.block-toolbar .block-toolbar-select {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 250px;
  font-size: 13px;
}

.block-toolbar .block-toolbar__sort {
  position: relative;
  margin: 0px 0px 0px 35px;
}

.block-toolbar .toolbar-select {
  display: block;
  position: relative;
  padding: 0px 25px 25px 0px;
  cursor: pointer;
}

.block-toolbar .toolbar-select:before {
  display: block;
  content: attr(data-lebel);
}

.block-toolbar .toolbar-select:after {
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: calc(50% - 22px);
  right: 5px;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  border: 1px solid #000;
  border-color: transparent transparent #000 #000;
  content: "";
}

.block-toolbar .toolbar-select__list {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -6px, 0);
  -webkit-transition: all 300ms ease;
  -webkit-animation: fade .2s linear 0s;
  display: none;
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 0px;
  padding: 13px 20px;
  transform: translate3d(0, 100%, 0) translate3d(0, -6px, 0);
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  line-height: 2.2;
  list-style: none;
  white-space: nowrap;
  animation: fade .2s linear 0s;
  opacity: 0;
  transition: all 300ms ease;
}

.block-toolbar .active .toolbar-select__list {
  -webkit-animation: fade .2s linear 0s;
  display: block;
  animation: fade .2s linear 0s;
  opacity: 1;
}

.block-toolbar .toolbar-select__item.select, .block-toolbar .toolbar-select__item a:hover {
  text-decoration: underline;
}

@-moz-document url-prefix() {
  .block-toolbar .toolbar-select:after {
    top: calc(50% - 20px);
  }
}

@-moz-document url-prefix() {
  .block-toolbar .toolbar-select:after {
    width: 11px;
  }
}

#block-modal-search {
  display: none;
}

.block-banner-head {
  margin-bottom: 45px;
}

.block-banner-head .banner-text {
  margin-top: 20px;
  font-size: 13px;
}

.block-banner-head .banner-text p {
  margin-bottom: 10px;
}

.block-banner-head .banner-text p a {
  text-decoration: underline;
}

.block-banner-head .block-link__list {
  margin-top: 15px;
  padding: 25px 0px 10px;
}

.block-page-title {
  padding-bottom: 20px;
  font-size: 22px;
  line-height: 1.5em;
  word-break: break-all;
}

.block-link__list ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}

.block-link__list ul li {
  margin-bottom: 5px;
  padding: 3px 15px;
  border-right: 1px solid #cdcdcd;
  font-size: 12px;
}

.block-link__list ul li:nth-last-child(1) {
  border-right: none;
}

.block-link__list ul li.select {
  font-weight: bold;
  text-decoration: underline;
}

.c-arrow {
  position: relative;
}

.c-arrow:after {
  -webkit-transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 7.5px);
  width: 15px;
  height: 15px;
  transform: rotate(-45deg);
  border: 1px solid #fff;
  border-color: #fff #fff transparent transparent;
  content: "";
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
_header.scss
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#head-topics {
  position: relative;
  width: 100%;
  min-height: 40px;
  background: #041E42;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}

#head-topics .head-news {
  display: block;
  padding: 10px 0px;
  color: #fff;
}

#head-topics .head-news > em {
  color: #E21837;
  font-style: normal;
  text-decoration: none;
}

#head-topics .head-news span {
  color: #E21837;
}

#head-topics .head-brand {
  position: absolute;
  left: 20px;
  padding: 10px 0px;
  color: #fff;
  font-size: 12px;
  line-height: 1.7;
}

#header {
  z-index: 100;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  color: #041e42;
}
#header::before {
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  display: block;
  z-index: 1;
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
          box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  content: "";
}
#header-drwer-toggle {
  display: none;
}
#header-logo {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
  z-index: 2;
  position: relative;
          flex: 1 1 100%;
  width: 100%;
  text-align: center;
}
#header-logo a {
  display: inline-block;
  padding: 5px;
}
#header-logo svg {
  width: 100.22px;
  height: 33.5px;
}
#header-drwer {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
  z-index: 1;
  position: relative;
          flex: 1 1 100%;
  width: 100%;
  margin-top: 8px;
}
#header-drwer .header__tool .header-drwer-pagelink li+li {
  margin-top: 21px;
}
#header-drwer .header-tool {
  display: none;
}
#header-drwer .header-tool .search-field {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px 0;
}
#header.drwer-open #header-drwer-toggle span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
}
#header.drwer-open #header-drwer-toggle span:nth-of-type(2) {
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
#header.drwer-open #header-drwer-toggle span:nth-of-type(3) {
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
}
#header.-fix .header-drwer__inner {
  overflow: hidden;
}
.header__inner {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-wrap: wrap;
          justify-content: center;
  padding-top: 19px;
}
.header-menu__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
          justify-content: center;
}
.header-menu__item {
  margin: 0 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.428571428571429;
}
.header-menu__item .header-menu__label{
  cursor: pointer;
}
.header-menu__item .svg {
  display: none;
}
.header-menu__item>p>span,
.header-menu__item>p>a {
  display: block;
  padding: 5px 5px 18px 5px;
  color: #041e42;
}
.header-menu-panel {
  -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  visibility: hidden;
  z-index: -10;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-bottom: 20px;
  background: #fff;
  font-weight: normal;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.header-menu-panel[aria-hidden="false"] {
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
.header-menu-panel__inner {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}
.header-menu-panel__head {
  display: none;
}
.header-menu-panel__list>li .header-menu-panel__label,
.header-menu-panel__list>li>a,
.header-menu-panel__list>li>span {
  color: #041e42;
}
.header-menu-panel__list>li:not(.pcNone)+li {
  margin-top: 20px;
}
.header-menu-panel__column {
  /*-webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(14% - 36px);
      -ms-flex: 1 0 calc(14% - 36px);
          flex: 1 0 calc(14% - 36px);*/
  width: calc(16% - 36px);
  margin: 0 5px;
  font-size: 12px;
  line-height: 2.666666666666667;
}
@media only screen and (min-width: 900px){
.header-menu-panel__inner.col2 .header-menu-panel__column {
  width: calc(30% - 36px);
}
}
.header-menu-panel__label {
  font-weight: bold;
}
.header-menu-panel__label+.header-menu-subPanel {
  margin-top: 10px;
}
.header-menu-panel__label+.header-menu-subPanel>li:not(.pcNone)+li {
  margin-top: 25px;
}
.header-menu-panel__label+.header-menu-subPanel .header-menu-subPanel__list-child {
  margin-top: 8px;
  display: none;
}
.header-menu-panel__label+.header-menu-subPanel .header-menu-subPanel__list-child a {
  color: #041e42;
}
.header-menu-panel__contents {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
          flex-wrap: wrap;
  align-items: flex-start;
          justify-content: center;
  padding-top: 10px;
}
.header-menu-subPanel__list>li .header-menu-panel__label,
.header-menu-subPanel__list>li>a,
.header-menu-subPanel__list>li>span {
  color: #041e42;
}
.header-drwer-sns {
  display: none;
}
.header__tool {
  z-index: 2;
  position: absolute;
  top: 22px;
  right: 37px;
}
.header__tool .header-tool {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.header__tool .header-tool li {
  margin: 0 3px;
}
.header__tool .header-tool li.header-tool__item-search {
  margin-right: 10px;
}
.header-tool__item a {
  display: block;
  padding: 5px;
}
.header-tool svg {
  width: 24px;
  height: 24px;
}
.header-tool__item-search {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  padding: 5px;
}
.header-tool__item .search-submit {
  right: 0;
  bottom: 0px;
  width: 20px;
  height: 22px;
  border: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M0%2C0H28V28H0Z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M18.608%2C16.7h-1l-.355-.342a8.27%2C8.27%2C0%2C1%2C0-.888.888l.343.355v1L22.1%2C24a1.336%2C1.336%2C0%2C0%2C0%2C1.89-1.89ZM11%2C16.7A5.708%2C5.708%2C0%2C1%2C1%2C16.7%2C10.995%2C5.7%2C5.7%2C0%2C0%2C1%2C11%2C16.7Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23041e42%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -60px;
  cursor: pointer;
}
.header-tool__item form {
  -webkit-tap-highlight-color: transparent;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.header-tool__item label {
  display: none;
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 200px;
  border-bottom: 2px solid #c8102e;
}
.header-tool__item .search-field {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  width: 230px;
  height: 15px;
  padding: 10px 0px;
  border: none;
  font-size: 12px;
  text-align: left;
}
.header-tool__item .openSearch {
  display: block;
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.header-menu__item.-sports .header-menu-panel__contents {
  padding-top: 0;
}
.header-menu__item.-sports .header-menu-panel__inner::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background: #f5f5f5;
  content: "";
}
.header-menu__item.-sports .header-menu-panel__label {
  display: block;
  padding: 15px 0;
}
.header-menu__item.-sports .header-menu-panel__column {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(14% - 40px);
      -ms-flex: 1 0 calc(14% - 40px);
          flex: 1 0 calc(14% - 40px);
  width: calc(14% - 40px);
  margin: 0 20px;
}
.header-menu__item.-sports .header-menu-subPanel__list>li>a,
.header-menu__item.-sports .header-menu-subPanel__list>li>span {
  font-weight: bold;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
_side-contents.scss
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.list-sidebar {
  padding-top: 35px;
}

.list-sidebar__item .list-sidebar__list--banner {
  padding-top: 20px;
}

.list-sidebar__heading {
  position: relative;
  padding: 12.5px 5px;
  cursor: pointer;
}

.list-sidebar__heading h2 {
  font-size: 13px;
  font-weight: bold;
}

.list-sidebar__heading.js-ac-swth:after {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .5s;
  position: absolute;
  top: calc(50% - 7px);
  right: 0px;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  border: 1px solid #000;
  border-color: transparent transparent #000 #000;
  content: "";
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.list-sidebar__heading.js-ac-swth.open:after {
  -webkit-transform: rotate(135deg);
  -webkit-transition: -webkit-transform .5s;
  top: calc(50% - 4px);
  transform: rotate(135deg);
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.list-sidebar__list {
  padding: 0px 0px 20px 0px;
}

.list-sidebar__list > li {
  position: relative;
  padding: 9px 15px;
}

.list-sidebar__list > li a {
  display: block;
}

.js-ac-conts {
  display: none;
}

.list-sidebar__list_sublist {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 3;
  position: absolute;
  top: -5px;
  left: 100%;
  width: 100%;
  max-width: 190px;
  padding: 5px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.list-sidebar__list_sublist li {
  margin: 15px;
  padding: 0px;
}

.list-sidebar__list_sublist li a {
  display: block;
}

.js-current li.current .list-sidebar__list_sublist {
  -webkit-animation: fade .2s linear 0s;
  display: block;
  background: #fff;
  animation: fade .2s linear 0s;
  opacity: 1;
}

.list-sidebar__list--category > li {
  padding: 9px 15px;
  line-height: 1;
}

.list-sidebar__list--color {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0px 10px 10px 10px;
}

.list-sidebar__list--color li {
  display: block;
  margin: 5px;
  padding: 0px;
  border: 1px solid rgba(51, 51, 51, 0);
}

.list-sidebar__list--color li a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 15px;
  height: 15px;
  margin: 4px;
}

.list-sidebar__list--color li.select {
  border: 1px solid #333;
}

.list-price-selector {
  width: 75%;
  margin: 0 auto;
  padding: 20px 0px 35px;
}

.list-price-selector #selectPriceRange ul {
  font-size: 13px;
}

.list-price-selector #selectPriceRange ul.pricelist {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.list-price-selector #selectPriceRange ul.pricelist li {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 8px;
  border-bottom: 1px #333 solid;
}

.list-price-selector #selectPriceRange ul.pricelist li:first-child {
  margin: 0 8px 0 0;
}

.list-price-selector #selectPriceRange ul.pricelist li input {
  width: 0%;
  width: 100%;
}

.list-price-selector #selectPriceRange ul.pricelist li small {
  font-size: 12px;
}

.block-button {
  font-family: Arial, Helvetica Neue, "Noto Sans JP",-apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  text-align: right;
}

.block-button button {
  padding: 5px 0px;
  text-align: center;
}

.block-button .clear {
  margin-right: 7.5px;
  text-decoration: underline;
}

.block-button .submit {
  padding: 5.5px 12px 5px 11px;
  border: 1px solid #000;
  border-radius: 5px;
}

.side-color .block-button {
  padding: 0px 10px;
}

@-moz-document url-prefix() {
  .list-sidebar__heading:after {
    width: 11px;
  }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
_footer.scss
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
main {
  max-width: 1920px;
  min-height: 80vh;
  margin-right: auto;
  margin-left: auto;
}

#footer {
  padding: 0;
  background: #041E42;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.7;
}

footer {
  margin-top: auto;
}

.footer-logo .c-svg {
  fill: #fff;
}

.footer__inner {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  padding: 27px 40px 0px 40px;
}

.footer-contents {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.footer-contents-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
	max-width: 1357px;
	margin-top: 33px;
  padding: 0 0 30px 0;
}

.footer-nav {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
	max-width: 1357px;
}

.footer-nav-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
  align-items: flex-start;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 790px;
	        flex: 0 1 790px;
	width: 790px;
}

.footer-nav-block--category__heading {
  display: none;
}

.footer-nav-block--category .footer-nav-block {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(25% - 10px);
  flex: 1 0 calc(25% - 10px);
  width: calc(25% - 10px);
  padding-right: 10px;
}

.footer-nav-block .footer-nav-box:nth-of-type(n+2) .footer-nav-heading {
  margin-top: 15px;
}

.footer-nav-blocks_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
  align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
  width: 567px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 567px;
	        flex: 0 1 567px;
}

.footer-nav-blocks_02 .footer-tools{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
}

.footer-nav-block__brand{
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 50%;
	        flex: 0 1 50%;
  width: 50%;
}
.footer-nav-blocks__sns {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 50%;
	        flex: 0 1 50%;
	width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 900px) and (max-width: 1240px){
	.footer-nav-blocks_02 {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.footer-nav-block__brand{
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 100%;
		        flex: 1 1 100%;
		width: 100%;
	}
	.footer-nav-blocks__sns{
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 100%;
		        flex: 1 1 100%;
  width: 100%;
		margin-top: 50px;
}
	.footer-nav-blocks{
    width: 70%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
	}
	.footer-nav-blocks_02{
    width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
	}
}



.footer-logo {
  max-width: 100px;
  line-height: 1;
}

.footer-logo .c-svg {
  width: 100px;
  height: 33px;
}

.footer-logo span {
  display: block;
  position: relative;
  margin-top: 7px;
  padding: 2px 9px 4px;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

.footer-logo span:hover {
    background: #fff;
    color: #041E42;
    border: 1px solid #fff;
}

.footer-nav-heading, .footer-nav-heading__link {
  color: #fff;
  font-weight: bold;
}

.footer-nav-heading, .footer-nav__item {
  font-size: 12px;
  line-height: 2.5;
}

.footer-nav-heading + .footer-nav-list {
  margin-top: calc(9px - ((12px * 2.5) - 12px)/ 2);
}

.footer-nav-heading.js-ac--sp {
  color: #fff;
}

.footer-nav__item {
  margin-top: calc(9px - ((12px * 2.5) - 12px)/ 2);
}

.footer-nav__item a {
  display: block;
  color: #fff;
}

.footer-tools-heading {
  color: #fff;
  font-family: Arial,sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.footer-tools-heading + .footer-tools-list {
  margin-top: 15px;
	margin-left: -10px;
}

.footer-tools-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -15px;
}

.footer-tools-item {
  margin: 0 10px;
}

.footer-tools-item a {
  display: block;
  color: #fff;
}

.footer-tools-item svg {
  width: 32px;
	height: auto;
}

.footer-tools__item:nth-last-child(1) {
  margin-right: 0px;
}

.footer-tools-item:nth-of-type(5) svg{
  width: 28px;
}

.footer-docs {
  margin: 0 25px;
}

.footer-docs-list {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.footer-docs-item {
  margin: 0 5px;
  font-size: 12px;
}

.footer-docs-item a {
  color: #fff;
}

.footer-copyright {
  padding: 0 30px;
}

.footer-copyright small {
  font-size: 12px;
}

/* 検索結果0件時の表示エリアスタイル（コピー）ここから */
#itemlist-no-item .no-stock-heading {
  margin-bottom: 35px;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}

#itemlist-no-item .m-button {
  max-width: 255px;
  margin: 0 auto;
}

/* BUTTON */
.m-button {
  margin-bottom: 5px;
  text-align: center;
}

.m-button .button {
  display: block;
  margin: 0px 0px 30px 0px;
  padding: 15px 0px;
  cursor: pointer;
}

.m-button.m-button-bg01 .button {
  background: #041E42;
  color: #fff;
}

/* 検索結果0件時の表示エリアスタイル（コピー）ここまで */
/*コーディネート一覧用（コピー）*/
#block-page-title .block-page-title-contents.type-04 {
  margin-bottom: 50px;
}

#block-page-title .block-page-title-contents.type-04 .page_title {
  display: block;
  width: 100%;
  padding: 20px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
}

#block-page-title .block-page-title-contents.type-04 .page_title span {
  display: block;
  font-size: 16px;
  line-height: 1;
}

/*コーディネート詳細用（コピー）*/
#local .contents {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

#local .contents.col_01 {
  width: 100%;
  max-width: 1600px;
}

.block-local-detail {
  width: 100%;
  max-width: 1370px;
  margin: 0 auto;
  padding: 15px 25px 0px 25px;
}

.block-local-detail .block-local-detail-inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 110px;
  border-bottom: 1px solid #e7e7e7;
}

.block-local-detail .block-local-detail-images {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  max-width: 620px;
  padding-right: 5.73%;
}

.block-local-detail .block-local-detail-contents {
  width: 100%;
  max-width: 850px;
}

.block-local-detail .block-local-detail-contents .local-detail-heading {
  margin-bottom: 50px;
}

.block-local-detail .block-local-detail-contents .local-detail-heading .deta {
  margin-bottom: 20px;
  color: #838383;
}

.block-local-detail .block-local-detail-contents .local-detail-heading h1 {
  padding-top: 5px;
}

.block-local-detail .block-local-detail-contents .local-detail-item .heading {
  margin-bottom: 20px;
  font-family: Arial,sans-serif;
  font-weight: 600;
}

.block-local-detail .block-local-detail-contents .local-detail-item ul {
  width: 100%;
}

.block-local-detail .block-local-detail-contents .local-detail-item ul li {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
}

.block-local-detail .block-local-detail-contents .local-detail-item .images {
  display: block;
  width: 100%;
  max-width: 175px;
}

.block-local-detail .block-local-detail-contents .local-detail-item .content {
  width: 100%;
  padding: 0px 20px;
  color: #212121;
}

.block-local-detail .block-local-detail-contents .local-detail-item .content .category, .block-local-detail .block-local-detail-contents .local-detail-item .content .name {
  margin-bottom: 5px;
}

.block-local-detail .block-local-detail-contents .local-detail-item .content .color {
  margin-bottom: 5px;
  color: #838383;
}

.block-local-detail .block-local-detail-contents .local-detail-item .content .price {
  color: #666;
}

.block-local-detail .block-local-detail-contents .local-detail-item .local-detail-item-text {
  padding: 25px 0px 0px 0px;
  line-height: 2em;
}

.block-section {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.block-section .block-section-inner {
  margin: 0 auto;
  padding: 0px 25px 15px 25px;
  border-bottom: 1px solid #e7e7e7;
}

.block-section .section-heading {
  padding: 50px 0px 30px 0px;
  color: #212121;
  font-size: 30px;
  text-align: center;
  font-family: Arial,sans-serif;
  font-weight: 600;
}

/* --- 900 --- */

.pc {
  display: none !important;
}

/* component
**************************************************************************************************************************/
/* title */
.title {
  margin-bottom: 30px;
  text-align: center;
}

.hl01 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.16em;
}

.hl02 {
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.16em;
}

.hl03 {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #e4e4e4;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-align: left;
}

.hl04 {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.16em;
}

.hl06 {
  padding: 0 0 20px 10px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-align: left;
}

/* button */
.btn01 {
  display: block;
  padding: 12px;
  border: 1px solid #dadada;
  background: #fff;
  color: #151515;
}

.btn02 {
  display: block;
  padding: 12px;
  border: 1px solid #dadada;
  background: #067fc4;
  color: #fff;
}

.btn03 {
  display: block;
  padding: 12px;
  border: 1px solid #dadada;
  background: #fff url(../../images/common/arw01-r.png) calc(100% - 15px) 50% no-repeat;
  background-size: 6px 12px;
  font-size: 13px;
  text-align: center;
}

.btn04 {
  display: block;
  padding: 12px;
  border: 1px solid #dadada;
  background: #fff url(../../images/common/arw01-l.png) 15px 50% no-repeat;
  background-size: 6px 12px;
  font-size: 13px;
  text-align: center;
}

.btn05 {
  display: inline-block;
  padding: 0 15px 5px 0;
  border-bottom: 1px solid #000;
  background: #fff url(../images/common/arw01-r.png) 100% 2px no-repeat;
  background-size: 5px 8px;
  line-height: 1;
  text-align: left;
}

.btn06 {
  display: block;
  padding: 12px;
  border: 1px solid #dadada;
  background: #fff url(../../images/common/arw01-d.png) calc(100% - 15px) 50% no-repeat;
  background-size: 12px 6px;
  font-size: 13px;
  text-align: center;
}

.btn06.is-open {
  background: #fff url(../../images/common/arw01-u.png) calc(100% - 15px) 50% no-repeat;
  background-size: 12px 6px;
}

/* card */
.cards.cards-topic {
  font-size: 0;
}

.cards-topic .card {
  position: relative;
  margin-bottom: 25px;
}

.cards-topic .card:nth-of-type(n+4) {
  display: none;
}

.cards-topic .card a {
  display: block;
  z-index: 3;
}

.cards-topic .card a::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  background: #f0f0f0 url(../../images/common/arw01-r.png) 50% 50% no-repeat;
  background-size: 5px 10px;
  content: '';
}

.cards-topic .card .imgtxt .img {
  position: relative;
}

.cards-topic .card .imgtxt .label {
  display: inline-block;
  z-index: 2;
  position: absolute;
  padding: 8px 10px;
  background: #000;
  color: #fff;
  font-size: 8px;
  letter-spacing: 0.16em;
}

.cards-topic .card .imgtxt .thumb img {
  width: 100%;
}

.cards-topic .card .imgtxt .txt {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: calc(100% - 40px);
  margin-top: 0px;
  padding: 10px 10px 10px 0;
  background: #fff;
}

.cards-topic .card .imgtxt .txt .date {
  font-size: 9px;
  text-align: right;
}

.cards-topic .card .imgtxt .txt h3 {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.12em;
}

.cards-topic .card .imgtxt .txt .category {
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0.16em;
}

.cards-new .card {
  margin-bottom: 15px;
}

.cards-new .card a {
  display: block;
}

.cards-new .card .imgtxt .img {
  border: 1px solid #e4e4e4;
}

.cards-new .card .imgtxt .img .thumb img {
  width: 100%;
}

.cards-new .card .imgtxt .txt {
  padding-top: 12px;
  text-align: left;
}

.cards-new .card .imgtxt .txt .date {
  margin-bottom: 10px;
  font-size: 10px;
}

.cards-new .card .imgtxt .txt h3 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.cards-new .card .imgtxt .summary {
  font-size: 13px;
  line-height: 1.7;
  text-align: left;
}

.cards-new .card .imgtxt .summary br {
  display: none;
}

.cards-new .card a {
  display: block;
}

.cards-new .card .imgtxt .img {
  margin-bottom: 10px;
  border: 0;
}

.cards-new .card .imgtxt .img .thumb img {
  border: 1px solid #e4e4e4;
}

.cards-new .card .imgtxt .txt {
  padding: 0;
}

.cards-new .card .imgtxt .txt h3 {
  font-weight: bold;
}

.cards-new.is-archive .card {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
}

.cards-new.is-archive .card:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}

.cards-new.is-archive .card .imgtxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cards-new.is-archive .card .imgtxt .img {
  border: 0;
}

.cards-new.is-archive .card .imgtxt .img .thumb img {
  width: 100px;
  border: 1px solid #e4e4e4;
}

.cards-new.is-archive .card .imgtxt .txt {
  padding: 0;
  text-align: left;
}

/*
.cards-new .card .imgtxt .summary.ellipsis {  max-height: 60px; position: relative; overflow: hidden; }
.cards-new .card .imgtxt .summary.ellipsis:before,
.cards-new .card .imgtxt .summary.ellipsis:after { position: absolute; background: #fff; }
.cards-new .card .imgtxt .summary.ellipsis:before { content: "…"; bottom: 0; right: 0; margin-bottom: 0px; background: #fff; padding-left: 8px; }
.cards-new .card .imgtxt .summary.ellipsis:after { content: ""; width: 100%; height: 100%;  }
*/
.cards-a {
  margin-bottom: 10px;
  font-size: 0;
}

.cards-a .card {
  display: inline-block;
  width: 33.33%;
  margin-bottom: 8px;
  border-right: 1px solid #fff;
  vertical-align: top;
}

.cards-a .card:nth-of-type(3n) {
  border-right: 0;
}

.cards-a .card .img img {
  display: block;
  width: 100%;
  height: auto;
}

.cards-a .card .img {
  position: relative;
}

.cards-a .card .img ul {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cards-a .card .img ul li {
  display: block;
  width: 70px;
  padding: 3px 0;
  background: rgba(255, 255, 255, 0.85);
  font-size: 7px;
  text-align: center;
}

.cards-a .card .img ul li.sale {
  color: #ff1200;
}

.cards-a .card .img ul li.pre {
  color: #00b2b9;
}

.cards-a .card .img ul li.so {
  color: #acacac;
}

.cards-a .card .img ul li.new {
  color: #067fc4;
}

.cards-a .card .img ul li.re {
  color: #c8b147;
}

.cards-a .card .txt {
  padding: 10px;
}

.cards-a .card .txt .tag {
  margin-bottom: 5px;
  text-align: left;
}

.cards-a .card .txt .tag li {
  display: inline-block;
  width: calc(50% - 1.5px);
  margin: 0 3px 3px 0;
  padding: 3px 0;
  border: 1px solid #666;
  color: #000;
  font-size: 7px;
  line-height: 1;
  text-align: center;
  vertical-align: top;
}

.cards-a .card .txt .tag li:nth-child(even) {
  margin-right: 0px;
}

.cards-a .card .txt .tag li.sale {
  border: 1px solid #ff1200;
  color: #ff1200;
}

.cards-a .card .txt .tag li.pre {
  border: 1px solid #00b2b9;
  color: #00b2b9;
}

.cards-a .card .txt .tag li.so {
  border: 1px solid #acacac;
  color: #acacac;
}

.cards-a .card .txt .tag li.new {
  border: 1px solid #067fc4;
  color: #067fc4;
}

.cards-a .card .txt .tag li.re {
  border: 1px solid #c8b147;
  color: #c8b147;
}

.cards-a .card .txt .name {
  margin-bottom: 5px;
  font-size: 10px;
}

.cards-a .card .txt .price {
  font-size: 10px;
}

.cards-a .card .txt .price.discount {
  color: #ff1200;
}

.cards-a .card .txt .price.so {
  color: #909090;
}

.cards-a .card .txt .price span {
  display: inline-block;
  margin-left: 5px;
  padding: 3px;
  background: #ff6666;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  vertical-align: middle;
}

.cards-a .card .varie {
  display: none;
}

/* ニュース画面用 */
main.news {
  margin-bottom: 45px;
  padding: 0 20px;
}

main.news .article .news-header {
  margin-bottom: 5px;
}

main.news .article .news-header .date {
  font-size: 10px;
}

main.news .article .news-body {
  margin-bottom: 50px;
  font-size: 13px;
}

main.news .article .ttl {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 24px;
  font-weight: 500;
}

main.news .article .wysiwyg p {
  margin-bottom: 20px;
  line-height: 1.7;
}

main.news .article img {
  max-width: 100%;
}

main.news .article .wysiwyg a {
  text-decoration: underline;
}

main.news .archive-news {
  margin-bottom: 30px;
}

main.news .archive-news .back {
  margin-top: 35px;
}

/* news
**************************************************************************************************************************/
/* pagetitle */
.pagetitle {
  padding: 40px 10px;
  text-align: center;
}

.pagetitle .ttl {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.16em;
}

/* pagelist */
.pagelist.sp {
  margin-bottom: 20px;
  padding: 0 10px;
}

.pagelist.sp ul {
  display: block;
  position: relative;
  padding: 12px;
  border: 1px solid #dadada;
  font-size: 0;
  font-size: 12px;
  text-align: center;
}

.pagelist.sp ul li {
  display: inline-block;
  text-align: center;
}

.pagelist.sp ul li a, .pagelist.sp ul li span {
  display: block;
  padding: 4px 20px;
}

.pagelist.sp ul li.current a {
  background: #bcbcbc;
  color: #fff;
}

.pagelist.sp ul li.prev, .pagelist.sp ul li.next {
  -webkit-transform: translateY(-50%);
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.pagelist.sp ul li.prev {
  left: 5px;
}

.pagelist.sp ul li.next {
  right: 5px;
}

.pagelist.sp ul li.prev a {
  display: block;
  width: 20px;
  padding: 4px;
  background: url(../../images/common/arw02-l.png) 50% 50% no-repeat;
  background-size: 5px 8px;
  text-indent: -9999px;
}

.pagelist.sp ul li.next a {
  display: block;
  width: 20px;
  padding: 4px;
  background: url(../../images/common/arw02-r.png) 50% 50% no-repeat;
  background-size: 5px 8px;
  text-indent: -9999px;
}

.clrfix2:after, .inner:after, .block:after, .box:after, .set:after {
  display: block;
  visibility: hidden;
  height: 0px;
  clear: both;
  content: ".";
}

.clrfix2, .inner, .block, .box, .set {
  display: inline-table;
  min-height: 1%;
}

* html .clrfix2, * html .inner, * html .block, * html .box, * html .set {
  height: 1px;
}

.clrfix2, .inner, .block, .box, .set {
  display: block;
}

.disp_check_goods_cell_none {
  text-align: center;
}

.eachSlide .item-sale {
  color: #C8102E;
}

.border-b-none {
  border: none !important;
}

#local .colum_04-slider {
  width: 92.5%;
  margin: 0 auto 45px auto;
}

#local .colum_04-slider .slick-prev {
  left: -3.475%;
}

#local .slick-prev:before {
  -webkit-transition: -webkit-transform .5s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  right: 0px;
  width: 20px;
  height: 20px;
  color: #ddd;
  line-height: 1;
  content: "";
  opacity: 1;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.slick-next:before {
  -webkit-transition: -webkit-transform .5s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  right: 0px;
  width: 20px;
  height: 20px;
  color: #ddd;
  line-height: 1;
  content: "";
  opacity: 1;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

#local .slick-prev:before, [dir='rtl'] .slick-prev:before {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .5s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  right: 0px;
  width: 15px;
  height: 15px;
  transform: rotate(-45deg);
  border: 2px solid #000;
  border-color: #565656 transparent transparent #565656;
  color: #ddd;
  line-height: 1;
  content: "";
  opacity: 1;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

#local .slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}

#local .slick-initialized .slick-slide {
  display: block;
}

#local .slick-slide {
  display: none;
  height: 100%;
  min-height: 1px;
  float: left;
}

#local .colum_04-slider .colum_04-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0px;
  padding: 0px 10px;
  text-align: center;
}

#local .colum_04-slider .colum_04-slide a {
  display: block;
  color: #212121;
}

#local .colum_04-slider .colum_04-slide-detail {
  font-size: 12px;
}

#local .colum_04-slider .colum_04-slide-detail img {
  margin-bottom: 12px;
}

#local .slick-slide img {
  display: block;
}

#local img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#local .colum_04-slider .slick-next {
  right: -3.475%;
}

#local .slick-prev {
  display: block;
  z-index: 10;
  position: absolute;
  top: 0%;
  width: 20px;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.slick-next {
  display: block;
  z-index: 10;
  position: absolute;
  top: 0%;
  width: 20px;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

#local .slick-next:before, [dir='rtl'] .slick-next:before {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .5s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  right: 0px;
  width: 15px;
  height: 15px;
  transform: rotate(-45deg);
  border: 2px solid #000;
  border-color: transparent #565656 #565656 transparent;
  color: #ddd;
  line-height: 1;
  content: "";
  opacity: 1;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

#local .slick-slider {
  -webkit-box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
}

#local .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#local .slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#local .slick-dots {
  display: block;
  position: absolute;
  bottom: 15px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

#local .slick-dots li {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

#local .slick-dots li button {
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  border: 0;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

#local .slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #ddd;
  line-height: 20px;
  text-align: center;
  content: '';
}

#local .slick-dots li.slick-active button:before {
  border-radius: 10px;
  background: #000;
  opacity: 1;
}

#pagetop {
  -webkit-transform: translateY(100px);
  -webkit-transition: -webkit-transform .3s;
  display: inline-block;
  z-index: 100;
  position: fixed;
  right: 0;
  bottom: 20px;
  width: 52px;
  height: 52px;
  transform: translateY(100px);
  border-radius: 50%;
  background: rgba(4, 30, 66, 0.8);
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

#pagetop.is-show {
  -webkit-transform: translateY(0px);
  -webkit-transition: -webkit-transform .3s;
  transform: translateY(0px);
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

#pagetop a {
  display: block;
  width: 100%;
  height: 100%;
}

#pagetop svg {
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 8px);
  width: 18px;
  height: 18px;
}


/* 200907 追加 */
.block-page__title {
  width: 100%;
  max-width: 1440px;
  margin: 45px auto 0 auto;
  font-family: Arial,sans-serif;
  font-size: 32px;
  font-weight: bold;
  font-weight: 600;
  text-align: center;
}

.block-page__title small {
  display: block;
  margin: 5px 0 0 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
  font-weight: 400;
}
/* 200907 追加 */

.block__heading small {
  display: block;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.block__heading + .block-itemlist__list, .block__heading + .block-news__list {
  margin-top: 40px;
}

@media only screen and (max-width: 900px){
  .pcNone {
    display: block !important;
  }
  .spNone {
    display: none !important;
  }
  body {
    font-size: 12px;
  }
  body.scroll-stop {
    position: fixed;
    width: 100%;
  }
  main {
    position: relative;
  }
  .block-list__main {
    width: 100%;
    padding: 0px 18px;
  }
  .block-list__sidebar {
    display: none;
  }
  select, option {
    line-clamp: 3;
    border-radius: 0px;
  }
  .block-list {
    width: 100%;
    padding: 0px;
  }
  #block-breadcrumbs {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin: 0 auto;
    padding: 0px;
  }
  #block-breadcrumbs ul {
    padding: 5px 0px;
  }
  .block-items .block-items__list {
    margin: 0px -3.96%;
    padding-bottom: 0px;
  }
  .block-items .block-items__list:last-child {
    padding-bottom: 15px;
  }
  .block-items .block-items__item {
    width: 50%;
    margin-bottom: 35px;
    padding: 0% 3.96%;
  }
  .block-items .item__image {
    margin-bottom: 8px;
  }
  .block-items .item__info {
    font-size: 12px;
  }
  .block-items .item__info-color {
    font-size: 11px;
  }
  .block-items .item__info-status {
    display: inline-block;
    margin: 3px 1px;
    padding: 5px 5px 4px;
    font-size: 10px;
    line-height: 1.2em;
  }
  .block-items .item__block-icon__favorite {
    position: absolute;
    top: 0%;
    right: 0%;
    font-size: 3.2vw;
  }
  .block-items .block-icon__favorite {
    font-size: 12px;
  }
  /* Addここから */
  .block-items-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-left: 0px;
    padding: 0px;
    font-size: 14px;
  }
  .block-items-list .items-item {
    position: relative;
    width: 48.588%;
    max-width: 48.588%;
    margin: 0px 0% 30px 0px;
  }
  .block-items-list .items-item-link {
    font-size: 11px;
  }
  .block-items-list .items-item-link img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px;
  }
  .block-items-list .items-item-name, .block-items-list .items-item-price {
    margin-bottom: 2px;
  }
  .block-items-list .item-sale-price {
    margin-left: 10px;
    color: #C8102E;
  }
  .block-items-list .item-sale-price small {
    margin-left: 10px;
  }
  /* Addここまで */
  .block-toolbar .block-toolbar__inner {
    display: block;
    position: static;
  }
  .block-toolbar .sort-num {
    font-size: 13px;
  }
  .block-toolbar .block-sort-list {
    margin: 20px 0px;
  }
  .block-toolbar .block-toolbar-select {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    font-size: 12px;
  }
  .block-toolbar .block-toolbar__sort {
    margin: 0px 0px 0px 20px;
  }
  .block-toolbar .block-toolbar__sort_selecter__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  .block-toolbar .block-toolbar__sort_selecter__inner > .toolbar-select__selecter_list {
    display: inline-block;
    position: relative;
    margin-left: 15px;
  }
  .block-toolbar .block-toolbar__sort_selecter__inner > .toolbar-select__selecter_list select {
    width: 7.0em;
    margin-bottom: 15px;
    padding: 0px 23px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
  }
  .block-toolbar .block-toolbar__sort_selecter__inner > .toolbar-select__selecter_list:after {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .5s;
    display: block;
    position: absolute;
    top: calc(50% - 15px);
    right: 5px;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    border: 1px solid #000;
    border-color: transparent transparent #000 #000;
    content: "";
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  .block-toolbar .toolbar-select__list {
    bottom: -15px;
  }
  #block-modal-search {
    display: block;
    z-index: 100;
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 14px;
  }
  #block-modal-search .block-modal-search__inner {
    -webkit-transform: translateX(100%);
    -webkit-transition: -webkit-transform .5s;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow-x: hidden;
    transform: translateX(100%);
    background: #fff;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  #block-modal-search.show .block-modal-search__inner {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(0%);
    -webkit-transition: -webkit-transform .5s;
    z-index: 50;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    transform: translateX(0%);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  #block-modal-search.sub-show .block-modal-search__item-sub {
    -webkit-transform: translateX(0%);
    -webkit-transition: -webkit-transform .5s;
    display: block;
    z-index: 999;
    transform: translateX(0%);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  #block-modal-search .block-modal-search-button {
    -webkit-transform: translateY(100px);
    -webkit-transition: -webkit-transform .3s;
    width: 52px;
    height: 52px;
    transform: translateY(100px);
    border-radius: 50%;
    background: rgba(4, 30, 66, 0.8);
    color: #fff;
    font-family: Arial, Helvetica Neue, "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  #block-modal-search .block-modal-search-button.is-show {
    -webkit-transform: translateY(0px);
    -webkit-transition: -webkit-transform .3s;
    transform: translateY(0px);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  #block-modal-search .block-modal-search-button .search-img {
    display: block;
    width: 37.5%;
    margin: 0 auto;
    padding: 7.5px 0px 5px 0px;
    font-size: 16px;
  }
  #block-modal-search .block-modal-search__heading {
    position: relative;
    padding: 15px;
    background: #041E42;
    color: #fff;
    text-align: center;
  }
  #block-modal-search .block-modal-search__heading h3 {
    color: #fff;
    font-size: 18px;
  }
  #block-modal-search .block-modal-search__heading .modal-close, #block-modal-search .block-modal-search__heading .modal-sub-close {
    position: absolute;
    top: 18px;
    left: 5.33%;
    padding-left: 10px;
    cursor: pointer;
  }
  #block-modal-search .block-modal-search__heading .modal-close:before, #block-modal-search .block-modal-search__heading .modal-sub-close:before {
    -webkit-transform: rotate(135deg);
    display: block;
    position: absolute;
    top: calc(50% - 3px);
    left: 0px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    border: 1px solid #fff;
    border-color: transparent #fff #fff transparent;
    content: "";
  }
  #block-modal-search .block-modal-search__items {
    position: relative;
    padding-bottom: 30px;
  }
  #block-modal-search .block-modal-search__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 4%;
    border-bottom: 1px solid #cdcdcd;
  }
  #block-modal-search .block-modal-search__item .label {
    width: 26%;
    padding: 7.5px 0px;
  }
  #block-modal-search .block-modal-search__item .selector {
    position: relative;
    width: 66%;
  }
  #block-modal-search .block-modal-search__item .selector:before {
    -webkit-transform: rotate(135deg);
    -webkit-transition: -webkit-transform .5s;
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 5px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    border: 1px solid #000;
    border-color: #565656 #565656 transparent transparent;
    content: "";
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  #block-modal-search .block-modal-search__item .selector select {
    width: 100%;
    padding: 7.5px 0px;
    border-bottom: 1px solid #041E42;
    color: #aaa;
  }
  #block-modal-search .block-modal-search__item .selector select option {
    color: #000;
  }
  #block-modal-search .block-modal-search__item .selector select option:nth-child(1) {
    color: #aaa;
  }
  #block-modal-search .block-modal-search__item .selector input {
    width: 100%;
    padding: 7.5px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  #block-modal-search .block-modal-search__item .selector .pricelist {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #block-modal-search .block-modal-search__item .selector .button__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #block-modal-search .block-modal-search__item .selector .button__list .c-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: calc(25% - 5px);
    margin: 0 2.5px;
    padding: 5px 0px;
    border: 1px solid #041E42;
    border-radius: 20px;
    color: #041E42;
    font-size: 11px;
  }
  #block-modal-search .block-modal-search__item .selector .button__list .c-button.c-button--men {
    border: 1px solid #3361a8;
    color: #3361a8;
  }
  #block-modal-search .block-modal-search__item .selector .button__list .c-button.c-button--women {
    border: 1px solid #C8102E;
    color: #C8102E;
  }
  #block-modal-search .block-modal-search__item .selector .button__list .c-button.c-button--kids {
    border: 1px solid #e6e342;
    color: #e6e342;
  }
  #block-modal-search .block-modal-search__item .selector .button__list .c-button.select {
    background: #041E42;
    color: #fff;
  }
  #block-modal-search .block-modal-search__item .selector .button__list .c-button.c-button--men.select {
    background: #3361a8;
  }
  #block-modal-search .block-modal-search__item .selector .button__list .c-button.c-button--women.select {
    background: #C8102E;
  }
  #block-modal-search .block-modal-search__item .selector .button__list .c-button.c-button--kids.select {
    background: #e6e342;
  }
  #block-modal-search .block-modal-search__item .selector .pricelist li {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
  }
  #block-modal-search .block-modal-search__item .selector .pricelist li small {
    margin-left: 5px;
  }
  #block-modal-search .block-modal-search__item .selector .pricelist li:nth-child(2) {
    margin-right: 5px;
  }
  #block-modal-search .block-modal-search__item.select-color .selector:before, #block-modal-search .block-modal-search__item.select-keyword .selector:before, #block-modal-search .block-modal-search__item.select-price .selector:before, #block-modal-search .block-modal-search__item.select-gemder .selector:before {
    display: none;
  }
  #block-modal-search .block-modal-search__item.select-color {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  #block-modal-search .block-modal-search__item.select-color .selector__list--color {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 185px;
    margin: 0px 0px 0px -5px;
  }
  #block-modal-search .block-modal-search__item.select-color .selector__list--color li {
    display: block;
    width: 20%;
    margin: 0px;
    padding: 6px;
    text-align: center;
  }
  #block-modal-search .block-modal-search__item.select-color .selector__list--color li a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 5px;
  }
  #block-modal-search .block-modal-search__item.select-color .selector__list--color li.select {
    border: 1px solid #333;
  }
  #block-modal-search .block-modal-search__item.select-color .selector__list--color li.select a {
    margin: 4px;
  }
  #block-modal-search .block-modal-search__item.select-category .selector label {
    position: relative;
  }
  #block-modal-search .block-modal-search__item.select-category .selector label:after {
    display: block;
    content: attr(data-lebel);
  }
  #block-modal-search .block-modal-search__item.select-category .selector:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #block-modal-search .block-modal-search__item.select-keyword .selector {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #block-modal-search .block-modal-search__item.select-keyword .selector input {
    padding-left: 30px;
  }
  #block-modal-search .block-modal-search__item.select-keyword .selector button {
    position: absolute;
    padding: 0 10px;
  }
  #block-modal-search .block-modal-search__item-sub {
    -webkit-transform: translateX(130%);
    -webkit-transition: -webkit-transform .5s;
    -webkit-overflow-scrolling: touch;
    z-index: 50;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 30px);
    overflow-y: scroll;
    transform: translateX(130%);
    background: #fff;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  #block-modal-search .block-modal-search__item-sub-contents > ul > li {
    padding: 0px;
    border-bottom: 1px solid #cdcdcd;
    cursor: pointer;
  }
  #block-modal-search .block-modal-search__item-sub-contents > ul > li p, #block-modal-search .block-modal-search__item-sub-contents > ul > li li {
    padding: 15px 4%;
  }
  #block-modal-search .block-modal-search__sub__item .js-ac-swth {
    position: relative;
  }
  #block-modal-search .block-modal-search__sub__item .js-ac-swth:after {
    -webkit-transform: rotate(135deg);
    -webkit-transition: -webkit-transform .5s;
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    border: 1px solid #000;
    border-color: #565656 #565656 transparent transparent;
    content: "";
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  #block-modal-search .block-modal-search__sub__item .js-ac-swth.open::after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  #block-modal-search .block-modal-search__sub__item__sub {
    margin-bottom: -1px;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background: #f8f8f8;
  }
  #block-modal-search .block-modal-search__sub__item__sub > ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: -1px;
  }
  #block-modal-search .block-modal-search__sub__item__sub > ul:after {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: calc(50% - 1px);
    width: 1px;
    height: 100%;
    background: #cdcdcd;
    content: "";
  }
  #block-modal-search .block-modal-search__sub__item__sub > ul > li {
    position: relative;
    width: 50%;
    border-bottom: 1px solid #cdcdcd;
    font-size: 12px;
  }
  #block-modal-search .block-modal-search__sub__item__sub > ul > li:after {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform .5s;
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    right: 25px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border: 1px solid #000;
    border-color: #565656 #565656 transparent transparent;
    content: "";
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  #block-modal-search .c-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0px;
  }
  #block-modal-search .c-button .button {
    padding: 16px 0px;
  }
  #block-modal-search .c-button .submit {
    width: 60%;
    border-radius: 5px;
    background: #041E42;
    color: #fff;
    text-align: center;
  }
  #block-modal-search .c-button .clear {
    margin-right: 20px;
    text-decoration: underline;
  }
  .block-banner-head {
    margin-bottom: 20px;
  }
  .block-banner-head .banner-images {
    margin-bottom: 20px;
  }
  .block-banner-head .banner-text {
    margin-top: 0;
  }
  .block-banner-head .banner-text p {
    margin-bottom: 5px;
  }
  .block-banner-head .block-link__list {
    margin: 20px 0px 10px;
    padding: 5px 0px;
  }
  .block-link__list ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .block-link__list ul li {
    margin-bottom: 7px;
    padding: 1px 10px;
  }
  .block-page-title {
    padding: 12px 0 15px;
    font-size: 18px;
    font-weight: bold;
  }
  #head-topics {
    min-height: auto;
  }
  #head-topics .head-brand {
    display: block;
  }

  #head-topics {
    font-size: 10.5px;
  }
  .title {
    margin-bottom: 0px !important;
    text-align: left !important;
}

  /* header */
  #header-drwer-toggle {
    -webkit-transform: translateY(-50%);
    display: block;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 40px;
    padding: 10px;
            transform: translateY(-50%);
  }
  #header-drwer-toggle span {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: #041e42;
    transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  #header-drwer-toggle span+span {
    margin-top: 4px;
  }
  #header-logo a {
    padding: 8px 5px;
  }
  #header-logo svg {
    width: 70px;
    height: 23.28px;
  }
  #header-drwer {
    visibility: hidden;
    z-index: -10;
    z-index: 0;
    position: fixed;
    top: 51px;
    left: 0;
    width: 100%;
    height: calc(100vh - 51px);
    margin-top: 0;
    overflow: hidden;
  }
  #header-drwer .header__tool {
    -webkit-transform: none;
    position: static;
    padding-bottom: 30px;
            transform: none;
  }
  #header-drwer .header__tool .header-drwer-pagelink {
    padding: 29px 0;
    font-size: 16px;
    line-height: 1.25;
  }
  #header-drwer .header__tool .header-drwer-pagelink a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 10px 40px 10px 22px;
    color: #041e42;
  }
  #header-drwer .header__tool .header-drwer-pagelink svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  #header-drwer .header-tool {
    display: block;
  }
  #header-drwer .header-tool .header-tool__item-search {
    display: block;
    margin-top: 35px;
    padding: 0 22px 0 20px;
  }
  #header-drwer .header-tool .search-form label {
    display: block;
    position: static;
    width: 100%;
    border-bottom-color: #041e42;
  }
  #header-drwer .header-tool .openSearch {
    display: none;
  }
  #header-drwer .header-tool .search-submit {
    width: 25px;
    height: 21px;
    margin-left: 8px;
  }
  #header.drwer-open #header-drwer {
    visibility: visible;
    z-index: 0;
  }
  #header.drwer-open .header-drwer__inner {
    -webkit-transform: translateX(0);
    z-index: 1;
            transform: translateX(0);
  }
  #header.drwer-open+#filaWrap {
    -webkit-filter: blur(6px);
            filter: blur(6px);
  }
  #header.drwer-open #drawer-bg {
    display: block;
    z-index: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    content: "";
  }
  .header__inner {
    padding-top: 0;
  }
  .header-menu {
    padding-top: 20px;
    padding-bottom: 4px;
    background: #fff;
  }
  .header-menu__list {
    display: block;
  }
  .header-menu__item {
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
  }
  .header-menu__item>p,
  .header-menu__item>a {
    position: relative;
  }
  .header-menu__item+.header-menu__item {
    margin-top: 4px;
  }
  .header-menu__item .svg {
    display: block;
  }
  .header-menu__item svg {
    stroke: #041e42;
    -webkit-transform: rotate(180deg) translateY(50%);
    position: absolute;
    top: 53%;
    right: 30px;
    width: 12px;
    height: 15px;
            transform: rotate(180deg) translateY(50%);
  }
  .header-menu__item>p>span,
  .header-menu__item>p>a {
    padding: 20px 45px 20px 20px;
  }
  .header-menu-panel {
    -webkit-transform: translateX(200%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    display: block;
    z-index: 1;
    position: fixed;
    top: 51px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    min-height: calc(100vh - 51px);
    overflow: hidden;
            transform: translateX(200%);
    background: #fff;
    transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .header-menu-panel[aria-hidden="false"] {
    -webkit-transform: translateX(0%);
    z-index: 10;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    padding-bottom: 0;
            transform: translateX(0%);
  }
  .header-menu-panel__inner {
    max-width: 100%;
  }
  .header-menu-panel__head {
    display: block;
    background: #f5f5f5;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
  }
  .header-menu-panel__head button {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
            align-items: center;
            justify-content: center;
    width: 100%;
    padding: 22px 20px;
  }
  .header-menu-panel__head button svg {
    stroke: #041e42;
    -webkit-transform: none;
    top: auto;
    right: auto;
    left: 20px;
    width: 11px;
    height: 11px;
            transform: none;
  }
  .header-menu-panel__list>li .header-menu-panel__label,
  .header-menu-panel__list>li>a,
  .header-menu-panel__list>li>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: block;
    position: relative;
    padding: 13px 45px 13px 20px;
  }
  .header-menu-panel__list>li:not(.pcNone)+li {
    margin-top: 0;
  }
  .header-menu-panel__column {
    width: 100%;
    margin: 0;
  }
  .header-menu-panel__column li {
    margin-top: 3px;
  }
  .header-menu-panel__label {
    font-weight: normal;
  }
  .header-menu-panel__label+.header-menu-subPanel {
    margin-top: 0;
  }
  .header-menu-panel__label+.header-menu-subPanel>li:not(.pcNone)+li {
    margin-top: 0;
  }
  .header-menu-panel__label+.header-menu-subPanel .header-menu-subPanel__list-child {
    margin-top: 0;
  }
  .header-menu-panel__contents {
    display: block;
    position: static;
    padding-top: 15px;
  }
  .header-menu-subPanel {
    -webkit-transform: translateX(200%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    z-index: 11;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
            transform: translateX(200%);
    background: #fff;
    transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .header-menu-subPanel__list svg {
    right: 31px;
  }
  .header-menu-subPanel__list-child {
    display: none;
  }
  .header-menu-subPanel__list-child ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -1px;
  }
  .header-menu-subPanel__list-child li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    width: 50%;
    border-bottom: 1px solid #eee;
  }
  .header-menu-subPanel__list-child li:nth-of-type(odd) {
    border-right: 1px solid #eee;
  }
  .header-menu-subPanel__list-child li a {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
  }
  .header-menu-subPanel__list-child li a::after {
    -webkit-transform: rotate(45deg);
    display: block;
    width: 7px;
    height: 7px;
            transform: rotate(45deg);
    border-top: 1px solid #041e42;
    border-right: 1px solid #041e42;
    content: "";
  }
  .header-menu-subPanel__list-child[aria-hidden="false"] {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  .header-menu-subPanel[aria-hidden="false"] {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .header-menu-subPanel__list {
    padding-top: 18px;
  }
  .header-menu-subPanel__list>li .header-menu-panel__label,
  .header-menu-subPanel__list>li>a,
  .header-menu-subPanel__list>li>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: block;
    position: relative;
    padding: 12px 45px 12px 20px;
  }
  .header-menu-subPanel.-scroll {
    overflow-y: auto;
  }
  .header-menu .-scroll {
    overflow-y: auto;
  }
  .header-drwer__inner {
    -webkit-transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 86.6%;
    height: calc(100vh - 51px);
    overflow-x: hidden;
            transform: translateX(-100%);
    background: #f5f5f5;
    transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .header-drwer-sns {
    display: block;
    margin-top: 6px;
    padding: 0 20px 300px 20px;
  }
  .header-drwer-sns__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 19px;
    margin-left: -15px;
  }
  .header-drwer-sns__list>li {
    margin: 0 16px;
  }
  .header-drwer-sns__list a {
    display: block;
  }
  .header-drwer-sns__list svg {
    width: 20px;
    height: 20px;
  }
  .header-drwer-sns__heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.25;
  }
  .header__tool {
    -webkit-transform: translateY(-50%);
    top: 50%;
    right: 15px;
            transform: translateY(-50%);
  }
  .header__tool .header-tool li {
    margin: 0;
  }
  .header__tool .header-tool li.header-tool__item-search {
    margin-right: 0;
  }
  .header__tool .header-tool svg {
    width: 20px;
    height: 20px;
  }
  .header-tool .header-tool__item-search {
    display: none;
  }
  .header-tool__item-search {
    padding: 5px 6px;
  }
  .header-menu__item.-sports .header-menu-panel__contents {
    padding-top: 15px;
  }
  .header-menu__item.-sports .header-menu-panel svg {
    right: 20px;
  }
  .header-menu__item.-sports .header-menu-panel__inner::after {
    display: none;
  }
  .header-menu__item.-sports .header-menu-panel__label {
    padding: 13px 45px 13px 20px;
  }
  .header-menu__item.-sports .header-menu-panel__column {
    width: 100%;
    margin: 0;
  }
  .header-menu__item.-sports .header-menu-panel__column li {
    margin-top: 0;
  }
  .header-menu__item.-sports .header-menu-subPanel__list>li>a,
  .header-menu__item.-sports .header-menu-subPanel__list>li>span {
    font-weight: normal;
  }







  .footer__inner {
    padding: 50px 0 0 0;
  }
  .footer-contents {
    max-width: 85%;
  }
  .footer-contents-bottom {
    display: block;
    padding: 0 0 29px 0;
		margin-top: 39px;
  }
  .footer-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-nav-blocks {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
	.footer-nav-heading.js-ac--sp + .footer-nav-contents .footer-nav-list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
  }
  .footer-nav-block--category__heading {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 2.5;
    text-align: center;
  }
  .footer-nav-block--category__heading::after {
    -webkit-transform: rotate(-180deg);
    display: block;
    position: absolute;
    top: calc(50% - 2.5px);
    right: -20px;
    width: 10px;
    height: 10px;
    transform: rotate(-180deg);
    border-width: 0 5.5px 9px 5.5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    content: "";
  }
  .footer-nav-block--category .footer-nav-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    padding-right: 0px;
  }
  .footer-nav-blocks_02 {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .footer-nav-block--category .footer-nav-block .footer-nav-box:nth-of-type(n+2) .footer-nav-heading {
    margin-top: 0px;
  }
  .footer-nav-blocks_02 .footer-nav-block{
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
  }
	.footer-nav-blocks_02 .footer-tools{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}

	.footer-nav-block__brand{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 100%;
		        flex: 0 1 100%;
		width: 100%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin-top: 48px;
	}
	.footer-nav-blocks__sns{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 100%;
		        flex: 0 1 100%;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin-top: 60px;
	}

  .footer-nav-blocks__sns {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    flex-wrap: wrap;
    order: 1;
  }
  .footer-nav {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: block;
    flex-direction: column;
    order: 1;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .footer-brand {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .footer-logo {
    margin: 0 auto;
  }
  .footer-logo span {
    top: -5px;
    margin-top: 13px;
    padding: 1px 9px 3px 9px;
  }
  .footer-nav-heading {
    font-weight: normal;
  }
  .footer-nav-heading + .footer-nav-contents .footer-nav-list {
    margin-top: calc(15px - ((12px * 2.5) - 12px)/ 2);
  }

  .footer-nav-heading__link {
    font-weight: normal;
  }
  .footer-nav-block--category .footer-nav-list .footer-nav__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
	.footer-nav-heading + .footer-nav-contents .footer-nav-list.-flex-col-2-sp .footer-nav__item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .js-ac--sp span {
    position: relative;
  }
  .js-ac--sp span::after {
    -webkit-transform: rotate(-180deg);
    display: block;
    position: absolute;
    top: calc(50% - 2.5px);
    right: -20px;
    width: 10px;
    height: 10px;
    transform: rotate(-180deg);
    border-width: 0 5.5px 9px 5.5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    content: "";
  }
  .js-ac--sp.is-open span::after {
    -webkit-transform: rotate(0deg);
    top: calc(50% - 4.5px);
    transform: rotate(0deg);
  }
  .js-ac--sp + .footer-nav-contents {
    display: none;
  }
  .js-ac--sp + .footer-nav-contents > .footer-nav-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: calc(15px - ((12px * 2.5) - 12px)/ 2) 0 calc(35px - ((12px * 2.5) - 12px)/ 2) 0;
  }
  .js-ac--sp + .footer-nav-contents > .footer-nav-list .footer-nav__item {
    margin-top: calc(15px - ((12px * 2.5) - 12px)/ 2);
  }
  .footer-nav-heading {
    text-align: center;
  }
  .footer-nav__item {
    margin-top: calc(13px - ((12px * 2.5) - 12px)/ 2);
    text-align: center;
  }
  .footer-tools {
    max-width: 100%;
  }
  .footer-tools-heading {
    text-align: center;
  }
  .footer-tools-heading + .footer-tools-list {
    margin-top: 15px;
		margin-left: 0;
  }
  .footer-tools-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
  }
  .footer-tools-item {
    margin: 0 8px;
  }
  .footer-docs {
    margin: 0 5px;
    padding: 0 2.5px;
  }
  .footer-docs-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer-docs-item {
    margin: 0 2.5px;
  }
  .footer-copyright {
    margin-top: calc(20px - ((10px * 2.5) - 10px)/ 2);
    text-align: center;
  }
  .footer-copyright small {
    font-size: 10px;
  }
  .block-local-detail {
    width: 100%;
    max-width: 100%;
    padding: 15px 0px 40px 0px;
  }
  .block-local-detail .block-local-detail-inner {
    display: block;
    width: 100%;
    padding-bottom: 0px;
    border-bottom: none;
  }
  .block-local-detail .block-local-detail-images {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
    padding-right: 0px;
  }
  .block-local-detail .block-local-detail-contents {
    max-width: 100%;
  }
  .block-local-detail .block-local-detail-contents .local-detail-heading {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
  }
  .block-local-detail .block-local-detail-contents .local-detail-heading .deta {
    margin-bottom: 40px;
    color: #838383;
  }
  .block-local-detail .block-local-detail-contents .local-detail-heading h1 {
    font-size: 24px;
  }
  .block-local-detail .block-local-detail-contents .local-detail-heading h2 {
    padding-top: 5px;
  }
  .block-local-detail .block-local-detail-contents .local-detail-item .heading {
    margin-bottom: 20px;
  }
  .block-local-detail .block-local-detail-contents .local-detail-item ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
  }
  .block-local-detail .block-local-detail-contents .local-detail-item ul li {
    display: block;
    width: 48%;
  }
  .block-local-detail .block-local-detail-contents .local-detail-item .images {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .block-local-detail .block-local-detail-contents .local-detail-item .content {
    padding: 0px;
    font-size: 11px;
    text-align: center;
  }
  .block-local-detail .block-local-detail-contents .local-detail-item .content .name {
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
  }
  .block-local-detail .block-local-detail-contents .local-detail-item .content .category, .block-local-detail .block-local-detail-contents .local-detail-item .content .color, .block-local-detail .block-local-detail-contents .local-detail-item .content .price {
    margin-bottom: 2px;
  }
  .block-local-detail .block-local-detail-contents .local-detail-item .local-detail-item-text {
    padding: 40px 0px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 12px;
  }
  .block-section {
    width: 93.073%;
    max-width: 93.073%;
    margin: 0 auto;
    padding: 0px;
    border-bottom: none;
  }
  .block-section .block-section-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    border-bottom: none;
  }
  .block-section .section-heading {
    padding: 0px 0px 20px 0px;
    font-size: 21px;
  }
  #block-page-title .block-page-title-contents.type-04 .page_title {
    font-size: 23px;
  }
  #local .contents.col_01 {
    width: 93.7229%;
    margin: 0px auto;
    padding: 0px;
  }
  #block-page-title .block-page-title-contents.type-04 {
    margin-bottom: 20px;
  }
  #itemlist #pagetop, #itemlist-no-item #pagetop {
    right: 80px;
  }
	/* 200907 追加 */
  .block-page__title {
    margin-top: 25px;
    padding: 0 10px 0px;
    font-size: 24px;
  }
  .block-page__title small {
    display: block;
    font-size: 12px;
	}
	/* 200907 追加 */
  .block__heading {
    font-size: 24px;
    font-weight: 600;
  }
  .block__heading small {
    display: block;
    font-size: 12px;
    font-weight: 400;
  }
}

@media only screen and (min-width: 900px){
  .list-sidebar__list--color li {
    position: relative;
  }
  .list-sidebar__list--color li:hover:after {
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: -16px;
    left: -12px;
    width: 48px;
    padding: 4px 1px;
    border: 1px solid #999;
    border-radius: 2px;
    background: #fff;
    color: #000;
    font-size: 10px;
    letter-spacing: -0.2px;
    line-height: 1;
    text-align: center;
    opacity: 1;
  }
  .list-sidebar__list--color li:hover:before {
    -webkit-transform: rotate(-45deg);
    z-index: 2;
    position: absolute;
    top: 0;
    right: 8px;
    width: 7px;
    height: 7px;
    transform: rotate(-45deg);
    border: 1px solid #999;
    border-color: transparent transparent #999 #999;
    background: #fff;
    content: "";
  }
  .color-01:hover:after {
    content: "ホワイト";
  }
  .color-02:hover:after {
    content: "ブラック";
  }
  .color-03:hover:after {
    content: "グレー";
  }
  .color-04:hover:after {
    content: "ブラウン";
  }
  .color-05:hover:after {
    content: "ベージュ";
  }
  .color-06:hover:after {
    content: "グリーン";
  }
  .color-07:hover:after {
    content: "ブルー";
  }
  .color-08:hover:after {
    content: "パープル";
  }
  .color-09:hover:after {
    content: "イエロー";
  }
  .color-10:hover:after {
    content: "ピンク";
  }
  .color-11:hover:after {
    content: "レッド";
  }
  .color-12:hover:after {
    content: "オレンジ";
  }
  .color-13:hover:after {
    content: "シルバー";
  }
  .color-14:hover:after {
    content: "ゴールド";
  }
  .color-15:hover:after {
    content: "その他";
  }
  a:hover {
    -webkit-transition: all 300ms ease;
    opacity: .65;
    transition: all 300ms ease;
  }
  .block-items .block-icon__favorite:hover {
    color: #C8102E;
  }
  .block-items .block-icon__favorite:hover:before {
    content: "\e907";
  }
  .header-menu .header-submenu__item:hover {
    text-decoration: underline;
  }
  .list-sidebar__list > li:hover {
    background: #f5f5f5;
  }
  .list-sidebar__list.list-sidebar__list--banner li {
    padding: 10px 0;
  }
  .list-sidebar__list.list-sidebar__list--banner li:hover {
    background: none;
  }
  .list-sidebar__list_sublist li a:hover {
    text-decoration: underline;
  }
  #local .colum_04-slider .colum_04-slide a {
    -webkit-transition: .3s linear;
    transition: .3s linear;
  }
}

@media all and (-ms-high-contrast: none){
  body {
    width: 100%;
    min-width: 320px;
    color: #333;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-size: 14px;
    letter-spacing: 0.04em;
  }
  #block-breadcrumbs ul li:after {
    top: 2;
  }
  .block-items .item__info-status {
    font-family: "Helvetica Neue", Arial, sans-serif;
  }
  .block-toolbar .block-sort-list ul li {
    font-family: sans-serif;
    line-height: 1em;
  }
  .block-toolbar .block-sort-list ul li:after {
    line-height: .6em;
  }
}

@media only screen and (max-width: 1300px){
  .block-list {
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 1200px){
  .block-list {
    padding: 0px 15px;
  }
}

@media only screen and (max-width: 1024px){
  .block-list {
    max-width: 1024px;
    padding: 0px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm){
  .block-toolbar .toolbar-select:after {
    top: calc(50% - 20px);
  }
}

@media only screen and (min-width: 901px) and (max-width: 1100px) {
  .header-menu__item.-sports .header-menu-panel__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(14% - 10px);
        -ms-flex: 1 0 calc(14% - 10px);
            flex: 1 0 calc(14% - 10px);
    width: calc(14% - 10px);
    margin: 0 5px;
  }
  }
@media only screen and (min-width: 901px) and (max-width: 1300px) {
  .header-menu-panel__column {
   margin: 0 4px;
    font-size: 10px;
    padding: 0 0px;
    -webkit-box-flex: 1;
    width: calc(14% - 8px);
}
  .header-menu__item.-sports .header-menu-panel__inner::after {
    height: 54px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1380px) {
  .header-menu__item {
    font-size: 11px;
  }
}
@media only screen and (min-width: 981px) and (max-width: 1530px) {
  .header-menu__item {
    margin: 0 5px;
  }
  }
@media only screen and (min-width: 901px) and (max-width: 980px) {
  .header-menu__item {
    margin: 0 3px;
  }
}


@media screen and (min-width: 900px){
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
  /* component
  **************************************************************************************************************************/
  /* title */
  .title {
    margin-bottom: 50px;
  }
  .hl01 {
    font-size: 22px;
  }
  .hl02 {
    padding: 20px;
    font-size: 15px;
  }
  .hl03 {
    font-size: 20px;
  }
  .hl04 {
    margin-bottom: 50px;
    font-size: 20px;
  }
  .hl05 {
    margin-bottom: 10px;
    padding: 10px 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.16em;
  }
  .hl05.ja {
    padding: 11px 0;
    font-size: 14px;
    letter-spacing: 0;
  }
  /* button */
  .btn::after {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .btn01 {
    display: block;
    padding: 12px;
    border: 1px solid #dadada;
    background: #fff;
    color: #151515;
  }
  .btn02 {
    display: block;
    padding: 12px;
    border: 1px solid #dadada;
    background: #067fc4;
    color: #fff;
  }
  .btn03 {
    display: inline-block;
    position: relative;
    padding: 0 17px 10px 0;
    border: 0;
    background: url(../../images/common/arw01-r.png) 100% 4px no-repeat;
    background-size: 5px 10px;
    color: #151515;
    font-size: 12px;
  }
  .btn03::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    content: '';
  }
  .btn03:hover::after {
    -webkit-animation: underbar 0.5s;
    animation: underbar 0.5s;
  }
  .btn04 {
    display: inline-block;
    position: relative;
    padding: 0 0 10px 17px;
    border: 0;
    background: url(../../images/common/arw01-l.png) 0 6px no-repeat;
    background-size: 5px 10px;
    color: #151515;
    font-size: 14px;
  }
  .btn04::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    content: '';
  }
  .btn04:hover::after {
    -webkit-animation: underbar 0.5s;
    animation: underbar 0.5s;
  }
  @-webkit-keyframes underbar {
    0% {
      width: 100%;
    }
    1% {
      width: 1px;
    }
    100% {
      opacity: 100%;
    }
  }
  @keyframes underbar {
    0% {
      width: 100%;
    }
    1% {
      width: 1px;
    }
    100% {
      opacity: 100%;
    }
  }
  /* card */
  .cards-topic .card {
    display: inline-block;
    position: relative;
    width: 31.8%;
    margin: 0 2.3% 2.3% 0;
    margin-bottom: 25px;
  }
  .cards-topic .card:nth-of-type(n+4) {
    display: inline-block;
  }
  .cards-topic .card:nth-of-type(3n) {
    margin-right: 0;
  }
  .cards-topic .card a {
    display: block;
    z-index: 3;
  }
  .cards-topic .card a::after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: #f0f0f0 url(../../images/common/arw01-r.png) 50% 50% no-repeat;
    background-size: 5px 10px;
    content: '';
  }
  .cards-topic .card .imgtxt .img {
    position: relative;
  }
  .cards-topic .card .imgtxt .label {
    display: inline-block;
    z-index: 2;
    position: absolute;
    padding: 8px 10px;
    background: #000;
    color: #fff;
    font-size: 8px;
  }
  .cards-topic .card .imgtxt .thumb img {
    -webkit-transition: all 0.5s;
    width: 100%;
    transition: all 0.5s;
  }
  .cards-topic .card .imgtxt .txt {
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
    margin-top: 0px;
    padding: 10px 10px 10px 0;
    background: #fff;
  }
  .cards-topic .card .imgtxt .txt .date {
    font-size: 9px;
    text-align: right;
  }
  .cards-topic .card .imgtxt .txt h3 {
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.12em;
  }
  .cards-topic .card .imgtxt .txt .category {
    letter-spacing: 0.16em;
  }
  .cards-new {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .cards-new .card {
    width: 50%;
    margin-right: 25px;
    margin-bottom: 0;
    border-right: 1px solid #e4e4e4;
  }
  .cards-new .card:nth-of-type(2n) {
    margin-right: 0;
    border: 0;
  }
  .cards-new .card a {
    display: block;
  }
  .cards-new .card .imgtxt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cards-new .card .imgtxt .img {
    border: 0;
  }
  .cards-new .card .imgtxt .img .thumb {
    border: 0;
  }
  .cards-new .card .imgtxt .img .thumb img {
    width: 220px;
    border: 1px solid #e4e4e4;
  }
  .cards-new .card .imgtxt .txt {
    padding: 0 25px;
  }
  .cards-new .card .imgtxt .txt .date {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .cards-new .card .imgtxt .txt h3 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .cards-new .card .imgtxt .summary {
    font-size: 14px;
    line-height: 1.7;
  }
  .cards-new .card .imgtxt .summary br {
    display: block;
  }
  .cards-new.is-archive {
    display: block;
  }
  .cards-new.is-archive .card {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-right: 0;
  }
  .cards-new.is-archive .card:nth-of-type(2n) {
    border-bottom: 1px solid #e4e4e4;
  }
  .cards-new.is-archive .card:last-of-type {
    border: 0;
  }
  .cards-new.is-archive .card .imgtxt .img {
    width: 180px;
    margin-bottom: 0;
  }
  .cards-new.is-archive .card .imgtxt .img .thumb img {
    width: 180px;
  }
  .cards-new.is-archive .card .imgtxt .txt {
    width: 100%;
    padding: 0;
  }
  .cards-new.is-archive .card .imgtxt .txt h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  /*.cards-new .card .imgtxt .summary.ellipsis {  max-height: 90px; }*/
  .cards-a .card {
    position: relative;
    width: 18%;
    margin: 0 2.5% 2.5% 0;
  }
  .cards-a .card:nth-of-type(3n) {
    margin-right: 2.5%;
  }
  .cards-a .card:nth-of-type(5n) {
    margin-right: 0;
  }
  .cards-a.col06 .card {
    width: 15.3%;
    margin: 0 1.64% 1.64% 0;
  }
  .cards-a.col06 .card:nth-of-type(5n) {
    margin-right: 1.64%;
  }
  .cards-a .card:nth-of-type(5n), .cards-a.col06 .card:nth-of-type(6n) {
    margin-right: 0;
  }
  .cards-a .card a {
    display: block;
    position: relative;
  }
  .cards-a .card a:hover {
    opacity: 1;
  }
  .cards-a .card .imgtxt {
    z-index: 1;
    position: relative;
  }
  .cards-a .card .img ul {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .cards-a .card .img ul li {
    width: 90px;
    padding: 7px 0;
    font-size: 10px;
  }
  .cards-a .card .img img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .cards-a .card a:hover .img img {
    opacity: 0.5;
  }
  .cards-a .card .img p.new {
    top: -10px;
    left: 5px;
    width: 48px;
    height: 48px;
    font-size: 11px;
  }
  .cards-a .card .txt {
    padding: 10px 0 0 0;
  }
  .cards-a .card .txt .name {
    margin-bottom: 5px;
    font-size: 13px;
  }
  .cards-a .card .txt .price {
    font-size: 13px;
    font-weight: 500;
  }
  .cards-a .card .txt .price span {
    margin-left: 5px;
    padding: 5px;
    font-size: 10px;
  }
  .cards-a .card .txt .tag li {
    width: 85px;
    padding: 5px;
    font-size: 10px;
  }
  .cards-a .card .varie {
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.29);
    display: block;
    display: none;
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.29);
  }
  .cards-a .card .varie ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cards-a .card .varie ul li {
    display: inline-block;
    width: 80px;
    margin-right: 8px;
  }
  .cards-a .card .varie ul li:last-of-type {
    margin-right: 0;
  }
  .cards-a .card .varie ul li img {
    width: 100%;
    height: auto;
  }
  main.news {
    position: relative;
    margin-bottom: 80px;
    padding: 0 50px;
  }
  .news .more {
    position: absolute;
    top: 0;
    right: 50px;
  }
  /* news
  **************************************************************************************************************************/
  main.news {
    padding: 0;
  }
  main.news .archive-news {
    max-width: 960px;
    margin: 0 auto;
  }
  main.news .article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 960px;
    margin: 0 auto;
  }
  main.news .article .news-header {
    margin-bottom: 5px;
    padding-right: 120px;
  }
  main.news .article .news-header .date {
    display: inline-block;
    padding-top: 30px;
    border-top: 2px solid #000;
    font-size: 16px;
    line-height: 1;
  }
  main.news .article .news-body {
    margin-bottom: 90px;
    padding-top: 30px;
    font-size: 14px;
  }
  main.news .article .ttl {
    margin-bottom: 30px;
    padding-bottom: 35px;
    font-size: 30px;
    line-height: 1;
  }
  main.news .article .wysiwyg p {
    margin-bottom: 25px;
  }
  main.news .article img {
    max-width: 100%;
  }
  main.news .article .wysiwyg a {
    display: inline-block;
    position: relative;
    padding: 0 17px 10px 0;
    border: 0;
    background: url(../../images/common/arw01-r.png) 100% 6px no-repeat;
    background-size: 5px 10px;
    color: #151515;
    text-decoration: none;
  }
  main.news .article .wysiwyg a::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    content: '';
  }
  main.news .article .wysiwyg a:hover::after {
    -webkit-animation: underbar 0.5s;
    animation: underbar 0.5s;
  }
  main.news .archive-news {
    margin-bottom: 100px;
  }
  main.news .archive-news .back {
    margin-top: 85px;
    text-align: center;
  }
  /* pagetitle */
  .pagetitle {
    padding: 50px 10px 70px 10px;
    text-align: center;
  }
  .pagetitle .ttl {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.16em;
  }
  /* pagelist */
  .pagelist.pc {
    margin: 60px 0 60px 0;
  }
  .pagelist.pc ul {
    font-size: 0;
    text-align: center;
  }
  .pagelist.pc ul li {
    display: inline-block;
    margin: 0;
    padding: 0 3px;
    border-right: 1px solid #e4e4e4;
    font-size: 15px;
    text-align: center;
  }
  .pagelist.pc ul li a, .pagelist.pc ul li span {
    display: block;
    padding: 4px 20px;
  }
  .pagelist.pc ul li.current a {
    background: #bcbcbc;
    color: #fff;
  }
  .pagelist.pc ul li.last {
    border: 0;
  }
  .pagelist.pc ul li.prev, .pagelist.pc ul li.next {
    border: 1px solid #e4e4e4;
    text-align: left;
  }
  .pagelist.pc ul li.prev a {
    display: block;
    width: 20px;
    padding: 4px;
    background: url(../../images/common/arw01-l.png) 50% 50% no-repeat;
    background-size: 5px 8px;
    text-indent: -9999px;
  }
  .pagelist.pc ul li.next a {
    display: block;
    width: 20px;
    padding: 4px;
    background: url(../../images/common/arw01-r.png) 50% 50% no-repeat;
    background-size: 5px 8px;
    text-indent: -9999px;
  }
  .pagelist.pc .cells {
    display: table;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 80px;
  }
  .pagelist.pc .cells .cell {
    display: table-cell;
    vertical-align: middle;
  }
  .pagelist.pc .cells .cell.total {
    text-align: left;
  }
  .pagelist.pc .cells .cell.list {
    text-align: right;
  }
  .pagelist.pc .cells .cell.list ul {
    text-align: right;
  }
}

.tagBtn {
  width: 16px;
  height: 16px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0.5em;
  background-color: #041E42;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.tagBtn:before,
.tagBtn:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 8px;
  left: 3px;
  width: 10px;
  height: 1px;
  margin: 0;
  background: #fff;
}
.tagBtn:before {
  transform: rotate(-45deg);
}
.tagBtn:after {
  transform: rotate(45deg);
}
.block-shoplist, .block-pagetab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px;
}
@media only screen and (min-width: 900px){
.block-pagetab {
    width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
}
}

.block-shoplist__title, .block-pagetab__title {
	text-align: center;
    font-size: 16px;
    padding: 5px 5px 20px;
    margin: 0 0 10px 0;
    color: #041E42;
    border-bottom: 1px solid #f5f5f5;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 225px;
    flex: 0 1 225px;
    width: 225px;
}

.block-shoplist__title--current, .block-pagetab__title--current {
    border-bottom: 1px solid #041E42;
}



/* ▼タグエリア追加_商品一覧・商品詳細ページ */

#itemlist .-pickup,#itemlist-no-item .-pickup{
    margin: 40px 0;
}

#detail .-pickup{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 60px 75px;
}
@media only screen and (max-width: 900px) {
#detail .-pickup{
    width: 100%;
    margin: 0 auto;
    padding: 0px 30px 85px;
}
}

#itemlist .-pickup .pickup__heading,#itemlist-no-item .-pickup .pickup__heading{
  color: #041E42;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  padding-bottom: 10px; }
#detail .-pickup .pickup__heading{
        color: #041E42;
        font-size: 18px;
        text-align: left;
    font-weight: bold;
    margin:25px 0; }
@media only screen and (max-width: 900px) {
        #detail .-pickup .pickup__heading{
            text-align: center;
            margin: 0 0 30px;
            font-size: 16px;
         }
  #itemlist .-pickup .pickup__heading,#itemlist-no-item .-pickup .pickup__heading{
    text-align: center;
  }
}

#itemlist .-pickup .hashList,#itemlist-no-item .-pickup .hashList,
#detail .-pickup .hashList {
    margin: 10px 0 0;
}
@media only screen and (max-width: 900px) {
#itemlist .-pickup .hashList,#itemlist-no-item .-pickup .hashList,
#detail .-pickup .hashList {
    max-width: 100%;
}
.block-list__inner .block-list__main .note_text_01{
    display: none;
  }
  #itemlist .-pickup .hashList ul li,#itemlist-no-item .-pickup .hashList ul li{
    display: none;
  }
  #itemlist .-pickup .hashList ul li:nth-child(-n+5),#itemlist-no-item .-pickup .hashList ul li:nth-child(-n+5){
    display: inline-block;
    margin: 0 4px 8px;
  }
  #itemlist .-pickup .hashList ul li:nth-last-child(-n+5),#itemlist-no-item .-pickup .hashList ul li:nth-last-child(-n+5){
    display: inline-block;
    margin: 0 4px 8px;
  }
  #detail .-pickup .hashList ul li{
    display: none;
  }
  #detail .-pickup .hashList ul li:nth-child(-n+5){
    display: inline-block;
    margin: 0 4px 8px;
  }
  #detail .-pickup .hashList ul li:nth-last-child(-n+5){
    display: inline-block;
    margin: 0 4px 8px;
  }
  #itemlist .-pickup ul,#itemlist-no-item .-pickup ul, #detail .-pickup ul {
    text-align: center;
 }
}


@media only screen and (min-width: 900px){
#itemlist .-pickup ul,#itemlist-no-item .-pickup ul,
#detail .-pickup ul {
    text-align: left;
 }
 #detail .-pickup .hashList ul li {
    display: inline-block;
    margin: 0 4px 8px;
 }

 #itemlist .-pickup .hashList ul li,
 #itemlist-no-item .-pickup .hashList ul li {
    display: inline-block;
    margin: 0 2px 8px;
 }
}
 #itemlist .-pickup .hashList .hash,
 #itemlist-no-item .-pickup .hashList .hash,
 #detail .-pickup .hashList .hash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    background: #f5f5f5;
    height: auto;
    min-height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: solid 1px #e9ebef;
    border-radius: 20px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

#itemlist .-pickup .hashList .hash,
#itemlist-no-item .-pickup .hashList .hash {
    font-size: 11px;
    min-height: 30px;
 }

 @media only screen and (min-width: 900px){
.header-menu-panel__column {
    line-height: 2.0;

  }
  .header-menu-subPanel .header-menu-subPanel__list li{
    line-height: 1.6;
    padding: 0 0 8px;
  }
  .header-menu-subPanel__list>li>a{
    color: #475b77;
  }
  
.header-menu-panel__list>li .header-menu-panel__label {
        font-weight: bold;
        font-size: 13px;
      }
 }

 @media only screen and (min-width: 901px) and (max-width: 1380px){
  .header-menu-panel__list>li .header-menu-panel__label {
    font-size: 11px;
  }
 }

 @media print {
  body#top .block-mainvisual .block-mainvisual__item,
  body#top .block-itemlist--newsItems .block-itemlist__image,
  body#top .block-itemlist--ranking .block-itemlist__image,
  body#top .block-banner--2column .block-banner__image,
  body#top .block-itemlist--coordinate .block-itemlist__image,
  body#top .block-banner--full .block-banner__image,
  body#top .block-news .block-news__image,
  body#top .block-unique-area.-about .block-media__image,
  body#newsDetail .block-newsdetail__contents .block-newsdetail__images,
  body#newsDetail .block-newslist__image p,
  body#news .block-news .block-news__image {
      position: relative !important;
  }
  body#top .block-mainvisual .block-mainvisual__item::after,
  body#top .block-itemlist--newsItems .block-itemlist__image::after,
  body#top .block-itemlist--ranking .block-itemlist__image::after,
  body#top .block-banner--2column .block-banner__image::after,
  body#top .block-itemlist--coordinate .block-itemlist__image::after,
  body#top .block-banner--full .block-banner__image::after,
  body#top .block-news .block-news__image::after,
  body#top .block-unique-area.-about .block-media__image::after,
  body#newsDetail .block-newsdetail__contents .block-newsdetail__images::after,
  body#newsDetail .block-newslist__image p::after,
  body#news .block-news .block-news__image::after {
      content: "" !important;
      display: block !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 10 !important;
      background: #000 !important;
  }
  body#newsDetail .block-newsdetail__contents .block-newsdetail__text img {
      opacity: 0 !important;
      visibility: hidden !important;
  }
}