@charset "UTF-8";

@media screen and (min-width: 0px) and (max-width: 1050px) {
  .under1050 {
    display: block;
  }


  .menu2 .nav-menu-item .nav-menu-item-box li {
    width: 16.5%;
  }
  .nav-tab .nav-menu-item ul .nav-menu-item-column-pc{
    /* padding: 0; */
  }

  .menu2 .nav-menu-item .nav-menu-item-box li:nth-child(4) {
        width: 14.5%;
  }
  .nav-tab .nav-menu-item ul .nav-menu-item-column-pc{
        padding: 0 10px;
  }
  .menu2 .nav-menu-item .top-information-guide .top-guide li{
    width: 90%;
  }
  .top-contents li.blog-info {
    float: initial;
    width: 100%;
    height: initial;
    padding-bottom: 10px;
  }

  .blog-info li {
    width: initial;
    clear: both;
  }

  .blog-info a {
    float: initial;
    width: initial;
  }

  .blog-info a > div {
    width: 30%;
    float: left;
  }

  .blog-info a > div > img {
    max-width: 116%;
    max-height: 200px;
    margin: 0 auto;
    position: relative;
    top: -8%;
    left: -8%;
  }

  .blog-info a > dl {
    margin-left: -170px;
    padding-left: 170px;
    padding-right: 20px;
    float: right;
    width: 100%;
    height: 150px;
  }

  .blog-info .blog-title {
    font-size: 90%;
  }

  .blog-info .blog_excerpt {
    max-height: 80px;
    overflow: hidden;
    display: block;
  }

  main {
    width: 100%;
    margin-top: 200px;
  }

  .section-top-event {
    width: 100%;
    margin-top: 40px;
  }

  .section-top-topics {
    width: 100%;
  }

  .section-top-brand,
  .section-top-brand-list {
    width: 100%;
  }

  .tab-brands {
    width: 100%;
  }

  .slick-brand-img img {
    width: 100%;
  }
  .top-information-guide .top-guide{
    right: 0;
  }
}

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

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


  main {
    margin-top: 0;
  }

  .nav-tab .nav-menu {
    display: block;
    width: 100%;

    /* height: 45px;
    line-height: 45px; */
  }

  .nav-menu-item {
    margin-top: 15px;
    text-align: left;
  }

  .nav-menu .nav-menu-item .nav-menu-item-box {
    /* display: inline-block; */
    margin-left: 0;
  }
  /* .top-information-guide .top-guide {
    right: 0;
    left: unset;
  } */
  .top-information .max-pc {
    display: none;
  }

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

  /* .nav-menu-item{
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
  } */
  .top-information-guide {
    position: relative;
  }

  .nav-tab .nav-menu-item .top-shop-about > li a {
    font-weight: 700;
    /* width: 245px; */
    justify-content: flex-end;
    line-height: 45px;
    color: #fcfcfe;
  }

  .nav-tab .nav-menu-item .top-shop-about .top-guide li a {
    color: #1b3360;
    font-weight: 500;
  }

  .top-information-guide .top-guide li a:hover {
    /* color: #ffffff !important; */
  }
/* 
  .nav-item-menu-s,
  .nav-item-menu-w,
  .nav-item-menu-j,
  .nav-item-menu-n,
  .nav-item-menu-h {
    top: 120px;
  } */

  .h-s-logo {
    left: 10%;
    transform: translate(0, -50%);
  }
  .container .swiper-container .swiper-wrapper .swiper-slide .card-1 img,
  .container .swiper-container .swiper-wrapper .swiper-slide .card-2 img,
  .container .swiper-container .swiper-wrapper .swiper-slide .card-3 img {
    min-height: 100vh;
    height: 100vh;
  }
}

@media only screen and (max-width: 1200px) {
  .brand-list ul .b-list {
    width: 95%;
    text-align: left;
  }

  /* .brand-list ul .b-list a {
    width: 25%;
    text-align: left;
  } */

  .brand-list ul .b-list li {
    width: auto;
    display: block;
  }

  /* ================================ */
  /* video - 動画 NEW ARRIVAL */
  /* ================================ */

  .video video {
    width: 60%;
  }

  .video p {
    width: 40%;
  }

  .history-slicks.swiper-wrapper {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1042px) {
  .menu2 .nav-item-l {
    width: 100%;
  }
}

@media only screen and (max-width: 999px) {
  .nav-tab .nav-item-l {
    width: 100%;
  }

  .nav-tab .nav-item-link {
    max-width: 150px;
    width: 100%;
  }
}


@media only screen and (max-width: 768px) {
  /* ================================ */
  /* Section - セクション */
  /* ================================ */
  section .top-p {
    /*font-size: 16px;*/
    /* padding-left: initial;
    display: block;
    text-align: center;
    float: none;
    font-size: 30px;
    font-family: "Lora", serif; */
    /*kuro*/
  }

  section .top-sub {
    font-size: 16px;
  }





  /* ================================ */
  /* EVENT */
  /* ================================ */

  .section-top-event .swiper {
    width: 100%;
  }

  /* ================================ */
  /* 新入荷商品 */
  /* ================================ */
  .section-top-event .Swiper01,
  .section-top-item .swiper-n-items-w,
  .section-top-item .swiper-n-items-j{
    width: 95%;
}

  /* ================================ */
  /* VIDEO */
  /* ================================ */

  .video p {
    font-size: 30px;
  }



  /* ================================*/
  /* Section - トピックスセクション */
  /* ================================ */
  .event-l {
    background: url(/images/topics/t-1-sp.jpg) no-repeat center;
    height: 250px;
    width: 100%;
    background-size: cover;
    margin: auto;
    margin-bottom: 20px;
    max-width: unset;
  }

  .labo-txt {
    top: 50%;
    transform: translate(0, -50%);
    max-width: 350px;
  }

  .labo-txt span {
    margin-bottom: 5px;
  }

  .event-r {
    width: 90%;
    display: block;
    margin: auto;
  }

  .title-topics {
    opacity: 1;
    top: 50%;
    font-size: 16px;
  }

  .s-e-topics-box a:hover > .title-topics,
  .s-e-topics-box a:hover > .title-topics * {
    transition: unset;
    opacity: unset;
    top: 50%;
  }

  /* ================================ */
  /* 追従 閲覧履歴　ボタン */
  /* ================================ */
  .history-icon .slick-slider a img {
    max-width: 100px;
    margin: 30px auto;
  }

  #g-nav {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    bottom: 0;
    bottom: -120%;
    left: 0;
    width: 100%;
    height: 50vh;
    /*ナビの高さ*/
    background: #959595eb;
    /*動き*/
    transition: opacity 0.6s;
    transition: all 0.6s;
  }

  #g-nav .history {
    width: unset;
    margin: 0;
    position: unset;
    overflow-x: scroll;
    display: flex;
    padding: 0 0 20px;
    /* margin: 0 5%;*/
  }

  #g-nav-list {
    margin-top: 30px;
  }

  /*アクティブクラスがついたら位置を0に*/
  #g-nav.panelactive {
    bottom: 0;
  }

  /*ナビゲーションの縦スクロール*/
  #g-nav.panelactive #g-nav-list {
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 50vh;
    /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  #g-nav .history-slicks-body {
    padding: 10px 5px 0;
  }

  #g-nav .slick-item-info {
    margin: 10px 0;
  }

  /*========= ボタンのためのCSS ===============*/
  .openbtn1 {
    position: fixed;
    z-index: 9999;
    /*ボタンを最前面に*/
    bottom: 120px;
    right: 10px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #707070;
    transition: all 0.6s;
  }

  .openbtn1 p {
    width: 100%;
    content: url(/images/icon/history.jpg);
    display: inline-block;
    vertical-align: middle;
  }

  .openbtn1.h-action p {
    content: url(/images/icon/history-2.jpg);
    display: inline-block;
    vertical-align: middle;
    /*
  -webkit-transform: scale(0.5);
  transform: all scale(0.5);
  */
  }

  @media only screen and (max-width: 339px) {
    #g-nav {
      height: 45vh;
    }

    .openbtn1.h-action {
      bottom: 46vh;
    }
  }
}

@media only screen and (max-width: 767px) {
  .nav-tab .top-message-pc {
    display: none;
  }

  .n-item-list li,
  .menu-tab-content li,
  .menu-tab-content-h li {
    margin-bottom: 10px;
  }

  #s-hung1.n-item-list {
    height: 210px;
  }

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

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

  /* ================================ */
  /* 遅延お知らせ */
  /* ================================ */
  .emergency {
    text-align: left;
  }

  .pc-block {
    display: block;
  }

  .pc-only {
    display: none;
  }

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

  .sp-only {
    display: block;
  }

  span.sp-only {
    display: inline;
  }

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

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

  .sp-block {
    display: block;
  }

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

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

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

  .cfix-sp {
    display: inline-block;
  }

  * html .cfix-sp {
    height: 1%;
  }

  .cfix-sp {
    display: block;
  }

  header,
  main,
  footer {
    width: 100%;
  }

  main {
    margin-top: 0;
    margin-bottom: 0;
  }

  h1 {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    font-size: 12px;
  }

  /* ================================ */
  /* Header - カルーセル */
  /* ================================ */
  .sagest {
    margin-left: 5%;
    width: 54%;
    top: 120px;
  }

  .sagest.sp-only {
    /*時計の検索窓*/
    top: 176px;
    margin-left: 6%;
  }

  .header-hung .sagest {
    width: 67%;
  }

  /*タイピングアニメーション*/
  #ityped_wtab {
    position: absolute;
    top: 37px;
    font-size: 14px;
    z-index: 100;
    color: #858585;
    padding-left: 1em;
  }

  #ityped_wtab-cursor {
    display: none;
  }

  /* .block-listed-items p{
  width: 100%;
  margin: auto;
} */
  /* .series .s-type */
  .series .s-brand {
    display: inline-flex;
    align-items: center;
  }

  .series .s-item-imgbox .s-type th {
    display: block;
  }
  .menu2 .sp-only .top-information{
      position: relative;
      display: inline-block;
      vertical-align: top;
      top: unset;
      right: unset;     
  }
  .menu2 .sp-only .top-information img{
    max-width: 18px;
    /* height: 20px; */
  }

  .nav-open-search .menu2 .sp-only .top-information .h-search{
    display: none;
  }
  
  .top-information .top-information-cart a {
    text-align: center;
    display: block;
  }
  .top-information .top-information-cart a .top-information-cart-box{
    position: relative;
    display: inline-block;
  }
  .nav-menu-bnr .t-i-menu span{
    display: block;
    font-size: 10px;
    margin-top: 6px;
  }
.nav-menu-bnr .t-i-menu .top-information-cart span{
    margin-top: 1px;
}
  .h-shop-list img, .nav-item-cart img{
    display: block;
    margin: auto;
  }
  .t-o-lang {
    /*kuro*/
    margin-top: 7px;
    /*kuro*/
  }

  .top-information .f-icon {
    display: none;
  }

  #camp-bnr {
    bottom: 60px;
  }

  .view_lang_en #camp-bnr a{
    max-width: 375px;
  }

  /* ================================ */
  /* Section - 速報ニュースセクション */
  /* ================================ */

.topics-s{
      width: 90%;
}

  /* ================================ */
  /* Nav - フローティングメニュー */
  /* ================================ */
  .fix-header {
    top: -150px;
    width: 100%;
    position: fixed;
    z-index: 9000;
  }

  .fix-header .nav-menu {
    width: 100%;
    height: initial;
    line-height: initial;
  }

  .fix-header .nav-menu-item {
    background-color: #555;
  }

  .fix-header .nav-menu-item ul {
    width: 100%;
    float: initial;
    position: initial;
    left: initial;
  }

  .fix-header .nav-menu-item ul li {
    width: 25%;
    float: left;
    position: initial;
    left: initial;
  }

  .fix-header .menu-lst {
    border-right: initial;
  }

  .fix-header .nav-item-l {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 1px;
    font-size: 11px;
    text-align: center;
    display: flex;
    align-items: center;
    color: #ffffff;
    background-color: #555555;
  }

  .fix-header .nav-item-l .divider {
    height: 26px;
    width: 0;
    border: 1px solid #cccccc;
  }

  .fix-header .fix-header-label {
    line-height: 50px;
  }

  .fix-header .fix-header-label-antiquewatch {
    line-height: 25px;
  }

  .fix-header .nav-item-l .divider-left-non {
    border-left: 0;
  }

  .fix-header .nav-item-l .divider-right-non {
    border-right: 0;
  }

  .fix-header .nav-item-l .divider-left-non {
    border-left: 0;
  }

  .fix-header .nav-item-l .divider-right-non {
    border-right: 0;
  }

  .fix-header .nav-item-link {
    width: 100%;
    margin: auto;
  }

  nav{
    background: #fff;
  }
  .nav-menu-header-top {
    width: 100%;
    position: initial;
  }

  .nav-menu-header-top .nav-menu-header-top-i {
    max-width: 100%;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
  }

  .is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 991;
    width: 100%;
    transition: 0.3s;
  }

  .is-fixed.hide {
    top: -115px;
    /* -webkit-transform: translateY(-100%);
    transform: translateY(-100%); */
    /* transform: 0; */
    /* top: 0; */
    /*height: 0;*/
  }

  /* .hide.menu2 .nav-menu-header-sp {
    transform: unset;
    -webkit-transform: unset;
    transition: 0.3s;
    top: -65px;
  } */

  .menu2 {
    opacity: 1;
    height: initial;
    width: 100%;
    border-bottom: initial;
    /* background-color: #ffffff; */
  }

  .menu2 .nav-menu-header-pc {
    top: 63px; /* 7/21 */
    position: absolute;
    width: 100%;
    height: 50px;
    display: block;
    border: 0;
    background: #fff;
  }
  /* .hide.menu2 .nav-menu-header-pc{
    top: -65px;
    transition: 0.3s;
  } */
  .menu2 .nav-menu-header-sp {
    height: 65px;
    position: fixed;
    width: 100%;
    background: #fff;
  }
  .menu2 .nav-menu-header-sp.nav-menu-bnr{
    bottom: 0;
    top: unset;
    height: 60px;
    margin: auto;
  }
  
  .menu2.fixed .nav-menu-header-sp {
    height: 50px;
  }
  .nav-tab{
    height: auto;
  }
  .nav-tab .nav-menu {
    margin-top: -1px;
    width: 100%;
    height: initial;
    line-height: initial;
    position: relative;
    /* top: 64px; */
    z-index: 500;
    /* display: none; */
    /* -webkit-transform: translateY(-100%);
  transform: translateY(-100%); */
  }

  .hide .nav-menu {
    top: 0;
    /* display: block;  */
    /* transform: translateY(0); */
  }

  .fixed .nav-menu {
    /* display: none; */
    /* transform: translateY(0); */
  }

  /*
 .nav-tab .nav-menu .nav-menu-tenpo {
  float: right;
  font-size: 12px;
  margin: 5px;
 }*/

  .menu2 .nav-menu .nav-menu-cart {
    float: right;
    font-size: 12px;
    margin: 5px;
  }

  .menu2 .nav-menu-header-pc .nav-menu-logo {
    display: none;
  }

  .menu2 .nav-menu-logo-sp {
    margin: 0;
    display: inline-block;
    position: absolute;
    max-width: 107px;
    top: 50%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    float: initial;
    /* background-color: #ffffff; */
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .menu2.fixed .nav-menu-logo-sp a {
    width: 71px;
  }

  .menu2 .nav-menu-logo-sp img {
    width: 100%;
  }

  .nav-menu-item {
    height: 50px;
    line-height: 50px;
    margin: auto;
    /* background-color: #1b3360; */
  }

  /*店舗一覧 ショップリスト*/

  .h-shop-list {
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 80px; */
    display: inline-block;
  }

  .h-shop-list a {
    display: block;
    text-align: center;
  }

  /* .h-shop-list img{
   width: 30px;
 } */

  /*商品検索*/
  .nav-item-sarch {
    transition: 0.3s;
    border-top: 1px #EAEAEA solid;
    /* display: none; */
    /* transform: translateY(-100%); */
    background: #fff;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.1));
    /* top: 65px; */
    /* z-index: 500; */
    top: 113px;
    z-index: 800;
  }

  .nav-item-sarch.hide {
    top: 0;
  }

  .fixed .nav-item-sarch.hide {
    /* transform: unset; */
    /* -webkit-transform: translateY(-100%);
    transform: translateY(-100%); */
    /* top: 146px;
    transform: none; */
  }

  .nav-item-sarch form {
    width: calc((312 / 375) * 100%);
    margin: auto;
    position: relative;
  }

  .nav-item-sarch .keyword,
  .nav-item-sarch .search,
  .nav-item-sarch .search_detail {
    height: 40px;
    vertical-align: top;
    font-size: 17px;
  }

  .nav-item-sarch .keyword {
    width: 100%;
    border: 0;
    border-radius: 0;
    padding-left: 10px;
    padding: 25px 1%;
  }

  .nav-item-sarch .search {
    width: 22%;
    border-radius: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    /*kuro*/
  }

  .nav-item-sarch .search_detail {
    width: 19%;
    background-color: #ffffff;
    border: 1px solid #999999;
    /*kuro*/
    border-radius: 0;
    font-size: 12px;
    font-weight: bold;
    /*kuro*/
  }

  .nav_search-submit,
  .btn_search_brand_nm {
    position: absolute;
    width: 19px;
    height: 16px;
    top: 11px;
    right: 2px;
    background-color: #fff;
    border: none;
    cursor: pointer;
  }
  .nav-item-hung-sarch .nav_search-submit::before,
  .nav-item-hung-sarch .btn_search_brand_nm::before{
    width: 12px;
    height: 12px;
    top: 4px;
    left: -5px;
  }
  .nav-item-hung-sarch .nav_search-submit::after,
  .nav-item-hung-sarch .btn_search_brand_nm::after{    
    width: 5px;
    height: 4px;
    top: 17px;
    left: 4px;
  }
  .nav-item-r {
    position: absolute;
    top: -2px;
    right: -42px;
  }

  .nav-item-r .search {
    width: 50px;
    height: 30px;
    text-align: center;
    padding: 0;
  }

  /*
 .menu2 .nav-menu-item {
  height: initial;
  border-top: 1px solid #2e2e2e;
  border-bottom: 1px solid #2e2e2e;
 }
*/
  .nav-tab .nav-menu-item .nav-menu-item-box {
    float: initial;
    position: initial;
    left: initial;
    width: 100%;
    max-width: unset;
  }

  .nav-tab .nav-menu-item ul li {
    /*
  width: 25%;
  float: left;
  position: initial;
  */
    /* left: initial; */
  }

  .nav-tab .nav-menu-item .nav-menu-item-box li {
    width: unset;
    height: 50px;
    cursor: pointer;
  }
    .menu2 .nav-menu-item .nav-menu-item-box li:nth-child(4) {
      width: unset;
    }
  .nav-tab .nav-menu-item .nav-menu-item-box .pc-only {
    display: none;
  }
  .menu-tab-item {
    width: calc(100% / 2);
    font-size: 12px;
    /*kuro*/
  }

  /*ジュエリー*/
  .nav-item-menu-j .menu-tab-item {
    width: calc(100% / 4);
    line-height: 1.5em;
    padding-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .nav-tab .n-item-list li,
  .menu-tab-content li {
    width: 33%;
  }

  .nav-tab .menu-lst {
    border-right: initial;
  }

  .nav-tab .nav-item-l {
    position: relative;
    float: left;
    width: 25%;
  }

  .nav-tab .nav-item-l {
    width: 100%;
  }

  .nav-tab .nav-item-l .divider {
    position: absolute;
    top: 7px;
    right: 0;
    height: 25px;
    width: initial;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }

  .nav-tab .nav-item-l .divider-left-non {
    border-left: 0;
  }

  .nav-tab .nav-item-l .divider-right-non {
    border-right: 0;
  }

  .nav-tab .nav-item-l .divider-left-non {
    border-left: 0;
  }

  .nav-tab .nav-item-l .divider-right-non {
    border-right: 0;
  }

  .nav-tab .nav-item-link a {
    display: block;
    width: 100%;
    height: 100%;
  }

  /* .nav-tab li .nav-item-en a {
    color: #fff;
  } */

  .nav-tab li .nav-item-en {
    line-height: 55px;
  }

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

  .nav-tab .custom .nav-item-en {
    border-bottom: 0;
    /*margin: 0 25%;*/
  }

  .nav-tab .nav-item-link .nav-item-en,
  .nav-tab .nav-item-link .nav-item-en p{
    line-height: unset;
  }
  .nav-tab li:last-child .nav-item-en {
    line-height: 16px;
    height: unset;
    display: inline-block;
    vertical-align: middle;
  }
  .nav-item-menu-w,
  .nav-item-menu-a,
  .nav-item-menu-j,
  .nav-item-menu-n,
  .nav-item-menu-h,
  .nav-item-menu-s {
    top: 50px;
  }

  /*
input[type="checkbox"].nav-item-menu-onoff-w:checked + .nav-item-menu-w,
input[type="checkbox"].nav-item-menu-onoff-j:checked + .nav-item-menu-j,
input[type="checkbox"].nav-item-menu-onoff-n:checked + .nav-item-menu-n,
input[type="checkbox"].nav-item-menu-onoff-h:checked + .nav-item-menu-h {
 
}
*/
  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 {
    position: absolute;
  }

  .nav-item-menu-w .pop-brand-list,
  #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: unset;
  }

  #menu-brand-list-n-new .pop-brand-list,
  #menu-brand-list-n-used .pop-brand-list {
    height: unset;
  }



.brand-pop-list li, .pop-brand-list li{
      width: 33%;
}



  /* ================================ */
  /* Header - ヘッダー
hamburger-アコーディオン */
  /* ================================ */

  .nav-open,
  .nav-open-search{
    overflow: hidden !important;
  }

  .nav-open .body-main {
    overflow: hidden;
  }

  /*
  .header-fixed {
    height: 159px;
  }*/
  .global-nav {
    position: fixed;
    /* left: -85vw; */
    width: 100%;
    top: 100vh;
    left: 0;
    /* これで隠れる */
    
    height: calc(100% - 60px);
    /* margin-bottom: 50px; */
    background-color: #fff;

    transition: all 0.6s;
    z-index: 200;
    overflow-y: auto;
    /* メニューが多くなったらスクロールできるように */
  }

  .global-nav__list {
    max-width: 375px;
    /*min-width:320px;*/
    width: 85vw;
    /* スマホに収まるくらい */
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header-fixed,
  .header-fixed_search{
    display: inline-block;
    vertical-align: top;
  }
  .header-fixed,
  .header-fixed_search,
  .t-i-menu{
    width: 20%;
    text-align: center;
    padding-top: 13px;
    height: 60px;
  }


  /*hamburger*/
  .hamburger,
  .hamburger_sub{
    position: relative;
    /* position: absolute;
    left: 3%;
    top: 41%;
    transform: translateY(-50%); */
    /* width: 40px; */
    /* クリックしやすいようにちゃんと幅を指定する */
    /* height: 40px; */
    /* クリックしやすいようにちゃんと高さを指定する */
    display: block;
    cursor: pointer;
    z-index: 300;
  }

  .hamburger::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    bottom: 8px;
    right: 6px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #000;
  }
  .hamburger_main::before{
    display: none;
  }

  .hamburger::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 10px;
    bottom: -8px;
    right: 0px;
    border-top: solid 2px #000;
    transform: rotate(45deg);
  }
  .hamburger_main::after{
    display: none;
  }

  /* .hamburger_sub::before{
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    right: 0;
    left: 43%;
    top: 0;
    bottom: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #000;
}
  .hamburger_sub::before{
    
  }
.hamburger_sub::after{
    position: absolute;
    content: "";
    width: 6px;
    height: 10px;
    bottom: -8px;
    right: unset;
    left: 52%;
    border-top: solid 2px #000;
    transform: rotate(45deg);

} */
.nav-open-search .hamburger_sub::before,
.nav-open-search .hamburger_sub::after{
  border: 0;
}


  /*三本のアニメーション*/
  .hamburger__line {
    position: absolute;
    height: 2px;
    background-color: #000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    left: 50%;
    transform: translateX(-50%);
  }

  /*開く前*/
  .hamburger__line--1 {
    top: 0;
    width: 17px;
  }

  .hamburger__line--2 {
    top: 6px;
    width: 17px;
  }

  .hamburger__line--3 {
    top: 12px;
    width: 17px;
  }

  .hamburger .hamburger_main_txt,
  .hamburger_sub .hamburger_sub_txt{
    top: 26px;
    position: relative;
    font-size: 10px;
  }
.hamburger_sub .hamburger_sub_txt{
      top: 5px;
}

 .nav-open-search .hamburger_sub .hamburger_sub_txt{
      top: 23px;
 }
  /* 閉じる文言変更 */
  .hamburger .hamburger_main_txt,
  .hamburger_sub .hamburger_sub_txt{
    display: block;
  }
  .nav-open .hamburger .hamburger_main_txt,
  .nav-open-search .hamburger_sub .hamburger_sub_txt{
    display: none;
  }
  .hamburger .hamburger_main_txt_after,
  .hamburger_sub .hamburger_sub_txt_after{
    display: none;
  }
  .nav-open .hamburger .hamburger_main_txt_after,
  .nav-open-search .hamburger_sub .hamburger_sub_txt_after{
    display: block;
    color: #fff;
  }
  /*三本のアニメーション*/


  /* クリック後の黒 */

  .nav-open .header-fixed,
  .nav-open-search .header-fixed_search{
    background: #000;
  }

  /*背景の黒*/
  .black-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    cursor: pointer;
  }

  /* 表示された時用のCSS */
  .nav-open .hamburger::before,
  .nav-open .hamburger::after {
    display: none;
  }

  .nav-open .hamburger {
    /* left: 87vw; */
    z-index: 9999;
  }

  .nav-open .global-nav_1 {
    /* left: 0; */
    top: 0;
    bottom: 65px;
    z-index: 9999;
    left: 0;
  }

  .nav-open-search .global-nav_2 {
    top: 0;
    left: 0;
    bottom: 65px;
    z-index: 9999;
  }
  /* .nav-open .black-bg {
    opacity: 0.7;
    visibility: visible;
    z-index: 6666;
  } */

  .header-fixed_search  .hamburger__line--1,
  .header-fixed_search  .hamburger__line--3{
    display: none;
  }
  /*開いた後 sub*/
  .nav-open-search .header-fixed_search  .hamburger__line--1,
  .nav-open-search .header-fixed_search  .hamburger__line--3{
    display: block;
  }

  /*開いた後 main*/
  .nav-open .hamburger__line--1,
  .nav-open-search .header-fixed_search  .hamburger__line--1{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px;
    background-color: #fff;
    left: 42%;
  }



  .nav-open .hamburger__line--2 {
    width: 0;
    left: 50%;
    background-color: #fff;
  }

  .nav-open .hamburger__line--3,
  .nav-open-search .header-fixed_search  .hamburger__line--3{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 9px;
    left: 42%;
    background-color: #fff;
  }

  .nav-open-search .header-fixed_search  .hamburger__line--1,
  .nav-open-search .header-fixed_search  .hamburger__line--3{
    left: 20%;
  }
/* .nav-open-search .hamburger_sub::before,
.nav-open-search .hamburger_sub::after{
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    bottom: unset;
    right: unset;
        top: 13px;
        left: 45%;
    border-radius: 0;
    border-top: solid 2px #fff;
    transform: rotate(45deg) translateX(-50%);
}

.nav-open-search .hamburger_sub::after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) translateX(-50%);
    top: 1px;
    left: 53%;
} */










  /*accordion*/

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

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

  .container {
    width: 100%;
    max-width: unset;
    /**display: block;*/
    padding: 0;
    /* max-width:100%; */
    position: relative;
    margin: 0 auto;
  }
  .container .title {
    cursor: pointer;
    overflow: hidden;
    /*display: block;*/
    line-height: 70px;
    font-weight: 600;
    text-align: left;
    vertical-align: middle;
    position: relative;
    margin: 0;
    padding-left: 5%;
    border-top: 1px #EAEAEA solid;

    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
    .container .Swiper01 .title {
      line-height: 2em;
    }
    .container .Swiper01 .date {
      padding-left: 5%;
    }
  /* .container li > div {
    font-weight: bold;
  } */
   .h-txt span, .customer-til{
        font-size: 14px;
   }
  .container .text {
    display: none;
    width: 85%;
    margin: auto;
    list-style: none;
    margin-bottom: 20px;
    text-align: left;
  }

  .container .text.brand-s {
    width: 100%;
  }

  .container .text li {
    font-weight: 600;
    position: relative;
  }

  .container .top-guide li:last-child {
    line-height: 1.7em;
    margin: 8px 0;
  }
  .container .hung-nav_img p {
    padding-left: 5%;
    line-height: 70px;
    /* font-weight: bold; */
    border-top: 1px #EAEAEA solid;
    position: relative;
  }
  .container .hung-nav_img p a {
    display: block;
    text-align: left;
    font-weight: 600;
  }
  .container .hung-nav_img img {
    width: 45px;
    vertical-align: middle;
    margin-right: 1%;
  }
  .top-guide li {
    line-height: 21px;
    /*kuro*/
  }

  .text li a,
  .text.top-guide li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    transition: all 0.3s ease-in;
  }
  .text li a:hover,
  .text.top-guide li a:hover{
    opacity: .5;
    transition: all 0.3s ease-in;
  }
  /* スマホアコーディオンのブランド accordion-sp_hung */
  .brand-pop-list li,
  .pop-brand-list li {
  }
  .accordion-sp_hung .text.brand-s {
    width: 90%;
  }
  .accordion-sp_hung p span {
    display: block;
    font-size: 10px;
    color: #bbbbbb;
    font-weight: bold;
  }
  .accordion-sp_hung .pop-brand-list {
    margin: 0;
  }
  .accordion-sp_hung .pop-brand-list p {
    line-height: initial;
  }
  /*詳細検索へ*/
  .container .nav-zoom .title {
    background: #f6f6f5;
    border: 0;
    margin: 20px 0;
  }

  .container .nav-zoom .title a {
    font-size: 12px;
    display: block;
  }

  .container .nav-zoom .title strong {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
  }

  .container li > div.arrow-bottom a {
    display: block;
  }

  /*ボタンアニメーション*/

  .container li > div.arrow-bottom:before,
  .container li > div.arrow-bottom::after{
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      right: 5%;
      width: 6px;
      height: 2px;
      border-radius: 9999px;
      background-color: #000000;
      transform-origin: calc(100% - 1px) 50%;
      transform: rotate(45deg);
  }

  .container li > div.arrow-bottom::after{
    transform: rotate(-45deg);
  }

  .n-item-list .c-s-txt .c-s-txt-title::before,
  .n-item-list .c-s-txt .c-s-txt-title::after,
  .container li > .plus-bottom:before,
  .container li > .plus-bottom::after{

    position: absolute;
    right: 0;
    padding-right: 5%;
    top: 50%;
      content: "";
      margin-right: 5%;
      font-size: 0px;
      padding: 0;
      -webkit-transition: 0s;
      transition: 0s;
      border: 1px #000 solid;
      width: 12px;
  }



  .n-item-list .c-s-txt .c-s-txt-title::after,
  .container li > .plus-bottom::after{
    transform: rotate(-90deg);
  }
  .n-item-list .c-s-txt.active .c-s-txt-title::after,
  .container li.active > .plus-bottom::after,
  .container li > .h-title::after  {
    transform: rotate(0deg);
  }
  .container li.active > .plus-bottom::after{
    transform: rotate(-90deg);
  }
  .n-item-list .c-s-txt.active .c-s-txt-title::after,
  .container li.active > .plus-botto:hover:before {
    transform: rotate(0deg);
  }
  
  .container .hung-nav_img p:before
  /* .container .text > li:before  */
  {
    width: 0;
    height: 0;
    border-left: 4px solid black;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content: "";
    /*content: '\025b6';*/
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-weight: 100;
  }
  .container .hung-nav_img p:before {
    padding-right: 5%;
  }
  .container .text > .c-s-item:before {
    border: 0;
  }

  /*ボタンアニメーション*/

  .container li.default .text {
    display: block;
  }





  /*hamburger.accordion → LIのcss*/
  .global-nav h2 {
    font-size: 16px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
  }

  .nav-item-hung-sarch {
    border-top: 1px #EAEAEA solid;
    padding: 0 0 12px 0;
    text-align: left;
  }
  .nav-item-hung-sarch-2{
    position: relative;
    max-width: 90%;
    margin: 12px auto;
  }
  .nav-item-hung-sarch p{
    position: relative;
    width: 90%;
    font-size: 14px;
    font-weight: 600;
    margin: 10px auto 15px;
    padding-left: 20px;
  }
  .nav-item-hung-sarch p::before{
        position: absolute;
        content: '';
        border-radius: 50%;
        box-shadow: 0 0 0 1px #000;
        width: 12px;
        height: 12px;
        top: 4px;
        left: 0px;
  }
  .nav-item-hung-sarch p::after{
        position: absolute;
        content: '';
        width: 5px;
        height: 4px;
        top: 15px;
        left: 9px;
        border-top: solid 1px #000;
        transform: rotate(45deg);
  }
  .nav-item-hung-sarch form {
    position: relative;
    width: 90%;
    margin: auto;
  }

  .nav-item-hung-sarch .search {
    width: 25%;
    background-color: #1b3360;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 45px;
    vertical-align: top;
  }


  .nav-item-hung-sarch .keyword {
    width: 100%;
    border: 1px #EAEAEA solid;
    border-radius: 0;
    padding-left: 10px;
    height: 45px;
    vertical-align: top;
    font-size: 14px;
  }
  /*access アクセスの多いブランド*/
  .access-word {
    border-top: 1px #bbb solid;
    padding: 20px 5% 20px;
  }
  .access-word p {
    font-weight: bold;
    line-height: 35px;
  }
  .access-word a {
    display: block;
    text-decoration: underline;
  }
  .access-word span {
    display: block;
    text-align: right;
    font-size: 12px;
  }
  /*HOTワード設置*/
  .hotword {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 20px auto 0;
  }

  .hotword p,
  .hotword a {
    font-weight: bold;
    color: #cc0000;
  }

  .hotword a {
    border-bottom: 1px solid #ffafaf;
  }

  /*イベントアイコン*/
  .eventicon {
    position: absolute;
    top: 28px;
  }

  /*ブランドから探す*/
  .nav_content .a_z {
    width: 90%;
  }

  .menu2 .n-item-list {
    position: relative;
    max-width: unset;
    width: 90%;
    /* margin: 30px auto; */
  }

  .nav_content {
    padding: 0;
  }

  /*カテゴリーから探す*/
  .menu2 .n-item-list li {
    width: 100%;
    max-width: unset;
  }
  /* .menu2 .n-item-list li a::after{
    width: 0;
    height: 0;
    border-left: 4px solid black;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content: '';
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  } */

  .arrow-link_b li a{
    line-height: 38px;
  }
  .arrow-link_b li a::before,
  .arrow-link_b li a::after,
  .menu2 .n-item-list li a::before,
  .menu2 .n-item-list li a::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 10%;
    width: 6px;
    height: 2px;
    border-radius: 9999px;
    background-color: #000000;
    transform-origin: calc(100% - 1px) 50%;
  }
  .arrow-link_b li a::before,
  .menu2 .n-item-list li a::before {
    transform: rotate(45deg);
  }
  .arrow-link_b li a::after,
  .menu2 .n-item-list li a::after {
    transform: rotate(-45deg);
  }














  .n-item-list .c-s-img {
    max-width: 27%;
    background-size: 45px;
    height: 50px;
    width: 45px;
  }

  .n-item-list .c-s-txt {
    width: 100%;
    display: inline-block;
    margin-left: 6%;
  }

  .n-item-list .c-s-txt .c-s-txt-title,
  .n-item-list .c-s-txt p a {
    font-size: 14px;
    line-height: 38px;
  }

  .n-item-list .c-s-txt .text,
  .n-item-list .c-s-txt .intext{
    padding: 15px 0;
  }
  .n-item-list .c-s-txt p {
    display: block;
    border: 0px;
    position: relative;
    margin-right: 24px;
  }

  


  .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 -50px;
  }

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

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

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

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

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

  .n-item-list .c-s-8 {
    margin-bottom: 0;
  }

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

  .n-item-list .c-s-9 {
    margin-bottom: 0;
  }

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

  .n-item-list .c-s-10 {
    margin-bottom: 0;
  }

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

  .n-item-list .c-s-11 {
    margin-bottom: 0;
  }

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

  /*ご利用ガイド*/
  .global-nav > p {
    /* border-top: 1px #bbb solid; */
    padding: 25px 0 13px;
    font-size: 14px;
    font-weight: bold;
  }

  /*お問い合わせ*/
  /* .global-nav .customer {
    width: 90%;
    margin: auto;
    list-style: none;
  }

  .global-nav .customer li {
    border: 1px #bbb solid;
    padding: 12px 5%;
    margin-bottom: 10px;
  }

  .global-nav .customer .customer-item3 {
    margin-bottom: 50px;
  }

  .global-nav .customer a {
    font-weight: bold;
    font-size: 12px;
    display: block;
    max-width: 268px;
    margin: auto;
    padding-left: 30px;
  }

  .global-nav .customer-item a {
    background: url(/images/icon/f-tel-sp.jpg) no-repeat left;
    background-size: 20px;
  }

  .global-nav .customer-item2 a {
    background: url(/images/icon/f-mail-sp.jpg) no-repeat left;
    background-size: 23px;
  }

  .global-nav .customer-item3 a {
    background: url(/images/icon/sns-5.jpg) no-repeat left;
    background-size: 23px;
  }
  .global-nav .customer-whatsapp a {
    background: url(/images/icon/sns-6.jpg) no-repeat left;
    background-size: 23px;
  }
  .global-nav .customer a p {
    font-size: 12px;
  } */

  /* ================================ */
  /* トップページスライダー */
  /* ================================ */
  /* .slick-items.slick-initialized {
    position: relative;

    padding-right: 5%;
    margin-left: 5%;
    width: 95%;
  }

  .slick-box .slick-list {
    overflow: visible;
  }

  .slick-slider .slick-list {
    overflow: visible;
    margin-bottom: 0px;
  }

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

  .slick-item-info img {
    display: block;
  }

  .slick-box .slick-list img {
    -o-object-fit: initial;
    object-fit: initial;
    height: 59vh;
  } */
  /* ================================ */
  /* トップページスライダー */
  /* ================================ */

.section-top-item .swiper-n-items-w .swiper-slide,
.section-top-item .swiper-n-items-j .swiper-slide{
    width: 235px;
}
.swiper-slide_img, .slick-item .item-img{
    padding: 50px 30px;
}
.slick-item-info img{
    max-width: 175px;
}


  /* ================================ */
  /* パン屑 */
  /* ================================ */
  .section-breadcrumb {
    margin-top: 115px;
    padding: 2px 0;
  }

  .section-breadcrumb .block-breadcrumb {
    padding: 5px 0 5px 12px;
  }

  /* 2023/3/2 */
  .section-breadcrumb.s-b-top {
    background: 0;
    padding: 0;
  }

  .section-breadcrumb.s-b-top .block-breadcrumb {
    border-bottom: 0;
    padding: 0;
    width: 95%;
  }
  .page_title{
    padding: 33px 12px 40px;
  }
  /* ================================ */
  /* Footer - サイトフッター */
  /* ================================ */
  footer {
    width: 100%;
    height: initial;
    margin-top: 0;
  }

  footer .footer-main {
    width: 100%;
  }

  .section-footer-contact {
    /*display: block;*/
    padding: 0;
    /* margin: 0;
    position: fixed;
    height: 50px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.8281687675070029) 0%,
     rgba(255,255,255,0.6488970588235294) 54%, rgba(255,255,255,0) 100%); */
  }

  footer li {
    line-height: 20px;
    margin-left: 0;
  }

  footer .footer-main {
    width: 100%;
    margin: auto;
  }

  /*
  .footer-content-left {
   width: 100%;
   float: initial;
   padding-bottom: initial;
  }
  */

  .footer-content {
    width: 100%;
    float: initial;
    margin-left: initial;
    padding-bottom: initial;
    background: unset;
  }

  .footer_contact .f-c-box{
    width: 50%;
    margin-bottom: 40px;
  }
  .f-list-title {
    display: none;
  }

  /* footer ul {
    display: flex;
    flex-wrap: wrap;
  } */

  .no-left-border {
    border: 0;
  }

  footer .f-list li {
    width: 50%;
    margin-bottom: 8px;
    padding: 0;
  }
  .f-link_list .f-list li.sp-only{
    display: block;
  }
  footer .f-list .pc-only {
    display: none;
  }

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

  footer .f-list-2 li {
    width: 50%;
  }

  footer li a {
    color: #474747;
    font-size: 12px;
  }
  .footer-link_list{
    border-top: 1px #E5E5E5 solid;
  }
  .footer-title {
    cursor: pointer;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #2e2e2e;
    padding-top: initial;
    padding-left: 12px;
    font-weight: normal;
    margin-bottom: initial;
  }

  .sns-icon.pc-only {
    display: none;
  }



  .f-link_list{
      float: unset;
      display: block;
      margin: auto;
      width: calc((312 / 375) * 100%);
  }
  .f-link_list .f-list{
      width: 50%;
      margin: 0;
  }
  footer .footer-logo img {
    margin: 10px auto;
  }

  footer .footer-logo {
    width: 100%;
    max-width: 276px;
    display: block;
    float: unset;
    margin: 40px auto 54px;
  }
    footer .footer-logo.sp-only {
      margin: auto;
    }
  footer .footer-logo .sns-icon span{
    display: block;
  }
  footer .footer-logo .sns-icon{
    text-align: center;
  }
  footer .footer-logo .sns-icon p{

  }
  .sns-icon p{
    margin-top: 40px;
  }
  footer .footer-logo .sns-icon a {
    margin: 0 20px;
  }

  .f-link_list_bottom{
        margin: 30px auto 38px;
  }
  .f-link_list_bottom .f-list li,
  .f-link_list_bottom .f-list .no-left-border{
    display: block;
    max-width: unset;
    width: 100%;
    text-align: center;
    margin: auto;
    line-height: 30px;
  }
.f-link_list_bottom .f-list{
      margin: auto;
  }
  /*ハンバーガーメニュー　ペンシル対応*/
  /*
   footer .ac-f-cont1,
   footer .ac-f-cont2,
   footer .ac-f-cont3 {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: .8s linear;
    height: 0;
   }

   footer #ac-f-cap1:checked + .ac-f-cont1,
   footer #ac-f-cap2:checked + .ac-f-cont2,
   footer #ac-f-cap3:checked + .ac-f-cont3 {
    visibility: visible;
    opacity: 1;
   }

   footer #ac-f-cap1:checked + .ac-f-cont1 {
    display: initial;
    height: 328px;
   }

   footer #ac-f-cap2:checked + .ac-f-cont2 {
    display: initial;
    height: 246px;
   }

   footer #ac-f-cap3:checked + .ac-f-cont3 {
    display: initial;
    height: 246px;
   }
  */
  /* ================================ */
  /* Section - 人気ブランド20 */
  /* ================================ */

  .pop-title {
    font-size: 16px;
    margin-top: 54px;
  }
  .n-item-list li a,
  .menu-tab-content li a{
    align-items: flex-start;
  }
  .menu-tab-content .pop-brand-list {
    width: 95%;
    margin: 40px auto 20px;
  }

  .nav-item-menu-w .pop-brand-list{
        margin: 22px auto 0 !important;
  }

  .pop-brand-list .pop-b-l-til,
  .chg-box .chg-til{
    display: block;
    width: 100%;
    border-bottom: 1px #8b8b8b solid;
    margin-bottom: 16px;
    line-height: 2em;
    font-size: 14px;
    font-weight: 600;
  }
  .chg-box .chg-til{
    border: 0;
  }
  .pop-brand-list-item ul{
    width: 100%;
  }
  .n-item-list p span,
  .menu-tab-content p span,
  .menu-tab-content-h p span{
    font-size: 14px;
  }

  .brand-pop-list {
    padding: 0 5%;
    margin: auto;
  }

  .brand-pop-list li,
  .pop-brand-list li {
    width: 33.3333333333%;
    min-width: 120px;
  }

  .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% - 60px);
    font-size: 12px;
    text-align: left;
    padding: 2% 0;
    padding-left: 2%;
    padding-top: 0;
  }

  .brand-pop-list .w-pop-img,
  .pop-brand-list .w-pop-img,
  .brand-pop-list .j-pop-img,
  .pop-brand-list .j-pop-img,
  .pop-brand-list .jo-pop-img,
  .pop-brand-list .jsn-pop-img {
    background-size: 60px;
    height: 48px;
    width: 60px;
  }
  .pop-brand-list h3 {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 5px;
  }
  .brand-pop-list p span {
    display: block;
  }

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

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

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

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

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

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

  .pop-img-7 {
    background-position: 0 -1275px;
  }
  .w-pop-img.pop-img-7 {
    background-position: 0 -293px;
  }
  .pop-img-8 {
    background-position: 0 -342px;
  }

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

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

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

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

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

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

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

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

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

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

  .jsn-pop-img.pop-img-18 {
    background-position: 0 -832px;
  }
  .jsn-pop-img pop-img-18 {
    background-position: 0 -1223px;
  }
  .pop-img-19 {
    background-position: 0 -881px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* クロス */
  .pop-img-36 {
    background-position: 0 -1518px;
  }
  /* クローバー */
  .pop-img-37 {
    background-position: 0 -1566px;
  }
  /* スカル */
  .pop-img-38 {
    background-position: 0 -1615px;
  }
  /* ドロップ */
  .pop-img-39 {
    background-position: 0 -1665px;
  }
  /* ハート */
  .pop-img-40 {
    background-position: 0 -1762px;
  }
  /* リボン */
  .pop-img-41 {
    background-position: 0 -1967px;
  }
  /* 一粒 */
  .pop-img-42 {
    background-position: 0 -1808px;
  }
  /* 動物 */
  .pop-img-43 {
    background-position: 0 -1858px;
  }
  /* 昆虫 */
  .pop-img-44 {
    background-position: 0 -1910px;
  }
  /* 星 */
  .pop-img-45 {
    background-position: 0 -1957px;
  }
  /* 月 */
  .pop-img-46 {
    background-position: 0 -2004px;
  }
  /* 羽 */
  .pop-img-47 {
    background-position: 0 -2055px;
  }
  /* 花 */
  .pop-img-48 {
    background-position: 0 -2105px;
  }
  /* 蝶 */
  .pop-img-49 {
    background-position: 0 -2152px;
  }
  /* 鍵 */
  .pop-img-50 {
    background-position: 0 -2200px;
  }
  /* 馬蹄 */
  .pop-img-51 {
    background-position: 0 -2250px;
  }
  /* 星座 */
  .pop-img-52 {
    background-position: 0 -2300px;
  }
  /* 釣り針 */
  .pop-img-53 {
    background-position: 0 -2350px;
  }
  /*////// 宝石 石種 //////*/
  /* ガーネット */
  .pop-img-54 {
    background-position: 0 -2624px;
  }
  /* ガーネット */
  .pop-img-55 {
    background-position: 0 -2399px;
  }
  /* アメシスト */
  .pop-img-56 {
    background-position: 0 -2448px;
  }
  /* アクアマリン */
  .pop-img-57 {
    background-position: 0 -2497px;
  }
  /* サンゴ */
  .pop-img-58 {
    background-position: 0 -2545px;
  }
  /* ダイヤモンド */
  .pop-img-59 {
    background-position: 0 -2595px;
  }
  /* エメラルド */
  .pop-img-60 {
    background-position: 0 -2644px;
  }
  /* ヒスイ */
  .pop-img-61 {
    background-position: 0 -2693px;
  }
  /* パール */
  .pop-img-62 {
    background-position: 0 -2742px;
  }
  /* アレキサンドライト */
  .pop-img-63 {
    background-position: 0 -2790px;
  }
  /* ルビー */
  .pop-img-64 {
    background-position: 0 -2840px;
  }
  /* オニキス */
  .pop-img-65 {
    background-position: 0 -2889px;
  }
  /* ペリドット */
  .pop-img-66 {
    background-position: 0 -2937px;
  }
  /* サファイア */
  .pop-img-67 {
    background-position: 0 -2986px;
  }
  /* オパール */
  .pop-img-68 {
    background-position: 0 -3036px;
  }
  /* トルマリン */
  .pop-img-69 {
    background-position: 0 -3623px;
  }
  /* トパーズ */
  .pop-img-70 {
    background-position: 0 -3085px;
  }
  /* トルコ石 */
  .pop-img-71 {
    background-position: 0 -3134px;
  }
  /* ラピスラズリ */
  .pop-img-72 {
    background-position: 0 -3183px;
  }
  /* タンザナイト */
  .pop-img-73 {
    background-position: 0 -3231px;
  }
  /* クンツァイト */
  .pop-img-74 {
    background-position: 0 -3280px;
  }
  /* シトリン */
  .pop-img-75 {
    background-position: 0 -3328px;
  }
  /* ブラックダイヤ */
  .pop-img-76 {
    background-position: 0 -3378px;
  }
  /* その他 */
  .pop-img-77 {
    background-position: 0 -3575px;
  }
  /* ピアス */
  .pop-img-78 {
    background-position: 0 -3425px;
  }
  /* ピアス片方 */
  .pop-img-79 {
    background-position: 0 -3475px;
  }
  /* ペンダントトップ */
  .pop-img-80 {
    background-position: 0 -3525px;
  }
  /* カフス */
  .pop-img-81 {
    background-position: 0 -4215px;
  }
  /* タイピン */
  .pop-img-82 {
    background-position: 0 -3720px;
  }

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

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

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

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

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

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

  .pop-img-89 {
        background-position: 0 -3820px;
  }
  .pop-img-90 {
        background-position: 0 -1175px;
  }
  .pop-img-91 {
  background-position: 0 -1026px;
}

.pop-img-92 {
  background-position: 0 -976px;
}
  /* ================================ */
  /* イベント eventー */
  /* ================================ */

  /* .section-top-event h2 {
    display: block;
    margin: auto;
  } */

  /* .section-top-event .swiper {
    width: 100%;
  } */

  /* ================================ */
  /* ブランドピックアップ ブランドから探す*/
  /* ================================ */
  .brand-list.sp-only {
    display: none;
  }

  .brand-list ul .b-box a .b-txt span {
    font-size: 10px;
  }

  /* ================================ */
  /* ゆきざきオリジナルジュエリー */
  /* ================================ */
  .section-original-jem .swiper-slide {
    width: 250px;
  }

  .section-original-jem .top-p {
    margin: 40px auto;
  }

  .section-original-jem span {
    top: 80%;
  }

  /* ================================ */
  /* Section - 新着ニュースセクション */
  /* ================================ */

  /* ================================*/
  /* Section - トピックスセクション */
  /* ================================ */


  /* ================================ */
  /* history - 閲覧履歴 */
  /* ================================ */


  .history-list .swiper-n-container{
    width: 95%;
    margin-left: auto;
    margin-right: 0;
  }
  /* ================================ */
  /* Section - カルーセルブランド */
  /* ================================ */
  .section-top-brand {
    width: 90%;
    margin-top: 80px;
  }

  .slick-top-margin {
    margin-top: initial;
  }

  .tab-brands,
  .tab-brands-s {
    width: 100%;
  }

  .tab-brands ul {
    left: initial;
  }

  .tab-brands li {
    left: initial;
    width: 160px;
  }

  .tab-brands .cont-l {
    width: 49%;
  }

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

  .tab-brands .cont-r {
    width: 49%;
  }

  .slick-brand {
    padding-left: 0;
  }

  .slick-brand p {
    padding-top: 0;
  }


  /* ================================ */
  /* Section - ランキング商品 */
  /* ================================ */
  .ranking-rank-1,
  .ranking-rank-2,
  .ranking-rank-3 {
    font-size: 16px;
    position: absolute;
    top: 2%;
    left: 5%;
    background-color: #fff;
    border: 1px solid #2e2e2e;
    margin-bottom: initial;
    padding-top: 5px;
    padding-left: 0;
    width: 24px;
    height: 24px;
    line-height: 15px;
  }

  .block-itemlist ul {
    position: relative;
    list-style: none;
    overflow: hidden;
    clear: both;
  }

  .block-itemlist li {
    position: relative;
    margin-bottom: 30px;
  }

  .block-itemlist .item-list {
    margin-top: 30px;
  }

  .block-itemlist .item-list-b {
    margin-top: 30px;
  }

  .block-itemlist .item-info {
    overflow: hidden;
    width: 60%;
  }

  .block-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
  }

  .block-item .item-img {
    float: left;
    display: block;
    margin-top: 20px;
    width: 40%;
  }

  .block-item .item-img:hover {
    opacity: 0.6;
  }

  .block-item .item-img img {
    width: 120px;
    margin-right: auto;
    margin-left: auto;
    display: block;
  }

  .item-info .newused-n {
    width: 90px;
    height: 15px;
    line-height: 15px;
    background-color: #46a0cb;
    text-align: center;
    margin: auto;
    /* float: left; */
    font-size: 11px;
  }

  .item-info .newused-u {
    width: 90px;
    height: 15px;
    line-height: 15px;
    margin: auto;
    /* float: left; */
    font-size: 11px;
  }

  .item-info .newused-m {
    width: 90px;
    height: 15px;
    line-height: 15px;
    background-color: #5eb3b3;
    text-align: center;
    margin: auto;
    /* float: left; */
    font-size: 11px;
  }

  .item-info .newused-a {
    width: 90px;
    height: 15px;
    line-height: 15px;
    background-color: #d0b680;
    text-align: center;
    margin: auto;
    /* float: left; */
    font-size: 11px;
  }

  .item-info .newused-k {
    width: 90px;
    height: 15px;
    line-height: 15px;
    background-color: #46a0cb;
    text-align: center;
    margin: auto;
    /* float: left; */
    font-size: 11px;
  }

  .item-info .newused-mens {
    display: block;
    overflow: hidden;
  }

  .item-info .mens,
  .item-info .name1,
  .item-info .name2,
  .item-info .name3,
  .item-info .kataban,
  .item-info .stock-2,
  .item-info .stock,
  .item-info .baika {
    width: 100%;
    text-align: left;
    margin: auto;
  }

  .item-info .mens {
    width: 90px;
    float: left;
    border: 1px solid #ccc;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    margin-left: 8px;
  }

  .item-info .name1 {
    margin-top: 10px;
    font-size: 11px;
  }

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

  .item-info .name3 {
    font-size: 13px;
    line-height: 18px;
  }

  .item-info .kataban {
    font-size: 11px;
    line-height: 14px;
    height: 14px;
  }

  .item-info .stock-2,
  .item-info .stock {
    width: 90%;
    font-size: 12px;
    line-height: 25px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
  }
  .item-info .baika {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
  }

  .item-info .baika-zaiko {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
  }



  /* ================================ */
  /* ゆきざきオリジナルジュエリー */
  /* ================================ */
  .section-original-jems {
    margin: 80px auto;
  }

  /* ================================ */
  /* video - 動画 NEW ARRIVAL */
  /* ================================ */
  /* .video {
    position: relative;
  }

  .video video {
    width: 65%;
  }

  .video p {
    width: 35%;
    font-size: 30px;
    padding: 10px 0;
  } */

  /* ================================ */
  /* Section - コンテンツ */
  /* ================================ */
  .section-top-contents {
    width: 100%;
    margin-bottom: 80px;
    margin-top: 80px;
  }
  .top-contents-title {
    display: block;
    float: initial;
    padding-left: initial;
    text-align: center;
    clear: both;
  }

  .top-contents-title a.insta {
    font-size: 12px;
  }

  .top-contents-title-blog {
    font-size: 14px;
    display: block;
    float: initial;
    padding-left: initial;
    text-align: center;
    clear: both;
  }

  .section-top-contents .yukizaki {
    margin-top: 30px;
    overflow: hidden;
  }

  .section-top-contents .nombre {
    margin-top: 20px;
    overflow: hidden;
  }

  .section-top-contents .blog {
    margin-top: 30px;
    overflow: hidden;
  }

  .section-top-contents .top-contents-link {
    width: 60px;
    float: left;
    text-align: center;
    display: block;
    margin-top: 10px;
  }

  .section-top-contents .blog .top-contents-link {
    width: 180px;
  }
  .about-shops {
    width: 90%;
    margin: 20px auto;
  }

  .top-contents-footer .c-insta-title {
    font-size: 16px;
  }

  .top-contents-footer .insta-area {
    font-size: 16px;
    margin-left: 5px;
  }

  .top-contents-footer .ll {
    font-size: 12px;
    width: 48%;
    margin: 1%;
  }

  /*
  .top-contents-footer .ll:nth-child(odd){
    margin-right: 4%;
  }
  */
  /*WEB運営インスタ ll-block*/
  .top-contents-footer .ll-block {
    margin: 0px;
    width: 100%;
    line-height: 58px;
    border: 0;
    border-bottom: 1px #e6e6e6 solid;
    background: unset;
    position: relative;
  }

  .top-contents-footer .ll-block a {
    font-size: 14px;
    display: block;
    width: 90%;
    text-align: left;
  }

  .insta_yukizaki a {
    width: 94%;
    margin: 2% auto;
  }

  .top-contents-title a.insta {
    font-weight: bold;
    color: #fcfcfe;
  }

  .top-contents-footer .ll-block::after {
    width: 0;
    height: 0;
    border-left: 6px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content: "";
    /*content: '\025b6';*/
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
  }

  .top-contents-footer .ll .top-contents-title {
    padding-left: 20px;
  }

  .about-shops .ll .top-contents-title {
    padding: 0;
  }

  /* ================================ */
  /* Section - レビュー */
  /* ================================ */
  .section-top-review {
    width: 90%;
    margin-top: 80px;
  }

  .review-body {
    font-size: 14px;
    -webkit-line-clamp: 4;
    height: 86px;
  }
  /*
   .top-item-review {
    width: 180px;
    float: left;
   }
   .review-rank{
   }

   .review-body {
    width: 130px;
   }
  */
  /* ================================ */
  /* Section - ブランド */
  /* ================================ */
  /* ================================ */
  /* Section - メディア */
  /* ================================ */
  /* ================================ */
  /* Section - インフォメーション */
  /* ================================ */
  /* ================================ */
  /* Section - ブロック商品 */
  /* ================================ */
  /* .block-listed-items {
   width: 90%;
  }

  .listed-item {
   margin-right: 12px;
   height: 220px;
  }

  .listed-item-info {
   height: 220px;
   opacity: 1;
  } */
  /* ================================ */
  /* Section - フッターコンタクト */
  /* ================================ */
  .block-footer-contact {
    width: 100%;
    height: 70px;
    position: fixed;
    bottom: 0;
    background-color: #0d1050;
    color: #fff;
    opacity: 0.8;
    z-index: 999;
  }

  .block-footer-contact .footer-contact-mail {
    width: 50%;
    height: 70px;
    margin: auto;
    float: left;
    border-right: 1px solid #fff;
  }

  .block-footer-contact .footer-contact-mail-img {
    background: url(/images/info-logo.png) no-repeat;
    background-position: -104px -21px;
    width: 30px;
    height: 19px;
    float: left;
    margin-top: 25px;
    margin-left: 34px;
  }

  .block-footer-contact .footer-contact-mail-info {
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-left: 16px;
  }

  .block-footer-contact .footer-contact-mail-title {
    font-size: 10px;
  }

  .block-footer-contact .footer-contact-mail-desc {
    font-size: 9px;
  }

  .block-footer-contact .footer-contact-tel {
    width: 50%;
    height: 70px;
    margin: auto;
    float: right;
  }

  .block-footer-contact .footer-contact-tel-img {
    background: url(/images/info-logo.png) no-repeat;
    background-position: -136px -13px;
    width: 16px;
    height: 27px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
  }

  .block-footer-contact .footer-contact-tel-info {
    float: left;
    text-align: center;
    margin-left: 8px;
    max-width: 130px;
  }

  .block-footer-contact .footer-contact-tel-title {
    font-size: 10px;
    margin-top: 10px;
  }

  .block-footer-contact .footer-contact-tel-desc {
    font-size: 13px;
  }

  .block-footer-contact .footer-contact-tel-sub {
    font-size: 9px;
  }

  .footer-contact-tel-link {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-contact-mail-link {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .block-footer-contact a,
  .block-footer-contact a:hover {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
  }

  .cart-item .sale-name,
  .cart-item .brand,
  .cart-item .model,
  .cart-item .kataban {
    margin-left: 10px;
  }

  #footer-bag {
    z-index: 1000;
    position: fixed;
    bottom: 10px;
    left: 10px;
    opacity: 1;
    cursor: pointer;
    display: none;
    /*kuro*/
  }

  #footer-pagetop,
  #footer-f-star {
    z-index: 990;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
  }

  /* お気に入り リンク*/

  #footer-f-star {
    opacity: 1;
    /* background: #ffffff94; */
    left: auto;
    bottom: 65px;
  }

  #footer-f-star img {
    display: block;
    margin: auto;
  }

  #footer-f-star span {
    font-size: 12px;
    font-weight: 700;
  }

  .footer-pagetop-l {
    left: 10px;
    opacity: 1;
    display: inline-table;
  }

  .tabbrands {
    width: 100%;
  }

  .tab-brands .cont-l {
    margin-left: 2px;
    margin-bottom: 10px;
  }

  .tab-brands .cont-r {
    margin-left: 2px;
    margin-bottom: 10px;
  }

  .slick-item .item-l,
  .slick-item .item-r {
    width: 100%;
  }

  .slick-slider {
    width: 100%;
  }

  slick-item-info {
    width: 100%;
  }

  .slick-slider a img {
    width: 100%;
    max-width: 150px;
    margin-bottom: 15px;
  }
  .autoInsert.slick-slider a img {
    max-width: unset;
    margin: 0 0 0;
  }
  .view_lang {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
  }

  /*イベントオーバーレイ*/
  .overlay-event-body-wrap {
    width: 80%;
  }

  /* ================================ */
  /* cookie クッキー同意 バナー */
  /* ================================ */

  #cookie-bnr{
    bottom: 60px;
  }
  .co-txt {
    display: block;
  }

  .co-txt p {
    width: 100%;
    display: block;
  }

  .co-btn {
    margin: auto;
    display: block;
  }
  /* ================================ */
  /* パン屑 */
  /* ================================ */


  .block-breadcrumb {
    line-height: 2em;
    font-size: 12px;
  }

  /* ================================ */
  /* 絞り込み検索 　mainへ*/
  /* ================================ */
  /* .chg-box .chg-til {
    padding-left: 5%;
    margin-bottom: 5px;
  } */

  .contents-header-box {
    border-bottom: 0;
    margin-top: 15px;
  }
  .chg-box .chg-checkbox{
    padding: 0;
  }
  .chg-box.chg-hot .chg-til{
    border-top: #E5E5E5 solid 1px;
  }
  .chg-box.chg-hot .chg-checkbox{
    border: 0;
  }
.contents-header-box#contents-header-box2{
    display: block;
    margin-top: 0;
    padding: 0 3%;
}
  #c-yen-box .c-c_size-width.sp-only {
    display: flex;
    width: 100%;
    max-width: 600px;
    margin: 0;
  }

  .contents-header-box#contents-header-box2 .c-r_size-width span,
  .contents-header-box#contents-header-box2 .c-c_size-width span,
  .contents-header-box#contents-header-box2 .c-yen-width span{
        padding: 0 2%;
  }

  .contents-header-box#contents-header-box2 #c-yen-box .c-c_size-width.sp-only{
    display: inline-block;
  }

  .contents-header-box#contents-header-box2 .c-yen-width p span{
    display: inline-block;
  }

  .menu-tab-content .chg-search-nav{
    margin: 0;
    padding: 0;
  }
  /* ================================ */
  /* 　シリーズ  */
  /* ================================ */
  .s-box{
    margin: auto;
    margin-bottom: 40px;
  }
  .series table{
    width: 100%;
    display: block;
    margin: 0 auto 24px;
    overflow: hidden;
  }
  .series tbody{
    width: 90%;
    margin: auto;
  }
  .series tr {
      margin: 29px auto;
  }


  /* ================================ */
  /* 取り扱いブランド一覧 */
  /* ================================ */

.top-brand-list a{
      width: 33%;
}

  /* ================================ */
  /* キャンペーン誘導　バナー */
  /* ================================ */

  .c-open .c-btn {
      left: 370px;
  }

  
  /* ================================ */
  /* reCAPTCHAバッジの位置 */
  /* ================================ */

  .grecaptcha-badge {
  bottom: 65px !important;
  }
}

@media only screen and (max-width: 768px) {
  /*ヘッダースライダー*/

  .slick-text {
    text-align: right;
    top: unset;
    bottom: 0;
    max-width: 100%;
    position: unset;
    padding: 0;
    border: 0;
  }

  .swiper-slide .slick-text .txt {
    font-size: 20px;
    display: none;
    /*kuro*/
  }

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

  .container .swiper-container .swiper-wrapper .swiper-slide .card-image .pc-only {
    display: none;
  }

  .container .swiper-container .swiper-wrapper .swiper-slide .card-image .sp-only {
    display: block;
    height: 100vh;
    min-height: 100vh;
    /* width: 100%; */
  }

  /* ================================ */
  /* top　画像　トップアイキャッチ */
  /* ================================ */
  .h-s-logo {
    top: unset;
    bottom: 20%;
    left: 50%;
    max-width: 200px;
    transform: translate(-50%);
  }

  .h-s-logo img {
    width: 100%;
  }
  .ginza {
    max-width: 350px;
    bottom: 8%;
  }
  /* ================================ */
  /* ブランドランキング */
  /* ================================ */
  .swiper-container-brand li .rank-brand-info {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
    width: 60%;
  }

  .swiper-container-brand li .rank-brand-info .name {
    height: 62px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  /* ================================ */
  /* キャンペーン誘導　バナー */
  /* ================================ */
  .c__list{
    width: max-content;
  }


  .r-rank-body {
    width: 51%;
    float: right;
  }


  /* ================================ */
  /* Section - カルーセル商品 */
  /* 全体共通 スワイパー buttonとscrollbar */
  /* ================================ */

  .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
      width: calc(95% - 120px);
      left: 76px;
  }




}

@media only screen and (max-width: 550px) {
  .menu2 .nav-menu-logo-sp {
    max-width: 90px;
  }

  .nav-item-menu-w .pop-brand-list{
        margin: 0 auto 0 !important;
  }

  .more-items {
    height: 40px;
    line-height: 40px;
  }

  /*開いた後 sub*/

/* .nav-open-search .hamburger_sub::before{
        left: 43%;
} */

  /* ================================ */
  /* top　画像　トップアイキャッチ */
  /* ================================ */
  .h-s-logo {
    max-width: 170px;
  }

  .rxkaitori {
    max-width: 270px;
  }

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

  .brand-list ul a:hover > img {
    filter: unset;
    transition: unset;
  }

  /* ================================ */
  /* video - 動画 NEW ARRIVAL */
  /* ================================ */
  .video video {
    width: 100%;
  }

  .video p {
    width: 100%;
    font-size: 25px;
    position: absolute;
    display: block;
    bottom: -1px;
    left: 0;
    height: auto;
    background: linear-gradient(to top, #060606 0, rgba(91, 96, 106, 0.0196078431) 93%);
    /* background: linear-gradient(to top, #da9a9a 0, rgba(91, 96, 106, 0.0196078431) 93%); */
  }



  /* ================================*/
  /* Section - トピックスセクション */
  /* ================================ */


  /* ================================ */
  /* Section - 新着商品スライダー */
  /* ================================ */


  /* ================================ */
  /* 絞り込み検索 mainへ */
  /* ================================ */
  .pop-brand-list h3 {
    font-size: 12px;
  }

  #c-yen-box .c-yen-width {
    width: 100%;
  }
  #c-yen-box .c-yen-width p {
    display: inline;
    white-space: nowrap;
  }


  /* ================================ */
  /* 取り扱いブランド一覧 */
  /* ================================ */
  .top-brand-list{
    position: relative;
    margin: 50px auto 0;
    padding: 0 0 75px;
  }
  .top-brand-list input,
.top-brand-list label{
  display: block;
}

  .top-brand-list label {
      position: absolute;
      max-width: 225px;
      width: 100%;
      display: table;
      left: 50%;
      bottom: 0;
      margin: 0 auto;
      padding: 10px 30px 10px 0;
      text-align: center;
      transform: translateX(-50%);
      cursor: pointer;
      z-index: 1;
      border-bottom: 1px #ccc solid;
  }
  .top-brand-list label::before,
  .top-brand-list label::after {
    position: absolute;
    right: 0;
    padding-right: 5%;
    top: 50%;
    content: "";
    margin-right: 5%;
    font-size: 0px;
    padding: 0;
    -webkit-transition: 0s;
    transition: 0s;
    border: 1px #000 solid;
    width: 12px;
   }
   .top-brand-list label::after {
    transform: rotate(-90deg);
  }
  .top-brand-list input[type="checkbox"]:checked ~ label::after {
    transform: rotate(0deg);
}
  .top-brand-list label span::before{
    content: 'さらにブランドを表示する';
  }

  .top-brand-list input[type="checkbox"]:checked ~ label span::before {
    content: 'ブランドを閉じる';
  }

  .top-brand-list input[type="checkbox"]{
    display: none;
  }

  .top-brand-list ul {
    position: relative;
    height: 200px;
    overflow: hidden;
  }

  .top-brand-list input[type="checkbox"]:checked ~ ul {
    height: auto;
  }


  .top-brand-list a{
        width: 100%;
  }







}

@media only screen and (max-width: 528px) {
  main {
    margin-bottom: 0;
  }

  .body-main h2 {
    line-height: unset;
  }

  .s-e-labo a:before,
  .s-e-topics a:before {
    background-color: rgba(0, 0, 0, 0.6);
  }

  /*検索窓*/
  .nav-item-sarch .search {
    width: 21%;
  }

  /*検索窓*/
  .more-items {
    margin: auto;
    /*kuro*/
    max-width: 300px;
    width: 90%;
    margin-bottom: 40px;
  }

  /* ================================ */
  /* Section - ヘッダー　グロナビ */
  /* ================================ */

  .nav-tab .nav-menu-item .nav-menu-item-box li {
    min-width: unset;
    width: unset;
    padding: 0 2%;
  }

    /* .nav-tab .nav-menu-item .nav-menu-item-box li:nth-child(4) {
          width: 30%;
    } */

  /* .menu2 .nav-menu-item .nav-menu-item-box li:nth-child(4) {
    width: 31%;
  } */

  
  /* .nav-tab .n-item-list li,

  .menu-tab-content li,
  .menu-tab-content-h li {
    width: 50%;
  } */


  .n-item-list p span{
    font-size: 12px;
    margin-top: 3px;
  }

  .sps-only {
    display: block;
  }

  input[type="checkbox"].nav-item-menu-onoff-s:checked + .nav-item-menu-s,
  input[type="checkbox"].nav-item-menu-onoff-w:checked + .nav-item-menu-w,
  input[type="checkbox"].nav-item-menu-onoff-j:checked + .nav-item-menu-j,
  input[type="checkbox"].nav-item-menu-onoff-n:checked + .nav-item-menu-n,
  input[type="checkbox"].nav-item-menu-onoff-h:checked + .nav-item-menu-h {
    max-height: 570px;
    height: 68vh;
  }

  input[type="checkbox"].nav-item-menu-onoff-h:checked + .nav-item-menu-h {
    max-height: 385px;
  }

  .nav-tab .nav-item-link .nav-item-en,
  .nav-tab .nav-item-link .nav-item-en p {
    font-size: 12px;
    line-height: unset;
  }

  .nav-tab .nav-menu-item .nav-menu-item-box li:last-child .nav-item-link {
    height: 100%;
    display: block;
  }

  .nav-tab .nav-menu-item .nav-menu-item-box li:last-child .nav-item-en {
    line-height: 50px;
    vertical-align: middle;
  }

  .menu-tab-content li img,
  .menu-tab-content-h li img {
    max-width: 42px;
    /*kuro*/
    width: 27%;
    /*kuro*/
  }

  .menu-tabs-footer .search-exec,

  .menu-tabs-footer .brand-all {
    width: 80%;
    /*kuro*/
  }

  /* ================================ */
  /* Section - hamburger　accordion　メニュー */
  /* ================================ */

  .nav-tab .n-item-list#s-2 {
    height: 576px;
  }

  .nav-tab .n-item-list#s-3 {
    height: 162px;
  }

  .nav-tab .n-item-list .c-s-7 {
    margin-bottom: 0px;
  }

  .nav-tab .n-item-list .c-s-9 {
    margin-bottom: 30px;
  }

  .nav-tab .n-item-list .c-s-9 {
    margin-bottom: 0px;
  }

  .n-item-list .c-s-txt {
    float: none;
  }

  /* ================================ */
  /* Section - 人気ブランド20 */
  /* ================================ */
  .menu-tabs-list{
    width: 90%;
  }
  .menu-tabs-list .menu-tab-content{
        margin-top: 10px;
  }
  .pop-title {
    display: none;
  }

  .pop-brand-list {
    width: 100%;
    margin: 15px auto 5px;
  }

  .brand-pop-list li {
    width: 50%;
    max-width: 371px;
    min-width: unset;
  }
  .brand-pop-list li,
  .pop-brand-list li{
        width: 50%;
  }
  .brand-pop-list li a {
    display: flex;
    align-items: center;
  }

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

  .brand-pop-list p,
  .pop-brand-list p {
    width: calc(100% - 44px);
    padding-left: 10px;
  }

  .brand-pop-list p span {
    display: block;
  }

  .brand-pop-list .w-pop-img,
  .nav-menu .pop-brand-list .w-pop-img,
  .brand-pop-list .pop-brand-list .j-pop-img,
  .nav-menu .pop-brand-list .j-pop-img,
  .nav-menu .pop-brand-list .jo-pop-img,
  .nav-menu .pop-brand-list .jsn-pop-img {
    background-size: 44px;
    height: 35px;
    width: 44px;
  }

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

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

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

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

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

  .pop-img-7 {
    background-position: 0 -935px;
  }
  .w-pop-img.pop-img-7 {
    background-position: 0 -215px;
  }
  .pop-img-8 {
    background-position: 0 -251px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .pop-img-18 {
    background-position: 0 -611px;
  }
  .j-pop-img pop-img-18 {
    background-position: 0 -613px;
  }

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

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

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

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

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

  .jsn-pop-img.pop-img-22 {
    background-position: 0 -646px;
  }
  .pop-img-23 {
    background-position: 0px -970px;
  }

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

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

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

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

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

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

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

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

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

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

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

  /* クロス */
  .pop-img-36 {
    background-position: 0 -1113px;
  }
  /* クローバー */
  .pop-img-37 {
    background-position: 0 -1150px;
  }
  /* スカル */
  .pop-img-38 {
    background-position: 0 -1185px;
  }
  /* ドロップ */
  .pop-img-39 {
    background-position: 0 -1221px;
  }
  /* ハート */
  .pop-img-40 {
    background-position: 0 -1257px;
  }
  /* リボン */
  .pop-img-41 {
    background-position: 0 -1292px;
  }
  /* 一粒 */
  .pop-img-42 {
    background-position: 0 -1326px;
  }
  /* 動物 */
  .pop-img-43 {
    background-position: 0 -1364px;
  }
  /* 昆虫 */
  .pop-img-44 {
    background-position: 0 -1400px;
  }
  /* 星 */
  .pop-img-45 {
    background-position: 0 -1435px;
  }
  /* 月 */
  .pop-img-46 {
    background-position: 0 -1470px;
  }
  /* 羽 */
  .pop-img-47 {
    background-position: 0 -1509px;
  }
  /* 花 */
  .pop-img-48 {
    background-position: 0 -1545px;
  }
  /* 蝶 */
  .pop-img-49 {
    background-position: 0 -1580px;
  }
  /* 鍵 */
  .pop-img-50 {
    background-position: 0 -1615px;
  }
  /* 馬蹄 */
  .pop-img-51 {
    background-position: 0 -1649px;
  }
  /* 星座 */
  .pop-img-52 {
    background-position: 0 -1688px;
  }
  /* 釣り針 */
  .pop-img-53 {
    background-position: 0 -1722px;
  }
  /*////// 宝石 石種 //////*/
  /* ガーネット */
  .pop-img-54 {
    background-position: 0 -2624px;
  }
  /* アメシスト */
  .pop-img-55 {
    background-position: 0 -1760px;
  }
  /* アクアマリン */
  .pop-img-56 {
    background-position: 0 -1796px;
  }
  /* サンゴ */
  .pop-img-57 {
    background-position: 0 -1830px;
  }
  /* ダイヤモンド */
  .pop-img-58 {
    background-position: 0 -1867px;
  }
  /* エメラルド */
  .pop-img-59 {
    background-position: 0 -1903px;
  }
  /* ヒスイ */
  .pop-img-60 {
    background-position: 0 -1940px;
  }
  /* パール */
  .pop-img-61 {
    background-position: 0 -1975px;
  }
  /* アレキサンドライト */
  .pop-img-62 {
    background-position: 0 -2010px;
  }
  /* ルビー */
  .pop-img-63 {
    background-position: 0 -2047px;
  }
  /* オニキス */
  .pop-img-64 {
    background-position: 0 -2083px;
  }
  /* ペリドット */
  .pop-img-65 {
    background-position: 0 -2120px;
  }
  /* サファイア */
  .pop-img-66 {
    background-position: 0 -2155px;
  }
  /* オパール */
  .pop-img-67 {
    background-position: 0 -2190px;
  }
  /* トルマリン */
  .pop-img-68 {
    background-position: 0 -2226px;
  }
  /* トパーズ */
  .pop-img-69 {
    background-position: 0 -2657px;
  }

  .pop-img-70 {
    background-position: 0 -2263px;
  }
  /* トルコ石 */
  .pop-img-71 {
    background-position: 0 -2298px;
  }
  /* ラピスラズリ */
  .pop-img-72 {
    background-position: 0 -2334px;
  }
  /* タンザナイト */
  .pop-img-73 {
    background-position: 0 -2370px;
  }
  /* クンツァイト */
  .pop-img-74 {
    background-position: 0 -2405px;
  }
  /* シトリン */
  .pop-img-75 {
    background-position: 0 -2440px;
  }
  /* ブラックダイヤ */
  .pop-img-76 {
    background-position: 0 -2478px;
  }
  /* その他 */
  .pop-img-77 {
    background-position: 0 -2620px;
  }

  /* ピアス */
  .pop-img-78 {
    background-position: 0 -2515px;
  }
  /* ピアス片方 */
  .pop-img-79 {
    background-position: 0 -2550px;
  }
  /* ペンダントトップ */
  .pop-img-80 {
    background-position: 0 -2585px;
  }
  /* カフス */
  .pop-img-81 {
    background-position: 0 -2695px;
  }
  /* タイピン */
  .pop-img-82 {
    background-position: 0 -2730px;
  }

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

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

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

  .pop-img-86 {
    background-position: 0 -2539px;
  }
  .pop-img-87 {
    background-position: 0 -682px;
  }

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

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

  .pop-img-90 {
    background-position: 0 -861px;
  }
  .pop-img-91 {
  background-position: 0 -754px;
}

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

  /* ================================ */
  /* トップページスライダー */
  /* ================================ */

  .slide-arrow {
    display: none !important;
  }

  .section-top-topics {
    width: 100%;
    margin-top: 80px;
  }

  .slick-event-content-topics {
    height: auto;
    overflow: hidden;
  }

  .s-event-box {
    background: unset;
    padding: 0 0 30px;
  }

  /* ================================ */
  /* evemt スライダー */
  /* ================================ */


  /* ================================ */
  /* ゆきざきオリジナルジュエリー */
  /* ================================ */
  .section-original-jem .swiper-slide {
    width: 215px;
  }

  /* ================================ */
  /* Section - 新着商品スライダー */
  /* ================================ */

  /* ================================ */
  /* Section - カルーセルブランド */
  /* ================================ */
  .section-top-brand {
    width: 100%;
  }
  /*
  .section-branad-search-tabs {
    margin-top: 40px;
    padding-top: 40px;
  }*/
  .section-branad-search-tabs .tab_item-s,
  .section-top-brand .tab_item {
    width: 45%;
  }

  label[for="w-pick"],
  label[for="wb-tab"] {
    margin-left: 5%;
  }

  label[for="J-pick"],
  label[for="Jb-tab"] {
    margin-right: 5%;
  }

  .tab_content {
    padding: 40px 0 0;
  }

  .tab-brands .cont-l,
  .tab-brands .cont-r {
    width: 100%;
    margin-bottom: 30px;
    display: block;
  }

  .tab-brands li:last-child {
    margin-bottom: 0;
  }

  .tab-brands .cont-r .top-lineup-w,
  .top-lineup-h {
    max-width: 250px;
    height: 45px;
    line-height: 45px;
    margin-top: 0;
  }

  /* ================================ */
  /* Section - レビュー */
  /* ================================ */
  .section-top-review {
    padding-bottom: 40px;
  }

  .top-item-review {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }

  .r-rank-body {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
  }

  .review-rank-box {
    float: none;
    width: 100%;
    margin-bottom: 7px;
    /*kuro*/
  }

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

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

  .review-body {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    margin-top: 5px;
    height: 60px;
    font-size: 13px;
    /*kuro*/
  }

  .customer-img a {
    width: 20%;
  }

  .customer-img img {
    width: 100%;
  }

  /* ================================ */
  /* Section - 新着ニュースセクション */
  /* ================================ */
  .section-top-news {
    margin: 40px 0;
  }

  .block-topics-list .topics-ymd {
    font-size: 14px;
  }

  .block-topics-list .top-sub {
    margin-bottom: 20px;
  }

  section .top-sub {
    margin-top: 0px;
  }

  .topics-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  /* ================================ */
  /* Section - about yukizaki ゆきざきについて*/
  /* ================================ */
  .b-about-img .slide-img .pc {
    display: none;
  }

  .b-about-img .slide-img .sp {
    display: block;
    z-index: 1;
  }

  .ab1,
  .ab2,
  .ab3 {
    background-size: cover;
    z-index: 10;
  }

  .topics-list p {
    margin-top: 20px;
    text-align: left;
    font-size: 14px;
  }

  .button-topics-wrap {
    margin-top: 20px;
  }

  .button-topics {
    width: 100%;
    margin: 10px auto 0;
    display: block;
  }

  /* ================================ */
  /* Section - about topics hospitality*/
  /* ================================ */
  .section-top-topics {
    margin-top: 60px;
    width: 100%;
  }

  .s-e-topics {
    width: 100%;
    overflow: hidden;
    margin-right: 0;
    margin-top: 15px;
  }

  .s-e-ltxt {
    width: 80%;
    margin: auto;
  }

  .event-l {
    height: 190px;
  }

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

  .section-top-news {
    margin: 0;
    display: inline-block;
  }

  .as-title {
    margin-top: 30px;
  }

  .about-shops {
    margin-bottom: 76px;
  }

  .as-btn {
    bottom: -45px;
    max-width: 250px;
    line-height: 45px;
  }

  .as-btn .fa {
    margin-right: 0.5em;
  }

  .a-s-list {
    position: relative;
    overflow: hidden;
    height: 150px;
    display: block;
  }

  .a-s-list::before {
    z-index: 1;
    content: "";
    width: 100%;
    height: 72px;
    /*グラデーションで隠す範囲*/
  }

  /* ================================ */
  /* Section - history 閲覧履歴*/
  /* ================================ */
  .section-top-history {
    margin: 40px 0 0;
  }


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


  /* ================================ */
  /* キャンペーン誘導　バナー */
  /* ================================ */


  #camp-bnr a {
    padding: 5px 4px;
  }
  .view_lang_en #camp-bnr a{
    width: 100%;
  }

  #camp-bnr img {
    width: 25px;
  }

  #camp-bnr p {
    /* font-size: 13px; */
    font-size: 12px;
  }
  .c-open .c-btn {
    left: 280px;
    top: -3px;
  }
  .view_lang_en .c-open .c-btn {
    left: 91%;
  }
  /* ================================ */
  /* FOOTER FOOTER */
  /* ================================ */
  /**/

  /* footer {

  } */
 .footer_contact .f-c-box{
  width: 100%;
} 
  /* ================================ */
  /* style テンプレート */
  /* ================================ */

  h2 {
    /* font-size: 25px !important; */
    line-height: 1.4em;
    font-weight: normal;
  }

  /* ================================ */
  /* BRANDから探す */
  /* ================================ */
  .brand-list ul .b-list {
    margin: 5px auto 20px;
  }
  .brand-list ul .more-items {
    margin: 20px auto 40px;
  }
  /* .tab-content {
    padding-bottom: 0;
    margin-bottom: 0;
  } */

  /* ================================ */
  /* ゆきざきオリジナルジュエリー */
  /* ================================ */
  .section-original-jems {
    margin: 40px auto;
  }

  .section-original-jem {
    margin: 20px auto 0;
  }

  .section-original-jem .txt p {
    font-size: 16px;
  }

  .section-original-jem .txt {
    margin: 10px auto;
  }

  /* ================================ */
  /* instagram */
  /* ================================ */
  .section-top-contents {
    margin: 40px auto;
  }
}
.float-left-sp {
  float: left;
}

@media only screen and (max-width: 428px) {
  .h-shop-list {
    left: 68px;
  }


}

@media only screen and (max-width: 361px) {
  /*ヘッダー カート*/
  .top-info-box {
    margin-right: 0;
  }

  .top-information .top-information-cart {
    margin-left: 10px;
  }

  .menu2 .top-information {
    max-width: 100px;
  }

  .top-contents-footer .ll {
    width: 100%;
  }

  .top-contents-footer .ll:nth-child(odd) {
    margin: 0;
  }

  .h-shop-list {
    left: 58px;
  }

  .s-e-topics {
    height: unset;
  }

  /* ================================ */
  /* nav 詳細検索 */
  /* ================================ */
  .nav-item-sarch .keyword {
    font-size: 14px;
  }
  /* ================================ */
  /* event スライダー */
  /* ================================ */
  .section-top-event .swiper-slide {
    width: 200px;
  }
}
/* 881 <= width */
@media only screen and (max-width: 881px) {
  .float-left-sp {
    float: initial;
  }

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

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

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

  .cfix-sp {
    display: inline-block;
  }

  * html .cfix-sp {
    height: 1%;
  }

  .cfix-sp {
    display: block;
  }

  .nav_search-form {
    width: 31%;
  }

  .nav_search-form form {
    margin-left: auto;
    margin-right: auto;
  }

  /*
   .menu2 .nav-menu-logo {
    margin-right: 20px;
   }
  */

  .sagest {
    width: 36%;
  }

  .nav-item-search {
        /* width: 90%; */
        margin: auto;
  }

  .nav-item-search input {
    width: 100%;
  }
.nav-item-search input{
  width: 291px;
}
  .nav_search-submit2 {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 53px;
    right: 6%;
    border: none;
    cursor: pointer;
    background: transparent;
  }

  .nav_search-submit2::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #000;
  }

  .nav_search-submit2::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 5px;
    top: 11px;
    left: 7px;
    border-top: solid 1px #000;
    transform: rotate(45deg);
  }

  .overlay-event-info {
    /*margin-left: 70px;*/
  }

  /* .block-listed-items p{
    width: 90%;
    margin: auto;
  } */



  /* ================================ */
  /* 商品を探す  */
  /* ================================ */
  .s-item-imglist {
    width: 80%;
  }
}

#view_lang_select {
  font-size: 14px;
  padding: 0.1em 0.1em 0.05em;
  color: #545454;
  /* font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; */
}

@media only screen and (max-width: 768px) {
  .s-item-imglist {
    width: 100%;
  }

  .s-item-imglist ul {
    max-width: 500px;
  }
}

@media only screen and (max-width: 528px) {
  section .top-p {
    font-size: 20px;
  }

  section .top-sub {
  }

  .sagest {
    margin-left: 0;
    width: 88%;
    /*変更*/
    max-width: unset;
    left: 50%;
    /*追記*/
    transform: translateX(-50%);
    /*追記*/
    top: 176px;
    /*追記*/
  }

  /* ================================ */
  /* 　シリーズ  */
  /* ================================ */
  .s-box {
    width: 90%;
  }

  .series th {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
  }

  .series tr {
    display: inline-table;
  }

  .series .s-brand,
  .series .s-type {
    display: inline-table;
  }

  .series td {
    font-size: 13px;
  }


  .top-information .top-information-cart {
    /*kuro*/
    margin-left: 9px;
    /*kuro*/
  }
  .top-information .top-information-cart a{
    position: relative;
  }


  /*footer ul {
  margin: 10px auto 0;
}*/
}

@media only screen and (max-width: 430px) {
  .s-item-imglist li {
    width: 49%;
    max-width: 150px;
  }
/* グロナビ詳細検索 商品検索 */

  .s-item-imglist li {
    width: 49%;
    max-width: 150px;
  }


  .nav-open .hamburger__line--1,
  .nav-open .hamburger__line--3{
    left: 38%;
  }

  .nav-open-search .header-fixed_search .hamburger__line--3,
   .nav-open-search .header-fixed_search .hamburger__line--1{
        left: 25%;
   }



}

@media only screen and (max-width: 768px) {
  .search-contents .ex {
    right: -50px;
  }
}
@media only screen and (max-width: 320px) {
  .view_lang_en .nav-tab .nav-menu-item .nav-menu-item-box li:last-child .nav-item-en {
    line-height: 17px;
    padding: 8px 0;
  }

  /* ================================ */
  /* Section - 新着商品スライダー */
  /* ================================ */

  /* ================================ */
  /* キャンペーン誘導　バナー */
  /* ================================ */
  #camp-bnr img{
    display: none;
  }
  .c-open .c-btn{
    left: 228px;
  }
} /* sourceMappingURL=main-sp.css.map */