@charset "UTF-8";
@import url("https://use.typekit.net/udd0wxx.css");

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "futura-pt", "Hiragino Sans", sans-serif;
  /* font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  /*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
  font-size: 16px;
  font-weight: 400;
}

img {
  vertical-align: top;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  height: 40px;
}

/* Reset for iPhone */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  /*appearance: button;*/
  -moz-appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #000;
}

body {

  /* 10.9 */
  position: relative;

}

h1 {
  font-size: 14px;
}

a {
  /* color: #181818; */
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #2e2e2e;
  text-decoration: none;
  outline: none;
}

a.tel {
  /* color: #0D1050; */
}

a.tel:hover {
  /* color: #0D1050; */
}

.hide {
  display: none;
}

.show {
  display: block;
}

.fill {
  width: 100%;
  height: 100%;
}

.cfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.cfix {
  display: inline-block;
  font-size: 0;
}

* html .cfix {
  height: 1%;
}

.cfix {
  display: block;
}

.lightbox {
  z-index: 999999 !important;
}

.develop {
  display: none;
}

.devtable table th {
  text-align: right;
}

.devtable table th,
.devtable table td {
  border: 1px solid #aaa;
}

.devtable input[type="submit"] {
  padding: 3px;
  background-color: #ff5656;
  border: 2px solid red;
  color: #fff;
}

.pc-block {
  display: block;
}

.under1050 {
  display: none;
}

.common-ime-s {
  ime-mode: disabled;
  text-align: right;
  padding-right: 1px;
}

.common-ime-a {
  ime-mode: disabled;
  text-align: left;
}

.common-ime-j {
  ime-mode: active;
  text-align: left;
}

.pc-only {
  display: block;
}

span.pc-only {
  display: inline;
}

.pc-only-inline {
  display: inline;
}

.sp-only {
  display: none;
}

.sp-only-inline {
  display: none;
}

.sp-only-initial {
  display: none;
}

.sp-block {
  display: inline;
}

.float-left-pc {
  float: left;
}

.float-right-pc {
  float: right;
}


.top-fade {
  /* 最初は非表示 */
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}

/* フェードイン時に入るクラス */
.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

h2 {
  margin: 0 0 40px;
}

/* ================================ */
/* Header - カルーセル */
/* ================================ */






.container {
  /*max-width: 75rem;*/
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.h-s-logo {
  z-index: 1;
  position: absolute;
  transform: translate(-50%);
  /* top: 47%; */
  top: 35%;
  left: 20%;
}

.ginza {
  max-width: 480px;
  width: 90%;
}

.ginza img {
  width: 100%;
}

@media only screen and (max-width: 1550px) {
  .h-s-logo {
    top: 48%;
  }
}

.swiper-container {
  padding: 0 0 40px;
}

.swiper-slide {
  /* margin-bottom: 40px;
  overflow: hidden; */
}

.container .swiper-container .swiper-wrapper .swiper-slide .card-image {
  border: none;
  outline: none;
  border-radius: 2px;
  display: flex;
  justify-content: center;
}

.container .swiper-container.swiper-wrapper .swiper-slide .card-image img .swiper-wrapper .swiper-slide .card-image img {
  display: block;
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: -webkit-fill-available;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.container .swiper-container .swiper-wrapper .swiper-slide .card-image .sp-only {
  display: none;
  height: 100vh;
}


.swiper-slide .slick-text .txt {
  font-size: 30px;
  display: block;
  font-weight: bold;
}

.swiper-slide .slick-text .txt-sub {}

.container .swiper-container .swiper-pagination-bullet {
  opacity: 0.8;
}

/* sourceMappingURL=Untitled-1.css.map */

.swiper-pagination-bullet-active {
  background: #3E4148 !important;
}

.sti-1>div {
  padding: 130px 0 0;
}

.section-top-item .swiper-pagination-bullet {
  border: 1px #fff solid !important;
}

.section-top-item .swiper-pagination-bullet-active {
  background: #fff !important;
}

.slick-text {
  position: absolute;
  max-width: 50%;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  FONT-VARIANT: JIS90;
  padding: 60px;
  background: #fff;
}



.swiper-n-container .swiper-wrapper {
  padding-bottom: 63px;
}

.s-e-topics-box .swiper-wrapper {
  display: block;
}

.container .swiper-container .swiper-wrapper .swiper-slide .card-1 img {
  -webkit-transition: 7s 1s ease-out;
  transition: 7s 1s ease-out;
  animation-name: card01-fadeIn;
  height: unset;
  min-height: 100vh;
  max-height: 100vh;
}

.container .swiper-container .swiper-wrapper .swiper-slide .card-2 img {
  -webkit-transition: 7s 1s ease-out;
  transition: 7s 1s ease-out;
  animation-name: card02-fadeOut;
  transform: scale(1.15);
  height: unset;
  min-height: 100vh;
  max-height: 100vh;
}

.container .swiper-container .swiper-wrapper .swiper-slide .card-3 img {
  -webkit-transition: 7s 1s ease-out;
  transition: 7s 1s ease-out;
  animation-name: card03-fadeOut;
  /* transform: scale(1.15); */
  height: unset;
  min-height: 100vh;
  max-height: 100vh;
}

.container .swiper-container .swiper-wrapper .swiper-slide[class*=-active] .card-1 img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.container .swiper-container .swiper-wrapper .swiper-slide[class*=-active] .card-2 img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.container .swiper-container .swiper-wrapper .swiper-slide[class*=-active] .card-3 img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

@-webkit-keyframes card01-fadeIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes card01-fadeIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}


@-webkit-keyframes card02-fadeOut {

  0% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    opacity: 1;
    -webkit-filter: blur(100px);
    filter: blur(100px);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }

}

@keyframes card02-fadeOut {
  0% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    opacity: 1;
    -webkit-filter: blur(100px);
    filter: blur(100px);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}


@-webkit-keyframes card03-fadeOut {

  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes card03-fadeOut {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}


/* ================================ */
/* Nav - フローティングメニュー */
/* ================================ */
.nav-menu-header-top {
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 991;
}

.nav-tab {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 991;
  width: 100%;
  -webkit-transition: .5s;
  transition: .5s;
  display: block;
  height: 161px;
  background: #fff;
  box-shadow: 0px 9px 11px 1px #0000000f;
  /* background: linear-gradient(to top, #1a213b00 -1%, #000519b5 0%, #000519 100%); */
  /* box-shadow:0 3px 6px -2px #00000029; */
  transition: all 0.3s 0s ease;
}

.nav-tab.fixed {
  /* background: linear-gradient(to top, #565b70 -28%, #000519 100%); */
  display: block;
}

.nav-tab.hide {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);

}

.nav-tab .fixed {
  height: 106px;
}

nav {
  position: relative;
}

nav>p {
  font-size: 20px;
  text-align: center;
  /*color: #0D1050;*/
}

.menu2 {
  /*background-color: #ffffff;*/
  color: #2e2e2e;
  margin: auto;
  display: block;
  /* background: #fff; */
  transition: all 0.3s 0s ease;
  /* overflow: auto; */
  /* height: 117px; */
}


.menu2 .top-message-pc {
  max-width: 1000px;
  margin: auto;
  font-size: 11px;
  line-height: 30px;
  width: 1000px;
  text-align: right;
  display: block;
}

.menu2 .top-message-pc img {
  vertical-align: middle;
}

/* .menu2 .nav-menu-header-pc, */
.menu2 .nav-menu-header-sp {
  /* width: 95%; */
  height: 165px;
  /* background-color: #ffffff; */
  border-top: 1px solid #cccccc;
  /* 9.26 */
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 5555;
  /*overflow: hidden;*/
  margin-top: -1px;
}

/* .menu2.fixed  .nav-menu-header {
  height: 65px;
} */
.menu2 .nav-menu-header-pc .nav-menu-logo {
  margin: 35px auto 30px;
  max-width: 152px;
  transition: .1s;
}

/* .menu2.fixed .nav-menu-logo a{
  width: 84px;
} */
.menu2 .nav-menu-logo img {
  width: 100%;
}

.menu2 .top-information {
  position: absolute;
  top: 20px;
  right: 2%;
}

.top-info-box {
  /* 9.29 */
  /* display: inline-block; */
  display: inline-flex;
  align-items: center;
  position: relative;
}

.nav-tab .nav-menu-item .top-shop-about>.min-pc {
  display: none;
}

.f-icon {
  vertical-align: top;
  /* margin-right: 30px; */
}

.favorite a {
  display: block;
}

.favorite {
  text-align: center;
}

.favorite img {
  width: 20px;
}

.t-o-lang {
  /* 9.29 */
  /* display: inline-block;
  vertical-align: middle; */
  margin-right: 30px;
}

.top-info-box a {
  display: inline-flex;
}



.top-info-box a:hover {}

.top-info-box .cfix {
  position: absolute;
  box-shadow: 2px 5px 9px 0px #0000004d;
  max-width: 200px;
  width: 100%;
  background: #fff;
  z-index: 100;
  top: 43px;
  right: 29px;
}





.top-information li {
  list-style: none;
  margin-right: 20px;

}

.top-information li:last-child {
  margin-right: 0;
}

.h-shop-list img,
.nav-item-cart img {
  width: 20px;
}




/* pc 言語選択 */

.t-o-lang {
  margin-right: 30px;
  position: relative;
  padding: 0 20px;
}

.lang-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(-45deg) translateY(-50%);
}

.lang-toggle {
  border: 0;
  background: 0;
}

.t-o-lang .top-information-lang {
  height: 0;
  overflow: hidden;
  transition: all 500ms;
  transition-delay: 300ms;
  line-height: 50px;
}

.top-info-box .cfix {
  position: absolute;
  box-shadow: 2px 5px 9px 0px #0000004d;
  min-width: 200px;
  width: 100%;
  background: #fff;
  z-index: 300;
  top: 25px;
  right: 0;

}

/* .t-o-lang:hover .cfix{

} */
.t-o-lang:hover .top-information-lang {
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
}

.top-info-box:hover .top-information-lang:first-child {}

.top-information .top-information-lang:hover {
  background: #000;
  color: #FFFFFF;
  cursor: pointer;
}

/* pc 言語選択 */







.top-information .top-information-tel {
  width: 140px;
}



.top-information .top-information-tenpo {
  min-width: 100px;
}

/*カート*/
.top-information .top-information-cart {
  /* margin-left: 30px; */
  position: relative;
}

.top-information .top-information-cart p {
  position: absolute;
  right: -12px;
  top: -2px;
  width: 18px;
  height: 18px;
  line-height: 1.4em;
  border: 1px #D93B4B solid;
  background: #D93B4B;
  border-radius: 18px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.top-information .top-information-cart .ten-plus {
  right: -13px;
  top: -8px;
  width: 22px;
  height: 22px;
  line-height: 20px;
}

.top-information .top-information-cart .ten-plus span {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}



.top-information .cart {
  line-height: 33px;
}

.top-information .tenpo {
  line-height: 33px;
}

.top-information .mail {
  line-height: 33px;
}



.top-information .tel a {
  pointer-events: none;
}

.menu2 .nav-item-cart {}

.nav-tab .nav-menu {
  clear: both;
  margin-top: 10px;
  display: block;
  width: 100%;
  vertical-align: middle;
  z-index: 991;
}

.max-pc {}

/* .nav-tab .nav-menu.fixed {
  height: 40px;
  line-height: 40px;
  top:65px;
} */
.nav-menu-item {
  /* 9.26 */
  /* max-width: 1200px; */
  margin: auto;
  position: relative;
  /* margin-right: 443px; */
  text-align: center;
}

.nav-menu .nav-menu-item .nav-menu-item-box {
  list-style: none;
  text-align: center;
  margin: auto;
  /* max-width: 600px; */
  /* 9.29 */
  /* max-width: 600px; */
  /* width: 65%; */
}

/*ショップとガイド*/
.nav-tab .nav-menu-item .top-shop-about {
  /* 9.26 */
  /* margin-right: 270px; */
  /* width: 35%; */
  /* 9.26 */
  float: right;
  text-align: right;
}

.nav-tab .nav-menu-item ul .nav-menu-item-column-pc {
  padding: 0 20px;
  display: inline-block;
}

.nav-tab .nav-menu-item .top-shop-about>li {
  text-align: center;
  list-style: none;
  display: inline-block;
}

.nav-tab .nav-menu-item .top-shop-about>li:nth-child(2) {
  min-width: 84px;
  display: inline-block;
  margin-left: 30px;
}

.nav-tab .nav-menu-item .top-shop-about>li a {
  color: #1B3360;
  font-weight: bold;
}

.nav-tab .nav-item-l {
  position: relative;
  /* float: left; */
  padding-bottom: 1px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  height: 100%;
}


/*ショッピングガイド*/
.nav-tab .top-information-guide {
  display: inline-block;
  position: unset;
  margin-right: 10px;
}


/* .top-information-guide::before {
  display: inline-block;
  height: 1px;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 8px solid #FCFCFE;
  border-bottom: 0;
  content: "";
  margin-right: 5px;
} */



.top-information-guide .top-guide {
  position: absolute;
  box-shadow: inset 0px 9px 21px -11px #0000004d;
  width: 288px;
  background: #fff;
  z-index: 100;
  top: 45px;
  right: -225px;
  opacity: 0;
  display: none;
  transition: all 1.0s ease;
  padding: 8px 0;
}

.menu2 .nav-menu-item .top-information-guide .top-guide li {
  width: 100%;
  padding: 0 5%;
  margin: auto;
  list-style: none;
  line-height: 3em;
  text-align: left;
}

.menu2 .nav-menu-item .top-information-guide .top-guide li:nth-child(9) {
  line-height: 1.2em;
  padding: .5em 5%;
}

.top-information-guide .top-guide li:nth-child(2) {
  margin: 0;
}

.top-information-guide:hover .top-guide {
  opacity: 1;
  display: block;
}

.top-information-guide .top-guide li a {
  display: block;
  padding: 0 10px;
  font-weight: 500;
  color: #000;
  font-size: 12px;
}

.top-information-guide .top-guide li:hover {
  background: #e7e7e7;
  /* color: #FFFFFF; */
  cursor: pointer;
}






/*hover*/
.nav-tab li .nav-item-en {
  display: none;
}

.sps-only {
  display: none;
}



.nav-tab li .nav-item-en:hover {
  /*position: absolute;
  bottom: 0;*/
  border-bottom: 4px #FCFCFE solid;
  /*margin:0 25%;*/
}

.nav-tab .custom .nav-item-en {
  border-bottom: 4px #FCFCFE solid;
  /*margin: 0 25%;*/
}

/*
.menu2 li label:focus{
  display: block;
  border-bottom: 4px #1B3360 solid;
}
input[name="Panel1"]:checked + label{
  background: #0071BD;
}
*/
/*
.menu2 .nav-menu-item li:focus{
  background: #0071BD;
}

*/


.nav-tab .nav-tab-link span a {
  display: block;
}

.nav_search-form {
  position: absolute;
  top: 60px;
  right: 2%;
}

.nav_search-form .nav-item-search {
  position: relative;
  width: 100%;
  max-width: 290px;
  /* max-width: 400px; */
}

.nav_search-form .nav-item-search input {
  border: 0;
  border-bottom: 2px solid #000;
  width: 150px;
  background: unset;
  /*width: 291px;*/
}
.nav_search-form .nav-item-search input[type="text"]:focus {
  outline: none;
}
.nav_search-form .nav-item-search input.highlight {
  width: 250px;
}

.nav-item-search {
  max-width: 960px;
  font-size: 0;
}

.nav-item-search .title-l {
  width: 16%;
  display: inline-block;
}

.search-bnr {
  position: relative;
  width: 84%;
  max-width: 830px;
  display: inline-block;
}

.nav-item-search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #000;
  margin-bottom: 18px;
  font-size: 12px;
}

.nav_content .nav-item-search input {
  margin-left: 0;
}

.nav_search-submit,
.btn_search_brand_nm {
  position: absolute;
  width: 19px;
  height: 16px;
  top: 12px;
  right: 0;
  border: none;
  cursor: pointer;
  background: unset;
}

.search-bnr .nav_search-submit {
  left: unset;
  right: 7px;
}

.nav_search-submit::before,
.btn_search_brand_nm::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  top: 3px;
  left: 0px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #000;
}

.nav_search-submit::after,
.btn_search_brand_nm::after {
  position: absolute;
  content: '';
  width: 7px;
  height: 4px;
  top: 18px;
  left: 12px;
  border-top: solid 1px #000;
  transform: rotate(45deg);
}

/*タイピングアニメーション*/
#ityped {
  position: absolute;
  top: 15px;
  z-index: 100;
  color: #BCBCBC;
  font-size: 12px;
}

#ityped-cursor {
  display: none;
}

.clear-btn {
  position: absolute;
  width: auto;
  content: "";
  top: 19px;
  left: 102%;
  width: 18px;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.clear-btn::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 2%;
  width: 18px;
  height: 2px;
  background: #000;
  transform: rotate(90deg);
}

/*SP時計に検索窓追加　2023.5*/
@media only screen and (min-width: 768px) {
  .nav-item-search.in-watch-tab {
    /*ヘッダー内検索窓が出てる時は非表示*/
    display: none;
  }
}

/********************************/
/*　ユニサジェスト　2022/2/7追加　*/
/********************************/

.sagest {
  max-width: 335px;
  background: #fff;
  padding: 10px 0;
  max-height: 50vh;
  overflow-y: scroll;
  width: 30%;
  box-shadow: 1px 4px 11px 1px #0000004d;
  position: absolute;
  top: 70%;
  right: 2%;
  z-index: 100;
}

/*幅*/
.sagest ::-webkit-scrollbar {
  width: 10px;
}

/*つまみ:背景*/
.sagest ::-webkit-scrollbar-track {
  background: #fff;
}

/*つまみ:本体*/
.sagest ::-webkit-scrollbar-thumb {
  background: #0f0f0f;
}

.sagest li {
  list-style: none;
  line-height: 1.8em;
  font-weight: bold;
  /*transition: all 0.2s ease;*/
}

.sagest li:hover {
  background: #f1f1f1;
}

.sagest .s-history {}

.sagest .s-history a::before {
  content: '';
  background: url(https://demo-a.gc-yukizaki.jp/images/icon/nav-history.jpg) no-repeat center;
  height: 14px;
  width: 8px;
  padding: 0px 8px;
  background-size: 14px;
}

.sagest .s-history .close::before {
  background: unset;
  content: unset;
}

.sagest li a {
  margin-left: 2px;
  display: inline-block;
  padding: 0 10px;
  width: calc(100% - 27px);
}

.sagest .s-history a {
  padding: 0 10px 0 9px;
}

.sagest .s-history span {
  padding-left: 2px;
}

.sagest li .close {
  display: inline-block;
  padding: 0;
  width: 20px;
  text-align: left;
}

.sagest li .close img {
  width: 12px;
  padding: 6px 0;
}

.sagest li span {
  color: #8f8f8f;
  font-size: 13px;
  margin-left: 5px;
}

.sagest li .s-til {
  color: #000;
  font-size: 14px;
  margin-left: 0px;
}

.sagest li p {
  color: #3c7aed;
  display: inline-block;
  margin-right: 5px;
  font-size: 13px;
  /* color: #1B3360;*/
}

.nav-item-menu-s,
.nav-item-menu-w,
/*.nav-item-menu-a,*/
.nav-item-menu-j,
.nav-item-menu-n,
.nav-item-menu-h {
  position: fixed;
  margin: auto;
  top: 161px;
  left: 0;
  right: 0;
  /*bottom : 0;*/
  /*padding: 50px 6% 40px;*/
  /* max-width: 1200px; */
  height: auto;
  -webkit-transition: all 0.5s 0s ease;
  -moz-transition: all 0.5s 0s ease;
  -ms-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  background-color: #fff;
  opacity: 0;
  z-index: 50;
  font-size: 11px;
  box-shadow: inset 0px 3px 6px -2px #00000029;
}

/* .fixed .nav-item-menu-s,
.fixed .nav-item-menu-w,
.fixed .nav-item-menu-j,
.fixed .nav-item-menu-n,
.fixed .nav-item-menu-h
{
top: 82px;
} */
/*
.nav-item-menu-s{
  padding: 50px 6% 40px;
}
*/
input[type="checkbox"].nav-item-menu-onoff-s,
input[type="checkbox"].nav-item-menu-onoff-w,
input[type="checkbox"].nav-item-menu-onoff-j,
input[type="checkbox"].nav-item-menu-onoff-n,
input[type="checkbox"].nav-item-menu-onoff-h {
  display: none;
}


#Panel6:checked~.nav-item-menu-s,
#Panel1:checked~.nav-item-menu-w,
#Panel3:checked~.nav-item-menu-j,
#Panel4:checked~.nav-item-menu-n,
#Panel5:checked~.nav-item-menu-h {
  display: block;
  text-align: left;
}

input[type="checkbox"].nav-item-menu-onoff-s+.nav-item-menu-s,
input[type="checkbox"].nav-item-menu-onoff-w+.nav-item-menu-w,
input[type="checkbox"].nav-item-menu-onoff-j+.nav-item-menu-j,
input[type="checkbox"].nav-item-menu-onoff-n+.nav-item-menu-n,
input[type="checkbox"].nav-item-menu-onoff-h+.nav-item-menu-h {
  height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 0;
  overflow: hidden;
  padding: 0;
}

input[type="checkbox"].nav-item-menu-onoff-s:checked+.nav-item-menu-s {
  height: auto;
  opacity: 1;
  z-index: 50;
  border: 1px solid #ccc;
  overflow-y: scroll;
}

input[type="checkbox"].nav-item-menu-onoff-w:checked+.nav-item-menu-w {
  height: 600px;
  opacity: 1;
  z-index: 50;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-shadow: inset 0px 9px 21px -11px #0000004d;

}

input[type="checkbox"].nav-item-menu-onoff-w:checked+.nav-item-menu-w::-webkit-scrollbar {
  display: none;
}

.nav-item-menu-w .pop-brand-list {
  height: 470px;
  text-align: left;
  overflow-y: scroll;
  margin: 0px 0 20px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.nav-item-menu-w .pop-brand-list::-webkit-scrollbar {
  display: none;
}

input[type="checkbox"].nav-item-menu-onoff-j:checked+.nav-item-menu-j {
  /* height: 555px; */
  height: 594px;
  opacity: 1;
  z-index: 50;
  overflow-y: scroll;
  border: 1px solid #ccc;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

input[type="checkbox"].nav-item-menu-onoff-j:checked+.nav-item-menu-j::-webkit-scrollbar {
  display: none;
}

input[type="checkbox"].nav-item-menu-onoff-n:checked+.nav-item-menu-n {
  height: 380px;
  opacity: 1;
  z-index: 50;
  border: 1px solid #ccc;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

input[type="checkbox"].nav-item-menu-onoff-n:checked+.nav-item-menu-n::-webkit-scrollbar {
  display: none;
}

input[type="checkbox"].nav-item-menu-onoff-h:checked+.nav-item-menu-h {
  height: 391px;
  opacity: 1;
  z-index: 50;
  border: 1px solid #ccc;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

input[type="checkbox"].nav-item-menu-onoff-h:checked+.nav-item-menu-h::-webkit-scrollbar {
  display: none;
}

.black-bg-pc {
  opacity: .7 !important;
  visibility: visible !important;
  z-index: 6666 !important;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: -webkit-fill-available;
  height: 100vh;
  z-index: 500 !important;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .6s;
  transition: all .6s;
  cursor: pointer;
}




/*
  .menu2 .nav-item-l .divider {
   position: absolute;
   top: 10px;
   left: 0;
   right: 0;
   height: 25px;
   width: initial;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
  }
  @media only screen and (max-width: 1042px) {
    .menu2 .nav-item-l .divider-b{
      border: 0;
    }
  }
  */
/* .menu2 .nav-item-en,
  .menu2 .nav-item-jp {
  }
  
  .menu2 .nav-item-w {
  }
  
  .menu2 .nav-item-j {
  }
  
  .menu2 .nav-item-n {
  }
  
  .menu2 .nav-item-a {
  }
  
  .menu2 .nav-item-s {
  }
   */
.menu2 .dummy {
  width: 0;
}

.nav-tab .nav-item-link {
  width: 100%;
  margin: auto;
  position: relative;
  /*z-index: 5555;*/
}

.nav-tab .top-information-guide {
  position: unset;
}

.nav-tab .nav-item-link .nav-item-en {
  display: block;
  cursor: pointer;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #000 !important;
}
.nav-tab .nav-item-link .nav-item-en p{
  cursor: pointer;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #000 !important;
}
.nav-tab .nav-item-h .nav-item-link a {
  padding: 0;
}

/* .nav-tab .fixed .nav-item-link .nav-item-en {
    line-height: 37px;
  } */
.tab-only {
  display: none;
}

@media only screen and (max-width: 768px) {
  .tab-only {
    display: block;
  }
}

@media only screen and (max-width: 528px) {
  .tab-only {
    display: none;
  }
}

.nav-tab .nav-item-link .nav-item-jp {
  display: none;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .nav-tab .nav-tab-link span {
    padding: 0;
    font-size: 13px;
  }
}


/* ================================ */
/* グロナビ サーチ */
/* ================================ */




/*タブ切り替え全体のスタイル*/

.nav-search-box {
  max-width: 1200px;
  margin: auto;
  background: #fff;
  padding: 50px 6% 40px;
}

.nav-search {
  margin-top: 50px;
  background-color: #fff;
  max-width: 1000px;
  margin: 0 auto;
}

/*タブのスタイル*/
.nav_item {
  width: calc(100%/4);
  max-width: 400px;
  height: 50px;
  border-bottom: 1px solid #bbb;
  line-height: 50px;
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
  display: grid;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  align-items: center;
  cursor: pointer;
}

.nav_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
.nav-search input[name="nav_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.nav_content {
  display: none;
  clear: both;
  overflow: hidden;
  width: 100%;
  padding-top: 40px;
}


#s-1:checked~#s-1,
#s-2:checked~#s-2,
#s-3:checked~#s-3,
#s-4:checked~#s-4 {
  display: inline-block;
}

/*選択されているタブのスタイルを変える*/

.nav-search input:checked+.nav_item {
  border: 1px #BBBBBB solid;
  border-bottom: 0;
}

/*
label[for=wb-tab] {
  margin-left: 9%;
}
label[for=w-pick] {
  margin-left: 9%;
}
*/

/*グロナビ内タブの設定*/
.nav_content .a_z {
  max-width: 564px;
  margin: auto;
  font-size: 0;
  text-align: left;
}

.nav_content .a_z li {
  margin: 1% 5% 1% 0;
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 1px #bbb solid;
  line-height: 3em;
  text-align: center;
  cursor: pointer;
}

.nav_content .a_z .a_z-open {
  background: #EFEFEF;
}

.n-item-list {
  margin: 40px auto 0;
  font-size: 0;
  height: 250px;
  overflow: scroll;
  overflow-x: hidden;
}

.n-item-list .search-loading {
  opacity: .3;
  text-align: center;
}

#s-3.n-item-list {
  height: unset;
}

/*エルメス　バーキン*/
.menu-tab-content-h {
  max-width: 1000px;
  margin: auto;
}

.category-s {
  height: unset;
}

.n-item-list li,
.menu-tab-content li,
.menu-tab-content-h li {
  width: 25%;
  display: inline-block;
  /* font-size: 0; */
  margin-bottom: 30px;
  vertical-align: top;
}

.n-item-list li a,
.menu-tab-content li a {
  display: flex;
  align-items: center;
}

.menu-tab-content-h li a {
  display: flex;
  line-height: 0;
  align-items: center;
}

.n-item-list li img {
  max-width: 70px;
  width: 27%;
}

.menu-tab-content li img,
.menu-tab-content-h li img {
  width: 27%;
}

.n-item-list p,
.menu-tab-content p,
.menu-tab-content-h p {
  display: inline-block;
  line-height: initial;
}

.n-item-list p span,
.menu-tab-content p span,
.menu-tab-content-h p span {
  display: block;
}

/* 名前順人気順 ラジオボタン */
.gnav-radiobox {
  text-align: right;
  width: 90%;
  margin: auto;
}

.gnav-radiobox p {
  display: inline-block;
  margin-left: 8px;
}

.gnav-radiobox p input[type="radio"] {
  display: none;
}

.gnav-radiobox p label {
  font-size: 12px;
  font-weight: 600;
}

.gnav-radiobox p input[type="radio"]:checked+label {
  border-bottom: 1px #000 solid;
}

.n-item-list .c-s-img {
  background: url(https://demo-a.gc-yukizaki.jp/images/top/c-s-list.jpg) no-repeat left;
  background-size: 67px;
  height: 76px;
  width: 67px;
  display: inline-block;
  float: left;
}

.n-item-list .c-s-1 .c-s-img {
  background-position: 0 0;
}

.n-item-list .c-s-2 .c-s-img {
  background-position: 0 -76px;
}

.n-item-list .c-s-3 .c-s-img {
  background-position: 0 -152px;
}

.n-item-list .c-s-4 .c-s-img {
  background-position: 0 -228px;
}

.n-item-list .c-s-5 .c-s-img {
  background-position: 0 -304px;
}

.n-item-list .c-s-6 .c-s-img {
  background-position: 0 -380px;
}

.n-item-list .c-s-7 .c-s-img {
  background-position: 0 -450px;
}

.n-item-list .c-s-8 .c-s-img {
  background-position: 0 -532px;
}

.n-item-list .c-s-9 .c-s-img {
  background-position: 0 -608px;
}

.n-item-list .c-s-10 .c-s-img {
  background-position: 0px -677px;
}

.n-item-list .c-s-11 .c-s-img {
  background-position: 0 -745px;
}

.n-item-list .c-s-txt {
  float: right;
  width: 65%;
  line-height: 1.8em;
}

.n-item-list .c-s-txt p {
  width: unset;
  padding: 0;
  position: relative;
  margin-right: 8px;
}

.n-item-list .c-s-txt .c-s-txt-title {
  display: block;
  line-height: 1.4em;
  font-size: 14px;
  /*kuro*/
  /* margin-bottom: 5px; */
  /*kuro*/
}

/* .n-item-list .c-s-txt p::after {
  width: 0;
  height: 0;
  border-left: 4px solid black;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  content: '';
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
} */

.n-item-list .c-s-txt .c-s-txt-title::after {
  content: '';
  border: 0;
}

.n-item-list .c-s-txt .c-s-no::after {
  content: '';
}

.n-item-list .c-s-txt p a {
  display: inline-block;
  padding-right: 13px;
  font-size: 13px;
}

.n-item-list .c-s-txt li a {
  font-size: 13px;
}

.limited-s li {
  width: 50%;
  max-width: 500px;
}

.limited-s .c-s-txt {
  width: 84%;
}


/*選択されているタブのスタイルを変える*/
.nav-tab input:checked+.panel-tab {
  border: 5px #BBBBBB solid;
  border-bottom: 0;
}

.menu-tabs-list {
  max-width: 1090px;
  margin: auto;
  padding: 40px 0;
}

.menu-tabs {
  margin-top: 50px;
  background-color: #fff;
  max-width: 1000px;
  margin: 0 auto;
}

/* Edge対応 */
@supports (-ms-ime-align:auto) {
  .menu-tabs-list {
    margin-top: 20px;
  }
}

ul.menu-tabs-header,
ul.menu-tabs-footer {
  position: relative;
  list-style: none;
  clear: both;
}

.menu-tabs-header li,
.menu-tabs-footer li {
  position: relative;
  display: inline;
}


ul.menu-tabs-footer {
  margin-top: 0px;
}

ul.menu-tabs-footer li {
  display: block;
  text-align: center;
  margin: auto;
  max-width: unset;
  width: unset;
}

.menu-tabs-footer a {
  display: block;
  width: 100%;
  height: 100%;
}

.menu-tabs-footer a:hover {}

/*
.menu-tabs-header .menu-w-new,
.menu-tabs-header .menu-j-new {
 width: 250px;
 height: 30px;
 line-height: 30px;
 border: 1px solid #ccc;
 text-align: center;
 font-size: 13px;
 cursor: pointer;
 margin-top: 50px;
 margin-right: 20px;
 margin-bottom: 20px;
 position: relative;
 display: block;
}
*/
/* Edge対応 */
/*
@supports (-ms-ime-align:auto) {
 .menu-tabs-header .menu-w-new,
 .menu-tabs-header .menu-j-new {
  top: 10px;
 }
}

.menu-tabs-header .menu-w-used,
.menu-tabs-header .menu-j-used {
 width: 250px;
 height: 30px;
 line-height: 30px;
 border: 1px solid #ccc;
 text-align: center;
 font-size: 13px;
 cursor: pointer;
 margin-top: 50px;
 margin-right: 20px;
 margin-bottom: 20px;
 position: relative;
 display: block;
}
*/
/* Edge対応 */
/*
@supports (-ms-ime-align:auto) {
 .menu-tabs-header .menu-w-used,
 .menu-tabs-header .menu-j-used {
  top: 10px;
 }
}
*/

/*ラジオボタンを全て消す*/
/*.menu-tabs-list input[name="menu-tab-w-item"],*/
.menu-tabs-list input[name="menu-tab-w-item"],
.menu-tabs-list input[name="menu-tab-j-item"],
.menu-tabs-list input[name="menu-tab-n-item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.menu-tabs-list .menu-tab-content,
.menu-tabs-list .menu-tab-content-j,
.menu-tabs-list .menu-tab-content-n {
  display: none;
  clear: both;
  overflow: hidden;
  /* margin-top: 50px; */
  position: relative;
}

/*.menu-tabs-list .menu-tab-content .pop-brand-list{
  margin: 40px 0 0;
}*/


/*
.menu-tabs-list .menu-tab-content-n,
.menu-tabs-list .menu-tab-content-h,
.menu-tabs-list .menu-tab-content-s {
 margin-top: 50px;
}
*/
.menu-tabs-list .menu-tab-content-s {
  position: relative;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#menu-w-tab-1:checked~#menu-brand-list-w-new,
#menu-w-tab-2:checked~#menu-brand-list-w-used,
#menu-j-tab-1:checked~#menu-brand-list-j-brand,
#menu-j-tab-2:checked~#menu-brand-list-j-original,
#menu-j-tab-3:checked~#menu-brand-list-j-select,
#menu-j-tab-4:checked~#menu-brand-list-j-search,
#menu-n-tab-1:checked~#menu-brand-list-n-new,
#menu-n-tab-2:checked~#menu-brand-list-n-used {
  display: block;
}

/*選択されているタブのスタイルを変える*/
#menu-w-tab-1:checked~ul li .menu-w-new,
#menu-w-tab-2:checked~ul li .menu-w-used,
#menu-j-tab-1:checked~ul li .menu-j-brand,
#menu-j-tab-2:checked~ul li .menu-j-original,
#menu-j-tab-3:checked~ul li .menu-j-select,
#menu-j-tab-4:checked~ul li .menu-j-search,
#menu-n-tab-1:checked~ul li .menu-n-new,
#menu-n-tab-2:checked~ul li .menu-n-used {
  border-bottom: 1px #000 solid;
}

#menu-brand-list-n-new .pop-brand-list,
#menu-brand-list-n-used .pop-brand-list {
  height: 195px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#menu-brand-list-n-new .pop-brand-list::-webkit-scrollbar,
#menu-brand-list-n-used .pop-brand-list::-webkit-scrollbar {
  display: none;
}

#menu-brand-list-j-brand .pop-brand-list,
#menu-brand-list-j-original .pop-brand-list,
#menu-brand-list-j-select .pop-brand-list {
  height: 362px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#menu-brand-list-j-brand .pop-brand-list::-webkit-scrollbar,
#menu-brand-list-j-original .pop-brand-list::-webkit-scrollbar,
#menu-brand-list-j-select .pop-brand-list::-webkit-scrollbar {
  display: none;
}

.nav-item-menu-j .menu-tabs-header li {
  display: inline;
}


/*WATCE JEM*/

.menu-tab-item {
  width: calc(80%/2);
  max-width: 400px;
  height: 50px;
  /* border-bottom: 1px solid #bbb; */
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}



.nav-item-menu-j .menu-tab-item {
  width: calc(64% / 3);
  font-weight: 600;
}

.nav-item-menu-j .menu-j-search {
  width: 16%;
}

.nav-menu .nav-item-menu-j .menu-tabs-footer li {
  display: block;
  max-width: unset;
  width: unset;
}

.nav-menu .nav-item-menu-j .menu-tabs-footer li a {
  padding: 0;
}

@media only screen and (min-width: 767px) {


  label[for=menu-w-tab-1] {
    margin-left: 9%;
  }

  label[for=menu-w-tab-2] {
    margin-right: 9%;
  }

  label[for=menu-j-tab-1] {
    margin-right: 0;
  }

  label[for=menu-j-tab-2] {
    margin-left: 9%;
  }

  label[for=menu-j-tab-3] {
    margin-right: 0%;
  }

  label[for=menu-j-tab-4] {
    margin-right: 3%;
  }

  /*NOMBRE*/
  label[for=menu-n-tab-1] {
    margin-left: 9%;
  }

  label[for=menu-n-tab-2] {
    margin-right: 9%;
  }
}


.menu-brand-cols {
  float: left;
  width: 20%;
}

.menu-brand-cols-j-n {
  float: left;
  width: 25%;
}

.menu-brand-cols-j-u {
  float: left;
  width: 33%;
}

.menu-brand-cols-a,
.menu-brand-cols-n {
  float: left;
  width: 33%;
}

*/

/*
.menu-brand-item {
 font-size: 10px;
 font-weight: bold;
 margin-bottom: 10px;
}

.menu-brand-item ul {
 padding-top: 3px;
}

.menu-brand-item ul li {
 font-size: 9px;
 font-weight: normal;
 margin-bottom: 1px;
 list-style: none;
}

.menu-brand-item a {
 margin-left: 2px;
}

.menu-brand-item .brand {
 border-bottom: 1px solid #2e2e2e;
 width: 80%;
}
*/
.circle {
  display: none;
}

.circle_hide {
  display: inline;
}

li.model:hover>.circle {
  display: inline;
}

li.model:hover>.circle_hide {
  display: none;
}

/*
.menu-tab-content .menu-brand-item .brand {
 border-bottom: 1px solid #eaebe5;
 width: 80%;
}
*/

.menu-tab-content-a .menu-brand-item .brand,
.menu-tab-content-j .menu-brand-item .brand,
.menu-tab-content-n .menu-brand-item .brand,
.menu-tab-content-h .menu-brand-item .brand {
  border-bottom: none;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}






/*11/3 ペンシル対応*/

/**/

.menu-tabs-list .menu-tab-content {
  float: none;
  width: 100%;
}






.menu-tabs-footer .search-exec,
/* 詳細検索非表示によりスタイル変更 */
.menu-tabs-footer .brand-all {
  width: auto;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border-bottom: 1px solid #000;
  cursor: pointer;
  text-align: center;
  margin: auto;
  transition: all 0.3s ease;
}


.menu-tabs-footer .brand-all:hover {
  /* background-color: #1B3360; */
  border-bottom: 1px solid #999;
  /* color: #fff; */
}

/* .menu-tabs-footer .search-exec, */
.menu-tabs-footer .search-detail {
  width: 48%;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border-bottom: 1px solid #000;
  text-align: center;
  cursor: pointer;
  text-align: center;
  margin-right: 3%;
}

.menu-tabs-footer .search-detail {
  margin-right: 0;
}

.menu-tabs-footer .search-exec:hover,
.menu-tabs-footer .search-detail:hover {
  background-color: #F6F6F5;
  border: 1px solid #efefef;
  /*opacity: 0.5;*/
}

/* Edge対応 */
@supports (-ms-ime-align:auto) {

  .menu-tabs-footer .brand-all,
  .menu-tabs-footer .search-exec,
  .menu-tabs-footer .search-detail {
    margin-top: 10px;
  }
}

/* ================================ */
/* block - 検索 */
/* ================================ */
.nav-search .search-contents {
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.nav-search .search-contents .contents-l,
.nav-search .search-contents .contents-r,
.nav-search .search-contents .contents-3l,
.nav-search .search-contents .contents-3c,
.nav-search .search-contents .contents-3r {
  width: 48%;
  display: inline-block;
  font-size: 0;
  border-bottom: 1px #E6E6E6 solid;
  margin-top: 30px;
  padding-bottom: 10px;
  line-height: normal;
}

.nav-search .search-contents .contents-l,
.nav-search .search-contents .contents-r {
  margin-top: 40px;
}

.nav-search .search-contents .contents-3c {
  margin-top: 20px;
}

.nav-search .search-contents .contents-3r {
  min-width: 480px;
}

.nav-search .search-contents .contents-l,
.nav-search .search-contents .contents-3l,
.nav-search .search-contents .contents-3r {
  margin-right: 4%;
}

.nav-search .search-contents {
  margin-bottom: 10px;
}

.nav-search .search-contents .title-l {
  /*width: 100%;*/
  display: inline-block;
  width: 30%;
  vertical-align: top;
}

.nav-search .search-contents .title-r {
  /*width: 100%;*/
  display: inline-block;
  width: 30%;
  vertical-align: top;
  line-height: initial;
}

.nav-search .search-contents .body-l,
.nav-search .search-contents .body-r {
  /*width: 100%;*/
  display: inline-block;
  align-items: center;
  width: 70%;
  line-height: initial;
}

.nav-search .search-contents .contents {
  display: block;
  width: 100%;
}

.nav-search .search-contents .clk-label {
  cursor: pointer;
  display: inline;
  position: relative;
  top: -2px;
  margin-left: 10px;
}

/*？？の細くホバー*/

.search-contents .ques {
  position: relative;
  /* 表示位置の基準値とする */
  display: inline-flex;
  justify-content: center;
  width: 16px;
  /*kuro*/
  line-height: 14px;
  height: 16px;
  font-size: 10px;
  /*kuro*/
  border: 1px #999 solid;
  border-radius: 20px;
  /*kuro*/
  text-align: center;
  background: #999;
  color: #fff;
  margin-left: 4px;
  padding-right: 2px;
}

.search-contents .ques:hover {
  cursor: pointer;
  /* カーソルを指の形にする。 */
}

.search-contents .ques:hover+.ex {
  display: block;
  /* quesの上にカーソルが乗っている時だけ表示 */
  /*↓に変更*/
  opacity: 1;
  overflow: hidden;
}

.search-contents .ex {
  position: absolute;
  top: -36px;
  right: -81px;
  color: #fff;
  display: none;
  /* 最初は非表示にする。 */
  opacity: 0;
  transition: all .3s;
}

.search-contents .ex p {
  position: relative;
  display: inline-block;
  min-width: 180px;
  width: 100%;
  line-height: 2rem;
  font-size: 13px;
  box-sizing: border-box;
  height: 44px;
}

.search-contents .ex p:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #EFEFEF;
  z-index: 999;
}

.search-contents .ex .q_kaisetsu {
  padding: 8px;
  background-color: #EFEFEF;
}



.nav-search .search-contents .lbl-s {
  display: flex;
  float: left;
  margin-left: 10px;
  position: relative;
}

.nav-search .search-contents .price {
  width: 90px;
}

.nav-search .search-contents label[for=search_s_price_navi],
.nav-search .search-contents label[for=search_e_price_navi] {
  margin-left: 10px;
}


/* ================================ */
/* Main - サイトコンテンツ */
/* ================================ */
main {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;

  /* margin-top: 100vh; */
}

/* 全てのブランド /b/o/watch */
#brandlist {
  max-width: unset;
  padding-top: 0;
}

h2,
.top-h2 {
  max-width: 1120px;
  width: 90%;
  font-weight: 600;
  text-align: left;
  font-size: 22px;
  margin: auto;
  margin-bottom: 40px;
  letter-spacing: .1em;
}

h3 {
  max-width: 1120px;
  width: 90%;
  text-align: left;
  font-size: 20px;
  margin: auto;
  margin-bottom: 30px;
}

/* ================================ */
/* トップページスライダー */
/* ================================ */
.slick-box .slick-list {
  margin: auto auto;
}

.slick-box .slick-list img {
  object-fit: contain;
}

.slick-box .slick-text {
  background-color: #efefef;
  height: 30px;
  line-height: 30px;
}

.slick-box .slick-text .txt {
  margin: auto;
  font-size: 12px;
}

.slick-box .slick-slide {
  opacity: 0.4;
  transition-duration: 0.8s;
}

.slick-box .slick-slide .slick-text {
  color: #efefef;
}

.slick-box .slick-active {
  opacity: 1;
  transition-duration: 0.8s;
}


.slick-box .slick-active .slick-text {
  color: #2e2e2e;
}

/* ================================ */
/* Section - セクション */
/* ================================ */
section {
  margin: 77px auto;
  clear: both;
  display: block;
}


section .border {
  border-top: 1px solid #000;
  width: 40px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2px;
}

section .top-p {
  max-width: 1120px;
  width: 90%;
  margin: auto;
  font-size: 22px;
  text-align: left;
}

/* section .top-sub {
  text-align: center;
  margin-top: -10px;
  font-weight: bold;
  margin-bottom: 40px;
} */

section .top-border {
  border-top: 1px solid #000;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 30px;
  clear: both;
}

/* ================================ */
/* Section - 静的ページ共通セクション */
/* ================================ */
.static-section {
  margin-top: 40px;
}
.block-404{
    margin: auto;
    margin-top: 200px;
    max-width: 1120px;
}


/* ================================
/* footer contact */
/* ================================ */


.footer_contact_box {
  max-width: 1120px;
  margin: 60px auto;
  text-align: center;
}

.footer_contact img {
  max-width: 45px;
  margin-bottom: 30px;
}

.footer_contact .f-c-box {
  text-align: center;
  width: 33%;
  display: inline-block;
}

.title-topics {
  max-width: 270px;
  margin: auto;
  font-size: 18px;
  font-weight: 600;
}

.footer_contact span {
  display: block;
  margin: 18px auto;
  font-size: 12px;
}

.footer_contact a {
  display: inline-block;
  border-bottom: 1px #000 solid;
  font-size: 16px;
  font-weight: 600;
}

.f-site-map {
  border-top: 1px #E5E5E5 solid;
  border-bottom: 1px #E5E5E5 solid;
}

.f-list {
  text-align: center;
  margin: 55px auto;
}

/* ================================ */
/* Footer - サイトフッター */
/* ================================ */
footer {
  /*background-color: #efefef;*/
  /* margin-top: 20px; */
  width: auto;

  padding-top: 20px;
  width: auto;
  position: relative;
  overflow: hidden;
  background: #fff;
}

footer input {
  display: none;
}

footer .footer-main {
  display: block;
  margin: auto;
}

.footer-link_list {
  max-width: 1120px;
  width: 90%;
  margin: auto;
  overflow: hidden;
}

.footer-logo {
  float: left;
}

.sns-icon.pc-only {
  display: block;
  text-align: left;
}

.sns-icon span {
  display: block;
  margin: 48px 0 15px;
}

.sns-icon a {
  margin-right: 30px;
}

.sns-icon img {
  vertical-align: middle;
  width: 20px;
}

.sns-icon p {
  margin-top: 50px;
}

.sns-icon p img {
  width: 162px;
}


/*YUKIZAKI ONLINE SHOP*/
.f-site-map {
  margin-bottom: 50px;
}

.f-list-title {
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 16px;
}

/*SHOPPING　GUIDE*/
footer .f-list li {
  display: inline;
  padding: 0 30px;
  text-align: center;
}

footer .f-list li a {
  font-weight: 600;
  font-size: 14px;
  border: 0;
}

footer li {
  font-size: 12px;
  line-height: 24px;
  width: 50%;
  display: inline-block;
}

footer .f-list .sp-only {
  display: none;
}

*/ footer .footer-logo {
  padding-top: 3px;
  width: 32%;
  display: inline-block;
  vertical-align: top;

}

.f-link_list {
  float: right;
  max-width: 480px;

}

.f-link_list .f-list {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 35px;
}

.f-link_list .f-list li {
  display: block;
  width: auto;
  padding: 0;
  text-align: left;
  line-height: 30px;
}

.f-link_list .f-list li.sp-only {
  display: none;
}

footer .footer-logo a {}

.f-link_list_bottom {
  clear: both;
  overflow: hidden;
  max-width: 480px;
  margin: 50px 0 0 auto;
  text-align: left;
}

.f-link_list_bottom .f-list {
  text-align: left;
}

.f-link_list_bottom .f-list li {
  padding: 0;
  margin: 0;
  text-align: left;
  margin-right: 35px;
}

.f-link_list_bottom .f-list .no-left-border {
  display: inline-block;
  max-width: 172px;
  width: 100%;
}

/*
footer .footer-logo .icon-10{
  margin-top: 10px;
}
*/

footer .f-link_list {}

footer .copyright-ttl {
  font-size: 12px;
  padding-bottom: 80px;
  clear: both;
  color: #fff;
  background: #000;
  text-align: center;
}

/*お電話*/
/* .phone-box {
  width: 30%;
  display: inline-block;
  text-align: left;
  vertical-align: initial;

}

.phone-box.sp-only {
  display: none;
} */
/* 
.phone-tel {
  background: url(https://demo-a.gc-yukizaki.jp/images/icon/f-tel.jpg) no-repeat left;
  background-size: 30px;
  padding-left: 13%;
}

.phone-line {
  background: url(https://demo-a.gc-yukizaki.jp/images/campaign/ft-sns-2/2.png) no-repeat left;
  background-size: 40px;
  padding-left: 13%;
  margin-top: 5px;
}

.phone-tel .pc-only {}

.phone-tel.sp-only {
  display: none;
}

.phone a {
  font-size: 18px;
  font-weight: bold;
}

.phone p {
  font-size: 12px;
  margin-top: 3px;
}

.phone-tel .a-only {
  display: inline-block;
}

.phone-tel .b-only {
  display: none;
}

.phone .c-only {
  display: none;
} */


/*ＳＰ領域 言語切り替え footer*/
.footer-lang li {
  width: 100%;
  margin-top: 10px;
}

.footer-lang span {
  color: #06264C;
  line-height: 20px;
  font-weight: bold;
}

.footer-lang img {
  display: block;
  margin: auto;
}

.footer-lang .view_lang_radio {
  display: inline-block;
  padding: .5% 1%;
  margin-left: 2%;
  min-width: 85px;
  border: 1px #ccc solid;
}

.footer-lang .select-lang {
  background: #06264C;
  color: #fff;
  border-radius: 5px;
}

@media screen and (min-width: 767px) and (max-width: 1060px) {
  .phone-tel .a-only {
    display: none;
  }

  .phone-tel .b-only {
    display: block;
  }
}

@media screen and (min-width: 767px) and (max-width: 877px) {
  .phone .c-only {
    display: block;
  }
}


/*ＳＰ領域 言語切り替え ハンバーガー内*/
.hung-lang {
  position: relative;
  padding-top: 25px;
  border-top: 1px #EAEAEA solid;
  text-align: center;
}

.global-nav .hung-lang>div {
  text-align: left;
  max-width: 90%;
  margin: auto;
}

.global-nav .hung-lang .view_lang_radio {
  display: inline-block;
  padding: 0 18px;
  margin-right: 2%;
  /* min-width: 85px; */
  border: 1px #ccc solid;
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 14px;
}

.global-nav .hung-lang .view_lang_radio * {
  color: #fff;
}

.h-img {
  text-align: center;
}

.h-img img {
  width: 30px;
}

.h-txt {
  text-align: center;
}


.nav-menu-logo-hung img {
  max-width: 108px;
  margin: 25px auto;
}

.h-txt span,
.customer-til {
  border-top: 1px #EAEAEA solid;
  background: #F7F7F7;
  text-align: left;
  padding-left: 5%;
  margin: auto;
  line-height: 30px;
  display: block;
}

.global-nav .select-lang {
  background: #000;
  color: #fff;
}

/* ================================ */
/* Section - 速報ニュースセクション */
/* ================================ */
.section-top-s-news {
  margin-top: 0px;
  margin-bottom: 38px;
}

.topics-s {
  border: 1px #E52626 solid;
  padding: 12px 24px;
  background: #fff;
  margin: auto;
}

.topics-s * {
  font-size: 12px;
  line-height: 20px;
}

.topics-s a {
  text-decoration: underline;
  color: #2e2e2e;
}

.topics-s a:hover {
  text-decoration: underline;
  color: #2e2e2e;
}



/* ================================ */
/* Section - 人気ブランド20 allbrand共通 */
/* ================================ */

.brand-pop-list {
  position: relative;
  background: #fff;
  clear: both;
  overflow: hidden;
}

.pop-title {
  display: none;
}

.pop-brand-list {
  margin: 40px 0 20px;
  font-size: 0;
}

.pop-brand-list h3,
.pop-brand-list .pop-b-l-til {
  margin-bottom: 5px;
  font-size: 16px;
  padding-left: 1%;
  display: inline-block;
  width: 15%;
}

.pop-brand-list .pop-b-l-til {
  vertical-align: top;
}

.pop-brand-list-item ul {
  width: calc(100% - 15%);
  display: inline-block;
}

/*エルメス　バーキンのみ*/
.menu-tab-content-h .pop-brand-list {
  margin: 0;
}


.brand-pop-list li,
.pop-brand-list li {
  width: 25%;
  display: inline-block;
  font-size: 0;
  margin-bottom: 28px;
  vertical-align: top;
  cursor: pointer;
}

.pop-brand-list-item {
  margin-bottom: 18px;
}

.brand-pop-list li a {
  display: block;
}

.brand-pop-list li img {
  max-width: 70px;
  width: 27%;
}


.brand-pop-list p,
.pop-brand-list p {
  width: calc(100% - 70px);
  display: inline-block;
  font-size: 12px;
  padding: 3% 0;
  padding-left: 2%;
}

.brand-pop-list li>p:hover,
.pop-brand-list li>p:hover {
  text-decoration: underline;
}

.brand-pop-list p span {
  display: block;
  font-size: 12px;
  /*kuro*/
  font-weight: bold;
  /*kuro*/
  color: #BBBBBB;
  /*kuro*/
}

.brand-pop-list .w-pop-img,
.pop-brand-list .w-pop-img {
  float: left;
  background-image: url(/images/brand-pop/w-brand-pop.jpg);
  background-size: 67px;
  height: 54px;
  width: 70px;
  display: inline-block;
  float: left;
}

.brand-pop-list .j-pop-img,
.pop-brand-list .j-pop-img {
  float: left;
  background-image: url(/images/brand-pop/j-pop.jpg);
  background-size: 67px;
  height: 54px;
  width: 70px;
  display: inline-block;
  float: left;
}

.pop-brand-list .jo-pop-img {
  float: left;
  background-image: url(/images/brand-pop/jo-pop.jpg);
  background-size: 67px;
  height: 54px;
  width: 70px;
  display: inline-block;
  float: left;
}

.pop-brand-list .jsn-pop-img {
  float: left;
  background-image: url(/images/brand-pop/jsn-pop.jpg?test);
  background-size: 67px;
  height: 54px;
  width: 70px;
  display: inline-block;
  float: left;
}



.pop-img-1 {
  background-position: 0 -0px;
}

.pop-img-2 {
  background-position: 0 -54px;
}

.pop-img-3 {
  background-position: 0 -108px;
}

.pop-img-4 {
  background-position: 0 -163px;
}

.pop-img-5 {
  background-position: 0 -220px;
}

.pop-img-6 {
  background-position: 0 -273px;
}

.pop-img-7 {
  background-position: 0 -1422px;
}

.w-pop-img.pop-img-7 {
  background-position: 0 -328px;
}

.pop-img-8 {
  background-position: 0 -382px;
}

.pop-img-9 {
  background-position: 0 -437px;
}

.pop-img-10 {
  background-position: 0 -491px;
}

.pop-img-11 {
  background-position: 0 -546px;
}

.pop-img-12 {
  background-position: 0 -601px;
}

.pop-img-13 {
  background-position: 0 -655px;
}

.pop-img-14 {
  background-position: 0 -710px;
}

.pop-img-15 {
  background-position: 0 -765px;
}

.pop-img-16 {
  background-position: 0 -819px;
}

.pop-img-17 {
  background-position: 0 -874px;
}

.pop-img-18 {
  background-position: 0 -929px;
}

.jsn-pop-img .pop-img-18 {
  background-position: 0 -1367px;
}

.pop-img-19 {
  background-position: 0 -983px;
}

.pop-img-20 {
  background-position: 0 -1038px;
}

.pop-img-21 {
  background-position: 0 -870px;
}

.pop-img-22 {
  background-position: 0 -1640px;
}

.pop-img-23 {
  background-position: 0 -1475px;
}

.pop-img-24 {
  background-position: 0 -1530px;
}

.pop-img-25 {
  background-position: 0 -1145px;
}

.pop-img-26 {
  background-position: 0 -1038px;
}

.pop-img-27 {
  background-position: 0 -1093px;
}

.pop-img-28 {
  background-position: 0 -1147px;
}

.pop-img-29 {
  background-position: 0 -1200px;
}

.pop-img-34 {
  background-position: 0 -928px;
}

.pop-img-35 {
  background-position: 0 -982px;
}

/* ガーデン */
.pop-img-30 {
  background-position: 0 -1203px;
}

/* ヴィンテージ */
.pop-img-31 {
  background-position: 0 -1257px;
}

/* 財布 */
.pop-img-32 {
  background-position: 0 -1312px;
}

/* 小物 */
.pop-img-33 {
  background-position: 0 -1263px;
}

/* クロス */
.pop-img-36 {
  background-position: 0 -1692px;
}

/* クローバー */
.pop-img-37 {
  background-position: 0 -1750px;
}

/* スカル */
.pop-img-38 {
  background-position: 0 -1804px;
}

/* ドロップ */
.pop-img-39 {
  background-position: 0 -1860px;
}

/* ハート */
.pop-img-40 {
  background-position: 0 -1914px;
}

/* リボン */
.pop-img-41 {
  background-position: 0 -1967px;
}

/* 一粒 */
.pop-img-42 {
  background-position: 0 -2023px;
}

/* 動物 */
.pop-img-43 {
  background-position: 0 -2078px;
}

/* 昆虫 */
.pop-img-44 {
  background-position: 0 -2130px;
}

/* 星 */
.pop-img-45 {
  background-position: 0 -2185px;
}

/* 月 */
.pop-img-46 {
  background-position: 0 -2240px;
}

/* 羽 */
.pop-img-47 {
  background-position: 0 -2295px;
}

/* 花 */
.pop-img-48 {
  background-position: 0 -2350px;
}

/* 蝶 */
.pop-img-49 {
  background-position: 0 -2405px;
}

/* 鍵 */
.pop-img-50 {
  background-position: 0 -2460px;
}

/* 馬蹄 */
.pop-img-51 {
  background-position: 0 -2510px;
}

/* 星座 */
.pop-img-52 {
  background-position: 0 -2570px;
}

/* 釣り針 */
.pop-img-53 {
  background-position: 0 -2624px;
}

/*////// 宝石 石種 //////*/
/* ガーネット */
.pop-img-54 {
  background-position: 0 -2624px;
}

/* アメシスト */
.pop-img-55 {
  background-position: 0 -2679px;
}

/* アクアマリン */
.pop-img-56 {
  background-position: 0 -2733px;
}

/* サンゴ */
.pop-img-57 {
  background-position: 0 -2788px;
}

/* ダイヤモンド */
.pop-img-58 {
  background-position: 0 -2842px;
}

/* エメラルド */
.pop-img-59 {
  background-position: 0 -2897px;
}

/* ヒスイ */
.pop-img-60 {
  background-position: 0 -2952px;
}

/* パール */
.pop-img-61 {
  background-position: 0 -3007px;
}

/* アレキサンドライト */
.pop-img-62 {
  background-position: 0 -3061px;
}

/* ルビー */
.pop-img-63 {
  background-position: 0 -3116px;
}

/* オニキス */
.pop-img-64 {
  background-position: 0 -3172px;
}

/* ペリドット */
.pop-img-65 {
  background-position: 0 -3225px;
}

/* サファイア */
.pop-img-66 {
  background-position: 0 -3280px;
}

/* オパール */
.pop-img-67 {
  background-position: 0 -3334px;
}

/* トルマリン */
.pop-img-68 {
  background-position: 0 -3390px;
}

/* トパーズ */
.pop-img-69 {
  background-position: 0 -4045px;
}

/* トルコ石 */
.pop-img-70 {
  background-position: 0 -3445px;
}

/* ラピスラズリ */
.pop-img-71 {
  background-position: 0 -3499px;
}

/* タンザナイト */
.pop-img-72 {
  background-position: 0 -3554px;
}

/* クンツァイト */
.pop-img-73 {
  background-position: 0 -3608px;
}

/* シトリン */
.pop-img-74 {
  background-position: 0 -3663px;
}

/* ブラックダイヤ */
.pop-img-75 {
  background-position: 0 -3718px;
}

/* その他 */
.pop-img-76 {
  background-position: 0 -3774px;
}

/* その他 */
.pop-img-77 {
  background-position: 0 -3990px;
}

/* ピアス */
.pop-img-78 {
  background-position: 0 -3827px;
}

/* ピアス片方 */
.pop-img-79 {
  background-position: 0 -3882px;
}

/* ペンダントトップ */
.pop-img-80 {
  background-position: 0 -3940px;
}

/* カフス */
.pop-img-81 {
  background-position: 0 -4100px;
}

/* タイピン */
.pop-img-82 {
  background-position: 0 -4155px;
}

/* ブランドジュエリー追加 2024/9/3 */
.pop-img-83 {
  background-position: 0 -1088px;
}

.pop-img-84 {
  background-position: 0 -1142px;
}

.pop-img-85 {
  background-position: 0 -1197px;
}

.pop-img-86 {
  background-position: 0 -1251px;
}

.pop-img-87 {
  background-position: 0 -1037px;
}

.pop-img-88 {
  background-position: 0 -4210px;
}

.pop-img-89 {
  background-position: 0 -4263px;
}

.pop-img-90 { 
  background-position: 0 -1311px;
}

.pop-img-91 {
  background-position: 0 -1148px;
}

.pop-img-92 {
  background-position: 0 -1090px;
}

/* ================================ */
/* Section - イベント */
/* ================================ */



.section-top-event {
  position: relative;
  padding-bottom: 0;
  margin-top: 0;
}

.section-top-event h2 {
  /* display: inline-block;
  margin-top: 0px; */
  /* width: 20%; */
  /* width: 100%;
  vertical-align: top; */

  /* display: inline-block;
  float: left;
  position: absolute;
  top: 3vh;
  left: 5%; */
}

.section-top-event .swiper {
  /* width: 80%; */
  /* width: 100%;
  max-width: unset;
  margin-right: 0;
  display: block;
  overflow: hidden;
  display: inline-block; */
  /* width: 80%;
  max-width: unset;
  margin-right: 0;
  display: block;
  overflow: hidden; */
  /* width: 80%;
  margin-left: 20%;
  max-width: unset;
  margin-right: 0;
  display: block;
  overflow: hidden; */
}

.section-top-event .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.section-top-event .swiper-slide {
  /* margin-left: 2% !important; */
  margin-bottom: 10px;
  width: 320px;
  margin-right: 2%;
  cursor: pointer;
  margin-bottom: 0;
  overflow: hidden;
}

.section-top-event .swiper-slide .title{
    margin: 24px 0;
}

.section-top-event .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .swiper-container-horizontal>.swiper-pagination-bullets, */
.swiper-pagination-custom,
.swiper-pagination-fraction {
  /* bottom: -20px; */
}

/* .section-top-event .swiper-container-horizontal>.swiper-pagination-bullets,  */
.swiper-pagination-custom,
.swiper-pagination-fraction {
  /* bottom: -10px; */
  left: 0;
  width: 100%;
  margin-top: 15px;
  text-align: right;
}

.section-top-item .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: auto;
  margin-top: -15px;
}








/* ================================ */
/* Section - カルーセル商品 */
/* ================================ */
.section-top-item {
  /*width: 100%;*/
  background: #F7F7F7;
  margin: 0;
  padding: 80px 0;
  overflow: hidden;
}

.s-t-items {
  padding: 80px 0 0;
}

.section-top-item {
  padding: 0;
}

.sti-2 {
  padding: 0;
}

.sti-2 {
  background: #F7F7F7;
  padding: 0 0 calc(130px - 20px);
}




.section-top-item .swiper-n-items-w .swiper-slide,
.section-top-item .swiper-n-items-j .swiper-slide,
.section-top-history .history-slicks .swiper-slide {
  width: 265px;
  margin-right: 2%;
  cursor: pointer;
  margin-bottom: 0;
  /* overflow: hidden; */
  overflow: initial;
}

.slick-item {
  margin: auto auto;
  vertical-align: middle;
  position: relative;
}

.section-top-item .slick-item {
  width: auto;
}

.section-top-item .slick-dots {
  margin: 30px auto !important;
}



.slick-item-info {
  width: 100%;
  display: block;
  font-size: 0px;
}

.swiper-slide_img,
.slick-item .item-img,
.item_detail_link_img {
  position: relative;
  padding: 60px 33px;
  background: #fff;
  margin-bottom: 20px;
}

.swiper-slide_img,
.slick-item .item-img,
.item_detail_link_img {
  position: relative;
  text-align: center;

}

.slick-item-info img {
  max-width: 200px;
  width: 100%;
}


.slick-item-info .newused-n,
.slick-item-info .newused-u,
.slick-item-info .newused-a,
.slick-item-info .newused-m,
.slick-item-info .newused-k {
  background-color: #fff;
  padding: 0 8px;
  display: inline-block;
  margin: 0 3%;
  line-height: 24px;
  font-size: 12px;
  text-align: center;

}

.section-top-item .slick-item-info .newused-n,
.section-top-item .slick-item-info .newused-u,
.section-top-item .slick-item-info .newused-m,
.section-top-item .slick-item-info .newused-k {
  max-width: 60px;
}


.s-t-items .newused-n,
.s-t-items .newused-u,
.s-t-items .newused-a,
.s-t-items .newused-m,
.s-t-items .newused-k {
  border: 1px #E5E5E5 solid;
  background: #fff;
}

.slick-item-info .newused-k,
.ranking-item-info .newused-k {
  width: 64%;
}



/*在庫ありなし　商談中*/
.slick-item-info .iteminfo-stock,
.ranking-item-info .iteminfo-stock,
/*タイプ*/
.slick-item-info .body-col-desc,
.ranking-item-info .iteminfo-stock {
  font-size: 12px;
  line-height: normal;
  text-align: center;
  padding: 0 8px;
  display: inline-block;
  max-width: 80px;
  line-height: 24px;
  background-color: #fff;
}



/*在庫ありなし　商談中*/
.s-t-items .iteminfo-stock,
.s-t-items .iteminfo-stock,
/*タイプ*/
.s-t-items .body-col-desc,
.s-t-items .iteminfo-stock {
  border: 1px #E5E5E5 solid;
  background: #fff;
  vertical-align: top;
}

.s-t-items .sale-label {
  background: #fff;
  border: 1px #E5E5E5 solid;
  margin: 10px auto 0;
  width: 95%;

}

.slick-item-info .desc-ladies,
.slick-item-info .desc-unisex {
  max-width: 90px;
}

.slick-item-info .torioki {
  width: 25%;
}


.slick-item-info .name,
.listed-item-info .name {
  line-height: 1.4em;
  margin-top: 16px;
  font-weight: 500;
}

.slick-item-info .name .n-brand,
.slick-item-info .name .n-model {
  font-size: 16px;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;

}

.slick-item-info .name p:nth-child(2) {
  /*margin-bottom: 6px;*/
}


.slick-item-info .baika,
.listed-item-info .baika div {
  position: relative;
  display: block;
  /* font-size: 20px; */
  font-weight: 500;
  text-align: left;
  margin-top: 7px;

}

.favorite_icon {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 20px;
  height: 20px;
}

.sold-out {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.sold-out .sold-out_text {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000000;
  width: 100%;
  line-height: 28px;
  background: #E5E5E5;
}

.sold-out .out-re {
  position: static;
  bottom: 0;
  left: 0;
  line-height: 28px;
  width: 100%;
  color: #fff;
  display: block;
}



/* ================================ */
/* /favorite 商品一覧 お気に入り登録 */
/* ================================ */
.my-pageonly {
  /* デフォルト　非表示 */
  display: none;
  position: absolute;
  left: 65px;
  top: 0;
  z-index: 200;
}

.swiper-n-container .my-pageonly {
  left: 63px;
  top: -18px;
}

.swiper-n-container .my-pageonly>a.pc-only {
  display: block !important;
}

.mp-onlyitem {
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #fff;
  border: solid 1px #555;
  box-sizing: border-box;
  text-align: left;
}

.mp-onlyitem:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  z-index: 2;
}

.mp-onlyitem:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -23px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 11px solid #555;
  z-index: 1;
}

.swiper-n-container .mp-onlyitem::before,
.swiper-n-container .mp-onlyitem:after {
  top: 49%;
}

.mp-onlyitem a {
  display: unset !important;
}

.my-pageonly .mp-onlyitem p {
  font-size: 14px;
}

.my-pageonly .mp-onlyitem span {
  font-size: 12px;
  background: #fff;
  color: #000;
  text-align: left;
}





/* ================================ */
/* Section - ヒストリー */
/* ================================ */
.section-top-history {
  background: #F7F7F7;
}

.history-list .swiper-n-container {
  position: relative;
  width: 90%;
  max-width: 1120px;
  overflow: hidden;
  margin: auto;
}

.history-list {
  margin: 128px auto;
}




/* メニュー内ヒストリー */

.global-nav .history-body {
  max-width: 145px;
  width: 43%;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}

.global-nav .title span {
  display: block;
}

.global-nav .history_wrap-hide,
.global-nav .history_wrap-show {
  width: 90%;
  text-align: left;
  margin: auto;
}

.global-nav .history-body_img {
  padding: 32px 18px;
  border: 1px #E6E6E6 solid;
  position: relative;
}

.global-nav .history-body_img span {
  position: absolute;
}

.global-nav .history-body .name p {
  font-size: 14px;
}

.listed-items span,
.swiper-slide_img span,
.history-body_img span {
  font-size: 12px;
  line-height: 24px;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  border: 0;
  background: #000;
  color: #fff;
}


/* 閲覧履歴 さらに表示 js */

.global-nav .history_wrap-hide {
  display: none;
}

.global-nav button.history-more {
  margin: 0 5% 40px auto;
  display: block;
  border: 0;
  border-bottom: 1px #000 solid;
  padding: 10px 15px;
  transition: .5s;
  background: unset;
  -erbkit-transition: .5s;
  min-width: 141px;
  text-align: right;

}

.global-nav button.history-more::after {
  content: "さらに表示する ＋";
  transition: .2s;
  -erbkit-transition: .2s;
}

.global-nav button.history-more.on-history::after {
  content: "閉じる ‐";
}


.global-nav #gnav_history_wrap {}

/* 閲覧履歴 さらに表示 js */





/* ================================ */
/* Section - ヒストリー */
/* ================================ */

.history-list .slick-item-info .baika {
  color: #181818;
}

.slick-item-info .baika .teika {
  font-size: 16px;
  text-align: left;
  line-height: 1.3em;
  font-weight: bold;
}

.slick-item-info .baika .teika p {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}

.slick-item-info .baika span {
  font-size: 14px;
  margin-left: 3px;
}


.baika-zaiko {
  text-align: left;
  margin-top: 9px;
}

.slick-item-info .remarks {
  padding-top: 4px;
  font-size: 14px;
  max-height: 200px;
  overflow: hidden;
}



.more-items {
  background: unset;
  max-width: 1120px;
  margin: 0 auto 20px;
  height: 50px;
  line-height: 48px;
  text-align: right;
}

.more-items a {
  display: inline-block;
  border-bottom: 1px #000 solid;
}

.section-top-event .more-items,
.section-top-item .more-items {
  width: 90%;
  margin-top: 45px;
}

.section-top-item .more-items a {
  background: unset;

}



/* ================================ */
/* Section - ランキング商品 */
/* ================================ */
.ranking-items {
  overflow: hidden;
}

.ranking-items ul {
  float: left;
  position: relative;
  left: 50%;
  list-style: none;
}

.ranking-items li {
  float: left;
  position: relative;
  left: -50%;
  width: 160px;
  margin: 0 20px;
  height: 270px;
}

.ranking-item {
  width: 150px;
  margin: auto auto;
  vertical-align: middle;
  position: relative;
}

.ranking-item img {
  margin: auto;
}

.ranking-item-info {
  width: 150px;
  font-size: 7px;
  color: #2e2e2e;
}

.ranking-item-info .mens,
.ranking-item-info .name1,
.ranking-item-info .name2,
.ranking-item-info .name3,
.ranking-item-info .kataban,
.ranking-item-info .stock {
  display: none;
}

.ranking-item-info .name {
  font-size: 10px;
}

.ranking-item-info .baika {
  font-size: 13px;
}

.ranking-rank-1 {
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

.ranking-rank-2 {
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

.ranking-rank-3 {
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

.ranking-rank-4 {
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

.ranking-rank-5 {
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

/* ================================ */
/* Section - カルーセルブランド */
/* ================================ */
.tab-brands {
  position: relative;
  overflow: hidden;
  max-width: 1000px;
  margin: auto;
}

.slick-top-margin {
  margin-top: 50px;
}

.tab-brands ul {
  position: relative;
  list-style: none;
  font-size: 0;
}

.tab-brands li {
  display: inline-block;
  position: relative;
  width: 48%;
  margin-bottom: 30px;
}

.tab-brands li:nth-child(odd) {
  margin-right: 4%;
}

.slick-brand {
  padding-left: 20px;
}

.slick-brand p {
  text-align: left;
  color: #181818;
  padding-left: 0;
  margin-top: 10px;
  text-align: center;
}

.slick-brand .slick-brand-img {
  cursor: pointer;
  overflow: hidden;
  display: block;
  transition-duration: 0.3s;
}

.slick-brand .slick-brand-img .sbi-001,
.slick-brand .slick-brand-img .sbi-002,
.slick-brand .slick-brand-img .sbi-003,
.slick-brand .slick-brand-img .sbi-004,
.slick-brand .slick-brand-img .sbi-005,
.slick-brand .slick-brand-img .sbi-006,
.slick-brand .slick-brand-img .sbi-007,
.slick-brand .slick-brand-img .sbi-008,
.slick-brand .slick-brand-img .sbi-009,
.slick-brand .slick-brand-img .sbi-010,
.slick-brand .slick-brand-img .sbi-011,
.slick-brand .slick-brand-img .sbi-012 {
  transition-duration: 0.3s;
  width: 100%;
}

.slick-brand .slick-brand-img .sbi-001:hover,
.slick-brand .slick-brand-img .sbi-002:hover,
.slick-brand .slick-brand-img .sbi-003:hover,
.slick-brand .slick-brand-img .sbi-004:hover,
.slick-brand .slick-brand-img .sbi-005:hover,
.slick-brand .slick-brand-img .sbi-006:hover,
.slick-brand .slick-brand-img .sbi-007:hover,
.slick-brand .slick-brand-img .sbi-008:hover,
.slick-brand .slick-brand-img .sbi-009:hover,
.slick-brand .slick-brand-img .sbi-010:hover,
.slick-brand .slick-brand-img .sbi-011:hover,
.slick-brand .slick-brand-img .sbi-012:hover {
  opacity: 0.6;
  transform: scale(1.1);
  transition-duration: 0.3s;
}



/* ================================ */
/* ブランドピックアップ */
/* ================================ */

.section-branad-search-tabs {
  width: 100%;
  height: 100%;
  margin: calc(128px - 20px) 0 0;
}

/* .section-branad-search-tabs .top-p,
.section-branad-search-tabs .top-sub {
  color: #fff;
} */

.section-brand-ranking {
  margin-bottom: 30px;
}

.sub_ranking {
  margin-bottom: 20px;
}

.section-ranking {}

.swiper-container-brand {
  max-width: 1000px;
  overflow: hidden;
  margin: auto;
  margin-bottom: 15px;

}

.swiper-container-brand ul {
  max-width: 1000px;
  margin: auto;
}

.swiper-container-brand li {
  background: #e9e9e9;
  display: inline-block;
  padding: 10px;
  margin-bottom: 0;
}

.swiper-container-brand li .img {
  max-width: 85px;
  display: inline-block;
  background: #fff;
  position: relative;
  vertical-align: middle;
}

.swiper-container-brand li img {
  width: 100%;
}

.swiper-container-brand li .rank-brand-info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}

.swiper-container-brand li .rank-brand-info .nom {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}

.swiper-container-brand li .rank-brand-info .name {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.swiper-container-brand li .rank-brand-info .kataban {
  text-align: left;
}

.swiper-container-brand li .brand-ranking {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 28px 0 0;
  border-color: #2a80b2 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;

}

.swiper-container-brand li span {
  position: absolute;
  left: 5px;
  top: 0px;
  color: #fff;
  font-weight: bold;
}


/* ================================ */
/* Section - コンテンツ  insta*/
/* ================================ */
.section-top-contents {
  max-width: 1000px;
  display: block;
  margin: 80px auto;
}

.section-top-contents .top-p,
.section-top-contents .top-sub {
  color: #fff;
}

.top-contents {
  position: relative;
  overflow: hidden;
  clear: both;
  padding-left: 10px;
  padding-right: 10px;
}

.top-contents ul {
  list-style: none;
}

.top-contents li.blog-info {
  width: 49%;
  margin-left: 1%;
  height: 160px;
  float: left;
}

.top-contents-footer {
  /*margin-top: 60px;*/
}

.t-i-title .top-icon {
  width: 35px;
  display: block;
  margin: 0 auto 7px;
}

.top-contents-footer ul {
  clear: both;
  font-size: 0;
  display: flex;
  justify-content: center;
}

.as-title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 50px;
}

.c-insta-title {
  border-bottom: 1px #E6E6E6 solid;
  padding: 2px 0;
  font-size: 18px;
  margin-bottom: 20px;
}

.top-contents-footer .insta-area {
  display: block;
  border-bottom: 1px #E6E6E6 solid;
  margin-top: 30px;
  font-size: 16px;
  font-weight: bold;
}

.top-contents-footer .i-area-box {
  margin-top: 20px;
  font-size: 0;
}

/*ECアカウント*/
.top-contents-footer .ll {
  /*float: left;*/
  display: inline-block;
  vertical-align: top;
  padding: 0;
  line-height: 45px;
  width: 32%;
  margin: 0 2% 0 0;
  border: 0;
  background: #F6F1EB;
}


.top-contents-footer .ll-block:last-child {
  margin-right: 0;
}

.top-contents-footer .cc {
  max-width: 1000px;
  padding-top: 60px;
  margin: auto;
  clear: both;
  display: block;
}

.top-contents-title {
  padding-left: 20px;
  position: relative;
}

.top-contents-title a {
  display: block;
}

.top-contents-title a:hover {
  text-decoration: underline;
}

.top-contents-title a.insta {
  font-weight: 500;
  width: 100%;
  text-align: center;
}

.top-contents-title img {
  vertical-align: middle;
  margin-right: 6px;
}



/* ================================ */
/* Section - コンテンツ　インスタグラム */
/* ================================ */


/* ================================ */
/* Section - レビュー */
/* ================================ */
.section-top-review {
  max-width: 1000px;
  display: block;
  overflow: hidden;
}


.review-rank {
  /*width: 150px;*/
  margin: auto;
  color: #BDA251;
}

.review-body {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 150px;
  height: 35px;
  margin: auto;
}

.more-review {
  display: table;
  margin: 0 auto 30px;
}

.more-review span:hover {
  background: #868fa1;
}

.more-review span {
  padding: 5px 10px;
  position: relative;
  display: inline-block;
  width: 260px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px #000 solid;
}

.more-review span::after {
  position: absolute;
  content: "";
  right: 10px;
  top: 17px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* ================================ */
/* Section - レビュー */
/* ================================ */

.top-item-review {
  width: 50%;
  float: none;
  margin-bottom: 30px;
  display: inline-block;
  clear: both;
}

.review-image {
  float: left;

}

.review-image img {
  max-width: 120px;
}

.review-rank-box,
.r-rank-body {
  vertical-align: middle;
  width: 68%;

}

.r-rank-body {
  display: inline-block;
}

.review-rank {
  /*width: 150px;*/
  margin: auto;
  color: #BDA251;
  width: 77px;
  display: inline-block;
}

.review-rank-box {
  width: 95%;
  margin: auto;
}

.review-rank-box p {
  display: inline-block;
  color: #999;
  font-weight: bold;
  float: right;
  text-align: left;
}

.review-rank-box span {
  font-weight: 500;
}

.review-body {
  width: 100%;
  display: inline-block;
  margin: unset;
}

.review-body {
  font-size: 14px;
  /*kuro*/
  -webkit-line-clamp: 4;
  display: -webkit-box;
  margin-top: 5px;
  height: 83px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.customer-img {
  margin-top: 20px;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
}

.customer-img img {
  max-width: 120px;
}




/* ================================ */
/* Section - ブランド */
/* ================================ */
.section-top-brand,
.section-top-brand-list {
  display: block;
  overflow: hidden;
}

.top-brand {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  padding-bottom: 80px;
  margin: auto;
  margin-top: 50px;
  width: 1024px;
}

.top-brand ul,
.top-brand-list ul {
  max-width: 1120px;
  width: 90%;
  margin: auto;
}

.top-brand li,
.top-brand-list li {}

.top-brand-list li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.top-brand-list {}

.top-brand-list a {
  width: 20%;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 18px;
}


.top-brand-list li span {
  font-size: 12px;
}

/*押された後*/
.openbtn1.h-action {
  bottom: 51vh;
}

.top-brand-list input,
.top-brand-list label {
  display: none;
}


/* ================================ */
/* Section - メディア */
/* ================================ */
.section-top-media {}

.section-top-media img {
  display: block;
  margin: auto auto;
  border: 1px solid #ccc;
}

/* ================================ */
/* Section - ブロック商品 */
/* ================================ */

.listed-item {
  overflow: visible;
}


/* ================================ */
/* ページトップのバナー */
/* ================================ */
.section-top-bnr {
  text-align: center;
}

.section-top-bnr p {
  font-size: 18px;
  color: #fff;
  width: 100%
}

.bnr-1 {
  background-color: #C92323;
}

.bnr-2 {
  background-color: #0071BD;
}

.section-top-bnr img {
  max-width: 900px;
  margin: auto;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .section-top-bnr {
    margin-top: 0;
  }

  .block-topbnr .sp-only {
    display: none;
  }
}

@media only screen and (max-width: 550px) {
  .block-topbnr .sp-only {
    display: block;
  }

  @media only screen and (max-width: 383px) {}
}

/* ================================ */
/* パン屑 */
/* ================================ */
.shop-list-selection,
.section-breadcrumb {
  margin-top: 161px;
  padding-top: 30px;
  background: #F7F7F7;
  margin-bottom: 0;
}

.block-breadcrumb {
  max-width: 1120px;
  margin: auto;
}

.block-breadcrumb .breadcrumb {
  clear: both;
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}

.block-breadcrumb .breadcrumb li,
.block-breadcrumb .breadcrumb div {
  float: left;
  font-size: 12px;
  line-height: 1.5em;
}

.block-breadcrumb .breadcrumb li a {
  line-height: 1em;
}

.block-breadcrumb .breadcrumb .arrow {
  width: 20px;
  text-align: center;
}

.page_title {
  padding: 47px 10px 72px;
  margin: 0 auto;
  text-align: center;
  background: #F7F7F7;
}

.contact-title {
  padding: 35px 10px 45px;
}

.page_title h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 18px;
}

.contact-title h1 {
  max-width: 1120px;
  margin: auto;
  text-align: left;
}

.page_title p {
  font-size: 16px;
  line-height: 1;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
}


/* ================================ */
/* 新入荷 /newarrival/watch  */
/* ================================ */
.page_title_left h1 {
  max-width: 1120px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 auto;
}

.page_title_left {
  text-align: left;
  padding: 38px 30px 60px;
  background: #F7F7F7;
  margin-top: 0;
  margin-bottom: 48px;
}

@media only screen and (max-width: 768px) {
  .page_title_left {
    padding: 38px 12px 30px;
    margin-bottom: 40px;
  }

  .page_title_left h1 {
    font-size: 24px;
    margin-left: 0;
    letter-spacing: 0;
    margin-top: 0;
  }

}

.today {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  color: #9a4747;
  height: 20px;
  background: #fff;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid;
}

/* ================================ */
/* 遅延お知らせ */
/* ================================ */
.emergency {
  display: none;
  margin: 20px auto 40px auto;
  border: 5px solid #FF0000;
  width: 100%;
  max-width: 1000px;
  padding: 20px;
  text-align: center;
  font-size: 13px;
  color: #E52626;
}

.emergency h1 {
  font-size: 16px;
  padding-left: 0;
  margin-left: 0;
  color: #E52626;
}
/* ================================ */
/* 260120 LINEキャンペーンバナー（トップ、商品一覧、商品詳細の画面固定バナー）*/
/* ================================ */
.line-cp-banner-wrap{
  position: fixed;
  z-index: 99;
  bottom: 10px;
  left: 10px;
}
a.line-cp-banner{
  display: block;
}
.cp-banner-close-btn{
  position: absolute;
  top: -10px;
  right: -10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #000;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: grid;
  place-items: center;
  z-index: 9999;
  pointer-events: auto;
}
.cp-banner-close-btn::before{
  content: "×";
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .line-cp-banner-wrap{
    bottom: 66px;
    left: 6px;
  }
  a.line-cp-banner > img{
    width: 175px;
    height: auto;
  }
  .cp-banner-close-btn{
    top: -9px;
    right: -9px;
    width: 26px;
    height: 26px;
  }
  .cp-banner-close-btn::before{
    font-size: 16px;
  }
}

/* ================================ */
/* 260120 LINEキャンペーンバナー（カート）*/
/* ================================ */
.line-cp-banner_cart {
  display: block;
  text-align: center;
  margin-bottom: 18px;
}
@media only screen and (max-width: 620px) {
  .line-cp-banner_cart {
    margin-bottom: 12px;
  }
  .line-cp-banner_cart > img {
    width: 75%;
    height: auto;
  }
}

/* ================================ */
/* キャンペーン誘導　バナー */
/* ================================ */
#camp-bnr {
  position: fixed;
  z-index: 99;
  bottom: 0%;
  left: 0;
  max-width: 350px;
  padding: 10px;
}

.c-bnr-box {
  position: relative;
  left: -350px;
  /* これで隠れる */
  -webkit-transition: all .6s;
  transition: all .6s;
}

/* 表示された時用のCSS */
.c-open .c-bnr-box {
  left: 0;
}



.c__list {
  max-width: 350px;
  width: 85vw;
  /* スマホに収まるくらい */
  margin: 0;
  padding: 0;
  list-style: none;
  width: max-content;
}

#camp-bnr a {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border: 4px #1b3360 solid;
  border-radius: 8px;
  padding: 5px 10px;
}

#camp-bnr img {
  width: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

#camp-bnr img:first-child {
  margin: 0;

}

#camp-bnr p {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
  line-height: 1.3em;
  letter-spacing: 1px;
}


/*hamburger*/
.c-btn {
  display: none;
  position: absolute;
  /*
  left: 0;
  */
  top: -2px;
  background: #1b3360;
  border-radius: 15px;
  width: 32px;
  height: 32px;

  cursor: pointer;
  z-index: 300;
  /*
  -webkit-transition: all .6s;
  transition: all .6s;
  */
}

.c-open .c-btn {
  display: block;
  position: absolute;
  left: 340px;
  top: -2px;
  background: #1b3360;
  border-radius: 15px;
}

/*三本のアニメーション*/
.c-btn .c__line {
  position: absolute;
  left: 11px;
  width: 30px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all .6s;
  transition: all .6s;
}

/*開く前*/
.c-btn .c__line--1 {
  top: 11px;
  transform: rotate(45deg);
  width: 10px;
}

.c-btn .c__line--3 {
  top: 19px;
  transform: rotate(-45deg);
  width: 12px;
}

/*三本のアニメーション*/


/*開いた後*/

.c-open .c__line {
  left: 9px;
}

.c-open .c__line--1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 15px;
  width: 14px;
}

.c-open .c__line--3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 15px;
  width: 14px;
}




/*accordion*/


/** =======================
 * Contenedor Principal

/*
Copyright (c) 2014  Agustin Ortiz
Released under the MIT license
https://codepen.io/Creaticode/pen/ecAmo
 ===========================*/



/* ================================ */
/* cookie クッキー同意 バナー */
/* ================================ */
#cookie-bnr {
  position: fixed;
  z-index: 999;
  bottom: 0%;
  left: 0px;
  width: 100%;
  padding: 10px;
  background: rgb(75 81 104 / 92%);
}

.co-txt {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  background: unset;
}

.co-txt p {
  color: #fff;
  font-size: 14px;
  text-align: left;
  width: 70%;
  display: inline-block;
  margin-right: 2%;
}

.co-txt p a {
  color: #c6e1e3;
  text-decoration: underline;
}

.co-btn {
  width: 28%;
  display: inline-block;
}

.co-btn p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: 1px #fff solid;
  margin: 5px auto;
  width: 121px;
  padding: 3px 0;
}

.co-btn p a {
  font-size: 16px;
  color: #beefff;
  text-decoration: underline;
}

/* ================================ */
/* 共通エラー */
/* ================================ */
.block-common-error {
  margin: auto;
  margin-top: 100px;
  margin-bottom: 80px;
  max-width: 660px;
  width: 90%;
  height: 180px;
  font-size: 13px;
  color: #2e2e2e;
  border: 1px solid #2e2e2e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.contents-error {
  max-width: 1120px;
  width: 90%;
  margin: auto;
  border: 1px solid #E52626;
  border-left: 16px solid #E52626;
  padding: 10px 0 10px 10px;
  color: #E52626;
}

.contents-error p {
  color: #E52626;
}

.contents-error p img {
  max-width: 20px;
  margin-right: 12px;
  display: inline-block;
  margin-top: 5px;
}

label.error {
  font-size: 14px;
  color: #E52626;
  margin-left: 0;
  display: block;
  margin-top: 10px;
}

select.error,
input.error {
  /* background-color: #dfc0b7; */
  /* border: 1px solid #2e2e2e; */
}

textarea.error {
  background-color: #dfc0b7;
}

.sale-name {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
  border: 1px solid #000000;
  background: #fff;
  padding: 6px 8px 4px;
  margin-bottom: 12px;
}

.baika-sale {
  color: #E52626;
}

.baika-none-sale {
  text-decoration: line-through;
}

.cart-item .sale-name {
  max-width: 200px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1140px) {
  .ranking-items {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}


/* ================================ */
/*                                  */
/* ================================ */
.thanks-message {
  padding: 7px;
  line-height: 1.6;
}

.sp-br {
  display: initial;
}

@media only screen and (max-width: 600px) {
  .sp-br {
    display: block;
  }
}

.rdo-ac-cap {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  height: 40px;
  width: 300px;
}

.item_img_70 {
  height: auto;
  width: 70px;
}

.item_img_150 {
  height: auto;
  width: 150px;
}

.item_img_550 {
  height: auto;
  width: 550px;
}

.overlay-event-wrap1 {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.overlay-event-wrap2 {
  display: flex;
  position: fixed;
  z-index: 100001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.overlay-event-body-wrap {
  position: relative;
  border: 0;
  background-color: white;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  /*height:50%;*/
  min-height: none;
  /*max-height:390px;*/
  width: 50%;
  min-width: 300px;
  max-width: 600px;
}

.overlay-event-info {
  width: 90%;
  margin: auto;
  margin-top: 17px;
  font-size: 15px;
  font-weight: 100;
}

.overlay-event-close {
  background: url('https://gc-yukizaki.jp/images/overlay-close.png') no-repeat;
  background-size: cover;
  position: absolute;
  right: -16px;
  width: 75px;
  height: 75px;
  right: -33px;
  top: -33px;

}

/*
.overlay-event-close:hover {
 filter: alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
}
*/
.overlay-event-body {
  margin: 40px auto 28px;
}

.overlay-event-body img {
  width: 90%;
  max-width: 500px;
}

.overlay-event-body img:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.overlay-event-title {
  padding-top: 17px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.overlay-event-title a {
  color: #555;
}

.overlay-event-title a:hover {
  opacity: 0.7;
}

/* ================================ */
/* 　シリーズ  */
/* ================================ */
#model_list {
  background: var(--background);
  overflow: hidden;
}

.series {
  overflow: hidden;
}

.series .sub-en {
  margin-bottom: 30px;
}

.s-til {
  font-size: 25px;
  text-align: left;
  color: #2e2e2e;
  margin-bottom: 30px;
  font-weight: bold;

}

.s-til span {
  font-size: 11px;
  padding-left: 6px;
}

.s-box {
  max-width: 1120px;
  margin: auto;
  width: 100%;
  margin-bottom: 40px;
}

.series table {
  width: 48%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  margin-bottom: 40px;
}

.series tbody {
  display: block;
}

.series * {
  vertical-align: unset;
}


.series tr {
  display: block;
  width: 90%;
  margin: 37px auto;
}

.series th {
  display: block;
  text-align: left;
  margin-bottom: 20px;
}

.series td {
  display: inline-block;
}

.s-model {
  line-height: 30px;
}

.s-model p {
  display: inline-block;
  margin-right: 1em;
}

.s-model .s-sub-til {
  display: block;
}

/* 画像追加 */
.s-item-imgbox th {
  /* display: block; */
}

.s-item-imgbox td {
  display: block;
  padding: 5px 10px 5px 3%;
}

.s-item-imglist {
  width: 50%;
  display: inline-block;
  max-width: 500px;
  margin: 10px 0;
  vertical-align: top;
}

.s-item-imgtil::before {
  content: '';
  border-left: 5px #ccc solid;
  margin-right: 5px;
}

.s-item-imglist p {
  margin-bottom: 10px;
}

.s-item-imglist a {}

.s-item-imglist li {
  width: 33.3%;
  display: inline-block;
  line-height: 1.7em;
  min-width: 120px;
  padding: 0 1%;
  vertical-align: top;
}

.s-item-imglist li span {
  display: block;
}

.s-item-imglist li img {
  width: 100% !important;
  height: auto !important;
}

.s-item-imglist li small {
  font-size: smaller;
}

/* ================================ */
/* 商品詳細　型番リンク */
/* ================================ */
.katabanLink {
  border-bottom: 1px solid gray;
}




/* ================================ */
/* ローンシュミレーション loan_simulation*/
/* ================================ */



/* カート内では外枠消去 */
.frm-loan .loan_simulation {
  border: none;
}

.loan_simulation .loan_info {
  width: 90%;
  margin: auto;
}

.loan_simulation hr {
  width: 80%;
  max-width: 300px;
  margin: auto;
  background: unset;
  margin: 0px auto 10px;
}

.loan_simulation .loan-til {
  text-align: left;
  width: 90%;
  margin: auto;
}

.loan_simulation .loan-til span {
  font-size: 12px;
  display: block;
  margin: auto;
  text-align: left;
  line-height: 1.4em;
}

.loan_simulation .loan-box {
  margin-top: 10px;
}

.loan_simulation .loan-txt {
  font-size: 14px;
  width: 35%;
  display: inline-block;
  margin-right: 5%;
  margin-bottom: 10px;

}

.loan_simulation .loan-txt small {
  font-size: 14px;
  border: 0;
}

.loan_simulation .loan-box_1 {
  padding-top: 20px;
}

.loan_simulation .loan-box_1 small {
  padding-left: 8px;

}

.loan_simulation .loan-box_2 {
  padding-bottom: 20px;
}

.loan_simulation .loan-box_2 small {
  padding-left: 8px;
  border-bottom: 1px #ccc solid;
  line-height: 24px;
  display: inline-block;
}

.loan_simulation .payment-count {
  max-width: 254px;
  width: 54%;
  height: 30px;
  font-size: 16px;
  border: 1px #ccc solid;
  text-align: right;
}

.loan_simulation input {
  border: 1px #ccc solid;
  text-align: right;
  padding-right: 1%;
  font-size: 16px;
  height: 30px;
  max-width: 254px;
  width: 50%;
}

.loan_simulation .loan-box_2 input {
  border: unset;
  border-bottom: 1px #ccc solid;
  background: unset;
  border-radius: 0;
  font-size: 22px;
}


/* ================================ */
/* ページング グロナビ  */
/* ================================ */
.contents-header {
  position: relative;
}

.header2_title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
}

.contents-header-box {
  margin: 0 auto 76px;
}

.contents-header-box#contents-header-box2 {
  display: grid;
  grid-template-columns: 15% 85%;
  border-collapse: collapse;
  padding: 20px 40px 0;
  text-align: left;
}

.contents-header-box .search-list {
  /* height: 340px; */
  height: 362px;
  overflow-y: scroll;
  margin: 30px 0 20px;
  font-size: 0;
}
.contents-header .link {
  width: 100%;
  height: 40px;
  line-height: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #575757;
}
.contents-header .link:hover {
  background: #818181;
  transition: all 0.3s 0s ease;
}
.link .plus,  .link .minus {
  width: 12px;
  height: 12px;
  position: relative;
}
.contents-header .link .more_view,
.contents-header .link .less_view {
  font-size: 12px;
  list-style: 1;
  color: #fff;
}
.link .plus::before,  .link .minus::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 50%;;
  transform: translate(50%, -50%);
  width: 100%;
  height: 1px;
  background: #fff;
}
.link .plus::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 50%;;
  transform: translate(50%, -50%);
  width: 1px;
  height: 100%;
  background: #fff;
}
.link .less_view {
  display: none;
}
.link.is-expanded .more_view {
  display: none;
}
.link.is-expanded .less_view {
  display: inline-flex;
}

.contents-header1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1120px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.search-results_number {
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  .contents-header1 {
    display: block;
    margin-bottom: 32px;
  }

  .search-results_number {
    margin-bottom: 10px;
  }
}

.contents-header2 {
  position: relative;
  display: grid;
  grid-template-columns: 15% 85%;
  border-collapse: collapse;
  padding: 20px 40px 0;
  background: #fff;
  overflow: hidden;
  /* 閉じたときテキストを隠す */
  transition: height .3s ease;
}

.contents-header2 .chg-til {
  text-align: left;
}

.chg-select {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.chg-select .chg-order,
.chg-select .chg-rank {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 4px 18px 4px 0;
}

.chg-select .chg-select-box {
  /* width: 120px; */
  min-width: 120px;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.chg-select .chg-select-box::after {
  position: absolute;
  content: "";
  right: 4px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-bottom: #000 solid 1px;
  border-right: #000 solid 1px;
  transform: translateY(-90%) rotate(45deg);
}

.chg-box {
  display: contents;
  max-width: 1090px;
  margin: auto;
}

.chg-box .chg-til {
  font-weight: 600;
  padding: 24px 6px 0 0;
  line-height: 1;
  border-bottom: #E5E5E5 solid 1px;
}

.chg-box .chg-checkbox {
  padding: 25px 0 12px;
  border-bottom: #E5E5E5 solid 1px;
}

.chg-box.chg-hot .chg-checkbox {
  border-top: #E5E5E5 solid 1px;
}

@media only screen and (max-width: 880px) {
  .contents-header2 {
    display: block;
    padding: 20px 20px 0;
  }

  .chg-box .chg-til {
    padding: 24px 0 0;
    border-bottom: none;
  }

  .chg-box .chg-checkbox {
    padding: 18px 0 12px;
  }
}




.nav-item-menu-j .chg-prise .chg-checkbox {
  border-bottom: 0;
}

.chg-box .chg-checkbox p {
  display: inline-block;
  margin: 0 14px 14px 0;
}

.chg-brand .chg-radiobox p input[type="radio"],
.chg-box .chg-checkbox p input[type="checkbox"],
.chg-box .chg-checkbox p input[type="radio"] {
  display: none;
}

.chg-box .chg-checkbox p label {
  position: relative;
  padding-left: 20px;
  line-height: 2em;
}


/* モデル */
.chg-model {}

.chg-model p {
  width: 100%;
  text-align: left;
}

.chg-model input {
  max-width: 60px;
  width: 100%;
  width: 36px;
  height: 25px;
}

.chg-model select {
  line-height: 25px;
  height: 25px;
  margin-left: 1%;
  max-width: 260px;
  width: 100%;
}



/* .chg-model .chg-checkbox p input[type="checkbox"]:checked + label,
.chg-appur .chg-checkbox p input[type="checkbox"]:checked + label  */
.chg-brand .chg-radiobox p input[type="radio"]:checked+label,
/* .chg-box .chg-checkbox p input[type="checkbox"]:checked + label, */
.chg-stock .chg-checkbox p input[type="checkbox"]:checked+label,
.chg-new .chg-checkbox p input[type="checkbox"]:checked+label,
.chg-type .chg-checkbox p input[type="checkbox"]:checked+label,
.chg-case-shape .chg-checkbox p input[type="checkbox"]:checked+label,
.chg-sozai .chg-checkbox p input[type="checkbox"]:checked+label,
.chg-stone .chg-checkbox p input[type="checkbox"]:checked+label,
.chg-motif .chg-checkbox p input[type="checkbox"]:checked+label,
.chg-appur .chg-checkbox p input[type="checkbox"]:checked+label,
.chg-box .chg-checkbox p input[type="radio"]:checked+label {
  background: #F7F7F7;
  border: #000 solid 1px;
}

/* 文字盤色 */
.chg-color .chg-checkbox {
  line-height: 40px;
}

.chg-color .chg-checkbox p {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 7px;
}

.chg-color .chg-checkbox p label {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.chg-color .chg-checkbox p label:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: unset;
  border: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.chg-color .chg-checkbox p .color_1 {
  /* 白 */
  border: #dddddd solid 1px;
  background: #fff;
}

.chg-color .chg-checkbox p .color_2 {
  /* 黒 */
  background: #000;
}

.chg-color .chg-checkbox p .color_3 {
  /* グレー */
  background: #888888;
}

.chg-color .chg-checkbox p .color_4 {
  /* シルバー */
  background-image: linear-gradient(0deg, rgba(188, 188, 188, 1), rgba(255, 255, 255, 1) 50%, rgba(188, 188, 188, 1));
}

.chg-color .chg-checkbox p .color_5 {
  /* ゴールド */
  background-image: linear-gradient(0deg, rgba(213, 176, 106, 1), rgba(255, 255, 255, 1) 50%, rgba(213, 176, 106, 1));
}

.chg-color .chg-checkbox p .color_6 {
  background: #3749D6;
}

.chg-color .chg-checkbox p .color_7 {
  background: #CF6E25;
}

.chg-color .chg-checkbox p .color_8 {
  background: #FF93CD;
}

.chg-color .chg-checkbox p .color_9 {
  background: #4DB46D;
}

.chg-color .chg-checkbox p .color_10 {
  background: #ED3A3A;
}

.chg-color .chg-checkbox p .color_11 {
  background: #FFF01C;
}

.chg-color .chg-checkbox p .color_12 {
  background: #FFBE3D;
}

.chg-color .chg-checkbox p .color_13 {
  background: #B246AE;
}

.chg-color .chg-checkbox p .color_14 {
  background-image: url(/images/category/search/color-14.jpg);
  background-size: 40px;
  background-repeat: no-repeat;
}

.chg-color .chg-checkbox p .color_99 {
  background-image: url(/images/category/search/color-99.jpg);
  background-size: 40px;
  background-repeat: no-repeat;
}

.chg-color .chg-checkbox p .color_99:after {
  background-image: url(/images/category/search/color-99-2.png);
  background-size: 20px;
  background-repeat: no-repeat;
}

.chg-color .chg-checkbox p input[type="checkbox"]:checked+label:after {
  background-image: url(/images/category/search/search-b.png);
  background-size: 20px;
}

.chg-color .chg-checkbox p input[type="checkbox"]:checked+label.color_2:after,
.chg-color .chg-checkbox p input[type="checkbox"]:checked+label.color_14:after,
.chg-color .chg-checkbox p input[type="checkbox"]:checked+label.color_99:after {
  background-image: url(/images/category/search/search-w.png);
}

input[type="radio"].search_status1_nav {
  display: none;
}

/*付属品*/
.chg-model .chg-checkbox,
.chg-appur .chg-checkbox {
  padding-bottom: 12px;
}

.chg-model .chg-checkbox p {
  max-width: unset;
  display: inline-block;
  width: unset;
  padding: 0;
  margin-right: 2%;
  margin-bottom: 1%;

}

.chg-box .chg-checkbox p label,
.chg-model .chg-checkbox p label,
.chg-appur .chg-checkbox p label {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  align-content: center;
  padding: 7px 16px;
  display: block;
  border: #F7F7F7 solid 1px;
  background: #F7F7F7;
  border-radius: 5px;
}

.chg-model .chg-checkbox p label {
  width: 100%;
  padding: 0 10px;
  /* padding: 0 5px; */
}

.chg-model .chg-checkbox p label:after,
.chg-appur .chg-checkbox p label:after {
  content: unset;
}


/* 人気キーワード */

.chg-keyword .chg-checkbox p {
  max-width: unset;
  display: inline-block;
  width: auto;
}



/*素材*/
/***************************************/
/*価格スライダー*/
/***************************************/
#c-yen-box .c-yen-width {
  max-width: 680px;
  padding-bottom: 20px;
}

#c-yen-box .c-yen-width p {
  margin: 0;
}

#c-yen-box .c-yen {
  display: inline-block;
}

#c-yen-box .c-yen span {
  font-size: 16px;
  padding-left: 4px
}

@media only screen and (max-width: 500px) {
  #c-yen-box .c-yen span {
    display: block;
    text-align: right;
  }
}

#c-yen-box .c-yen-nav {
  margin-top: 10px;
}

#c-yen-box .c-yen-r {
  float: right;
}

#c-yen-box .c-yen-r span {
  padding-left: 5px;
}

#c-yen-box .c-yen-r-nav {
  margin-top: 10px;
}

#c-yen-box [type="number"] {
  width: 118px;
  height: 30px;
  border: 1px #A5A5A5 solid;
  font-size: 16px;
  padding: 6px 6px 4px 6px;
}

#c-yen-box .noUi-target {
  border: 0;
  background: #BBBBBB;
}

#c-yen-box #c-range,
#c-yen-box #r-range,
#c-yen-box #gr-range,
#c-yen-box #chain-range {
  margin-bottom: 22px;
}

#c-yen-box .noUi-horizontal {
  height: 3px;
}

#c-yen-box .noUi-connect {
  background: #181818;
}

#c-yen-box .noUi-horizontal .noUi-handle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  right: -9px;
  top: -5px;
  background: #181818;
  border: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

#c-yen-box .noUi-active {
  -webkit-box-shadow: 0;
  box-shadow: 0;
}

#c-yen-box .noUi-handle:after,
#c-yen-box .noUi-handle:before {
  content: none;
}

#c-yen-box .noUi-pips {
  display: none;
}

/***************************************/
/* 検索ボタン クリア 絞り込む */
/***************************************/

/* 絞り込み検索 */
.chg-search {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
}

.chg-search-nav a,
.chg-search button {
  font-weight: 600;
  width: 230px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border: 1px #000 solid;
  background: #fff;
  transition: all 0.3s 0s ease;
}

.chg-search-nav a:hover,
.chg-search button:hover {
  background: #e6e6e6;
  transition: all 0.3s 0s ease;
}

@media only screen and (max-width: 768px) {
  .chg-search {
    gap: 16px;
  }
}

::-ms-expand {
  /* select要素のデザインを無効にする（IE用） */
  display: none;
}

.not-item {
  border: 1px dotted #666;
  padding: 50px;
  margin-top: 10px;
  text-align: center;
  max-width: 1000px;
  width: 90%;
  margin: auto;
  margin-top: 50px;
}

.menu-tab-content .chg-search-nav {
  border: 0;
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
  width: 100%;
  padding-top: 15px;
  text-align: center;
}



/***************************************/
/*プルダウン選択 select-button*/
/***************************************/
#c-yen-box .c-r_size-width.pc-only {
  display: flex;
}

#c-yen-box .c-c_size-width.sp-only {
  display: none;
}

#c-yen-box .c-yen-width.sp-only select,
#c-yen-box .c-r_size-width select,
#c-yen-box .c-c_size-width select {
  max-width: 100px;
  width: 100%;
  height: 30px;
}

footer {
  padding-top: 0;
}

/*** 全体共通 ***/
/* 注意書き、メモ(買い物かご、確認画面) */
.note {
  color: rgb(228, 46, 46);
  font-weight: bold;
}



/***************************************/
/* 全体共通 スワイパー buttonとscrollbar */
/***************************************/
.container,
.swiper-container {
  overflow: hidden;
  position: relative;
  margin: 0 auto 30px;
}

.swiper-n-container {
  padding-bottom: 20px;
  max-width: 1120px;
  width: 90%;
  margin: auto;
  visibility: visible;
  overflow: visible;
  /* transform: translateY(30px); */
  transform: translateX(0);
}

.container-inner {
  width: 95%;
  /* padding-top: calc(20em/16);
  margin: 0 auto;
  padding-bottom: 60px;
  overflow: visible;
  

  margin-right: 0; */
}

.swiper {
  margin: 0 auto 0 0;
  width: 100%;
  overflow: unset;
}

.swiper-slide {}


.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  width: calc(95% - 9%);
  overflow: hidden;
  left: 7%;
  bottom: 20px;
}

.swiper-button-next,
.swiper-button-prev {
  top: auto;
  bottom: 0;
  border: 1px #000 solid;
  width: 40px;
  height: 40px;
  border-radius: 30px;
}

.swiper-button-next {
  right: 3%;
}

.swiper-button-prev {
  left: 3%;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  color: #000;
  font-size: 20px;
}



/* ================================ */
/* ノンブル 商品画像色変更 */
/* ================================ */

.item-img,
.block-ranking .img,
.block-listed-items img {
  position: relative;
}

.item-img-color {
  position: absolute;
  bottom: 25px;
  left: 10px;
}

.item-img-color span {
  position: relative;
}

.item-img-color span:after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
}

.item-img-color .wg:after {
  background: #c5c5c5;
}

.item-img-color .yg {
  left: 25px;
}

.item-img-color .yg:after {
  background: #e4c164;
}

.item-img-color .pg {
  left: 50px;
}

.item-img-color .pg:after {
  background: #daa399;
}


.overlay {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1000;
  transition: .3s all;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

/* レビュー一覧、商品一覧などのページネーション */
.contents-pager {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contents-pager span,
.page_f,
.page_p,
.page_n,
.page_l,
.page_gg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 0 10px;
}

.contents-pager span {
  font-weight: bold;
}

.page_p {
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}

.page_n {
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}

.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.35;
}

.dots {
  transform: translateY(-4px);
  font-weight: 400;
}

@media only screen and (max-width: 768px) {

  .contents-pager span,
  .page_f,
  .page_p,
  .page_n,
  .page_l,
  .page_gg {
    margin: 0 6px;
  }

  .page_p {
    margin: 0 4px;
  }

  .page_n {
    margin: 0 4px;
  }
}